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

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

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

本書主要有以下特點(diǎn)。

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

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

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

　�。�4） 任務(wù)驅(qū)動(dòng)，通過實(shí)例進(jìn)行學(xué)習(xí)。每章的設(shè)計(jì)采用任務(wù)驅(qū)動(dòng)，讀者學(xué)習(xí)每章時(shí)目標(biāo)明確，任務(wù)就是完成和理解書中的實(shí)例和習(xí)題。書中內(nèi)容突出實(shí)踐性，以實(shí)例貫穿各個(gè)知識(shí)點(diǎn)，鼓勵(lì)讀者在實(shí)踐中進(jìn)行學(xué)習(xí)、思考和提高。

　　另外，對(duì)本書做以下說明。

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

!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標(biāo)題/title

/head

body

/body

/html

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

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

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

　　編者　2013年10月