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

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

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

本書主要有以下特點。

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

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

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

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

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

　　本書的代碼盡量遵守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

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

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

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

　　編者　2013年10月