参考资料： 3358 www.wangqi.net/n357c 51.aspx
刚开始接触网页设计的人，会不会经常发生这样的问题呢？ 您创建的网页在您的计算机上可以正常浏览，但如果将页面传输到服务器，则会出现看不到图像、禁用css样式表等错误。 在这种情况下，浏览器无法在指定位置打开指定的文件，因为大多数情况下您使用了错误的路径，并且在应该使用相对路径的位置使用了绝对路径。
下面介绍初学者最棘手的相对路径和绝对路径的区别。
绝对路径是什么：大家都知道我们平时使用计算机时要找到所需的文件，就必须知道文件的位置，而表示文件位置的方法是路径。 例如，通过此路径，您可以看到c:/website/img/photo.jpg文件位于website目录下的img子目录中。 这样完整描述文件位置的路径是绝对路径。 无需了解其他信息，即可根据绝对路径判断文件的位置。 网站上通过http://www.pckings.net/img/photo.jpg确定文件位置的方法也是绝对路径。
此外，在站点的APP应用程序中，通常用“/”表示根，/img/photo.jpg表示photo.jpg文件位于该站点根上的img目录中。 但是，这样使用对初学者来说有风险。 因为您需要知道这里的根目录不是您站点的根目录，而是您站点所在服务器的根目录，所以如果站点的根目录与服务器的根目录不同，就会发生错误。
什么是相对路径：首先，让我们分析一下为什么图像显示不正常。 举个例子，现在有一个名为index.htm的页面。 此页面链接了图像photo.jpg。 他们的绝对路径如下
c:/website/index.htm
c:/website/img/photo.jpg
使用绝对路径c:/website/img/photo.jpg，可以在指定位置c:/website/img/photo.jpg找到photo.jpg文件在怡景池将页面上传到网站。你的网站可能在服务器的c驱动器上，可能在d驱动器上，可能在aa目录下，可能在bb目录下，总之那么，在index.htm文件中使用什么路径来查找photo.jpg文件呢？ 是的，应该使用相对路径。 相对路径顾名思义，就是自己相对于目标位置。 在上面的示例中，通过index.htm合并的photo.jpg可以使用img/photo.jpg搜索文件，因此无论将这些文件放在哪里，只要相对关系保持不变，就不会出现错误。
另外，“…/”表示上层目录，“…/…/”表示上层目录。 (学习dos的朋友可能更容易理解)
让我们来看看一些例子。 请注意，所有示例都将图像photo.jpg合并到index.htm文件中。
示例：
c:/website/web/index.htm
c:/website/img/photo.jpg
在本例中，连接到index.htm的photo.jpg应该如何表示呢？
错误的写法： img/photo.jpg
这个写法不正确。 在此示例中，img/photo.jpg以index.htm文件为代表的绝对路径为c :/website/web/img/photo.jpg，显然不符合要求。
正确的写法：使用…/img/photo.jpg的相对路径查找文件
示例：
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文件，查看源代码，然后在源代码的开头…标记的中间找到。 跟在“Href=”之后的是css的路径，可以基于以上知识进行相对路径的变换。
示例：
c :/website/web/xz/index.htm
c:/website/css/test.css
此示例将test.css文件合并到index.htm中，并使用…/…/css/test.css的相对路径查找该文件。 完整的代码表示如下。
错误的写法示例：…/…/…/css/test.css
这个写法不正确。 在本例中，对于index.htm文件…/…/…/css/test.css表示的绝对路径是c:/css/test.css
最后，使用dreamweaver的站点管理功能来管理站点，以避免在创建网页时发生路径错误。 当您使用菜单命令site-new site创建新站点并定义站点目录时，绝对路径将自动转换为相对路径；当怡园在站点中移动文件时，与这些文件关联的连接路径将自动转换为相对路径
参考资料： 3358 www.wangqi.net/n357c 51.aspx