信息技术河大版第4节 超链接的设置教案

这是一份信息技术河大版第4节 超链接的设置教案，共6页。教案主要包含了合作学习，拓展思维等内容，欢迎下载使用。

课题名
《超链接的设置》
教学目标
1.知识与技能
(1)理解网站“超链接”的概念，规划网站中网页间的层次关系；
(2)指导学生学习网站之间网页的相互链接；
(3)学会在网页中，建立目录文字与对应内容的链接；
(4)学习建立指向E-mail的超链接。
2.过程与方法
(1)通过教师演示让学生更直观掌握FrntPage建立超链接的方法；
(2)让学生通过练习巩固，小组合作，学习“超链接”。
3.情感态度价值观
培养学生学习网站建设的兴趣，鼓励学生认真思考，识记“超链接”的概念，学习“超链接”的操作方法，灵活运用，培养创新能力。
教学重点
FrntPage建立超链接的方法。
教学难点
网站“超链接”的规划设置。
教学准备
教师准备：ppt，FrntPage2003。“中国茶文化”网站。
学生准备：自己前几节课设计的“中国茶文化”网站。
教学过程
新课导入
PPT展示。
知道“超链接”是网站设计中的重要元素。
“超链接”的载体：文字、图片、按钮等。
“超链接”的目标端：相同网页上的不同位置，同一个网站的另外一个网页，另一个网站的一个网页，一幅图片，一个E-mail地址或者其他文件。
导入新课，把我们前面创建的网站进行“超链接”的设置。
二、合作学习、自主探究
学习任务：
(1)建立“chaweb”网站之间网页的相互链接。
(2)在“茶的分类”网页中，建立从目录文字到对应内容相同的链接。
(3)在主页中建立指向E-mail的超链接。
任务分析：
“chaweb”网站之间网页的相互链接，包括从主页可以跳转到它下一级的任何一个网页，从这一级的任何一个网页都可以返回主页，跳转到同一级的其他网页，如果它还有下一级网页。它们之间能相互跳转。
从“茶的分类”网页上的目录文字到对应内容的跳转是在同一网页上完成的。对于这样的跳转，要首先在某位置上插入书签，然后，选择载体，设置载体到书签的链接。
通过完成本任务，掌握建立超链接的基本方法。但同学们在制作自己的网站时，不要机械地照搬，而要灵活地运用各种链接的方式。
操作指南：
1.打开“chaweb”网站，建立网页之间的相互链接
网站中网页之间的层次关系：主页、当前网页、上一层网页叫它的父页、下一层网页叫它的子页、与其同一层的网页叫它的同层。
对于在导航视图中建立了层次关系的网页，可以利用FrntPage提供的插入导航栏的方法建立它与其他网页的关系。
(1)建立主页与子页的链接。
①在网页视图的文件列表中，双击主页(index)。
②确定插入链接载体的位置，如将光标移到图片的下方。
③执行“插入”→“导航”命令，打开“插入 Web组件”对话框，选择“组件类型”中的“基于导航结构的链接栏”，单击“下一步”按钮；选择一种样式，单击“下一步”按钮；选择“链接栏向”，单击下一步按钮；设置链接栏属性，选择“子层”。
④单击 “确定”按钮。在主页的光标处插入子层导航栏。
(2)在“茶的起源”网页中，建立返回主页，与同层其他网页的链接。
①双击“qiyuan”网页。
②将光标插入在左侧的第2个单元格中。
③打开“链接栏属性”对话，在其中设置选项。
④单击“确定”按钮。
(3)建立“茶的起源”网页与“茶树”网页的链接。
①选择“茶的起源”网页中的“茶树”两字。
②执行“插入”→“超链接”命令，在打开的“创建超链接”对话框中，选择“chashu”网页。
③单击“确定”按钮，此时，“茶树”文字为带下划线的蓝色字。
④双击“chashu”网页。
⑤在网页的底部输入“返回>>”文字。
⑥选定“返回>>”文字，打开“插入超链接”对话框。
⑦在对话框中，选择“qiyuan”网页，单击“确定”按钮。
继续建立其他网页之间的链接，然后，通过“预览”功能，查看链接的效果。
2.在“茶的分类”网页中，建立从目录文字到对应内容的链接
以从网页开头第一句话中的“绿茶”文字到其具体内容的链接为例。
(1)在“澄碧青翠的绿茶”标题后插入一个书签。
①将光标定位在“澄碧青翠的绿茶”后。
②执行“插入”→“书签”命令，打开“书签”对话框，在“书签名称”文本框中输入“Ivcha”。
单击“确定”按钮，得到最后效果。
(2)建立超链接。
①选择网页开头第一句话中的“绿茶”文字。
②打开“插入超链接”对话框，单击“书签”下拉按钮，选择"lvcha”
③单击“确定”按钮。
按此方法分别建立网页开头第1句话中"白茶”、“青茶”、“红茶”、“黄茶”、“黑茶”“再加工茶”与其内容的超链接。
3.在主页中建立指向E-mail 的超链接
(1)双击主页。在主页上插入一个链接的载体，可以是文字(如“联系地址”)，也可以是一张图片。
(2)选定载体，打开“插入超链接”对话框。
(3)选择“链接到”:“电子邮件地址”。
(4)在“电子邮件地址”输入框中输入E-mail地址单击”确定"按钮。
(5)单击“确定”按钮。
4.预览网页
超链接建立以后要进行测试，一般在预览环境下，当鼠标指针指向超链接时，出现光际。单击鼠标即可跳转到此超链接对应的目标端。
5. 保存网页
任务小结：
在本任务中，有同一网页内的超链接，有网页到网页的超链接，有指向某种服务的超链接。无论哪种超链接，都反映了该网页与目标端的连接关系。对于同一网页内的超链接，首先要建立“书签”，作为链接的目标端，然后再选择载体进行链接。
一般来说，超链接都是通过“插入超链接”对话框进行设置的。对于同一个网站中网页之间的超链接使用插入“导航栏”的方式比较方便，但有一个前提，必须在“导航”视图中建立网页的层次关系。
执行“插入”“超链接”命令，打开“插入超链接”对话框；右键单击超链接的载体，在快捷菜单中选择“超链接”，同样可以打开“插入超链接”对话框；当然也可以通过常用工具栏中的“插入超链接”按钮创建。
学生在老师操作演示的基础上自主练习，熟练掌握“超链接”的方法，按照操作指南完成超链接的设置。
教师巡堂指导，小组同学间互助合作，不明白的问题讨论交流。
各组推举代表展示交流。
三、拓展思维、巩固认知
1.改变网页导航栏文字的大小
单击导航栏文字，在“格式”栏中选择不同的字号。
2.设置超链接的文本颜色
在网页视图的“设计”显示方式下，右键单击当前网页的任何位置，选择快捷菜单中的“网页属性”，单击“格式”选项卡。在“超链接”、“已访问过的超链接”以及“当前超链接”框中，选择字体颜色。
3. 删除一个超链接
(1)若要彻底删除超链接，可选定该超链接，按 Delete 键。
(2)若要保留超链接的载体，但是要删除相应的超链接方式可选定该超链接，选择“超链接属性”，在“编辑超链接”对话框中单击“删除链接”按钮。
学生在老师讲解后拓展练习。教师巡视指导。
布置作业
(1)建立个入网站中的各项超链接。要求:
①可以从主页或父页跳到相应的子页，从子页返回其父页。
②同级子页之间可以相互跳转。
③在同一个网页中建立不同位置的链接。
④在主页中添加个入的联系方式，包括链接的 E-mail 地址。
(2)将“luyu”网页按要求编辑。
提示：本网页设置了“条形”主题(“格式”→“主题”)，利用“插入”→“网页横幅”或“导航栏”命令，插入“网页横幅”或“导航栏”。其中网页横幅的“属性”选择“图片”。
板书设计
超链接的设置
超链接的概念：是以文字、图片、按钮等为载体，从一个网页指向另一个目标端的链接。
确定网页间的层次关系。
按层次关系设置超链接。
教学反思
通过本节教学，使学生意识到“超链接”这一网页重要元素的出现，使网页互相联系更便捷，网页间跳转更迅速。同时也让学生知道规划网页间层次关系的重要性，确立好载体和目标端，顺利完成网页间的跳转，做好超链接的设置。教师设置教学目标，提出问题，把握操作要领，教师进行示范操作，学生模仿操作，教师巡回辅导，最后由学生独立完成任务，从而激发学生的学习兴趣，培养学生发现问题和解决问题的能力。本次教学采用的教学方式是：以理论学习为基础，以教师设疑、引导、示范为出发点，以动手操作为核心，以完成目标任务为归宿，采用任务驱动式教学法，启发、引导教学法。学生都能圆满完成任务。