如果您剛剛開始接觸網頁設計，是不是經常發生這樣的問題呢？做好的網頁在自己機器上可以正常瀏覽，而把頁面傳到服務器上就總是出現看不到圖片，css樣式表失效等錯誤。
　　這種情況下多半是由於你使用了錯誤的路徑，在應該使用相對路徑的地方使用了絕對路徑，導致瀏覽器無法在指定的位置打開指定的文件。
　　下面我們就來談一下最讓初學者頭疼的相對路徑與絕對路徑的區別問題。

　　什麽是絕對路徑：
　　大家都知道，在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/ g我們就知道 g文件是在c盤的website目錄下的img子目錄中。類似於這樣完整的描述文件位置的路徑就是絕對路徑。我們不需要知道其他任何信息就可以根據絕對路徑判斷出文件的位置。而在網站中類似以
　　另外，在網站的應用中，通常我們使用"/"來表示根目錄，/img/ g就表示 g文件在這個網站的根目錄上的img目錄裏。但是這樣使用對於初學者來說是具有風險性的，因為要知道這裏所指的根目錄並不是你的網站的根目錄，而是你的網站所在的服務器的根目錄，因此當網站的根目錄與服務器根目錄不同時，就會發生錯誤。

　　什麽是相對路徑：
　　讓我們先來分析一下為什麽會發生圖片不能正常顯示的情況。舉一個例子，現在有一個頁面 m,在這個頁面中聯接有一張圖片 g。他們的絕對路徑如下：
　　c:/website/ m
　　c:/website/img/ g
　　如果你使用絕對路徑c:/website/img/ g，那麽在自己的計算機上將一切正常，因為確實可以在指定的位置即c:/website/img/ g上找到 g文件，但是當你將頁面上傳到網站的時候就很可能會出錯了，因為你的網站可能在服務器的c盤，可能在d盤，也可能在aa目錄下，更可能在bb目錄下，總之沒有理由會有c:/website/img/ g這樣一個路徑。那麽，在 m文件中要使用什麽樣的路徑來定位 g文件呢？對，應該是用相對路徑，所謂相對路徑，顧名思義就是自己相對與目標位置。在上例中 m中聯接的 g可以使用img/ g來定位文件，那麽不論將這些文件放到哪裏，只要他們的相對關系沒有變，就不會出錯。
　　另外我們使用“../”來表示上一級目錄，“../../”表示上上級的目錄，以此類推。（學習過dos的朋友可能更容易理解）
　　再看幾個例子，註意所有例子中都是 m文件中聯接有一張圖片 g。
　　例：
　　c:/website/web/ m
　　c:/website/img/ g
　　在此例中 m中聯接的 g應該怎樣表示呢？
　　錯誤寫法：img/ g
　　這種寫法是不正確的，在此例中，對於 m文件來說img/ g所代表的絕對路徑是：c:/website/web/img/ g，顯然不符合要求。
　　正確寫法：使用../img/ g的相對路徑來定位文件
　　例：
　　c:/website/web/xz/ m
　　c:/website/img/images/ g
　　在此例中 m中聯接的 g應該怎樣表示呢？
　　錯誤寫法：../img/images/ g
　　這種寫法是不正確的，在此例中對於 m文件來說../img/images/ g所代表的絕對路徑是：c:/website/web/img/images/ g。
　　正確寫法：可以使用../../img/images/ g的相對路徑來定位文件
　　例：
　　c:/website/web/xz/ m
　　c:/website/web/img/ g
　　在此例中 m中聯接的 g應該怎樣表示呢？
　　錯誤寫法：../../img/ g
　　這種寫法是不正確的，在此例中對於 m文件來說../../img/ g所代表的絕對路徑是：c:/website/img/ g。
　　正確寫法：可以使用../img/ g的相對路徑來定位文件

　　總結：通過以上的例子可以發現，在把絕對路徑轉化為相對路徑的時候，兩個文件絕對路徑中相同的部分都可以忽略，不做考慮。只要考慮他們不同之處就可以了。

　　如何修改樣式表的路徑：
　　使用文本編輯器打開htm文件，查看源代碼，在源代碼的開頭部分......標記中間找到。“Href=”後面的內容就是css的路徑，我們可以根據以上的知識進行相對路徑的轉換。
　　例：
　　c:/website/web/xz/ m
　　c:/website/css/test.css
　　在此例中 m中聯接test.css文件，可以使用../../css/test.css的相對路徑來定位文件，完整的代碼標記是：
　　錯誤寫法舉例：../../../css/test.css
　　這種寫法是不正確的，在此例中對於 m文件來說../../../css/test.css所代表的絕對路徑是：c:/css/test.css
　　最後，為了避免在制作網頁時出現路徑錯誤，我們可以使用dreamweaver的站點管理功能來管理站點。只要使用菜單命令site-new site新建站點並定義站點目錄之後，它將自動的把絕對路徑轉化為相對路徑，並且當你在站點中移動文件的時候，與這些文件關聯的連接路徑都會自動更改，實在是非常的方便。
--愛問-久久_81

相對路徑、絕對路徑