一、超级链接的建立。

  网页上的超链接主要有三种:一种是相对网址的超链接;第二种是与绝对网址(如http://www.163.net)的超链接;第三种是指在同一网页内的超链接。下面我们分别进行学习。

  1.同一网站内的超链接--相对网址的超链接
  任务一:
  请同学们快速建立一个站点。要求:

  (1)在站点内建立至少三个网页,其中一页为首页(index.htm),另外两页为网站的子页(具体内容)。在首页上输入子页栏目名称。
  (2)网站参考内容:《美丽的校园》,图片保存在图形图片库内。(地址:\\dtgy\图形图片库\鼎太照片)

  (3)除此之外,也可自行选择主题。

  接下来,我们要在首页的栏目名称上做超级链接,单击后可进入相应子页。(看老师演示)

  请同学们自己试一下,在栏目名称上做超链接,链接到每个栏目页上。做完后还要思考一个问题。
  
  任务二:

  思考:在子页如何能返回到首页?有几种办法?(请一名同学到前面来做)
  

  不仅在文字上可以做超级链接,在图片上也可以做超级链接,同学们可不可以用同样的方法在图片上做一个超级链接,链接到子页呢?

  任务三:

  请先将子页用到的图片另存为一张“128*96”像素的图片并插入到首页,这就是缩略图。请在缩略图上投制做到子页的超级链接。

  任务四:

  在网上浏览图片时经常要用到缩略图(演示),你能做出这种效果吗?自己动手试一试这种单击缩略图放大的效果。(请一名同学到前面来做)  

  2.绝对网址的超链接

  在链接地址处填写网址,确定即可。建议将浏览器地址栏内的地址全部复制过来。

  因我校现在未接入互联网,因此,此项练习回家再做。

  3.同一网页内的超链接--锚点的链接(Frontpage中称为"书签")

  当一个网页的主题或文字较多时,可以在网页内建立多个标记点,将超链接指定到这些标记点上,能够使浏览者快速找到要阅读的内容。我们将这些标记点称为锚点(Anchor)。

  在网页中使用锚点的步骤分为两步:

  第一步是先定义锚点,即在网页中某位置上定义一个书签;

  第二步是使用锚点,即定义一个超链接到该锚点。

  下面通过一个实例来说明其效果。其操作过程如下:
  (教师边做边讲)
  
  任务五:

  建立一个新网页,将教师提供的"学校介绍"内容复制进去。将此文件保存为"jieshao.htm"。

  请在文章中黑体字部分前面插入锚点,并在文章顶部制作一个超级链接到这个锚点。

  参考资料:学校介绍

  参考教程:
  校内:http://172.16.150.150/itedu/wljc/hongen/pc/homepage/dreamweaver/dw020503.htm

  校外:http://gaopeng.com/itedu/wljc/hongen/pc/homepage/dreamweaver/dw020503.htm

  思考:看完一部分内容以后,如何快速返回页顶呢?(请一名同学到前面来做)

  二、超链接的编辑
  在属性面板中重新定义链接的对象即可。

  三、课后练习:
  课后自学:创建图形热区链接

  校内:http://172.16.150.150/itedu/wljc/hongen/pc/homepage/dreamweaver/dw020504.htm

  校外:http://gaopeng.com/itedu/wljc/hongen/pc/homepage/dreamweaver/dw020504.htm

 

深圳市南山实验学校 ©2003 高鹏