早期的HTML版本幾乎涵蓋了網(wǎng)頁(yè)設(shè)計(jì)的全部?jī)?nèi)容，在網(wǎng)頁(yè)的設(shè)計(jì)中，網(wǎng)頁(yè)的內(nèi)容和排版都是通過(guò)HTML文檔完成的。但是，實(shí)際上網(wǎng)頁(yè)的排版布局千變?nèi)f化，因此，當(dāng)需要改變網(wǎng)頁(yè)的布局時(shí)，就必須大量地修改HTML文檔，這給網(wǎng)頁(yè)的設(shè)計(jì)開(kāi)發(fā)帶來(lái)了很多不便。

從HTML 4.0開(kāi)始，為了簡(jiǎn)化程序的開(kāi)發(fā)，HTML已經(jīng)盡量將“網(wǎng)頁(yè)的內(nèi)容結(jié)構(gòu)”與“網(wǎng)頁(yè)的排版布局”分開(kāi)。它的主要原則：用標(biāo)簽元素描述網(wǎng)頁(yè)的內(nèi)容結(jié)構(gòu)；用CSS描述網(wǎng)頁(yè)的排版布局；用 JavaScript 描述網(wǎng)頁(yè)的事件處理，即鼠標(biāo)或鍵盤在網(wǎng)頁(yè)元素上動(dòng)作（如單擊、雙擊、輸入）后執(zhí)行的程序。

由此可知，網(wǎng)頁(yè)制作的基本語(yǔ)言是HTML，網(wǎng)頁(yè)排版布局的基本技術(shù)是CSS，開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)的關(guān)鍵是 JavaScript 技術(shù)的應(yīng)用，全面掌握這3項(xiàng)技術(shù)是動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)與設(shè)計(jì)的基礎(chǔ)。

本書(shū)主要分為四大部分，具體如下所述。

第1部分主要介紹了HTML基礎(chǔ)（第1章）。

第2部分主要介紹了CSS基礎(chǔ)和實(shí)用技巧（第2章和第3章）。

第3部分主要介紹了JavaScript的基本編程方法和實(shí)用技巧（第4～9章）。

第4部分是HTML、CSS和JavaScript的綜合實(shí)訓(xùn)項(xiàng)目（第10章）。

本書(shū)由淺入深，配有大量示例，所有示例都可用于當(dāng)前最為流行的兩大瀏覽器——Microsoft Internet Explorer和Mozilla的Firefox瀏覽器的較高級(jí)版本。

本書(shū)不僅全面介紹了HTML、CSS和JavaScript的基本編程技術(shù)，而且還將網(wǎng)頁(yè)設(shè)計(jì)的常用技巧，如網(wǎng)頁(yè)兩列/三列排版、菜單制作、圖像疊加以及運(yùn)用 JavaScript 動(dòng)態(tài)改變網(wǎng)頁(yè)內(nèi)容等，也進(jìn)行了介紹。

本書(shū)的大部分示例為編者在工作中的實(shí)際應(yīng)用，所有示例均經(jīng)過(guò)驗(yàn)證。本書(shū)計(jì)劃學(xué)時(shí)為54小時(shí)，如果能增加實(shí)驗(yàn)室上機(jī)實(shí)訓(xùn)，將會(huì)取得更好的效果。讀者通過(guò)本書(shū)內(nèi)容的學(xué)習(xí)及大量示例和實(shí)訓(xùn)項(xiàng)目的練習(xí)，可以很快地運(yùn)用 HTML、CSS 和 JavaScript進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)。

編者的電子郵箱地址是syndia_wu@yahoo.com，歡迎讀者提出建議和意見(jiàn)。

編者

2018年2月