一、教学目标

1.能够为网页中的文本和图像设置超链接。

2.通过教师演示、自主探究等方法，提高观察和动手操作的能力。

3.在探究设置超链接的过程中，能够感受到网页制作的乐趣，提高学习的积极性。

二、教学重难点

【重点】网页中文本和图像的超链接设置。

【难点】网页中图像超链接的灵活设置。

三、教学过程

(一)导入新课

教师通过多媒体展示制作完成的“沈阳简介”网站，让学生观察在网站首页上和之前制作的首页有哪些区别?学生会发现有些文字下方出现了下划线，颜色也不同。教师演示鼠标单击首页中的带有下划线的文字和网页中的图片，让学生观察出现了什么变化?学生发现页面跳转到了另一个页面。教师继而引导学生思考：当点击页面上的文本或图片时，怎么跳转到其他页面呢?网页之间的联系应该如何建立呢?从而引入本节课的学习。

(二)新课讲授

1.建立文本超链接

教师激发学生思考：如果想要为网页中的文本设置超链接，首先应该做什么?【选中文本】教师表扬学生反应迅速，并进行演示操作，选中文字“地理环境”后，利用“属性”面板，在“链接”右侧选择文件“地理环境.html”，在“目标”下拉列表中选择“_blank”选项，创建文本链接。演示完成后让学生观察文字“地理环境”的变化。【文字变成了蓝色，文字下方出现下划线】

教师布置任务：尝试自己完成文本超链接的设置，实现单击“地理环境”能够跳转到“地理环境.html”页面。学生操作过程中，教师加以巡视，并提示学生：完成后可以通过单击“在浏览器中预览/调试”按钮，在浏览器中预览设置的超链接效果，查看是否设置成功。学生操作完成后，教师抛出问题：_blank的作用是什么?_blank和_self的区别是什么?教师让学生尝试修改目标中的选项，操作完成后指定学生回答。【使用_blank，是在新的窗口中显示页面，使用_self，是在当前网页窗口中显示页面，不会打开新的窗口】教师表扬学生操作认真，回答的准确。

教师激发学生思考：有没有其他的方法可以为文本设置超链接?教师布置任务：让学生阅读课本，自行探究，为文本“风土人情”设置超链接，链接到“风土人情.html”页面。学生操作结束后指定学生说出操作要点。【选中后，在“常用”插入栏中，点击“超级链接”按钮，在弹出的对话框中，设置链接的目标文档，并在“目标”下拉列表中选择_blank选项】教师评价学生归纳总结能力强，思路清晰。

2.创建图像链接

教师提问：如果想要为沈阳简介中的太阳鸟建筑图片设置超链接，是否和文字设置的方法一样呢?教师布置任务：按照设置文本超链接的方法尝试自主操作，实现单击图片后跳转到“太阳鸟介绍.html”页面。学生操作过程中教师进行巡视指导，完成后教师根据学生操作情况进行总结：如果是对整个图像建立链接，和文字设置方法一样。

教师抛出问题：如果想要为图像的部分区域设置超链接，怎样进行设置?教师组织学生以小组为单位进行讨论和操作，将太阳鸟区域设为链接区域，链接到“太阳鸟介绍.html”页面。讨论后由小组代表演示及讲解操作要点。【选中图像，在属性面板中找到椭圆形热点工具，在图像上拖动，选中太阳鸟区域，并设置链接的目标文档和目标】教师评价学生操作很熟练，并解释：这属于热点链接，单击设置的链接区域，从而跳转到相应页面。图像属性栏中的“替换”中可以写明图片的含义，当图片无法显示的时候，替换中的文字就会显示出来。教师让学生继续完善对图像链接的设置。

(三)巩固提高

在学生了解了如何为文字和图像设置超链接后，教师布置任务：学生独立操作，将首页中的其他栏目以及图片设置对应的超链接。操作完成后同桌两人进行相互展示，在浏览器中预览是否能够实现正确的跳转。

(四)小结作业

小结：教师提问为文字设置超链接的两种方式。根据学生的回答点评学生对知识掌握得牢固。

作业：思考为网页中图片设置热点链接，可以设置两个热点区域吗？