第18课建立超链接
一、教学目标
知识目标：1．巩固超链接概念。

技能目标：2．掌握在主页和分栏目板块之间建立超级链接。

3．学会设置超链接属性来管理超链接的网页。

情感目标：“超链接”功能实现了网页成为信息源传播源。

它让多个网页多个网站联成一体，扩充了英特网的强大、动态、互联的功能。

学生在本课学习中通过运用超链接技术，深刻理解英特网“超链接”的意义。

二、重点难点
教学重点：为多个栏目网页之间建立超链接；
教学难点：设置超链接的属性。

三、环境与素材
1．教学环境：多媒体网络教室，学生计算机中安装IE6.0以上版本及Frontpage2003以上中文版，要求能上因特网。

2．教学素材：学生素材库包括示例站点文件夹、帮助文档。

四、教学过程设计：
（一）、引入（5分钟）
师：12月25日，是什么节日？
生思考
师：圣诞节快到了，老师准备了一份礼物想送给同学们。

生猜想是什么礼物
师：（打开礼物）原来是一个网站，打开一起来欣赏吧。

生观看欣赏
师：这是一个有关“海绵宝宝”的网站，好像是一部卡通片。

我们看看“动画介绍”页面的内容。

师：（先打开未做好超链接的分栏目页面）欣赏起来好累哦。

（再打开已经做好超链接的分栏目页面）都这样欣赏就轻松多了嘛。

师：有什么方法可以解决呢？
（设计意图：让生观察思考发现问题，引出课的内容）
生：超链接
师：同学们跟老师想到一块去了。

师：什么是超链接？（请生来说说，讨论）生思考讨论
师：（打开网络上一个网站文字图片超链接操作）鼠标形状手形单击跳转另一个页面师：（ppt展示）超链接概念。

师：你会建立超链接吗？生思考
师：（ppt展示）今天我们就来学习建立超链接
（二）、建立超链接（分钟）
A．布置任务一：建立主页与分栏目页面间的超链接
师：你知道如何建立超链接吗？先来试试看！
师：桌面上有一个名为“老师发送的文件”文件夹，这个文件夹里有三个文件夹，分别为：站点文件夹“hmbbly”，提供帮助的“锦囊”文件夹，课堂需要完成的“任务”文件夹
打开站点文件夹hmbbly，选中首页index.htm，鼠标右击选择打开方式，选择“frontpage”
软件编辑。

任务一：
1.为首页中分栏目文字与其网页间做好对应的超链接。

2.为分栏目页面中的首页文字与首页（index.htm）间做好返回首页的超链接。

3.保存网页文件到站点文件夹hmbbly中，打开网页浏览，检验超链接是否设置成功！
思考：
网页中的图片可以建立超链接吗？
生自主学习，思考，操作，完成任务，师巡视并指导有困难的学生，并观察学生的操作及可能碰到的困难。

B．(屏幕切换)请一生展示完成的作品并演示操作，师给予适当评价，讲解建立超链接的步骤，URL（网站中页面，其他网站）
师：（利用教师机远程控制学生机，屏幕切换）同学们操作得都非常认真，老师发现**同学任务完成特完整，一起来欣赏吧。

（学生端全体广播）
生观看
师：（请生到教师机上演示讲解）大家欢迎**同学到前面来给大家演示讲解操作建立超链接的制作过程。

生：鼓掌鼓励，师带头。

生演示操作（速度慢），师从旁协助讲解整个建立超链接几个重要步骤。

师：**同学已然是个小老师，非常感谢她的精彩演示，一起为她鼓掌。

师：刚还有一个思考题，同学们想到了吗？
生：。

师：（单击主页中网站链接里其中一张图片简单演示操作）当创建一个超链接时，它的目的端将被编码为URL，也就是统一资源定位符，可以是站点文件夹中一个网页donghuajianjie.htm也可以是其他网站，使互联网上浩瀚资源紧密链接在一起，网站功能更加强大。

（URL：当创建一个超链接时，它的目的端将被编码为URL（统一资源定位符），例如：/news.htm或file://computername/sharedfolder/filename.htm。

URL包含了站点服务器或者网络位置、路径和文件名称。

）
C．设置超链接中，目标框架的设置
师：建立了超链接后，我们重新来浏览网站，确实方便多了。

师：（浏览时故意操作网页中一个图片超链接）单击某个超链接打开新网页时，会出现一个新窗口，而原有网页窗口却没有消失，如何达到这样的效果？
生：思考
师：教你一招----编辑超链接中的目标框架
师边演示操作，边讲解。

目标框架：默认（无）、相同框架、整页、新建窗口、父框架。

师：现学现用，我们自己来操作吧。

布置任务二：给图片建立超链接，编辑目标框架
1.打开站点文件夹hmbbly，选中动画人物（donghuarenwu.htm）页面，鼠标右击选择打
开方式，选择“frontpage”软件编辑。

2..请根据“锦囊二”提供的方法，给donghuarenwu.htm页面中的每一个动画人物图片（如
章鱼哥）建立相应的超链接，并将编辑超链接中目标框架设置为新建窗口。

3.保存网页文件，完成后，请在站点文件夹hmbbly中鼠标双击打开donghuarenwu.htm
网页浏览检验是否设置成功！
生自主学习，思考，操作，完成任务，师巡视并指导有困难的学生，并观察学生的操作及可能碰到的困难。

师：任务做完了，效果也出来了，为什么我们要编辑目标框架为新建窗口呢？
生：
师：新建窗口，如小图看大图。

方便浏览。

（讲解目标框架，新建窗口的作用）。

其他框架，灵活运用。

（三）、管理超链接（分钟）
A．网页文件重命名，移动文件---更新超链接
师：建立超链接后的网站，浏览起来方便多了。

这位同学制作这个网站时太匆忙了，（师打开站点文件夹列表，指向其中一张名字乱命名网页）如这张网页的名称随意命名，相关的网页文件也没有存放在相应的文件夹中，使同学们建立超链接时不停猜测是哪个分栏目页面。

师：设置超链接的网页，可以再修改、编辑吗？
师：ppt展示
1.修改网页名，会影响原先设计的超链接吗？
2.如果在站点上移动了一个文件的位置，会影响原先设计的超链接吗？
生：会影响不会影响
师：到底会不会影响呢？我们一起实验下吧。

师操作生观察思考
师：不会影响答对了答错了的同学也不气馁，刚不是又学了一招。

B.超链接关键词颜色设置----网页属性-格式
师：一个优秀的网站除了建立超链接网站功能外，还需要进行管理与维护，刚我们已经学了
网站管理的其中一种技术，还有其它的。

师：老师这就有一个疑问，可能同学们也碰到过，看看改用哪种技术解决？
师：打开网页浏览，指出访问过的超链接关键词的颜色跟整个网页风格不协调，我们自己可以控制其颜色吗？
生：
师：网页属性—格式
（四）、总结（分钟）
1、超链接概念、建立
1.URL
2.目标框架的设置
3.已设置超链接的网页的重命名和移动
4.超链接关键词颜色的控制
5.
（五）、总结（分钟）
拓展任务：
利用今天课堂所学知识，请将你自己制作的网站中主页与分页面间建立超链接，并对你的网站进行相适应的维护管理（网页重命名、移动、超链接关键词颜色）。

交流赏析体验美好（展示学生制作成果，师生共评）
课堂结束语：你能有所收获就是给老师最好的礼物。