序

根據(jù)多年的自學(xué)與教學(xué)經(jīng)驗，作者深刻體會到建立扎實學(xué)識基礎(chǔ)的重要性，因此本書一開始并不是介紹一些炫酷的功能，而是一步一步將HTML5元素與CSS3屬性依功能分類，詳細地用程序?qū)嵗鼋庹f，期望讀者以最輕松的方式學(xué)會網(wǎng)頁設(shè)計的基礎(chǔ)知識。

本書分成三篇：

□ 第一篇：HTML5完整學(xué)習(xí)

這一篇是學(xué)習(xí)網(wǎng)頁設(shè)計的基礎(chǔ)。作者將絕大部分HTML5的元素（Element）依功能分成10個章節(jié)，用了約150個程序?qū)嵗?/span>與圖片做說明，相信讀者可以由此建立HTML的扎實基礎(chǔ)。

□ 第二篇：CSS3完整學(xué)習(xí)

這一篇是學(xué)習(xí)網(wǎng)頁的編輯與美化。作者將絕大部分CSS3的屬性（Properties）依功能分成14個章節(jié)，用了約240個程序?qū)嵗?/span>與圖片做說明，在此讀者可以徹底學(xué)會網(wǎng)頁編輯與美化的基礎(chǔ)方法與技巧。

□ 第三篇：邁向網(wǎng)頁設(shè)計高手之路

在這一篇中最基礎(chǔ)的知識是JavaScript，當(dāng)讀者學(xué)會之后，可以繼續(xù)閱讀網(wǎng)頁結(jié)構(gòu)的知識BOM與DOM。后面章節(jié)讀者可以挑選有興趣的主題閱讀；如果對動畫有興趣可以閱讀Canvas；如果對設(shè)計汽車導(dǎo)航與地圖定位有興趣可以閱讀第31章介紹的內(nèi)容；如果希望學(xué)習(xí)設(shè)計用于手機或平板電腦顯示的網(wǎng)頁可以參考第32章介紹的內(nèi)容。在最后一章，本書將以實例說明網(wǎng)頁轉(zhuǎn)成APP應(yīng)用程序的方法，未來各位讀者可以隨時將用HTML+CSS+JavaScript開發(fā)的網(wǎng)頁轉(zhuǎn)成APP。在這一篇，作者用了約210個程序?qū)嵗?/span>與圖片做解說，對讀者學(xué)習(xí)高級的網(wǎng)頁設(shè)計有很大的幫助。

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

其實學(xué)會前2篇的內(nèi)容已經(jīng)足夠讓讀者成為前端的網(wǎng)頁設(shè)計師了，如果還有興趣繼續(xù)鉆研，可以閱讀第三篇。

作者寫過許多計算機方面的書籍，本書沿襲一貫特色，程序?qū)嵗S富，相信讀者只要按照本書內(nèi)容學(xué)習(xí)，必定可以在最短時間內(nèi)精通網(wǎng)頁設(shè)計。編寫本書雖力求完美，但能力有限，謬誤難免，尚祈讀者不吝指正。

洪錦魁