资源简介

第3节 发布与评价网站——设置超链接
【教学目标】
知识与技能目标
了解超链接的基本知识。
了解同一站点内页面之间的超链接及不同网站之间的超链接。
掌握创建文字、图片、交互式按钮等超链接的方法。
掌握网页内锚记的作用及设置锚链接的方法。
掌握图片的热区超链接的创建方法。
过程与方法
通过比较，体会设置超链接的意义，通过不同结构页面的链接任务，掌握不同的超链接设置方法及特殊设置，并适当增加探究任务，引导学有余力的学生进阶学习，最后及时小结，归纳知识点，帮助学生形成系统性知识。
情感态度与价值观
体验超链接给浏览带来的便利，进而感受信息技术的魅力。
【教学重点】
超链接的概念及创建超链接的方法。
创建文字、图片、交互式按钮等超链接的方法。
图片热区链接的创建方法。
【教学难点】
锚链接中的名称及对应链接位置的设定。
创建超链接后，目标对象所选择的显示窗口形式。
【教学方法】
任务驱动法、讨论法、讲演法、类比法。
【教学准备】
“d:\dongwu”站点，包括未链接的网页，如欢迎页、表格页、框架页、表单页等。
【课时安排】
2课时
【教学过程】
教学环节 教师活动 学生活动 设计意图
（第1课时）
一、导入 比较：展示两种网站浏览方式（有链接和无链接），看哪一种比较方便？ （有链接的） ——设置超级链接（意义：方便选择浏览） 观察、比较、了解。 在比较中体会超级链接的便利和意义。
二、新授 （一）同一站点内网页之间的超链接 （打开“dongwu”站点，呈现制作完成的链接效果，明确本课学习任务） 任务1：（普通页链接&按钮页链接） （课本P87-88）实践学习1、2 要求学生参考课本步骤分组合作完成 个别演示，共享知识 全体完成 小结：设置超链接的方法 方法1：右击链接源——>创建链接 方法2：选中链接源——>在其对应的属性窗口中进行相关链接设置 方法3：选中链接源——>插入——>超级链接 （注意：交互式按钮的特殊超链接设置） 任务2：（框架页链接） （课本P88）实践学习 3 根据要求，运用已有知识完成超链接，预览链接效果（发现问题） 解决：指定“目标框架” 3、注意：在框架网页中制作超链接时，需指定目标框架，有时候非框架网页也需要指定。 过渡语：以上是同一站点内不同网页之间的链接，无论采用什么方法设置的超链接，我们都必须搞清楚其中的出发点（链接源）和目的地（链接目标）分别是谁？有时有这样一种情况：一个页面里内容很多，需要不断拖动滚动条实现阅读，能否运用超链接实现同一页面中的快速跳转呢？ 任务3：（锚链接） 在“动物趣闻”页“quwen.htm”中制作锚链接 教师演示操作（演示视频1） 制作锚链接： 选定目标——>插入——>命名锚记 （即：给“目的地”命名） 设置锚链接： 方法1：右击链接源——>创建链接——>在“URL”文本框中输入 方法2：选中链接源——>在属性窗口的“链接”框中输入 方法3：选中链接源——>插入——>超级链接——在链接下拉列表中选择 （即：设置“出发点”） 学生分组完成 ——个别演示 ——共同完成和小结。 交互式按钮的另一种链接方式这里只需了解，有兴趣有余力的学生自行回顾选择设置。 学生根据要求，运用已有知识完成图像按钮链接操作 ——发现问题 ——在老师的指导下解决问题完成操作。 学生观看演示视频，模仿操作。 演示中着重在第3种方法，实践中明确这样做的理由。 教学的主体部分设计3个具体操作任务，都是链接，但是类型不同，引导学生在实践中加以理解区分，并适时提出相关注意点。 且在任务设置说明时，借助图示，用以说清楚超级链接之间的关系。让学生心理有整体的逻辑关系。 将超级链接中的链接源和链接目标比喻为出发点和目的地，这样学生更好理解，尤其是在锚链接中更是如此。
三、预览 预览效果 要求学生预览，检查各链接。 预览效果，纠错。 查漏补缺。
四、探究 反向链接 思考：在“动物趣闻”页“quwen.html”中，如想增加返回目录锚链接，该如何操作？ 学有余力，自主探究。 是运用，也是给有余力的学生进一步探究的机会。
五、小结 （站点内部的链接） 1、不同页面之间的链接 2、同一页面内的链接 形式： 给文字、图片添加超链接 给交互式按钮添加超链接 制作锚链接 注意： 1、在框架网页中制作超链接时，需指定目标框架，有时候非框架网页也需要指定。 2、在设置超链接过程中，无论采用什么方法，都必须搞清楚此链接中的“出发点”和“目的地”，尤其是在制作锚链接的过程中。 归纳，小结。 及时总结，理清思绪，为下一步学习做好准备。
（第2课时）
一、导入 引言：仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网的其他网站上，以丰富我们的内容。 ——本课主题：不同网站之间的网页链接 明确。 开门见山。
二、新授 （二）设置超链接——不同网站之间的网页链接 （启动Dreamweaver软件，导入“d:\dongwu”网站） 任务1：在网页“youqing.html”中通过图像热点来实现几个自然保护区的网站链接。 （演示视频2） 对照图示，参考课本步骤或演示视频组内互助自行完成操作 ——>个别小组代表演示汇报 ——>全体完成所有热点链接的设置。 准备工作做好，引导学生在具体任务实践中自主探究。
二、运用 任务2：完善整个网站中未完成的超级链接 检查，完善。 既是完善也是运用。
三、探究 要求：框架kuangjia.html页左侧有一幅邮箱图片，将其链接到自己的电子邮箱。 【提示】单击选中——>属性面板——>链接中输入（如：“mailto:123456@”） 学有余力，自行探究。 进阶任务。
四、小结 （站间超级链接） 形式： 注意： 1、在框架网页中制作超链接时，需指定目标框架，有时候非框架网页也需要指定。 2、在设置超链接过程中，无论采用什么方法，都必须搞清楚此链接中的“出发点”和“目的地”，即“链接点”和“链接源”。 根据思维导图，梳理归纳。 及时归纳小结，进行经验总结。
教学后记

展开更多......

收起↑