不熟悉電腦檔案路徑的人，進入網頁設計與網站管理的領域後，一開始，對於相對路徑與絕對路徑的觀念，往往無法很快地進入狀況，偏偏，它又是網頁設計的重點之一，只要觀念有點模糊，就算跟著課程一步步地完成作品，到最後，也不知道自己在做些什麼。其實，這只是一個簡單的觀念，先把它釐清了，再下手不遲。
我們已經強調過很多次，網頁檔案只是儲存依照HTML規則所撰寫的文字。那，它那些多采多姿的圖案、動畫，或者動人的音樂是怎麼來的呢？還是那句老話：網頁透過檔案的HTML文字「命令」我們上網時所用的那個IE瀏覽器來照著HTML文字，一行接一行、一個標籤接一個標籤地往下做！瀏覽器看到HTML的命令文字後會怎麼做？這，才是我們要學習的重點。
HTML文字的規則規定：
A. 除了下列少數的例外，所有HTML標籤都要有結束標籤：
1. <meta ...> - 放在<head>與</head>之間，提供瀏覽器參照的資料標籤
2. <!-- ... --> - 設計者註解用的標籤
3. <br> - 同一段落的強迫換行標籤
4. <img ...> - 圖片影像標籤
5. <input ...> - 放在<form ...>與</form>之間，提供使用者輸入的標籤
6. <param ...> - 放在<object ...>與</object>或<applet ...>與</applet>之間的參數
上述幾個標籤外，其他所有的網頁資料都需要放在起始<tagname ...>與結束</tagname>標籤文字之間，凡是不在這些標籤之中，或是書寫錯誤的標籤，瀏覽器將一律視為一般文字。對一般文字，瀏覽器將以預定的方式(黑色、3號大小、新細明體)予以逐字呈現。
B. 如果你想改變一般文字的呈現效果，你可以將文字置於下列的標籤組中間
1. <font ...>一般文字</font>；其中，起始標籤的...屬性有
a. size="文字大小編號"；文字大小編號從1到7，數值越大字越大
b. face="文字字型名稱"；中文字型名稱只建議改用 "標楷體"
c. color="文字顏色"；文字顏色名稱或16進位表示法，請參閱相關文章
2. <b>一般文字</b>或<strong>一般文字</strong>： 顯示粗體字
3. <i>一般文字</i>或<em>一般文字</em>： 顯示斜體字
4. <u>一般文字</u>： 文字加底線
雖然還有其他的方式(先預告一下，叫cascading style sheet，簡稱css)設定文字的呈現方式，但是對於初學者而言，前述這些應該已經足夠，暫時還是不要好高騖遠。
除了一般文字之外，所有網頁中的內容資料，包括聲音、圖片、Flash動畫、Java Applet...等插入的多媒體檔案，你都必須透過適當的HTML標籤文字命令，指示瀏覽器從網頁檔案以外取得。既然必須從外部取得，你就必須用相關的HTML標籤"屬性文字"告訴瀏覽器；這些多媒體檔案，它，到底放在"網路世界"的什麼位置？
當我們要用HTML標籤 "屬性文字" 告訴瀏覽器這些多媒體檔案放在 "網路世界" 的什麼位置時，你有兩種選擇！
一. 相對路徑：當多媒體檔案與使用這個多媒體檔案的網頁放在同一個網站上時
在相對路徑字串的前方，以下的符號分別代表：
1. / 代表網站主目錄資料夾中
2. ./ 代表網頁檔案所在的資料夾中 (可以省略)
3. ../ 代表網頁檔案所在資料夾的上層資料夾中
3. ../../ 代表網頁檔案所在資料夾的上二層資料夾中，其餘類推
4. anyname/ 代表網頁檔案所在資料夾之下的anyname子資料夾中
二. 絕對路徑：當多媒體檔案與使用這個多媒體檔案的網頁放在不同的網站上時
絕對路徑字串必須以相關"通訊協定"的關鍵代表文字為起始，例如：
1. " http://pointer.host.sk/images/greatday.gif "
2. " ftp://ftp.nctu.edu.tw/Vendors/slime/ftp/cuteftp.exe "
這樣解釋，或許有人還不是很清楚，這麼說好了，我換個角度講。如果哪天你接到一家快遞公司所打的手機，他們依約要到你家收一件包裹，但是你之前只告訴他們你的手機號碼，他想要知道包裹在哪裡，假設，你住在"博愛路100號"，請問，你怎麼回答他？
如果你只回答"博愛路100號"，那麼，如果對方跟你住在同一地區，那一定沒問題。可是，如果該快遞公司在高雄呢，對方就算找得到"博愛路100號"，也找不到這個包裹；何況，高雄不一定有 "博愛路"。那怎麼辦？你很清楚啊！你是不是應該告訴他"台北市中正區博愛路100號"呢？
這就對了，因為對方跟你住在同一地區，你只要告訴他「相對路徑」就可以，相對哪裡？相對於你們所共處的城市！但是，只要對方不是跟你住在同一個城市，你就必須要告訴對方「絕對路徑」。在電腦網路的世界中，一個網站(網站主目錄)就是一個城市，只要不是在同一個網站主目錄當中，你就必須要使用「絕對路徑」。
當我們在網頁製作軟體中製作網頁時，只要是使用到自己網站資料夾中的資料，儲存網頁檔案時，因為他們同在相同的網站資料夾中，網頁製作軟體會自動把檔案位址轉換成「相對路徑」。此時，一旦你將網頁的位置移動到其他資料夾，不管是在自己的電腦或其他電腦，你就必須把所有相關的檔案一起移動，而且，不只如此，這些檔案如果在其他子資料夾中的話，相關的子資料夾也要全部一起跟著走。
子資料夾名稱就如同路、巷、弄、號的名稱一樣，只要有一點錯誤 (包括用中文或者大小寫不同)，網頁就會找不到它們，當然，多媒體檔案也一定無法呈現出來了。
※ 總之，只要你的網頁中用到多媒體檔案時，如果檔案要傳到任何地方，請特別注意下面兩件事
A. 只要網頁HTML文字中的任何一個多媒體檔案位址是使用「相對路徑」時，務必將相關子資料夾與檔案一起傳送，否則，你就是錯！因為，對方是看不到使用相對路徑的那個檔案的。
B. 只要網頁HTML文字中的任何一個多媒體檔案位址是使用 "file:///..." 的路徑時，請不要將該檔案傳到任何其他的電腦中，因為，傳了也錯！使用這種路徑，對方99.9%是看不到那個檔案的。
留言列表
