![]() |
![]() |
||||||||
|
一、超级链接的建立。 网页上的超链接主要有三种:一种是相对网址的超链接;第二种是与绝对网址(如http://www.163.net)的超链接;第三种是指在同一网页内的超链接。下面我们分别进行学习。 1.同一网站内的超链接--相对网址的超链接 (1)在站点内建立至少三个网页,其中一页为首页(index.htm),另外两页为网站的子页(具体内容)。在首页上输入子页栏目名称。 (3)除此之外,也可自行选择主题。 接下来,我们要在首页的栏目名称上做超级链接,单击后可进入相应子页。(看老师演示) 请同学们自己试一下,在栏目名称上做超链接,链接到每个栏目页上。做完后还要思考一个问题。 思考:在子页如何能返回到首页?有几种办法?(请一名同学到前面来做) 不仅在文字上可以做超级链接,在图片上也可以做超级链接,同学们可不可以用同样的方法在图片上做一个超级链接,链接到子页呢? 任务三: 请先将子页用到的图片另存为一张“128*96”像素的图片并插入到首页,这就是缩略图。请在缩略图上投制做到子页的超级链接。 任务四: 在网上浏览图片时经常要用到缩略图(演示),你能做出这种效果吗?自己动手试一试这种单击缩略图放大的效果。(请一名同学到前面来做) 2.绝对网址的超链接 在链接地址处填写网址,确定即可。建议将浏览器地址栏内的地址全部复制过来。 因我校现在未接入互联网,因此,此项练习回家再做。 3.同一网页内的超链接--锚点的链接(Frontpage中称为"书签") 当一个网页的主题或文字较多时,可以在网页内建立多个标记点,将超链接指定到这些标记点上,能够使浏览者快速找到要阅读的内容。我们将这些标记点称为锚点(Anchor)。 在网页中使用锚点的步骤分为两步: 第一步是先定义锚点,即在网页中某位置上定义一个书签; 第二步是使用锚点,即定义一个超链接到该锚点。 下面通过一个实例来说明其效果。其操作过程如下: 建立一个新网页,将教师提供的"学校介绍"内容复制进去。将此文件保存为"jieshao.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 高鹏