4.3.2超级链接

1、高中信息技术网站设计与制作教学设计（二）超级链接教学目标：1. 知识与技能：通过网页的设计制作，知道使用表格可以清晰地划分不同的页面区域， 了解表格属性中的像素与百分比的差异。通过设置文字超级链接，感受超级链接在网站中 的重要作用。2. 过程与方法：通过动手实践，了解设计、制作简单网站的基本过程。通过网站建设任 务，学会并采用任务驱动的学习方法。3. 情感态度和价值观：通过体验网站建设过程中的趣味性与成就感，激发学习信息技术 的热情，通过网站内容的编辑，增强环保意识。教学内容与学情分析本节内容是上海科教出版社出版的网络技术应用的第四章第二节网站建设，本 章教学以学生用网页展示研究性学习成果为案

2、例，让学生体验网站的规划，设计，制作， 发布，经历一个网站完整的创建过程。本节课时为第3课时：网页制作与超级链接。，前两课时教学内容为网站的规划与设计，介绍 frontpage软件使用，网站的建立及首页的 创建。在创建首页时，学生已经初步了解了页面制作中表格的使用，并完成了一级目录 的创建。本节课主要任务一是设计一个带导航栏的二级子页，通过在表格单元格里再设计一 个表格来加深对表格应用的使用。任务二是利用二级子页完成首页的超级链接，通过这 一任务学会文字的超级链接创建。授课对象为高一年级的学生，估计有部分学生不能完 成二级子页的表格创建，要降低要求。教学重点：二级子页及导航栏制作，文字超级链接

3、设置教学难点：网页设计中表格属性的应用，超级链接设置的完整性。教学方法：以学生需要网页展示研究性学习成果为情境，以学生完成网站建设为任务，采 用情境教学与任务驱动相结合的方法。教学用具：多媒体网络教室学生成绩档案记录系统教学过程：教学过程教师活动学生活动设计意图教学过程教师活动学生活动设计意图同学们，看看下面的图片，会不会 很熟呢？主页 日击牙乐盘 留宣极相ffll说说个人档 分孚更孙那么还有这些呢?一、创设情 境，引入问 题（4分 钟）*认证空间应用中心学生思考并回答复习回忆首页制作AW我们上节课学习并制作了一个网站和首 页，如果你们的空间或微博用自己首页 设计的风格，大家对自己的设计满意

4、吗？大家看看老师给的页面：借鉴一下。ay学生观摩教 师给的首页， 对比自己的 首页让学生感受一下 网站的风格二、分析问 题 提出任务（1分钟）学生思考在页面设计 中使用表格交待布置任务, 引起学生兴趣我们继续创建网站的历程，大家可以看 到首页上还有6个子栏目，如果这6个 栏目的页面都完成了，我们的网站第一 级的结构就完成了。如何制作二级子页 呢？由于电池种类比较多，我们的页面也要 做出栏目。要想清晰的划分页面区域， 使用什么方法好呢？教学过程教师活动学生活动设计意图任务1“电池种 类”子页制 作（15分 钟）教师演示导航栏目录的制作。先从主页复制一个新的页面，删除内容 后在表格中拆分成二列，然

5、后在单兀格 中再创建一个10行一列的表格。解释宽度与像素的差异及通常的作法。学生观摩导 航栏制作演示表格比 较复杂的操作， 加深学生对表格 的理解。J.阿Hi4上甲鼻IfFll4-l-dB.-471K 1 it T Rf -.VfQT 教师巡视指导学生动手实 践学生通过任 务1进一步学习 表格的使用。冋：大家想一想，电池原理这个页面与 电池种类页面的版面设计能不能一 样？如果可以一样，那么要如何做就可 以得到电池地原理页面版面呢？ 提示：我们可以在frontpage中复制页 面学生自主学 习复制一个新 的页面为网站模板 的引入埋下辅垫任务二文字超级 链接的设 置（20分 钟）我们已经有了二个页

6、面了，那么如何把 它们组织起来呢？教师演示“首页”文字超级链接的制作。机二包 Cl 曲学生回答：超级链接学生观摩按照网站建 立的流程，引出 新的任务lU町怕 dctn |：FT旳0 5ndei.hi3 IJTH)|11 J丄皑LIi haha. flL=s1 Sufrs* H dciT.Miid dqLhii-三_J对于学习能力强的学生，要求使用 教师发给其它的4个页面，完成7个链 接。教师巡视指导动手实践完 成首页的三 个或全部7个 超级链接不同的任务难度，充分考虑学 生的差异性教学过程教师活动大家有没有发现一个问题：我们只能从首页出去，能从别的页面回到首页 吗？如果要回来，要怎么做？提示：可以在frontpage中复制首 页的链接教师演示：复制一级栏目is削醴翩廉.帥頤上彭也丄.迁翻如果超级链接没设置好，会出现如下网 页学生活动学生思考，提 出自己的做 法学生动手实 践，通过一个“ haha.htm ”的页面反馈，检查自己的超级链接。设计意图初步理解超级链 接的设计要求方便学生检查 超级链接的同时 增加学习的趣味 性三、任务上 交 课堂小结 作业布置（3分钟）今天我们进一步学习了网页设计中表格 的使用，还学习了文字超级链接的设置 当然我们网站的内容还不够充实，老师 提供给大家的只是一个样本。下节课我 们接着创建其它的网页，考虑到大家的 时间不多，老师给大