序

　　這是一本目前市面上最完整的跨平台網頁設計書籍，多年自我學習與教學經驗，筆者深刻體會建立紮實學識基礎的重要，因此本書一開始並不是介紹一些炫耀的功能，而是一步一步將HTML元素與CSS屬性依功能分類，詳細的用程式實例做解說，期待讀者以最輕鬆方式學會網頁設計基礎知識，當讀者有了HTML和CSS知識後，本書將更進一步帶領讀者邁向網頁設計高手之路。

　　若是將第2版與第1版做比較，第2版除了更新各個工具的版本，更強調帶領讀者設計完整網頁，下列是這個版本新增功能：

　　增加網路上各類免費資源說明。
　　補充解說使用Notepad++編輯器，編輯HTML文件。
　　網頁配色知識。
　　更進一步解說網格排版。
　　解說與實作完整的網頁設計案例。
　　BootStrap更新為最新版。
　　設計完整響應式網頁實例。
　　設計含下拉式清單的響應式網頁實例。
　　設計含輪播的響應式網頁實例。
　　設計動態特效、輪播、警報與卡片的響應式網頁。
　　設計含旋轉特效、Google地圖的響應式網頁。

　　這本書分成三篇：

　　第一篇：HTML5完整學習
　　這是學習網頁設計的基礎，筆者幾乎將所有HTML的元素(Element)依功能分類，分成10個章節，用了約160個程式實例與圖檔做說明，相信讀者可以由此建立HTML的紮實基礎。

　　第二篇：CSS3的基礎知識
　　這是學習網頁編輯與美化，筆者幾乎將所有CSS的屬性(Properties)依功能分類，分成14個章節，用了約281個程式實例與圖檔做說明，在此讀者可以徹底學會網頁編輯與美化的基礎與技巧。同時本編筆者也設計了完整的一般網頁與響應式網頁實例。

　　第三篇：邁向網頁設計高手之路
　　筆者在這篇講解了下列知識：

　　JavaScript：網頁結構的DOM與BOM。
　　jQuery(包含jQuery Mobile)：動畫與特效。
　　Bootstrap：功能解說與設計完整的響應式網頁。
　　Google Map：將Google Map嵌入網頁。

　　在這篇中最基礎的是JavaScript，當你學會之後，可以繼續閱讀網頁結構的知識BOM與DOM，後面章節你可以挑選有興趣的主題閱讀。在這一篇筆者用了約388個程式實例與圖檔做解說，這將對各位學習進階的網頁設計有很大的幫助。

　　HTML+CSS已經將整個網頁設計的觀念翻轉了，過去設計網頁可以在HTML文件內做編輯美化，如今這些工作已經全部交由CSS處理。所以許多原先版本的元素或屬性已經被棄用，筆者在撰寫這本書時也特別謹慎小心，原則是在程式內容中不再放入已經棄用的元素與屬性，以免誤導讀者。
    
　　另外，最新流行的響應式網頁設計，筆者除了在第24章使用CSS硬工夫實作，第32-33章則使用Bootstrap，極詳細、超清楚實例解說設計響應式網頁。筆者經驗是在設計網頁過程，隨時需要參考HTML與CSS的語法，為了協助讀者可以很方便查詢，本書附錄包含了HTML元素與屬性的索引表，也包含了CSS屬性的索引表，這將是各位現在學習與未來隨時需查詢與參考的一大利器。
    
　　其實前2篇的內容已經足夠讓你成為前端的網頁設計師了，如果你是有興趣繼續鑽研，建議你可以開始閱讀第三篇邁向網頁設計高手之路，特別是第32和33章，這兩張主要內容是解說使用BootStrap設計響應式網頁的各個元件，同時也用完整實例解說。。
    
　　寫過許多的電腦書著作，本書沿襲筆者著作的特色，程式實例豐富，相信讀者只要遵循本書內容必定可以在最短時間精通網頁設計，編著本書雖力求完美，但是學經歷不足，謬誤難免，尚祈讀者不吝指正。