DreamweaverCS6网页设计：链接路径详解

在上一小节中，介绍了有关链接的源端点和目标端点的知识，仅仅知道有关链接的基础知识是不够的，还需要了解链接路径的相关知识。

链接路径主要有3种类型：绝对路径、相对路径及和根目录相对的路径。下面对这3种有关链接路径的知识加以详细介绍。

1.绝对路径

绝对路径是指包含服务器协议（在网页上通常是http：//或ftp：//）的完全路径。绝对路径表示的是精确位置，而不用考虑源文档的位置。但是如果目标文档被移动，超链接则无效。在本地规划了站点以后，如果需要链接到站点以外的文件时，必须使用绝对路径。

2.相对路径

相对路径是指和当前文档所在的文件夹相对的路径。例如文档test.swf在文件夹Flash中，它指定的就是当前文件夹内Flash的文档；…/test.swf指定的是当前文件夹上级目录中的文档；而/test/test.swf指定的是Flash文件夹下test文件夹中的test.swf文档。和文档相对的路径通常是最简单的路径，可以用来链接与当前文档在同一文件夹中的文件。

兼职指导：(www.xing528.com)

在建立和文档相对的路径之前，必须保存新文件，因为在没有定义文件起始点的情况下，和文档相对的路径是无效的。在文档保存之前，Dreamweaver CS6会自动使用以File：//开头的绝对路径。

3.和根目录相对的路径

和根目录相对的路径是指放置在站点文件夹目录下的任何文件的指向路径。站点上所有可以公开的文件都存放在站点的根目录下。和根目录相对的路径可以使用斜线告诉服务器从根目录开始。例如/Dreamweaver/index.html将链接到站点根目录Dreamweaver文件夹的index.html文件。如果要在内容经常被移动的环境中建立超链接，那么推荐优先使用和根目录相对的路径。在使用和根目录相对的路径时，包含超链接的文档在站点内移动，超链接不会中断。但是和根目录相对的路径不适合在本地查看站点，在这种情况下，可以使用和文档相对的路径。

兼职指导：

当在浏览器中按照本地方式预览文件时，和根目录相对的路径所链接的内容不会出现。这是因为浏览器不能像服务器那样识别站点根目录。要预览和根目录相对的路径所链接的内容，必须将文件放置到远程服务器，并从那里进行查看。