| 课题： |
“链接” 出“神奇”—网页制作的“超链接” |
教龄：5年 授课时间：2003.6 |
| 整体设计思路：*导言 *学习目标 *提示 *学习资源 *随堂练习 *评价 *拓展与思考 *教学反思 |
| 导 |
前期，我们学习了上网的相关内容，现在为止，我们所制作的网页都是孤立存在的，还没有形成一张相互联系的网，因为我们没有用到“超链接”的功能，今天我们就一起来学习如何通过“超链接”让我们的网页神奇起来。 |
| |
那什么是“超链接”呢？ |
| 言 |
我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。这就是我们将要讲述的网页"超链接"方式。没有链接就没有WEB网的生命力，正是由于有了"超链接"，因特网才会变得如此神奇，如此富有魅力！ |
| |
下面，我和同学们一起来感受“超链接”的美妙！ |
| 学 |
教学目标 |
|
| 知识和技能：进一步了解网络，能通过登录网站独立收发邮件；掌握网上注册电子信箱的通常步骤，能够对知识归纳、总结。 |
说明：本节课要求同学们能够熟练的使用各种形式的“超链接”，最终制作一个操作方便、实用、美观的网页。 |
| 习 |
过程和方法：能读懂软件的操作指导；通过疑问——观察——尝试——交流——总结来提高学生自主学习、合作学习的能力，逐步形成良好的学习习惯和学习方法。 |
| 目 |
情感态度和价值观：要培养学生乐用、善用网络资源；激励学生积极思考、主动探究、勤于动手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。 |
| |
教学内容： |
| 标 |
从文字（或图片）链接到另一个网页文件。 |
|
| |
从文字（或图片）链接到某个网站地址。 |
|
| |
从文字（或图片）实现网页内部的链接——“书签”。 |
|
| |
学习重点：各种不同形式的超链接的实现方法。 |
|
| |
学习难点：书签 |
|
| |
学习“超链接”时，先要弄清楚几个基本的概念。 |
| 提 |
1、链接源：本网页中已经存在的元素，可以是文字、图片等多种对象形式。 |
| |
2、链接目标：可以是另外一个网页、一个网站地址、电子邮件地址、本网页的其他位置或一个普通的文件、一幅图片、一段动画等等。 |
| 示 |
3、书签：实际上是网页内部的超链接。一般是当网页的内容较多时，我们无法看到所有的内容，若拖动滑动条看又比较麻烦，由此我们可以将网页中的一些关键词与网页中相应的具体信息链接起来，从而通过这些关键词就可跳转到与其相链接的部分，这就是书签。 |
| |
本地资源： |
| 学 |
一.参照课本76页:第5课 网页的链接 |
| |
二.教师提供资源 |
| 习 |
1、从文字（或图片）链接到另一个网页文件。 （阅读材料：如何从文字（或图片）链接到另一个网页文件） |
| |
2、从文字（或图片）链接到某个网站地址。（阅读材料：如何从文字（或图片）链接到某个网站地址） |
| 资 |
3、从文字（或图片）链接到电子邮件地址。（阅读材料：如何从文字（或图片）链接到电子邮件地址） |
| |
4、从文字（或图片）实现在网页内的链接——“书签”。（阅读材料：书签的创建步骤） |
| 源 |
网络资源： |
| |
http://www.hongen.com/pc/oa/fp2k/fp2k0401.htm |
| |
注意:在前面我们已经学习了如何搜索自己需要的素材，所以鼓励大家从因特网上获得更多更切合自己情况的帮助。这里向大家提供几个常用的搜索引擎。 |
| |
1、http://www.baidu.com/ |
| |
2、http://www.google.com/ |
| |
3、http://www.sohu.com/ |
| |
第一步：启动FrontPage2000。 |
| 随 |
第二步：登录资源站点:"pc.qd58.com/ymy/" |
| |
第三步: 下载"超链接练习站点" |
| |
第四步：请同学们借助老师提供的学习资源自学各种形式“超链接”的创建，并完成以下基本的练习。（可相互讨论、相互借鉴、相互交流，最后请同学演示操作过程） |
| 堂 |
练习要求如下：（首先从FrontPage2000打开站点“超链接练习”,并打开它的主页：index.htm） |
| |
1、为“我喜爱的精彩文章”中的“寂静之声”建立超链接到“寂静之声.htm” |
| |
2、为“我喜爱的网站”中的第一个站点建立超链接,链接地址为:www.163.com。 |
| 练 |
3、为标题“联系我哟”建立电子邮件超链接，链接地址为你自己的E_mail。 |
| |
4、为主页中的标题“ 我喜爱的网站 ”建立书签与相应的内容链接。 |
| |
思考: 1、能不能从文字或图片链接到一个WORD文件、一幅图片或一个动画，一段声音呢？ |
| 习 |
2、如何从书签的位置跳回到页首位置？即实现页面的来回切换？ |
| |
提高练习:有能力的同学建立一个比较完整的网站作为随堂作业。 |
| |
网站的主题可以从以下任选： |
| |
1）展现自我风采的个人网站 2）班级或母校网站 |
| 随 |
3）描述友情、亲情等的网站 4）介绍自己参与的研究性学习的网站 |
| |
5）体育、音乐等专题的网站 6）可根据自身情况自定主题 |
| |
另有要求如下： |
| 堂 |
1、建立一个包含至少2个网页的站点，并要实现网页之间的超链接。 |
| |
2、网页内要有文字或图片正确链接到网站地址。 |
| |
3、网页要包含电子邮件的超链接。 |
| 练 |
4、网页内要使用书签，并要实现页面的上下切换。 |
| |
5、总体来说，制作的网页应该美观大方、操作方便、实用。 |
| |
学习范例： |
| 习 |
1、xx同学创建的青岛五十八中环保网：www.qd58.com/ep |
| |
2、高二xx班主页：http://www.qd58.com/stu/200103/ |
| |
3、高一xx班主页：http://hot.qd58.com/ |
| |
第五步：相互交流，演示部分同学的成果。 |
| 评价 |
本节课我们学习了各种超链接的使用方法，通过本节课的学习你应该能够使自己的网页更加神奇、美妙！ |
| |
1, 5, 62, 42, 1, 210, 66, 1 Bitmap
| 现有一幅中国地图,要求实现将每一个省份都链接到各省具体的地形图(即电子地图的实现)，该怎么办？ | |
| 知 |
| 识 |
| 拓 |
| 展 |
| 教学 |
1、基于网络环境下的教学，虽有极大的学习空间，但教师要加强课堂调控，充分利用资源，完成学习任务，以兴趣任务引导学生进入学习情境，才不失为一个好的手段； |
| 反思 |
2、通过邮件和学生沟通，不但增进了师生之间的情感交流，而且也激发了学生的学习兴趣； |
| |
3、学生的创造力是无穷的，师生不断互学互进，不断总结，才会实现师生的共同进步。 |
财政