创建超链接

创建超链接

课题：第七节 

教学目标：

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站点。

在主页上有几个网站的图标，如果能将它们分别链接到各自的网站，就可以建立与外界的联系。通过前面的学习，大家应该已经知道链接的方法了。