出處: https://sites.google.com/site/joyhsuclub/dreamweaver/path
在開始使用設計網頁前，必須先了解網頁設計中很重要的一個觀念：相對路徑、絕對路徑。網頁設計與平面設計最大的不同在於網頁可以把好幾個頁面做串連，可以從 A 網頁連結 到 B 網頁，從 A 連到 B 的中間就會有所謂的「路徑」，也就是用來描述 A 與 B 兩個網頁的關 連性的東西。而頁面上放置圖片也不像平面設計一樣只要擺上去就好，必須要注意到圖片與網 頁之間的關連性，這樣瀏覽器才能夠順著「路徑」找到應該要顯示的圖片、影片、文件等。 路徑分為兩種：
EX. "D:\近期使用檔案", "http：//www.pchome.com.tw"
絕對路徑指的是這個檔案在本機端或是網路上的絕對位置。以範例來說像 D：\ 近期使用檔案 這句所描述的就是「在這台電腦 D 槽裡面近期使用檔案這個資料夾」，而 http：//www. pchome.com.tw 則是描述 PChome 這個網站在網路上通用的網址，這兩種都屬於「絕對路徑」
EX. "images/aaa.jpg", "../images/bbb.jpg", "../../images/ccc.jpg"
相對路徑指的是相對於這個檔案的位置。例如我在 A 網頁裡面插入了一張圖片，圖片路徑是 「images/aaa.jpg」，這就說 aaa.jpg 這張圖片相對於 A 網頁的位置是在與 A 網頁同一層有 一個名為 images 的資料夾，而 aaa.jpg 放在這個資料夾裡面。如果圖片路徑是「../images/ bbb.jpg」，則代表這張圖片位在 A 網頁上一層的 images 資料夾裡面，以此類推。
絕對路徑好比地址，不管你身在台灣何處，只要你可以將某個地方完整的地址寫出來，信件就可以寄到那個地址。相對路徑好比用東南西北的方式描述位置，例如以台中為基準點，則台北在台中的北方，高雄在台中的南方，但是如果以高雄為基準點，則台北與台中都位在高雄的北方。因此相對位置會隨著「基準點」的不同，描述的方式也會有所不同。
當我們在做網頁的時候，假如使用絕對路徑來描述物件（例如圖片）在電腦裡的位置（例如D：\ 我的文件 \ aaa.jpg）的話，當這些網頁還在自己的電腦裡面時，在顯示上暫時還不會有問題；但是如果要上傳到網路的空間的時候，就會出現抓不到檔案的狀況。因為網路空間的電腦配置跟我們自己個人電腦的配置一定不同，因此在被傳到網路空間的網頁無法在像「D：\ 我的文件 \ aaa.jp」的位置抓到指定的圖片（因為網路空間所指定讓我們上傳網頁的位置不一定是在該空間的D槽）。
因此我們在網頁裡面會使用相對路徑來說明物件的位置（例如在aaa.html裡面用images/aaa.jpg來描述aaa.jpg），這樣當我們在上傳檔案的時候，只要我們不改變網頁與物件的相對位置的話，那這整個網站不管上傳到哪裡，都可以正確的顯示有在網頁裡面出現的物件。除非今天我們所使用的圖片已經傳到網路上別的地方（例如各家提供的相簿），這個時候我們才會使用絕對路徑（但是這裡的絕對路徑會長的像 http://www.flickr.com/photos/xxx.jpg ）來描述物件的位置。
相對路徑與絕對路徑是做網頁裡面一個很基礎也很重要的觀念。如果對這個觀念不熟悉，那至少在做網頁的時候一定要記得：請把你要放在網頁裡面的物件（相片、音樂、影片等）以及網頁本身都放在同一個資料夾裡面。在這個資料夾中你可以再開新的資料夾替這些檔案做分類，但是這些檔案都務必要放在同一個資料夾裡面，這樣日後上傳到網路空間的時候才不會出問題。