第4课 设置网页内容（2）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第5课 设置网页内容（3） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握常见超链接的设置方法 （2）掌握行为的设置方法 技能目标： （1）掌握在网页中设置超链接 （2）掌握在网页中应用行为 素质目标： 学习上要肯于钻研，不怕吃苦，能够把深层次的知识全部理解掌握 教学重难点 教学重点：各类链接的含义及其设置方法 教学难点：行为中各类事件和行为的含义及设置方法 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（28 min）→课堂实训（12 min） 第2节课：问题导入（3 min）→ 传授新知（27 min）→ 课堂实训（10 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网查询网页中点击哪些网页元素能够实现网页跳转 【学生】按照要求完成课前任务 通过课前任务，让学生了解网页之间的跳转过程 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 在网页中我们有时候点击一个标题、一张图片、一个视频，网页会跳转到另外一个网页，那么网页的跳转是通过什么来实现的呢？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：设置超链接 抛出上网中我们经常遇到的现象，让学生分析其中实现原理，激发其学习兴趣 传授新知 （28 min） 【教师】讲解新知，介绍设置超链接 任务一 设置超链接 一、任务说明 网站是由一个个网页组成的，而连接这些网页的桥梁就是超链接，单击它可以使浏览者从一个网页跳转到另一个网页，或下载某个文件等。超链接包括很多种，最常用的是常规超链接，另外还有热点链接、电子邮件链接等，本任务将分别介绍。 二、预备知识 （一）设置常规超链接 超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为目标端点。 常规超链接包括内部超链接和外部超链接，内部超链接是指目标端点位于站点内部的超链接；外部超链接是指目标端点位于其他网站中，单击它可跳转到其他网站的超链接。 1．内部超链接 内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在属性检查器上的“链接”编辑框中直接输入要链接对象的相对路径；也可通过单击“链接”编辑框右侧的“浏览文件”按钮，在弹出的“选择文件”对话框中选择链接对象。图3-52（详见教材）显示了为“买肯抠”网站首页“index.html”导航条中的“关于买肯抠”图片设置内部超链接的方法。 此外，也可单击并拖动属性检查器上“链接”编辑框右侧的“指向文件”按钮到“文件”面板中的文件上，前提是此时“文件”面板中显示的是该网页所在网站，如图3-53所示（详见教材）。 属性检查器上“链接”编辑框下方的“目标”表示打开链接文档的方式，默认在当前窗口中打开链接网页。其中，“_blank”和“_new”表示在保留当前网页窗口的状态下，在新窗口中显示被打开的链接网页；“_parent”“_self”和“_top”表示在当前窗口显示被打开的链接网页。 【课堂问答】 【教师】随机邀请学生回答以下问题 设置完超链接，如何取消超链接？ 【学生】聆听、思考、回答 【教师】总结学生的回答 要取消超链接，可在选中已设置超链接的对象后，删除属性检查器上“链接”编辑框中的内容。 2．外部超链接 外部超链接的设置一般是在选中对象后，在属性检查器上的“链接”编辑框中直接输入要链接网页的网址。图3-54（详见教材）是在选中图片后，在“链接”编辑框中输入“http://www.macaco-race.com”来为图片设置外部超链接。 （二）设置热点链接 热点链接又叫图像映射，就是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接。 在选中图片后，属性检查器左下角会出现一组工具，如图3-55所示（详见教材）。 可以在单击其中的矩形、圆形或多边形热点工具后，在选中的图片上单击并拖动鼠标绘制热点区域，之后在属性检查器上为热点区域设置链接。依此类推，可以在一张图片上绘制多个热点区域。具体操作可以参考后面的任务实施。 （三）设置电子邮件链接 使用电子邮件链接可以非常方便地给网站管理者发送邮件。很多网页下方的信息区都留有电子邮件地址，单击该地址可打开“Outlook Express”的“新邮件”窗口（参见教材图3-56），这就是电子邮件链接。 选中要设置链接的文本或图