第18课 建立超链接 教学设计

第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.超链接关键词颜色设置----网页属性-格式

师：一个优秀的网站除了建立超链接网站功能外，还需要进行管理与维护，刚我们已经学了