學習網頁應該如何開始？
我認為有兩方面需要學習，一個是網頁本身的技術，另一方面是寫網頁的工具軟體。寫網頁的工具軟體
我自己一開始是用微軟的 FrontPage 2003 編輯網頁， FrontPage 的優點在於操作簡單，如果你會使用 Word 編輯文件，那麼使用 FrontPage 不會太困難，兩者擁有類似的操作介面和使用觀念，即使沒有任何網頁技術基礎也可以做出一個網站，加上 FrontPage 提供所見及所得 (What You See Is What You Get, WYSIWYG) 的操作介面，基本上不會接觸任何程式碼，這對於新手而言是另一個優點。不過當網站越做越複雜，想要更進一步的功能，這時候 FrontPage 的優點反而變成缺點，操作簡單代表軟體幫你做了一些事情，你只看到結果而不知道其中的原理，只用 WYSIWYG 的方式製作網頁讓你無法精確控制背後的程式碼，因而發覺真正需要瞭解網頁技術，於是開始認識網頁的程式碼。
第二個使用的軟體是 Macromedia Dreamweaver MX， Dreamweaver 在當時(2002年)是最熱門的網頁編輯軟體，本身除了是 WYSIWYG 的網頁編輯器，也提供很多強大的程式碼編輯功能，而且可以控制的選項比 FrontPage 更多，因此可以藉著修改選項去學習程式碼，經由這套軟體讓我學習到更進一步的網頁技術。
現在，寫網頁都不用這些 WYSIWYG 的軟體，而是用 Eclipse 整合開發環境和網頁瀏覽器(web browser)。在 Eclipse 中編寫程式碼，接著用網頁瀏覽器(例如Chrome)查看執行結果，這樣的組合優點是精確控制網頁程式碼、在瀏覽器中完整呈現網頁結果，加上不用付任何費用就能取得軟體，而且 Eclipse 提供很多外掛可以擴充功能，不僅限於網頁開發使用，有助於降低爾後的學習門檻。我認為這樣的工具組合非常適合推薦給新手，因為這是自由又免費的工具軟體。
網頁本身的技術
綜括來說，網頁包含三種技術： HTML 、 CSS 與 JavaScript ，我稱之為「網頁三元素」，其中又以 HTML 為網頁最重要的基礎。 HTML 處理的是網頁結構， CSS 處理的是網頁的外觀樣式，而 JavaScript 則處理網頁的互動行為。學習的順序當然是以基礎為先，先學習 HTML ，接著是 CSS 或 JavaScript 。如果你是設計人員，建議從 CSS 著手學習，因為 CSS 是控制網頁的版面和外觀，修改 CSS 可以在網頁畫面上看到結果，學起來會比較有感覺。
如果你是程式開發人員，則建議從 JavaScript 著手，因為 JavaScript 程式語言對任何一種程式開發人員都會是熟悉的，不像 CSS 是另一種概念。
不管是哪種學習路徑，最後三者都是必須完全學習接觸，這樣對於網頁才會有完整的認識。
網頁最重要的是「內容/服務」
說了這麼多，技術與工具都不是重點，網頁最重要的是「內容/服務」，所有的努力都是為了將內容和服務透過網路傳播，你可以利用很複雜的 HTML 、絢麗的 CSS 樣式、強大的 JavaScript 程式碼做出一個網站，但如果沒有豐富且實用的內容和服務，這一切都是沒有意義的。我們將網頁技術比喻成身體，如下表所述， HTML 像骨骼架構起身體， CSS 如皮膚覆蓋身體， JavaScript 像神經控制身體，內容和服務則如同血肉構築整個身體。如果沒有血肉，人不就像是一個空殼，因此內容是網頁的主體。
| HTML | CSS | JavaScript | 內容/服務 |
| 骨骼 | 皮膚 | 神經 | 血肉 |
###
沒有留言:
張貼留言