序

根據多年的自學與教學經驗，作者深刻體會到建立扎實學識基礎的重要性，因此本書一開始并不是介紹一些炫酷的功能，而是一步一步將HTML5元素與CSS3屬性依功能分類，詳細地用程序實例做解說，期望讀者以最輕松的方式學會網頁設計的基礎知識。

本書分成三篇：

□ 第一篇：HTML5完整學習

這一篇是學習網頁設計的基礎。作者將絕大部分HTML5的元素（Element）依功能分成10個章節，用了約150個程序實例與圖片做說明，相信讀者可以由此建立HTML的扎實基礎。

□ 第二篇：CSS3完整學習

這一篇是學習網頁的編輯與美化。作者將絕大部分CSS3的屬性（Properties）依功能分成14個章節，用了約240個程序實例與圖片做說明，在此讀者可以徹底學會網頁編輯與美化的基礎方法與技巧。

□ 第三篇：邁向網頁設計高手之路

在這一篇中最基礎的知識是JavaScript，當讀者學會之后，可以繼續閱讀網頁結構的知識BOM與DOM。后面章節讀者可以挑選有興趣的主題閱讀；如果對動畫有興趣可以閱讀Canvas；如果對設計汽車導航與地圖定位有興趣可以閱讀第31章介紹的內容；如果希望學習設計用于手機或平板電腦顯示的網頁可以參考第32章介紹的內容。在最后一章，本書將以實例說明網頁轉成APP應用程序的方法，未來各位讀者可以隨時將用HTML+CSS+JavaScript開發的網頁轉成APP。在這一篇，作者用了約210個程序實例與圖片做解說，對讀者學習高級的網頁設計有很大的幫助。

HTML5+CSS3的設計方式已經改變了整個網頁設計的觀念。過去設計網頁可以在HTML文件內做編輯美化，如今這些工作已經全部交由CSS處理，所以許多老版本的元素和屬性已經被棄用。作者在撰寫本書時也特別謹慎，原則上在程序內容中不再放入已經棄用的元素與屬性，以免誤導讀者。另外，對于最新流行的響應式網頁設計，作者也將以實例做解說。依作者的經驗，在設計網頁過程中隨時需要參考HTML與CSS的語法，為了便于讀者查詢，本書附錄部分包含了HTML元素與屬性的索引表和CSS屬性的索引表，這也將是各位工作時用來查詢與參考的一大利器。

其實學會前2篇的內容已經足夠讓讀者成為前端的網頁設計師了，如果還有興趣繼續鉆研，可以閱讀第三篇。

作者寫過許多計算機方面的書籍，本書沿襲一貫特色，程序實例豐富，相信讀者只要按照本書內容學習，必定可以在最短時間內精通網頁設計。編寫本書雖力求完美，但能力有限，謬誤難免，尚祈讀者不吝指正。

洪錦魁