第2单元第6课在网站中插入超链接.doc

第2单元 创建个人网站 第15课 　　 教学内容 在网站中插入超链接 教学目标教学重点：超链接的含义；链接源、链接目标的含义根据需要选择适当超链接类型教学难点：书签链接的名称及对应链接位置的设定教学过程：情景导入（课前）师：还没到上课时间，请先来的同学读读书。 书在我们的电脑里。请大家打开D盘，里面有几本书——几本电子书，请大家任选一本进行阅读。（学生尝试）　　（开始上课）（二） 新授师：（启动frontpage，打开站点，请大家观察手中的网站内部链接结构图）前面我们在规划和设计站点的时候，希望整个站点的8个页面有图中所示的链接。以图中第一个链接为例：我们希望单击首页中的“奥运发展历程”这几个字，能够迅速跳转到“发展（fazhan.htm）”这个页面，这里涉及到两个对象，我们分别称之为“链接源”、“链接目标”。（提问）从字面上来理解，这里的“奥运发展历程”几个字是链接……、页面“发展（fazhan.htm）”是链接……，而中间用来连接链接源和链接目标的这根线就是超链接，下面我们来看具体如何实现：（操作）选中链接源、插入超链接、确定链接目标，在统一资源定位符URL框中显示的就是我们刚刚选中的链接目标。　　自己尝试一下。　　生：分三组分别实现从首页到子页奥运福娃（fuwa.htm）、奥运场馆（changguan.htm）和火炬传递（huoju.htm）的链接。师：（巡回指导），提示：发给大家的表中首页和子页之间的链接是双向的。每个子页面最下方都有个返回的箭头，大家尝试看能不能通过这个图片实现从子页面到首页的链接，（学生操作时教师适当提示，此处链接源和链接目标分别是什么）。（在巡视过程中找出每组最先做好的同学，请他充当小老师）让学生演示他们的成果即：从首页到福娃页面的链接及返回效果。边演示边总结：（点击首页上的文字）链接源不但可以是文字，（点击子页上的返回图片）也可以是图片。师：我们再仔细观察福娃这个页面，发现页首列出了五个福娃的名字，下面是具体介绍，如果我想先了解福娃晶晶，应该怎么办？师：是否可以尝试用我们今天学的超链接解决这个问题？　　师：那么这里的链接源和链接目标分别是什么？　　生：链接源是标题：晶晶，链接目标是福娃晶晶所在的位置 　　请一位同学到前面来尝试，下面同学给予提示帮助。（学生操作）选择链接源、插入超链接、在选择链接目标时停住了。　　师：（提示）福娃晶晶所在的位置应该怎样体现出来？平时我们在看书的时候，如果看到一半，去做其他事了，我们通常会在书中插入什么？师：对，书签实际上是在这里做了一个标记。（演示的学生经提示后，试图在“创建超链接”对话框中找书签），但目前的书签栏中没有可选项——因为我们还没有插入书签。　　生：（想如何插入书签）　　师：提示：建立超链接之前，得先插入书签，作为链接目标。大家观察一下菜单栏，哪一个菜单可以帮我们插入一个书签呢？　　生：（插入菜单）操作实现插入书签。继续由学生实现书签式链接。在操作过程中提示链接目标是书签，同时注意URL框中显示的内容。　　师：（总结）通过书签式链接我们可以实现在同一页面间的跳转。　　生：学生分组完成“fuwa.htm”页面中“欢欢、迎迎、妮妮”的页内链接。　　师：（巡回指导）提问：刚才我们实现了从页首标题链接到下面的具体内容，如果我想从页面底部快速返回到页首重新选择，是否也可以利用超链接直接跳转呢？　　生：（回答并操作）　　师：（巡回指导并请两位同学分别演示从页面下方跳转到页首，这里有两种方式实现，一位同学是通过书签完成链接，另一位直接链接到该页上。通过对比两种方式的链接源链接目标，让学生体会到虽然两种方式都能实现，但在实际操作中，以页面为链接目标更方便、快捷。）　　师：（打开火炬（huoju.htm）这个页面）刚才第三组的同学完成的是从首页到这个页面链接。提问：在这个页面中，你可以读出哪些信息？　　生：页面中有张图片，图片显示了火炬传递的路线，由海南入境、经各省市，最后到达北京。　　师：能不能获取到更多信息？比如：我能不能知道火炬在具体某站的传递路程？　　生：不能。　　师：在我们的站点中有3个文件分别介绍了火炬在海南站、江苏站、北京站传递的具体情况。我们怎么做才能使浏览者在看到这幅图时就能快速的打开这些页面？　　生：用鼠标点。　　师：同样是用超链接来实现。这里的链接源和链接目标分别是什么？　　生：是图中江苏这一块区域和jiangsu.htm这个页面。　　师：如何选中图片中的一部分。提示：在图片工具栏的右侧有三个按钮可以帮我们实现。分别是：长方形热点、圆形热点和多边形热点。　　生：（自己操作，教师提示）当按下“长方形热点”按钮后，鼠标指针变成笔的形状，此时可以在图中选中一块区域，松手，立即弹出“创建超链接”对话框，选