序言
多年自我學習與教學經驗,筆者深刻體會建立紮實學識基礎的重要,因此本書一開始並不是介紹一些炫耀的功能,而是一步一步將HTM5 元素與CSS3 屬性依功能分類,詳細的用程式實例做解說,期待讀者以最輕鬆方式學會網頁設計基礎知識。
這本書分成三篇:
?第一篇:HTML5
這是學習網頁設計的基礎,筆者幾乎將所有HTML5 的元素(Element)依功能分類,分成10 個章節,用了約150 個程式實例與圖檔做說明,相信讀者可以由此建立HTML 的紮實基礎。
?第二篇:CSS3
這是學習網頁編輯與美化,筆者幾乎將所有CSS3 的屬性(Properties)依功能分類,分成14 個章節,用了約240 個程式實例與圖檔做說明,在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。
?第三篇:邁向網頁設計高手之路
在這篇中最基礎的是JavaScript,當你學會之後,可以繼續閱讀網頁結構的知識BOM 與DOM,後面章節你可以挑選有興趣的主題閱讀。如果你對於動畫有興趣可以閱讀Canvas,如果對於設計汽車導航與地圖定位有興趣可以閱讀Google Map API,如果希望學習設計專注手機或平板的網頁可以參考jQuery Mobile。本書在最後一章,以實例說明將網頁轉成App 應用程式,未來各位可以隨時將HTML+CSS+JavaScript 所開發的網頁轉成App。在這一篇筆者用了約210 個程式實例與圖檔做解說,這將對各位學習進階的網頁設計有很大的幫助。
HTML5+CSS3 已經將整個網頁設計的觀念翻轉了,過去設計網頁可以在HTML文件內做編輯美化,如今這些工作已經全部交由CSS 處理。所以許多原先版本的元素或屬性已經被棄用,筆者在撰寫這本書時也特別謹慎小心,原則是在程式內容中不再放入已經棄用的元素與屬性,以免誤導讀者。另外,最新流行的回應式網頁設計,筆者也將以實例做解說。筆者經驗是在設計網頁過程,隨時需要參考HTML 與CSS 的語法,為了協助讀者可以很方便查詢,本書附錄包含了HTML 元素與屬性的索引表,也包含了CSS 屬性的索引表,這將是各位現在學習與未來隨時需查詢與參考的一大利器。
其實前2 篇的內容已經足夠讓你成為前端的網頁設計師了,如果你是有興趣繼續鑽研,建議你可以開始閱讀第三篇邁向網頁設計高手之路,寫過許多的電腦書著作,本書沿襲筆者著作的特色,程式實例豐富,相信讀者只要遵循本書內容必定可以在最短時間精通網頁設計,編著本書雖力求完美,但是學經歷不足,謬誤難免,尚祈讀者不吝指正。
?
洪錦魁 2017-8-1