網(wǎng)站建設(shè)是指使用標識語言（markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網(wǎng)站頁面上。

    經(jīng)常聽到網(wǎng)友苦述自己的網(wǎng)頁中有許多圖片不能正常顯示，究竟為什么不能正常顯示呢？總結(jié)其原因絕大部分都是因為使用了錯誤路徑所致。網(wǎng)頁中的圖像、動畫等素材都有自己固定的存放位置，網(wǎng)頁只是通過路徑使用HTML語言來調(diào)用它們，然后把它們顯示在網(wǎng)頁中。在網(wǎng)頁中的路徑大體可分為相對路徑和絕對路徑，大家(尤其是初學(xué)網(wǎng)頁設(shè)計的朋友)往往對它們不夠認識，在應(yīng)該使用相對路徑的地方使用了絕對路徑，從而導(dǎo)致瀏覽器無法在指定的位置打開指定的文件，使素材不能正常顯示。

    那什么是相對路徑？什么是絕對路徑呢？為什么使用了絕對路徑有時就不能顯示呢？讓我們一起來認識一下它們吧。

    比如C盤的My Pictures目錄下有一個tp.jpg圖像，那么它的路徑就是c:My pictures p.jpg，其實這種完整地描述文件位置的路徑就是絕對路徑。如網(wǎng)頁index.htm中有一張圖片tp.jpg，它們的絕對路徑是：

    c:My picturesindex.htm

    c:My pictures p.jpg

    如果你使用了絕對路徑c:My pictures p.jpg進行圖片鏈接，那么在本地電腦中將一切正常，因為在c:My pictures下的確存在tp.jpg這個圖片。但你將它們上傳到網(wǎng)站服務(wù)器上后，就不會正常了，因為服務(wù)器給你劃分的存放空間可能在C盤其他目錄中，也可能在D盤其他目錄中，總之不會那么巧的就是c:My pictures。那么圖片路徑應(yīng)該如何設(shè)置呢？這里就必須使用相對路徑了，所謂相對路徑，顧名思義就是自己相對與目標位置。在上例中index.htm中連接的tp.jpg就可以使用My pictures p.jpg來定位文件，這樣不論將這些文件放到哪里，只要它們的相對關(guān)系沒有變，就不會出錯。具體的鏈接方式是這樣的：“..My picturesimg.jpg”，其中使用“..”來表示上一級目錄，“....”表示上上級的目錄，以此類推。

    我們一起來看看初學(xué)的朋友可能犯的幾個路徑錯誤：

    例1

    c:mywedwedindex．htm

    c:mywedimg p．jpg

    在此例中，index.htm網(wǎng)頁中有tp.jpg這個圖片，因為兩個文件同在Mywed目錄下，所以初學(xué)者可能把圖片鏈接寫為img p.jpg，那么這樣實際的鏈接就變?yōu)榱薈:mywedwedimg p.jpg，顯然這是不正確的。正確的路徑應(yīng)該是相對路徑..img p.jpg。

    例2

    c:mywedwedwed1index．htm

    c:mywedimgimg1 p．jpg

    在此例中，index.htm網(wǎng)頁中有tp.jpg這個圖片,初學(xué)者可能錯誤的把圖片鏈接寫為..imgimg1 p.jpg，那么這樣轉(zhuǎn)為絕對路徑就是C:mywedwedimgimg1

    tp.jpg了，因為在該目錄下并沒有此文件，所以顯然這種鏈接是錯誤的。正確的應(yīng)該是....imgimg1 p.jpg。

    例3

    c:mywedwedwedindex．htm

    c:mywedwedimg p．jpg

    在此例中，index.htm網(wǎng)頁中有tp.jpg這個圖片，初學(xué)者可能錯誤地把圖片鏈接寫為....img p.jpg，那么這樣轉(zhuǎn)為絕對路徑就是C:mywedimg p.jpg了，因為在該目錄下并沒有此文件，所以顯然這種鏈接是錯誤的。正確的應(yīng)該是..img p.jpg。

    通過上面三個例子，我們可以看到網(wǎng)頁與圖片所在目錄相同的部分都可以使用“..”進行代替。

    有的讀者可能會有這樣的疑惑：一個網(wǎng)站有許多的鏈接，我怎么能保證它們的連接都正確，如果我調(diào)整了一下圖片或網(wǎng)頁的存儲路徑，那不是全亂了么？為了提高工作效率，我們推薦大家使用Dreamweaver進行網(wǎng)站編輯，因為它有個站點管理功能，使用該功能絕對路徑可以自動地轉(zhuǎn)化為相對路徑，并且當你在站點中改動文件路徑時，與這些文件關(guān)聯(lián)的連接路徑都會自動更改，實在是方便極了！