夜貓的棲息地

在網頁設計教學上，最困擾的就是如何去說服這個觀念...網頁檔案的內容，實際上，只是一堆文字

意思也就是說，只要功力夠，最簡單的NotePad「記事本」文字編輯軟體就可以設計出非常好的網頁

應該會有一堆人要張口結舌......哪有可能！網頁上不是一大堆的圖片、音樂、影片、動畫嗎？

是的，沒錯啊！......但是，請試著回答這個問題：「你是在哪裡看到這一些五花八門的畫面？」

如果你回答：「在電腦螢幕上啊！」...那，你一定不知道為什麼"比爾蓋茲"會成為世界首富的主因

微軟並不生產螢幕，它生產的是一種叫做「視窗作業系統」的軟體，獨佔個人電腦95%以上的市場

在所謂「視窗作業系統」的電腦中，所有的軟體在呈現資料時，都是以一個長方形的窗格來顯示

是的，你上網時所看到的網頁，就是由一個叫做「瀏覽器_Browser」軟體的窗格所呈現的畫面

如果你問：「ㄚ～什麼又是瀏覽器蛤？」......簡單地說，就是你要上網時會"點兩下"啟動的那東西

在微軟的Windows作業系統中，所提供的瀏覽器稱為Internet Explorer...簡稱 IE 瀏覽器

你所看到的畫面內容，就是「瀏覽器依照網頁檔案中的那些文字的命令逐一做出來的！」

2005年各廠牌瀏覽器的市場佔有率參考圖

我想，一定也有不少人會說：「設計網頁不是要用Dreamweaver、FrontPage...等等的軟體嗎？」

這個答案，不能算錯，但，應該這麼說吧：這些網頁製作軟體是給兩種人使用的...

其一是網頁設計的高手... ...他們完全清楚這些軟體所提供的功能是在做什麼、會產生什麼結果

其二是網頁設計的生手... ...透過這些軟體所提供的功能，他們可以像Word文件一樣來設計網頁

問題是，不管是哪一種人，使用這些軟體設計網頁，儲存之後的網頁檔案，內容是些什麼呢？

答案只有一個！就是...一堆的文字與符號；一堆必須經由瀏覽器解讀才會呈現結果的文字符號

這些文字符號必須有一定的排列規則......這個規則就叫做「HTML」HyperText Markup Language

HyperText Markup Language __網頁原始碼

HTML 規則最初是在1990年，由歐洲量子物理實驗室的研究員Tim Berners-Lee領導的團隊訂定

他所主導的World Wide Web (www)計畫，主要就是為了如何在網路上整合、傳遞、呈現資料

他們成功了！透過四種技術的組合......Web Server網站、HTTP通訊協定、HTML網頁、瀏覽器

這個計畫的成功，造就了今天日益蓬勃的全球資訊網路，讓使用者可以輕鬆地尋找想要的資訊

Dr. Tim Berners-Lee

這些資訊，主要就是儲存在我們所謂的網站與網頁當中......當然，網頁一定需要網站提供支援

只要我們知道某個網頁的「網址」，就可以透過瀏覽器向該網站索取該網頁的檔案(HTML文字)

網站收到請求網頁的要求之後，便會將該網頁檔案的HTML文字「一字不漏地」傳給該瀏覽器

當你在部落格上看這篇文章時，請以滑鼠點選視窗上方「檢視(V)」功能表的「原始檔」選項

你所看到...以「記事本」軟體呈現...的那一堆文字符號，就是這個部落格網頁的HTML文字碼

瀏覽器接收到這些HTML的命令文字後，便依照指示將執行的結果呈現在瀏覽器的螢幕視窗上

... ...這，就形成了你所看到的所謂「五花八門、多采多姿」的網頁... ...感謝一下瀏覽器吧！

基本上，「瀏覽器原本就是專門被設計來接收、解讀、呈現HTML文字命令的一種視窗軟體」..

如果沒有瀏覽器來負責解讀呈現，那，電腦只能告訴你它從網路上接收到了哪些「文字」而已

Tim Berners-Lee啟動網路革命

市面上的所有網頁製作軟體，都是在幕後默默地將使用者的動作翻譯成HTML文字碼

因此，只要是想把網頁設計學好的人，那就「絕對不可以不懂HTML語法規則！」

現今所有初、高中學生都有在學習使用Dreamweaver或FrontPage來製作網頁的課程

但，多數學生的網頁設計功力都只是摸摸皮毛，原因就是如此......很少學HTML語法的啦

所以，奉勸那些花時間來上課，一心想要學好網頁設計的學員們...習慣跟HTML文字做朋友吧！

當我在課堂白板上洋洋灑灑寫一堆奇奇怪怪的文字符號時，...請務必試著去認識它、瞭解它

我不是愛現，那是不得已......你們叫我老師......我必須為我的「傳道、授業、解惑」負責

我當然可以討好你們，但，嘩眾取寵的方式，有違我的專業與良知...我不想對不起你們

所以，大家一起努力吧！我會設法用最容易理解的方式解釋它......也需要你用心去理解它