當(dāng)今網(wǎng)絡(luò)應(yīng)用的不斷普及和技術(shù)變革使得與網(wǎng)絡(luò)應(yīng)用緊密相關(guān)的Web前端開(kāi)發(fā)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)也如火如荼。市面上講授網(wǎng)頁(yè)設(shè)計(jì)的書(shū)籍很多，內(nèi)容有依托Dreamweaver、Photoshop、Flash三套軟件講授傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)方法的，有專(zhuān)門(mén)講授DIV+CSS基于Web 2.0標(biāo)準(zhǔn)的網(wǎng)頁(yè)布局與美化應(yīng)用技巧的，也有獨(dú)立講授以HTML 5和CSS 3為代表的新一代網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的，但這些都只是片面講授了網(wǎng)頁(yè)設(shè)計(jì)在發(fā)展和技術(shù)應(yīng)用上的某一個(gè)方面，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)參差不齊的讀者來(lái)說(shuō)，往往感覺(jué)有些不夠深入，而又難以消化吸收。網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)循序漸進(jìn)的過(guò)程，必須從整體上把握網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)涉及的東西，了解網(wǎng)頁(yè)布局基本方法和設(shè)計(jì)原則，然后逐一掌握各種技術(shù)并賦予實(shí)踐，才能真正做到學(xué)有所獲。本書(shū)就是基于此信條來(lái)講授網(wǎng)頁(yè)設(shè)計(jì)和制作相關(guān)知識(shí)的。
　　除了講授網(wǎng)頁(yè)設(shè)計(jì)基本原則、HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言和傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)方法和工具外，本書(shū)由淺入深地引入了基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)方法，探討了經(jīng)典的DIV+CSS網(wǎng)頁(yè)布局與美化技巧，由易到難，逐層深入，最后詳細(xì)介紹了HTML 5新特性及CSS最新規(guī)范標(biāo)準(zhǔn)CSS 3，并針對(duì)Web應(yīng)用開(kāi)發(fā)介紹了JavaScript語(yǔ)法和應(yīng)用。書(shū)中每個(gè)章節(jié)都穿插了大量的實(shí)例進(jìn)行講解，引導(dǎo)和幫助讀者理解知識(shí)點(diǎn)的應(yīng)用，力求快速完成由理論知識(shí)到實(shí)戰(zhàn)技能的轉(zhuǎn)化。另外，為方便教學(xué)，本書(shū)每個(gè)章節(jié)后面都配備了專(zhuān)門(mén)的上機(jī)實(shí)踐部分，針對(duì)章節(jié)知識(shí)做一個(gè)綜合性的實(shí)踐應(yīng)用回顧，讀者可理論結(jié)合實(shí)際，快速掌握最新知識(shí)和技能。
　　本書(shū)的最大特色在于突出實(shí)踐性，打破傳統(tǒng)的純粹利用開(kāi)發(fā)工具或講授代碼的教學(xué)方法，結(jié)合網(wǎng)頁(yè)輔助開(kāi)發(fā)工具理解網(wǎng)頁(yè)代碼的本質(zhì)，并通過(guò)大量的實(shí)例貫穿所有知識(shí)點(diǎn)的學(xué)習(xí)。內(nèi)容架構(gòu)獨(dú)特，每一章探討一個(gè)具體的主題，由淺入深，梯度推進(jìn)，緊跟網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展和變革，深入解剖網(wǎng)頁(yè)設(shè)計(jì)中的各種技術(shù)、方法和技巧，提高讀者實(shí)戰(zhàn)技能。
　　全書(shū)內(nèi)容共8章。第1章介紹了網(wǎng)頁(yè)設(shè)計(jì)基本概念、布局方法和總的設(shè)計(jì)原則； 第2章重點(diǎn)介紹了HTML文檔標(biāo)記及其使用； 第3章介紹了利用輔助設(shè)計(jì)軟件進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)的技巧； 第4章和第5章介紹了Web標(biāo)準(zhǔn)和CSS基礎(chǔ)，重點(diǎn)闡述了DIV＋CSS網(wǎng)頁(yè)布局與美化方法； 第6章介紹了代表未來(lái)Web發(fā)展方向的HTML 5的應(yīng)用； 第7章詳細(xì)講解了CSS規(guī)范最新版本CSS 3新增選擇器及應(yīng)用； 第8章介紹了負(fù)責(zé)網(wǎng)頁(yè)動(dòng)態(tài)行為的JavaScript技術(shù)。通過(guò)本書(shū)的學(xué)習(xí)，讀者既可以入門(mén)網(wǎng)頁(yè)超文本標(biāo)記及傳統(tǒng)網(wǎng)頁(yè)布局設(shè)計(jì)技巧，也可以深入運(yùn)用HTML＋CSS＋JavaScript制作網(wǎng)頁(yè)，還可以掌握最新的HTML 5＋CSS 3網(wǎng)頁(yè)開(kāi)發(fā)知識(shí)，讀者在學(xué)習(xí)過(guò)程中可根據(jù)所需，靈活選擇。
　　書(shū)中所有實(shí)例和實(shí)驗(yàn)案例所使用的素材及源代碼文件均可以在清華大學(xué)出版社的網(wǎng)站(http://www.tup.tsinghua.edu.cn/)下載，素材中還包括整個(gè)課程教學(xué)所需課件、考核參考要求及100套考核實(shí)戰(zhàn)題目詳細(xì)清單，基本滿(mǎn)足每一位考核學(xué)生的網(wǎng)站主題及欄目設(shè)置。全書(shū)建議學(xué)時(shí)為48～64，其中理論學(xué)時(shí)建議為30～36,實(shí)踐學(xué)時(shí)建議為18～24。網(wǎng)頁(yè)設(shè)計(jì)與制作是一門(mén)實(shí)踐性很強(qiáng)的課程，讀者只有多動(dòng)手實(shí)踐才能更好地掌握書(shū)中內(nèi)容。書(shū)中上機(jī)實(shí)踐部分并沒(méi)有給出詳細(xì)的制作步驟或代碼，讀者可根據(jù)所學(xué)結(jié)合網(wǎng)上下載源文件進(jìn)行練習(xí)，以加深所學(xué)內(nèi)容的理解。
　　本書(shū)作者長(zhǎng)期從事網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)與教學(xué)工作，積累了豐富的設(shè)計(jì)思想與教學(xué)經(jīng)驗(yàn)，讀者在學(xué)習(xí)過(guò)程中如果遇到實(shí)際問(wèn)題，也可以登錄http://multi.ys168.com/網(wǎng)站共同學(xué)習(xí)探討或直接與作者聯(lián)系，Email： 10035154@qq.com。由于相關(guān)技術(shù)規(guī)范、標(biāo)準(zhǔn)和技術(shù)發(fā)展日新月異，加之編寫(xiě)時(shí)間和作者水平有限，本書(shū)疏漏和不足之處在所難免，很多方面仍然需要進(jìn)一步提高和改進(jìn)，敬請(qǐng)廣大讀者朋友和專(zhuān)家批評(píng)指正。

　　作者2013年1月