创建超链接的教学设计

创建超链接的教学设计

教学目标：

1．理解超链接的概念，了解链接的种类。

2．学会规划网站的各个链接，并正确完成。

3．掌握创建超链接的方法。

教学手段：多媒体电子网络

教学过程：在上一章的学习中，我们熟悉了Internet，那么因特网上若干个网站是如何联系到一起的？

（引入超链接的概念，并复习超链接的特性）

[板书] 第七节 创建超链接

一、链接的概念和种类

创建了WEB站点后，需要在页面间建立超链接才能把单个的页面有机联系起来。根据需要，可以通过书签链接到本页的特定位置或链接到其它页面，也可以通过创建图像映射建立链接，使WEB保持动态的特性和不断更新的特性。链接是网页制作中的重要技术，也是WWW能够流行的主要原因。

根据链接对象的不同性质，可以将链接分为四种：

1．同一页面内部的链接

2．不同页面之间的链接

3．链接到WEB页

4．建立图像映射。

这些链接是如何建立的呢？

[板书] 二、建立超链接

超链接可以定义在文字中，也可以定义在图片上，甚至是图片中的.局部位置上。无论建立何种链接，都要先选定文字或图形作为链接源，然后单击常用工具栏“超链接”按钮，打开“创建超链接”对话框，再进行相应设置即可。

1．在同一页面建立链接。

[演示例1] 打开huanba网站中的questins.ht网页，对其中的“返回页首”图形建立链接，链接到同页页首。

在“预览”状态下，单击“返回页首”图形，让学生观察链接的结果。

[提问] 如果直接链接到同一页，链接的目标位置在哪儿？（页首）

[提问] 如果网页较长，想链接到网页中间的某一特定位置，应该如何操作呢？

引导回答：必须将这些特定位置标记出来，引入书签的概念。

一般情况下，如果页面较长，需要通过滚动条的移动进行顺序浏览。有时只需阅读网页中的某一段文本，通过滚动条则显得很不方便，这时，为了便于浏览和管理，可以在页面中加入书签，将几个希望跳转到的特定位置标志出来（通常与网页中的小标题一致），这样，访问者单击页面顶端的标题，即可将其所链接的书签所在位置的文本显示在屏幕上。那么如何定义书签呢？

[演示例2] 对questins.ht网页中的各小标题分别建立书签式链接。

总结：书签可以是文字，也可以是插入点所在的位置。

[提问] 如果书签位于其它网页，能否建立超链接呢？

[板书] 2．不同页面之间的链接。

若要链接到其它页面，只要指定网页文件名即可。

（学生操作练习例3，并进行预览，教师总结学生操作中存在的问题）。

前面我们学习了框架的知识，知道框架网页其实就是几个单个的网页显示在同一窗口中，如果在左框架中设置了链接源，而想将链接目标显示在同一窗口，比如右框架中，又应该如何操作呢？

[演示例4] 打开n5