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