你的位置:软件与光盘>
基础教程(十七):创建链接
2000-03-18 00:00:00· 莫治雄·CPCW

table width="90%" border="0" cellspacing="0" cellpadding="0">

  链接(或称超链接)是WWW的魅力所在。为了把Internet上众多的网站和网页联系起来,构成一个有机的整体,就要在网页上加入链接。通过点击网页上的链接,我们才能在信息海洋中尽情遨游。

一、链接的类型

  在Dreamweaver中,我们可以为文本和图像创建以下几种链接:

内部链接:在同一网站文档之间的连接。
外部链接:不同网站文档之间的链接。
锚点链接:同一网页或不同网页的指定位置的连接。
E-mail连接:打开填写电子邮件表格的连接。

二、关于文档路径

  要正确创建连接,必须了解链接与被链接文档之间的路径。每个网页都有一个唯一的地址,称为统一资源定位符(URL)。然而,当你创建内部链接(同一站点内一个文档向另一个文档之间的链接)时,一般不会指定被链接文档的完整URL,而是指定一个相对于当前文档或站点根文件夹的相对路径。下面是Dreamweaver允许使用的三种文档路径类型:

绝对路径:绝对路径就是被链接文档的完整URL,包括所使用的传输协议(对于网页通常是http://)。例如,http://www.macromedia.com/support/dreamweaver/contents.html 就是一个绝对路径。在创建外部链接(从一个网站的网页链接到另一个网站的网页)时,必须使用绝对路径。

文档相对路径:以当前文档所在位置为起点到被连接文档经由的路径。这是用于本地链接的最适宜的路径。例如,dreamweaver/contents.html就是一个文档相对路径。当我们要把当前文档与处在相同文件夹中的另一文档链接,或把同一网站下不同文件夹中的文档相互链接时,就可使用相对路径。

指定文档相对路径时,我们省去了当前文档和被链接文档的绝对URL中相同的部分,只留下不同的部分。例如,要把当前文档与处在相同文件夹中的另一文档链接,只要提供被链接文档的文件名即可;要把当前文档与一个位于当前文档所在文件夹中的子文件夹里的文件,要提供子文件夹名、前斜杠和文件名。要把当前文档与一个位于当前文档所在文件夹的父文件夹里的文件,在文件名前加上 ../..表示上一级文件夹)。

根相对路径:根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头,它代表站点根文件夹。例如, /support/tips.html就是站点根文件夹下的support子文件夹中的一个文件(tips.html)的根相对路径。根相对路径是指定网站内文档链接的最好方法,因为在我们移动一个包含根相对链接的文档时,无需对原有的链接进行修改。

  使用Dreamweaver,可以轻易地选择文档路径的类型来建立链接。

三、创建链接的一般方法

  使用属性检查器,可以把当前文档中的文本或图像链接到另一个文档。具体的操作步骤如下:

1 选择窗口中的文本或图像。
2 选择Window$#@62;Properties(窗口$#@62;属性),打开属性检查器,并执行以下操作之一:
单击Link域右边的文件夹图标,浏览并选择一个文件。URL域中显示被链接文档的路径。使用Select File(选择文件)对话框中的Relative To(相对于)弹出菜单,选择Document(文档相对路径)或Site Root(根相对路径),然后单击Select(选择)。
注意:当你修改Relative To域中的路径时,Dreamweaver把该项选择设置为以后创建的链接的默认路径类型,直至你改变该项选择为止。
在属性检查器的Link域,输入要链接文档的路径和文件名。

要链接到当前站点中的另一个文档(内部链接),输入文档相对路径或根相对路径;要链接到当前站点以外的文档(外部链接),输入包含协议类型(如 http://)的绝对路径。

3 选择被链接文档的载入位置。

在默认情况下,被链接文档打开在当前窗口或框架中。要使被连接的文档显示在其它地方而,需要从属性检查器的Target(目标)弹出菜单上选择一个选项:

_blank 将被链接文档载入到新的未命名浏览器窗口中。
_parent 将被链接文档载入到父框架集或包含该链接的框架窗口中。
_self将被链接文档载入与该链接相同的框架或窗口中(注:本目标是默认的,所以通常无须指定)。
_top 将被链接文档载入到整个浏览器窗口并删除所有框架。

四、创建链接独特方法

  在属性检查器的Link域右边,有一个指向文件(Point-to-File)图标。这是Dreamweaver用于创建链接的特有“武器”。使用指向文件图标,我们可以方便快捷地创建指向站点窗口中一个文档或图像文件,或指向另一个打开文档中命名锚点的链接。

 使用属性检查器中的指向文件图标

  使用属性检查器中的指向文件图标创建链接的操作步骤如下:

1 在文档窗口选择文档或图像。
2

在属性检查器中,拖动Link域右边的指向文件图标,指向以下目标之一:

一个打开文档中的可见锚点

站点窗口中的一个文档

Link域被更新并显示出所建立的链接。
3 释放鼠标按钮。

  给选定文本创建链接

  不使用属性检查器,给打开文档中的选定文本创建链接的步骤如下:

1 在文档窗口选择文本。
2 按住Shift键,在选定的文本上拖动鼠标指针(拖动时指向文件图标出现)。
3 指向另一个打开文档中的可见锚点或站点窗口中的一个文档。
4 释放鼠标按钮。

  给站点地图上的文件创建链接

  给站点地图上的文件创建链接的操作步骤如下:

1 在站点地图上选择HTML文件。此时,指向文件图标出现在选定文件旁边。
2

拖动指向文件图标,指向站点窗口中的一个文档(或打开文档中的可见锚点)。

3 释放鼠标按钮。

  上面,我们以创建内部和外部链接为例,介绍了创建链接的一般方法和Dreamweaver提供的独特方法。下一节将给大家介绍创建邮件链接和锚点链接的方法。



【发表评论】【关闭窗口】


.MySQL数据库基础教程
.基础教程(三十八):导入和导出XML内容
.基础教程(三十七):修改模版和更新站点
.基础教程(三十六):模板参数设置
.基础教程(三十五):应用模板创建文档
.基础教程(三十四):定义模板的可编辑区
.基础教程(三十三):创建模板
.基础教程(三十一):表单对象的属性设置
.基础教程(三十二):表单应用:访客留言
.基础教程(三十):创建表单
.基础教程(二十九):框架应用例释
.基础教程(二十八):框架和框架集属性
.基础教程(二十五):创建框架
.基础教程(二十七):框架和框架集文件
.基础教程(二十六):选择框架和框架集
.基础教程(七):层的属性设置和操作之二
.基础教程(八):层参数设置和嵌套层
.基础教程(九):层与表格的相互转换
.基础教程(十):历史面板及其应用[1]
.基础教程(十一):时间轴
.基础教程(十二):修改时间轴及对象属性
.基础教程(十三):图象与文字
.基础教程(十四):创建轮换图像
.基础教程(十八):创建邮件链接和锚点链接
.基础教程(十九):表格
.基础教程(十五):创建影像地图
.基础教程(二十一):站点的规划和定义
.基础教程(二十二):拷贝和粘贴表格单元
.基础教程(二十三):调整表格大小
.基础教程(二十四):表格排序