课 题
网页制作之超链接
编 号
课 型
新授课
课 时
1
年 级
2.7
学习
目标
1、明确超级链接的意义；
2、为文本和图片对象建立外部网站、本地文件和电子邮箱地址的超级链接；
3、能在图片上创建热点链接。
知 识
链 接
设置超链接的方法：
URL：统一资源定位符，也被称为网页地址，是因特网上标准的资源地址。
URL由三部分组成：协议类型，主机名和路径及文件名。
mailto ：资源为电子邮件地址，通过 SMTP 访问。
格式 mailto:
http ： 通过 HTTP 访问该资源。
格式 HTTP://
热点：也称为图像映射，属于另外一种形式的链接，允许将不同的URL指定给一幅图片的不同部分。热点就是图片的一部分。
设置热点方法：先选中图片，激活图片编辑工具栏，在显示的图片工具栏中选择热点绘制工具，拖动鼠标在图片上的相应位置绘制出热点，热点绘制工具如图：
可通过“超链接”文件夹下的“热点绘制”视频来学习绘制热点的方法。
学 法
指 导
1、阅读导学案的知识链接自学设置超链接的方法与相关理论知识，完成探究任务并展示；
2、通过对错误操作的分析突破易错点，理解URL；
3、根据兴趣选择相应的任务主题，应用所学知识完成进阶任务；
4、通过作品展示、评价进一步理解本课内容；
5、填充自我评价表格了解自己对本课的掌握情况。
? 探究任务
完成下列操作，观察设置不同类型超链接时URL框中有什么变化
1、用Frontpage打开文件夹“超链接/自学探究/班级网页”文件夹中的index.htm网页，完成下表中要求的超链接设置。
链接源
链接目标
操作方法
军训相册（文字）
军训.htm
插入/超链接/Web 文件
萝北高中网（文字）
http://www.mylbx.com/
插入/超链接/Web 网址
邮箱图片
链接个人的邮箱，没有的用lbgz@163.com
插入/超链接/电子邮箱
与我联系
链接个人的邮箱，没有的用lbgz@163.com
插入/超链接/电子邮箱
【操作提示】
（1）使用FrontPage打开“超链接/自学探究”文件夹下的index.htm；
（2）选中文字对象；
（3）从“插入”菜单的“超链接”菜单项进行设置。
（4）根据链接目标种类的不同，选择相应的按钮进行设置
2、用Frontpage打开文件夹“超链接/自学探究/黑龙江旅游” 文件夹中的index.htm网页，通过设置热点实现如下功能：单击鹤岗时弹出介绍鹤岗旅游的网页；单击哈尔滨时出现介绍哈尔滨旅游的网页。
【操作提示】
先选中图片，激活图片编辑工具栏，在显示的图片工具栏中选择热点绘制工具，拖动鼠标在图片上的相应位置绘制出热点，如图：
高手加油站：
通过网页属性，设置链接的翻转效果、文字的颜色、访问后的链接文字颜色等。
? 进阶任务
根据自己对网站的理解，完善网站超链接，使网站链接关系设计合理、使用方便。表格内要求的为必做链接。
选题一
在“超链接/练习/保护野生动物”文件夹中，对index.htm创建超链接。
链接源
链接目标
自然保护区
保护区.htm
中国野生动物保护协会
www.cwca.org.cn/
邮箱图片
链接个人的邮箱，没有邮箱的可用lbgz@163.com
与我联系
链接个人的邮箱，没有邮箱的可用lbgz@163.com
选题二
《喜羊羊与灰太郎》是一部优秀的国产原创系列电视动画片，曾经荣获由国家广电总局颁发的国家动画片最高奖——“优秀国产动画片一等奖”，我们就通过这个专题介绍一下《喜羊羊与灰太郎》的信息吧。 为“超链接/练习/喜羊羊与灰太郎”下的index.htm网页插入超链接。
链接源
链接目标
喜羊羊
喜羊羊.htm
与我联系
链接个人的邮箱，没有邮箱的可用lbgz@163.com
在线观看
http://www.iqiyi.com/dongman/xyyyhtl.html?src=alddm
选题三
打开“超链接/练习/萝北旅游” 下的index.htm网页插入如下超链接。
链接源
链接目标
名山风景区
名山旅游.htm
与我联系
链接个人的邮箱，没有邮箱的可用lbgz@163.com
萝北图片
www.luobeilvyou.com
? 评价标准
链接结构是否完整，网站使用是否方便；链接地址是否正确，能不能正确显示网页；链接文字翻转颜色设置；能否返回主页。
自评表格
姓名
对文字链接得
1分
对图片链接得
1分
对图片区域链接得2分
有邮箱链接得
2分
有网址链接得
1分
有网页链接得
1分
有链接翻转
加1分
有链接到主页
加1分
得分
小于6分者为不及格、不小于6分 并且小于8分者为及格，不小于8分者为优秀。
任务四 设置超级链接 教学设计
1教学目标
1、说出超链接的组成要素；（课前设计的填空题）
2、描述URL的组成和作用；（课上提问）
3、根据访问需求，设计、制作网页中的超链接。（学生课上展示）
4、解释热点的作用，举例说明热点的应用场所。（学生课上集体头脑风暴）
5、应用所学方法，设计网站的链接结构，为网站中的网页创建超链接。（课上小组合作，通过学生展示来判断）
6、对同学网站中的超链接结构做出评价，并提出你的看法。（学生互评）
2学情分析
学生平时经常网上冲浪，但对于网站是如何组织的，网页之间如何建立联系并没有思考过。他们通过之前的学习能够制作一个简单的网页，并且有制作一个完整的网站的意愿。他们不喜欢老师长篇大论，更喜欢通过自我尝试、实践来学习，他们渴望有优秀的作品展示给老师和其他的同学。
可能因为不能正确区分链接目标导致制作的网页链接无效，或链接结构不合理导致“进得去出不来”，链接效率不高。
3重点难点
难点：正确区分链接目标并根据链接目标的不同在frontpage2000中正确设置超链接。
重点：热点链接的制作方法；根据链接目标的不同正确设置超链接。
4教学过程
活动1【导入】课前学习任务
1、阅读课前学习材料（介绍超链接组成的文字材料），了解超链接的组成要素，然后通过浏览范例网站（班级网站（有链接到网址、邮箱、本地网页的超链接，链接源有文字和图片）），说说主页上有几处超链接，他们的链接源和链接目标分别是什么？
学生用qq以填空题的形式上传答案，回答正确得3分。
2、阅读文字材料（URL的文字介绍），了解什么是URL，写出URL的组成，并举例。
学生用QQ反馈本问题答案，写出组成的得3分，正确举例的加1分。
3、观看视频学习资料，学习如何在网页中插入超链接，完成资料5中的操作（练习一：三类不同链接目标的设置）。并观察当链接目标不同时，URL有何区别。
课上展示成果，每个操作加1分，共3分。
4、观看学习视频http://v.youku.com/v_show/id_XNzQ0NjMwMDQ4.html，学习如何在图片上绘制热点，完成练习二（热点链接的制作）。
课上展示成果， 正确设置两个热点链接加2分
5、完成辅助理解知识的填空题
课前用QQ发送答案，回答正确加2分
6、学有余力的同学可通过查看HTML，了解各类超链接对应的HTML写法，并尝试在HTML窗口中完成练习一中的超链接。
课上交流展示，会用HTML写超链接的加4分。
活动2【活动】内容热身，知识回顾
1、内容热身，回顾什么是超链接、链接的组成要素；什么是URL，URL由几部分组成？学生举例。（５分钟）
温习检查课前学习效果，为后续活动提供支持。（应变候选方案：若学生回答不全面，可互相补充，如某一问题大部分学生都回答错误，教师可以简单讲解。）
活动3【活动】学生展示学习成果
２、学生展示课前学习成果（13分钟）
操作展示，增加学生参与度，对课前学习成果给予肯定；发现典型错误，共同解决。
（1）演示3类不同链接目标的超链接设置方法，并说出每个链接目标对应的URL。
（2）对比不同链接目标对应的URL，2人一组分析讨论链接目标不同时URL有何特点。
（3）大家来找茬：教师演示几组典型的错误操作，让学生分析、找出错误原因。
（4）学生演示如何设置热点链接，并在演示的同时说出操作步骤。
（应变候选方案：
如果学生不能清晰描述操作步骤，教师可适度提示。
如果学生演示热点链接时不出现绘图工具栏，让其它同学提供帮助并加1分作为奖励。）
活动4【练习】实战演练
学生3人一组，根据各自喜好在老师给出的3组素材中任选其一，组内成员共同讨论链接方案，并制作完善网页间的超链接。（组长要做好分工， 汇报成果、测试链接有效性要有专人负责，制作由3人共同完成。）
在具体环境中应用所学知识解决问题，学以致用。
活动5【活动】展示成果，组间互评
小组代表展示本组作品并说明链接结构设计，其他组可以对其进行评价。
（应变候选方案：若评价时学生评价不到位或评价冷场，教师可以先做示范，并告知学生评价要点，从哪几方面进行评价。）
深入理解超链接结构，在评价他人的同时反思自己的设计。
活动6【活动】总结
学生说说本节课的收获，设计制作超链接时的注意事项有哪些。
教师用知识树总结本次课的知识结构。
课件12张PPT。网页制作之超链接1、明确超级链接的意义；
2、为文本和图片对象建立外部网站、本地文件和电子邮箱地址的超级链接；
3、能在图片上创建热点链接。学习目标超链接——从一个网页指向一个目标的连接关系 超链接组成要素我们读书的时候，发散思维是怎么产生的呢？链接源链接目标文字图片电子邮件地址本地web文件Web网址首先，我们看到了什么，然后是想到了什么？这两个要素缺一不可！超
链
接一、什么是超级链接超链接是指从一个网页指向一个目标的连接关系。（通俗的说、就是点击一张图片、一段文字可以链接到一个新的地址、页面，我们就可以把这种元素叫做超级链接）二、可添加超级链接的网页元素
图片
文字
.
.
.可添加链接的元素？新的网站地址一张新网页邮箱地址图片、音乐可链接到的地方三、怎么利用frontpage制作超级链接四、是不是点击一张图片就只能链接到一个地方？五、给网站页面添加超级链接让页面活起来如何设置超链接阅读导学案中知识链接部分，自学设置超级链接的方法，完成探究任务。
关注：当链接源类型不同时，URL输入框内有何变化？ 学 以 致 用野生动物保护组爱我家乡组动漫卡通组链接源
超链接选择链接源设置链接目标方法： 归纳提升
