傳統(tǒng)的網(wǎng)頁采用表格布局的方法進行設計，學習方法以掌握Dreamweaver、Flash等網(wǎng)頁三劍客為主。但現(xiàn)實中基于Web標準的網(wǎng)頁設計方法（DIV+CSS）已經(jīng)逐漸取代了表格布局的傳統(tǒng)方法，現(xiàn)實中大多數(shù)大中型網(wǎng)站已經(jīng)采用了基于Web標準的設計方法。這就相應地要求改變傳統(tǒng)網(wǎng)頁設計的學習內(nèi)容和方法，新的學習內(nèi)容對HTML和CSS提出了更高的要求。

　　本書主要為學習網(wǎng)頁設計與制作的初級和中級讀者編寫，從零開始，一直到現(xiàn)實中比較高級的基于Web標準的網(wǎng)頁設計方法，包括了網(wǎng)頁設計的主要內(nèi)容。本書不包括美工方面的內(nèi)容，美工方面的內(nèi)容可以在讀者有了對網(wǎng)頁的基本概念的理解后進行學習。

　　國內(nèi)的大多數(shù)網(wǎng)頁設計與制作課程及教材都沒有將Web標準納入課程內(nèi)容中，但基于Web標準的網(wǎng)頁設計方法是現(xiàn)實中采用的最廣泛的設計方法，學習網(wǎng)頁設計，如果不涉及這一部分的內(nèi)容，仍然以傳統(tǒng)的HTML或Dreamweaver表格布局為中心，就會落后于時代。
　　
　　本書完全為初學者設計，不單純講授HTML代碼或工具，在內(nèi)容中引入基于Web標準的網(wǎng)頁設計方法，在保證學生掌握網(wǎng)頁設計的基本內(nèi)容的基礎上，緊密跟進網(wǎng)頁設計的技術發(fā)展，并且確保讀者能夠用一種比較簡單的方法完成這部分內(nèi)容的學習。

本書主要有以下特點。

　�。�1） 基于現(xiàn)實崗位需求的內(nèi)容設計： 書中引入基于Web標準（DIV+CSS）的網(wǎng)頁設計方法，并針對基于Web標準的網(wǎng)頁設計方法的特點，總結給出了相應的學習方法，使讀者能夠比較容易地掌握這部分內(nèi)容。

　　（2） 代碼與工具相結合的講授方法。講授代碼（HTML、CSS）保證讀者從本質上掌握技術，使用工具（Dreamweaver、EditPlus）降低代碼對初學者的難度。

　�。�3） 循序漸進的學習過程。書籍內(nèi)容與實例設計充分考慮了讀者學習曲線，并結合作者多年豐富的教學和實踐經(jīng)驗，精心設計案例。實例中包含了絕大多數(shù)重點、難點，實例設計簡單、清晰、實用、生動，便于讀者理解和練習。

　�。�4） 任務驅動，通過實例進行學習。每章的設計采用任務驅動，讀者學習每章時目標明確，任務就是完成和理解書中的實例和習題。書中內(nèi)容突出實踐性，以實例貫穿各個知識點，鼓勵讀者在實踐中進行學習、思考和提高。

　　另外，對本書做以下說明。

　　本書的代碼盡量遵守XHTML規(guī)范，但為了節(jié)省篇幅，書中的代碼不包括doctype、dtd、meta等相關信息，完整的XHTML代碼框架應如下所示。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

html xmlns="http://www.w3.org/1999/xhtml"

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title標題/title

/head

body

/body

/html

　　本書第一版出版以來，已經(jīng)被百余所兄弟院校采用作為教材，課程也被評為本科和高職的省級精品課程。本次改版主要是對Dreamweaver部分和CSS部分的內(nèi)容進行了優(yōu)化，以適應網(wǎng)頁設計技術發(fā)展的趨勢。刪除了表格布局等內(nèi)容，增加了基于Web標準的設計方法的實例。

　　本書第1015章由袁磊編寫，第2章、第3章、第5章7章和第9章由陳偉衛(wèi)編寫，第1章、第4章、第8章、第16章由李帥編寫。全書由袁磊、陳偉衛(wèi)、李帥統(tǒng)一修訂。

　　在編寫本書的過程中，盡管編寫者都盡了最大的努力，但由于水平有限和時間倉促，本書在很多方面上還需要進一步提高，不足和錯誤之處，歡迎廣大讀者批評指正。

　　編者　2013年10月