2016年1月23日 星期六

挺不錯的 HTML 學習清單,不過是英文版的

如果想要開始學習製作網頁,最簡單的當然就是從 HTML 開始學習,因為 HTML 的語法簡單又是最普遍的網頁版面語言,很多國中生都懂怎麼設計 HTML,前一陣子才跟朋友個小孩聊天,發現他自己上網查詢一些語法,就寫出了一個很簡單的網頁,用來紀錄一些他在學校發生的事情,簡單來說就是一個 HTML 的日記,雖然用動態網頁來做這樣的應用會比較實際,不過以他的年紀,能夠透過網路上的資料就自己創造出這樣的簡易應用來說,證明了 HTML 真的相當容易,套一句名言,美國的乞丐也是講英文,所以英文很簡單,同理可證,一位國中生就可以靠著自學的方式搞出一個 HTML 網頁,所以證明 HTML 很容易上手對吧!?

好啦!講了這麼多道理,到底要怎麼開始學習這個基礎語法呢?以我自己以前早年學習的經驗是去書局買一本入門的教學書刊來學習,想省錢的話可以跟念資訊相關科系的同學借,例如資訊工程或資訊管理的同學都會有這類的書,如果沒有這樣的朋友又想要省錢該怎麼辦呢?那就去圖書館借吧!既簡單又免費,而且相關的書刊真的是有夠多,挑一本最適合自己的來K就對了。

不過那是以前的經驗啦!現在的網路比以前發達許多,速度又快,資料又多,根本連找書都不用,直接在網路上就能找到自己要的東西,學習資源實在是非常豐富,如果你自認英文能力還不錯或是免強還可以,這裡有個相當棒的 HTML 學習清單,它是由專門介紹網頁設計技術與語法的 WIbibi en 版本所推出的學習清單,內容有基本的創建第一個網頁、HTML element 介紹、各種 THML tag 的使用教學 .. .等,基本上全部都學會的話,就能很輕鬆的寫出一個屬於自己的網頁囉!

HTML tutorials note:http://en.wibibi.com/c.php?c=HTML

因為是英文版本,所以閱讀起來需要一點點的時間,不過顯有複雜的英文單字,句子流暢簡單,應該大部份人都可以輕鬆閱讀吧!?(也許啦!)而且其中的範例更容易讓人理解每個程式碼的運作後的實際效果是怎樣?對於學習相當有幫助!