初中信息技术第十四课 使用超链接实现网页的跳转教学设计

使用超链接实现网页的跳转

教材分析

本节课是教育科学出版社《初中信息技术》八年级上册第三单元第十四课《使用超链接实现网页的跳转》的内容。为方便人们浏览网站内容，需要将网站内各网页组织起来，可以通过在网页之间设置超链接来实现，本课的内容是在网页中建立超链接实现网页的跳转

学情分析

学生在七年级（上）第九课已经学习过在 Word 中设置超链接的方法，对超链接有比较清晰的概念，但学生可能会受到在 Word 中直接双击打开进行编辑的影响，不能很快的适应用 Dreamweaver 打开网页进行编辑的操作方法，而且截止本节课上课之前学生对 Dreamweaver 软件的操作积累不够，也会对学生学习本课的知识带来一定的难度。

教学目标

知识与技能目标

1、学会建立网站内网页之间的超链接

2、学会建立不同网站之间的网页链接

过程与方法目标

1、通过自主探究的方法，让学生完成基础知识的学习，逐步培养学生的自学能力。并且通过创建主页和分栏目版块之间的链接，掌握建立超链接的方法。

2.通过给网页中的图片和电子邮件地址设置超链接，了解不同的链接种类及超链种类及超链接的作用。

情感态度与价值观目标

通过完善超链接，领会超链接的管理要为网页整体服务的思想。

教学重点

1.熟练掌握在网页中给不同对象设置到不同目标的超链接的方法

2.掌握修改超链接属性的方法

3.掌握在新窗口打开超链接的设置方法

教学难点

超链接设置过程中对象和目标的灵活性

教学方法

自主探究、讲授法、演示法

教学过程

活动 1 【导入】创设情境

师：同学们，老师在课前收集了一些同学们做的非常不错的个人网站，我们一起来看一下。

生：学生观察

活动 2 【导入】导入新课

师：展示班级同学们做的网站，同学们可能已经发现了，同学们做的个人网站中的各个栏目的时候都是一个一个的去寻找栏目的文件名再打开的，很显然这样非常的不方便。你们有没有什么好的办法能够把首页和各个栏目页联系起来呢？

生：看课本思考回答

活动 3 【活动】自主探究

师：请同学们参考课本第59 页的内容，或通过我们的自学天堂网站，尝试给首页中的各个栏目与其所对应的页面建立超链接。

生:尝试操作

活动 4 【活动】操作展示

师：下面我们请一位同学上来展示一下他是如何设置超链接的。

生：学生上台一边演示一边讲解。

活动 5 5 【活动】知识提炼

学生一边操作，教师一边在黑板上提炼出设置超链接的步骤：

活动  6 【活动】举一反三

师：请同学们利用我们刚才学到的设置超链接的方法，在网站的其他网页中设置超链接，使我们的网站浏览起来更加的方便、快捷。

生：自主探究，尝试操作。

活动  7 【活动】链接展示

学生展示作品，相互学习。

活动  8 【活动】知识提升

刚才同学们设置的超链接中我们不难看出，链接的对象和目标都发生的改变，我们怎么做才能使这些不发生改变呢？

活动  9 【活动】学习新窗口打开

师：我们在设置“查看照片”这个超链接的时候，为了能够更好的对比两张照片，应该在新窗口打开这个超链接。根据课本第 66 页自主探究新窗口

打开的超链接设置。

生：看课本尝试操作

活动  10 【活动】发现问题

师：我们做过超链接的文字的颜色和样式都变了，要如何做才能不会改变这些呢？

师：根据课本第 66 页自主探究超链接文字颜色效果设置。并完成我们前面做过的超链接的设置全部页面不变模样。

生：完成操作

活动  11 【活动】链接实验

师：我们发现同学们的各个网页的文件名命名不规范，也不便于我们了解各个网页内容，但是如果我们更改了这些网页的文件名的话，原来设置好的超链接还能正常使用吗？

同学们自己实验得出自己的结论。

生：自己实验得出结论

活动  12 【活动】实验结论

师：从刚才两位同学的证明过程我们不难看出，如果在 Dreamweaver 的文件夹列表中修改名称的话，超链接仍然可以使用，如果在外面的文件夹中修改的话，超链接就不能使用。原因就在于 Dreamweaver 对站点的强大支持，因此我们以后在制作网站的时候首先就要设置站点。

板书设计

第十四课 使用超链接实现网页的跳转

设置超链接的步骤：

1.选择对象（文字、图片）

2.“插入”——“超链接”

3.找准目标“图片、文件、网址”

本课小结

师生共同小结：这节课我们学习了在网页中设置超链接的方法，了解了设置超链接的 3 个步骤，并且尝试了使用不同的对象和不同的目标设置超链接。