3.3.1设置超链接 教学设计 2023—2024学年苏科版（2018）初中信息技术八年级全一册

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