精华区文章阅读

类似于这样完整的描述文件位置的路径就是绝对路径

相对路径:
使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。

　　例：
　　c:/website/web/xz/index.htm
　　c:/website/img/images/photo.jpg
　　在此例中index.htm中联接的photo.jpg应该怎样表示呢？
　　错误写法：../img/images/photo.jpg
　　这种写法是不正确的，在此例中对于index.htm文件来说
    ../img/images/photo.jpg所代表的
    绝对路径是：c:/website/web/img/images/photo.jpg。
　　正确写法：可以使用../../img/images/photo.jpg的相对路径来定位文件

　　例：
　　c:/website/web/xz/index.htm
　　c:/website/web/img/photo.jpg
　　在此例中index.htm中联接的photo.jpg应该怎样表示呢？
　　错误写法：../../img/photo.jpg
　　这种写法是不正确的，在此例中对于index.htm文件来说
    ../../img/photo.jpg所代表的
    绝对路径是：c:/website/img/photo.jpg。
　　正确写法：可以使用../img/photo.jpg的相对路径来定位文件

　　总结：通过以上的例子可以发现，在把绝对路径转化为相对路径的时候，
两个文件绝对路径中相同的部分都可以忽略，不做考虑。只要考虑他们不同之
处就可以了。

　　如何修改样式表的路径：

　　使用文本编辑器打开htm文件，查看源代码，在源代码的开头部分<head>..
....</head>标记中间找到<link rel="stylesheet" href="test.css"
type="text/css">。“Href=”后面的内容就是css的路径，我们可以根据以上
的知识进行相对路径的转换。

　　例：
　　c:/website/web/xz/index.htm
　　c:/website/css/test.css
　　在此例中index.htm中联接test.css文件，可以使用../../css/test.css的
相对路径来定位文件，完整的代码标记是：<link rel="stylesheet"
href="../../css/test.css " type="text/css">
　　错误写法举例：../../../css/test.css
　　这种写法是不正确的，在此例中对于index.htm文件来说../../../css/tes
t.css所代表的绝对路径是：c:/css/test.css

　　最后，为了避免在制作网页时出现路径错误，我们可以使用dreamweaver的
站点管理功能来管理站点。只要使用菜单命令site-new site新建站点并定义站
点目录之后，它将自动的把绝对路径转化为相对路径，并且当你在站点中移动
文件的时候，与这些文件关联的连接路径都会自动更改，实在是非常的方便。

PersonalCorpus 版 (精华区)