相对路径与绝对路径



  使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推

  再看几个例子，注意所有例子中都是index.htm文件中联接有一张图片photo.jpg。

  例：
  c:/website/web/index.htm
  c:/website/img/photo.jpg
  在此例中index.htm中联接的photo.jpg应该怎样表示呢？
  错误写法：img/photo.jpg
  这种写法是不正确的，在此例中，对于index.htm文件来说img/photo.jpg所代表的绝对路径是：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的相对路径来定位文件

  总结：通过以上的例子可以发现，在把绝对路径转化为相对路径的时候，两个文件绝对路径中相同的部分都可以忽略，不做考虑。只要考虑他们不同之处就可以了。
最后，为了避免在制作网页时出现路径错误，我们可以使用dreamweaver的站点管理功能来管理站点。只要使用菜单命令site-new site新建站点并定义站点目录之后，它将自动的把绝对路径转化为相对路径，并且当你在站点中移动文件的时候，与这些文件关联的连接路径都会自动更改，实在是非常的方便。

 

绝对路径，从根目录为起点到你所在的目录；
相对路径，从一个目录为起点到你所在的目录。

例如：
             ┍ A文件夹
          C -|
             ┕ B文件夹

绝对路径： C:\A文件夹

相对路径（如果你在B文件夹时）： ..\B文件夹  （‘..\’向上一级意思）