信息技术《网站的生命超级链接制作》教学设计范文

【教学目标】：

1、知识与技能：学习在FrontPage中设置超级链接的方法。

2、过程与方法：任务驱动，使学生在课本的指导下，探究学习如何将网站的所有网页通过超级链接的方法组织成一个互相联系、便于访问的整体，通过自主学习、交流探讨、测试链接的过程来实现知识技能的掌握。

3、情感、态度、价值观：培养学生用系统方法分析问题、解决问题，提升其创造能力，在小组协作学习中，培养学生的团队精神。

【教学重点】：

1、根据规划，创建各网页间的链接、为互联网资源创建超级链接、为电子邮箱创建超级链接。

2、利用“超级链接”视图检查超级链接的。

【教学难点】：

为各类网页元素（文字、图片）插入超级链接；

【教学准备】：

大屏幕投影、多媒体网络教室、学生网站半成品

【教学过程】：

一、创设情景，引入课题：

教师出示一个网页封面，上面有“请点击进入xxxx个人网站”（没有设置超级链接），请一位同学点击，并让同学们分析为不能进入网站首页。

教师引入：对！由于这个封面没有添加超级链接，所以我们无法看到网站的其它页面。超级链接时是网站的生命，有了它，不但可以方便地浏览本网站的网页，甚至还可以通过超级链接跳转到别的网站进行浏览。

这节课我们就来为自己的个人网站赋予生命——超级链接。

二、新课教学

任务一：为首页制作超级链接

1、学生打开Frontpage，找到并打开上节课制作的个人网站首页。

学生读书，探究：为首页的导航文字（栏目）添加超级链接，将首页与子网页链接起来。

（教师投影展示插入超级链接的提示性画面，以利个别学生突破难点。）

制作一个栏目的`超级链接后

教师提示学生，除了使用菜单插入超级链接，你还会工具按钮或快捷菜单插入超级链接吗？

2、小组交流：如何为文字添加超级链接。教师选两名学生示范插入超级链接的步骤和效果。

3、保存网页，预览超级链接效果。

任务二：在子网页中添加超级链接

1、师：在浏览子网页后，我们希望能回到首页，或者继续浏览其他网页，因此我们也应当为其他子网页插入一些超级链接。展示一个网站示例，让学生指出子网页超链接的方式。

教师提示：

方案1：直接使用首页的导航栏链接至各页

方案2：使用“返回”文字或按钮、图标链接至主页

方案3：使用“上一页”“下一页”文字或图标链接各页

2、小组内交流并实践：这三种方式你更喜欢哪一种？选择一种方式为各子网页添加超级链接。

教师指导：以上三种方案如何实现？

方案1：将首页的制作了超级链接的导航栏复制到子网页。

方案2：插入图片并为它添加超级链接；插入“组件-悬停按钮”并添加超级链接。

方案3：可结合以上两种方法。学生操作：完成各页的超级链接设置。

3、评一评：保存网页，点击工具栏“在浏览器中预览”进入浏览器预览方式，看看谁的超级链接做得更漂亮，让学生说出自己最喜爱的超级链接方式。

任务三：设置邮箱超级链接。

师：展示一个网站首页，指向“友情链接”“电子邮箱”等，告诉学生，除了为导航文字或图片添加超级链接，我们还可以为自己的邮箱添加超级链接，制作方法和前面的做法大致相同，你能根据课本图14-4为自己的邮箱制作超级链接吗？学生练习：为自己的邮箱插入超级链接。大屏幕投影插入邮箱超级链接的关键画面，辅助学生操作。

比一比，说一说：邮箱的超级链接与网站内的链接在制作方法、生成的URL地址上有什么不同？

四、检查超级链接

指导学生，根据课本提示，利用“视图”中的“超级链接”查看网页间链接出入情况，修改不完善的网页。

五、拓展练习

综合运用表格和图片，设计一个“认识动物”的网页，点击首页小图即查看大图，并在每页设置“上一页”“下一页”“返回”超级链接。

为自己的个人网站设置“友情链接”位置。并将百度、搜狐等常用网站的logo添加进来，并设置好超级链接。

六、自评与小结：

这节课我们学了超级链接的制作方法，检查一下你学会了哪些知识？

自评项目

自评得分

1、文字超级链接 2、图片超级链接 3、邮箱超级链接 4、友情链接 5、悬停按钮

教师小结：祝贺同学们完成了自己的网站设计，在制作中你们发挥了自己的特长，锻炼了你的各方面的能力，一个网站应当有好的创意、良好的结构和丰富的内容，但要真正让更多的浏览者看到并认可，还离不开国际互联网的支持，下节课我们将学习如何将网站发布到互联网上。