课题:第七节创建超链接
教学目标:
1.理解超链接的概念,了解链接的种类。
2.学会规划网站的各个链接,并正确完成。
3.掌握创建超链接的方法。
教学手段:多媒体电子网络
教学过程:在上一章的学习中,我们熟悉了Internet,那么因特网上若干个网站是如何联系到一起的?
(引入超链接的概念,并复习超链接的特性)
[板书]第七节创建超链接
一、链接的概念和种类
创建了WEB站点后,需要在页面间建立超链接才能把单个的页面有机联系起来。根据需要,可以通过书签链接到本页的特定位置或链接到其它页面,也可以通过创建图像映射建立链接,使WEB保持动态的特性和不断更新的特性。链接是网页制作中的重要技术,也是WWW能够流行的主要原因。
根据链接对象的不同性质,可以将链接分为四种:
1.同一页面内部的链接
2.不同页面之间的链接
3.链接到WEB页
4.建立图像映射。
这些链接是如何建立的呢?
[板书]二、建立超链接
超链接可以定义在文字中,也可以定义在图片上,甚至是图片中的局部位置上。无论建立何种链接,都要先选定文字或图形作为链接源,然后单击常用工具栏“超链接”按钮,打开“创建超链接”对话框,再进行相应设置即可。
1.在同一页面建立链接。
[演示例1]打开huanbao网站中的questions.htm网页,对其中的“返回页首”图形建立链接,链接到同页页首。
在“预览”状态下,单击“返回页首”图形,让学生观察链接的结果。
[提问]如果直接链接到同一页,链接的目标位置在哪儿?(页首)
[提问]如果网页较长,想链接到网页中间的某一特定位置,应该如何操作呢?
引导回答:必须将这些特定位置标记出来,引入书签的概念。
一般情况下,如果页面较长,需要通过滚动条的移动进行顺序浏览。有时只需阅读网页中的某一段文本,通过滚动条则显得很不方便,这时,为了便于浏览和管理,可以在页面中加入书签,将几个希望跳转到的特定位置标志出来(通常与网页中的小标题一致),这样,访问者单击页面顶端的标题,即可将其所链接的书签所在位置的文本显示在屏幕上。那么如何定义书签呢?
[演示例2]对questions.htm网页中的各小标题分别建立书签式链接。
总结:书签可以是文字,也可以是插入点所在的位置。
[提问]如果书签位于其它网页,能否建立超链接呢?
[板书]2.不同页面之间的链接。
若要链接到其它页面,只要指定网页
您现在访问的是中国学科吧旗下教案网http://www.jsfw8.com/jafs/文件名即可。
(学生操作练习例3,并进行预览,教师总结学生操作中存在的问题)。
前面我们学习了框架的知识,知道框架网页其实就是几个单个的网页显示在同一窗口中,如果在左框架中设置了链接源,而想将链接目标显示在同一窗口,比如右框架中,又应该如何操作呢?
[演示例4]打开knowledge.htm框架网页,将左框的每一行标题分别作为链接源,打开“创建超链接”对话框,单击“更改目标框架”按钮,分别介绍五种目标框架的含义。然后让学生针对各标题内容选择相应目标框架,理解不同目标的含义和用途。
(学生练习例4)
[板书]3.链接到WEB站点。
在主页上有几个网站的图标,如果能将它们分别链接到各自的网站,就可以建立与外界的联系。通过前面的学习,大家应该已经知道链接的方法了。
(学生练习操作例5、例6,教师总结操作情况,指出此处必须使用绝对地址进行链接,输入的网站URL必须完全正确)。
[板书]4.建立图像映射
所谓图像映射,是指本身包含多重链接的图片,与一个常规的链接图片的不同之处在于一个图像映射可以引向几个目标,单击图片的不同位置,将激活不同的链接。
图像中每一个可以单击的区域称为热区,每个热区都可以创建超链接,在FrontPagexxxx中,使用图片工具栏按钮,可以在一幅图片上绘制热区,进而创建超链接。
[演示例7]新建网页,并建立图像映射。
根据需要选择圆、矩形、多边形等工具绘制热区,并调整热区大小。
(学生练习操作例7,教师总结)
布置作业。
板书设计:
第七节创建超链接
一、超链接的概念和种类
二、建立超链接
1.同一页面内的链接
1)返回页首
2)书签
2.不同页面间的链接
1)链接到其它网页
2)框架间链接
3.链接到WEB站点
1)链接到网站
2)链接到E-mail地址
4.建立图像映射
1)概念
2)建立的方法
教案网http://www.jsfw8.com/jafs/