經過今天的課程，我相信，學員應該能夠瞭解網頁檔案中所儲存的實際內容了吧！
(如果有興趣看看現在觀看中的部落格網頁內容，請點按瀏覽器視窗上方功能表的 檢視/原始檔)
網頁檔案中所儲存的不過是一堆依照HTML規則所撰寫的文字。這些文字經過瀏覽器解讀、執行之後，就會將結果顯示在螢幕上的瀏覽器視窗中。透過FrontPage或Dreamweaver等網頁編輯軟體，無論你在網頁中插入甚麼樣的圖片，除了會在網頁的指定位置(游標所在處)顯示插入的結果之外，同時也會在網頁的實際(HTML)內容中產生類似下列的html標籤：
<img src="file:///C:/Documents../.../goose_1.jpg" width="360" height="240">
img是HTML網頁圖片標籤的關鍵字，瀏覽器一解讀到<img …>的文字就知道要在瀏覽器視窗中插入一張圖片。接著，瀏覽器就會去查看<img …>標籤中的src(來源source)屬性值為何。基本上，除非src指定的是http://…或file:///...等的絕對位址，否則的話，瀏覽器會自動以網頁檔案目前的所在位置加上src所指定的相對位址來找出圖檔的所在位址，然後再透過網路要求該伺服器把指定位址的檔案傳送過來。
例如：如果網頁的絕對位置在http://bb.domaindlx.com/classic043/資料夾中，而<img ...>標籤中所指定的圖片來源src屬性值為"front/stream/goose_1.jpg"，則此一圖檔在網路上的位址應該是"http://bb.domaindlx.com/classic043/front/stream/goose_1.jpg"。 什麼是絕對位置，這麼說好了：「要怎麼找到你啊？」，如果你回答：「我人在忠孝東路...」那是相對位置，相對於你所在的城市(資料夾)。如果你想用人類目前所能理解的方式回答絕對位置的話，應該是這麼說：「本宇宙‧本銀河，太陽系，地球，亞洲，台灣，台北市忠孝東路A段X巷Y弄Z號N樓M室，某某某」，OK啦，全宇宙的人都可以找到你了！這就是"絕對位置"。
找出圖檔在網路上的位址後，瀏覽器會再透過http通訊協定請求bb.domaindlx.com這台網路伺服器把網站主目錄/下的classic043/front/stream/子目錄路徑中的goose_1.jpg檔案複製一份傳過來。
網路伺服器接收到該瀏覽器的請求之後，就會根據瀏覽器所指定的路徑去尋找(goose_1.jpg)圖檔。如果有找到，網路伺服器就會把該檔案複製一份後傳送給請求的瀏覽器。圖檔傳送過來之後，瀏覽器才會把該圖檔依照指定的大小(width寬度、height高度)顯示在瀏覽器視窗的適當位置上。
如果該伺服器無法在瀏覽器指定的位址路徑中找到指定的子資料夾或檔案名稱，伺服器就會回傳_無法找到指定檔案_的訊息給瀏覽器。瀏覽器接收到該訊息之後，就會在圖片指定位置的左上角顯示 × 的圖示，表示瀏覽器沒有接收到該圖片。
我們再一次強調，網頁中的內容除了一般文字之外，都只是透過HTML的文字命令連結(linking)到網頁上而已，並沒有真正地嵌入到網頁檔案中。一旦HTML文字指定的位址(路徑)上沒有指定的子目錄(資料夾)或檔案，網頁的呈現就會出現問題。
留言列表
