Dreamweaver 4 简明教程(六、建立超级链接)_Dreamweaver教程

六、建立超级链接

　　超级链接（Link），简称链接，是页面与页面之间一个单向的关联关系。通过点击链接，我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。

1、文字链接

　　在页面中选取需要建立链接的文字，如下图：

　　在属性面板的Link一项，填写链接地址，当浏览者点击该链接的时候，浏览器就回跳转到该页面，例如这里填写的是：http://www.goeway.com

　　如果你希望该页面是在一个新窗口打开，可以在Target中选择“_balnk”。
　　如果要链接到网站内的文件，可以点击

：

　　上图中，我们是将文字链接到index2.htm这个文件，特别注意的是最底的Relative To的选项，意思是选择相对路径的形式，默认是Document，也可以选择Site Root，区别在于，Document是指相对路径是从本页开始计算，而Site Root是从根目录开始计算（即“/”），如下图：

　　另外，如果使用Site Root的模式做成的链接，在本地硬盘直接打开页面浏览通常会出错，但在Dreamweaver的预浏模式和上传上服务器后，都不会有问题。
2、图片链接

　　图片链接的建立过程与文字链接相似，就不多作介绍了。但特别要提出的是，某些图片，在加上链接后，会出现一个蓝色的边框，要将边框去掉，将Border设为0即可。

3、热区链接

　　前面介绍的图片链接，一张图只能对应一个链接，能不能一张图对应多个链接呢？答案是可以的，选取一张图片后，可以在属性面板看到Map选项：

　　其中：

创建矩形热区，

创建原形热区，

创建多边形热区。例如我们现在点，光标变成一个十字，此时可以在图片上画出一个蓝色矩形的热区：

　　此时对应的属性面板为：

　　同样地，在Link输入链接地址（“#”表示一个空链接），而Alt则为当鼠标指向热区时所显示的文字，与图片的Alt相似。我们可以通过

选择不同的热区，并通过调整热区四个角的控制点调整热度的大小。通过热区，我们可以在猩猩的眼睛做一个链接，同时又在嘴巴上做一个链接，分别链接到不同的页面。
关于链接的提示

　　1、如果要链接到一个E-mail地址，则在Link处填写：“mailto:地址”，例如mailto:help@goeway.com，那么点击该链接的时候，就回打开默认的E-mail程序，例如Outlook，发送E-mail到help@goewa.com这个地址。

　　2、如果链接到浏览器无法打开的文件，例如exe、Zip等文件，那么浏览者在点击这个链接的时候，就会弹出对话框，询问是将文件保存到硬盘的什么地方，这就实现了文件下载的功能。