在互聯(lián)網(wǎng)時(shí)代，一個(gè)好的網(wǎng)頁(yè)，不僅要有良好的視覺(jué)效果，其內(nèi)容和表現(xiàn)形式更要符合Web標(biāo)準(zhǔn)。傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)通常是網(wǎng)頁(yè)的內(nèi)容和表現(xiàn)形式交織在一起，這就造成了網(wǎng)頁(yè)源代碼可讀性不高、后期維護(hù)難度大等問(wèn)題。使用HTML+CSS+JavaScript設(shè)計(jì)網(wǎng)頁(yè)，可將網(wǎng)頁(yè)內(nèi)容、表現(xiàn)形式和行為相分離，一方面便于在設(shè)計(jì)網(wǎng)頁(yè)過(guò)程中分工合作，另一方面既可以提高代碼復(fù)用度，又可以提高代碼的可讀性和可維護(hù)性。 本書(shū)是作者根據(jù)多年的教學(xué)經(jīng)驗(yàn)以及實(shí)際的網(wǎng)站(網(wǎng)頁(yè))設(shè)計(jì)經(jīng)驗(yàn)，在翻閱了眾多網(wǎng)頁(yè)設(shè)計(jì)教材的基礎(chǔ)上，博采眾長(zhǎng)，精心編寫(xiě)的。本書(shū)采用最新的Web開(kāi)發(fā)標(biāo)準(zhǔn)，既可以使用簡(jiǎn)單的記事本工具，也可以使用WebStorm、DreamWeaver等流行的專業(yè)網(wǎng)頁(yè)設(shè)計(jì)工具，由淺入深、系統(tǒng)而全面地介紹HTML、CSS和JavaScript的基本知識(shí)和實(shí)用技巧，對(duì)于當(dāng)前流行的HTML 5.0和CSS的相關(guān)技術(shù)也進(jìn)行了講解。本書(shū)在講解基本知識(shí)點(diǎn)的基礎(chǔ)上，精心編寫(xiě)了實(shí)際網(wǎng)站設(shè)計(jì)中應(yīng)用的案例，理論知識(shí)系統(tǒng)而全面，案例豐富而實(shí)用。 本書(shū)除第6章外，每章后都附有較為豐富的練習(xí)題以及精心設(shè)計(jì)的實(shí)踐題，讀者只要認(rèn)真學(xué)習(xí)本書(shū)中的內(nèi)容，并完成練習(xí)題和實(shí)踐題，就能夠基本掌握網(wǎng)頁(yè)設(shè)計(jì)技術(shù)。 全書(shū)共6章，各章內(nèi)容安排如下： 第1章　網(wǎng)頁(yè)設(shè)計(jì)綜述，主要介紹Web工作原理、常用的瀏覽器、開(kāi)發(fā)網(wǎng)頁(yè)的常用工具、基本的術(shù)語(yǔ)；對(duì)HTML、CSS和JavaScript做了簡(jiǎn)單介紹；實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的仿百度首頁(yè)的網(wǎng)頁(yè)，從而讓讀者對(duì)網(wǎng)頁(yè)設(shè)計(jì)有一個(gè)直觀的認(rèn)識(shí)。 第2章　HTML，介紹了HTML的基本語(yǔ)法；分析了一個(gè)完整網(wǎng)頁(yè)的組成部分；重點(diǎn)介紹HTML文檔頭部的相關(guān)標(biāo)簽，并對(duì)段落、文本格式化、列表、超鏈接、圖像與多媒體、表單、表格、框架等網(wǎng)頁(yè)設(shè)計(jì)中要用到的HTML標(biāo)簽做了詳細(xì)介紹。 第3章　CSS，介紹了在網(wǎng)頁(yè)中如何引用CSS樣式、CSS樣式的基本語(yǔ)法格式；重點(diǎn)介紹了CSS選擇器；詳細(xì)介紹了CSS文本樣式，盒子模型，浮動(dòng)與定位，以及樣式的繼承、層疊和優(yōu)先級(jí)的概念；給出了一個(gè)騰訊網(wǎng)首頁(yè)的搜索案例，讓讀者能夠把所學(xué)的HTML和CSS技術(shù)學(xué)以致用。 第4章　JavaScript，介紹了在網(wǎng)頁(yè)中如何引入JavaScript代碼，并介紹了在Chrome瀏覽器中調(diào)試JavaScript代碼的基本技巧；詳細(xì)介紹了JavaScript的標(biāo)識(shí)符、變量、基本數(shù)據(jù)類型、運(yùn)算符和表達(dá)式，以及順序、分支和循環(huán)的語(yǔ)法格式及編程思想，對(duì)JavaScript控制網(wǎng)頁(yè)行為要用到的函數(shù)和事件也做了詳細(xì)介紹；介紹了如何使用DOM模型來(lái)控制網(wǎng)頁(yè)元素的表現(xiàn)行為以及如何使用BOM模型來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)和瀏覽器之間的交互；使用JavaScript技術(shù)，實(shí)現(xiàn)了騰訊網(wǎng)首頁(yè)的下拉菜單以及搜索框提示文字的更新顯示功能。 第5章　網(wǎng)頁(yè)設(shè)計(jì)綜合案例，通過(guò)實(shí)現(xiàn)騰訊網(wǎng)首頁(yè)案例，將前幾章所學(xué)的HTML、CSS和JavaScript技術(shù)進(jìn)行綜合應(yīng)用。通過(guò)這個(gè)綜合案例，讀者可以掌握符合Web開(kāi)發(fā)規(guī)范的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)。 第6章　拓展知識(shí)，對(duì)設(shè)計(jì)一個(gè)豐富多彩的網(wǎng)頁(yè)所需要的配色、版式設(shè)計(jì)，以及切片工具和技術(shù)等進(jìn)行介紹，并結(jié)合具體的網(wǎng)站實(shí)例，給讀者簡(jiǎn)單展示了一個(gè)網(wǎng)站的設(shè)計(jì)流程。 本書(shū)由孟憲寧、趙春霞、包燕編著，孟憲寧負(fù)責(zé)本書(shū)的組織設(shè)計(jì)，并完成了前4章的編寫(xiě)，趙春霞完成了第5章“網(wǎng)頁(yè)設(shè)計(jì)綜合案例”的編寫(xiě)，包燕完成了第6章“拓展知識(shí)”的編寫(xiě)。 在本書(shū)編寫(xiě)過(guò)程中，苗彩霞、高桂霞等幾位老師提供了部分案例和試題，在此一并表示感謝！ 由于水平有限，書(shū)中難免存在不足，敬請(qǐng)廣大讀者批評(píng)指正，并誠(chéng)懇歡迎大家提出寶貴意見(jiàn)。E-mail：113769283@qq.com。