初中第4节 超链接的设置获奖ppt课件

课题名

《超链接的设置》

教学目标

1.知识与技能

(1)理解网站“超链接”的概念，规划网站中网页间的层次关系；

(2)指导学生学习网站之间网页的相互链接；

(3)学会在网页中，建立目录文字与对应内容的链接；

(4)学习建立指向E-mail的超链接。

2.过程与方法

(1)通过教师演示让学生更直观掌握FrontPage建立超链接的方法；

(2)让学生通过练习巩固，小组合作，学习“超链接”。

3.情感态度价值观

培养学生学习网站建设的兴趣，鼓励学生认真思考，识记“超链接”的概念，学习“超链接”的操作方法，灵活运用，培养创新能力。

教学重点

FrontPage建立超链接的方法。

教学难点

网站“超链接”的规划设置。

教学准备

教师准备：ppt，FrontPage2003。“中国茶文化”网站。

学生准备：自己前几节课设计的“中国茶文化”网站。

教学过程

一、新课导入

PPT展示。

知道“超链接”是网站设计中的重要元素。

“超链接”的载体：文字、图片、按钮等。

“超链接”的目标端：相同网页上的不同位置，同一个网站的另外一个网页，另一个网站的一个网页，一幅图片，一个E-mail地址或者其他文件。

导入新课，把我们前面创建的网站进行“超链接”的设置。

二、合作学习、自主探究

学习任务：

(1)建立“chaweb”网站之间网页的相互链接。

(2)在“茶的分类”网页中，建立从目录文字到对应内容相同的链接。

(3)在主页中建立指向E-mail的超链接。

任务分析：

“chaweb”网站之间网页的相互链接，包括从主页可以跳转到它下一级的任何一个网页，从这一级的任何一个网页都可以返回主页，跳转到同一级的其他网页，如果它还有下一级网页。它们之间能相互跳转。

 从“茶的分类”网页上的目录文字到对应内容的跳转是在同一网页上完成的。对于这样的跳转，要首先在某位置上插入书签，然后，选择载体，设置载体到书签的链接。

通过完成本任务，掌握建立超链接的基本方法。但同学们在制作自己的网站时，不要机械地照搬，而要灵活地运用各种链接的方式。

操作指南：

1.打开“chaweb”网站，建立网页之间的相互链接

网站中网页之间的层次关系：主页、当前网页、上一层网页叫它的父页、下一层网页叫它的子页、与其同一层的网页叫它的同层。

对于在导航视图中建立了层次关系的网页，可以利用FrontPage提供的插入导航栏的方法建立它与其他网页的关系。

(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”网页按要求编辑。

提示：本网页设置了“条形”主题(“格式”→“主题”)，利用“插入”→“网页横幅”或“导航栏”命令，插入“网页横幅”或“导航栏”。其中网页横幅的“属性”选择“图片”。

板书设计

超链接的设置

超链接的概念：是以文字、图片、按钮等为载体，从一个网页指向另一个目标端的链接。

确定网页间的层次关系。

按层次关系设置超链接。

教学反思

通过本节教学，使学生意识到“超链接”这一网页重要元素的出现，使网页互相联系更便捷，网页间跳转更迅速。同时也让学生知道规划网页间层次关系的重要性，确立好载体和目标端，顺利完成网页间的跳转，做好超链接的设置。教师设置教学目标，提出问题，把握操作要领，教师进行示范操作，学生模仿操作，教师巡回辅导，最后由学生独立完成任务，从而激发学生的学习兴趣，培养学生发现问题和解决问题的能力。本次教学采用的教学方式是：以理论学习为基础，以教师设疑、引导、示范为出发点，以动手操作为核心，以完成目标任务为归宿，采用任务驱动式教学法，启发、引导教学法。学生都能圆满完成任务。