在“互聯(lián)網(wǎng)+”時代，各種網(wǎng)站的需求越來越多，規(guī)范性標準越來越高，技術(shù)越來越先進。傳統(tǒng)的網(wǎng)站制作教材從技術(shù)實現(xiàn)的角度來看，使用的技術(shù)比較落后；從代碼結(jié)構(gòu)來看，沒有將頁面內(nèi)容和樣式進行分離，導(dǎo)致代碼過于繁瑣，不便于學(xué)習(xí)者閱讀。
為適應(yīng)現(xiàn)代技術(shù)的飛速發(fā)展，幫助眾多喜愛網(wǎng)站開發(fā)的人員學(xué)習(xí)標準的網(wǎng)頁設(shè)計規(guī)范、提高網(wǎng)站的設(shè)計及編碼水平，編者根據(jù)多年的教學(xué)經(jīng)驗和學(xué)生的認知規(guī)律，在潛心研讀網(wǎng)站制作的前沿技術(shù)之后，由眾多教師經(jīng)過多次討論、多次修改之后精心編寫了本書。本書既可作為應(yīng)用型本科、高職院校、成人繼續(xù)教育的教材，也可作為網(wǎng)頁開發(fā)人員的自學(xué)或參考用書。
本書主要有以下特點。
1．立足精品導(dǎo)向、能力引領(lǐng)
全書的編寫始終秉承精品意識，以國家級精品教材標準為目標導(dǎo)向，并借鑒眾多同類教材的編寫經(jīng)驗，在內(nèi)容上兼顧知識的基礎(chǔ)性和前沿性、網(wǎng)頁的創(chuàng)意性和技術(shù)實用性以及大學(xué)教學(xué)的學(xué)術(shù)性；在編寫思想上遵守“授人以魚不如授人以漁”的原則，重在能力的提高，而非知識的灌輸，幫助讀者快速提升網(wǎng)頁設(shè)計技術(shù)和實際應(yīng)用能力。
2．內(nèi)容系統(tǒng)完整、重點突出
Web前端開發(fā)的教學(xué)主要有兩項任務(wù)，即傳授知識和培養(yǎng)興趣。教學(xué)成功的關(guān)鍵是在這兩方面尋找一個折中。如果上課講授的知識點過多過細，學(xué)生思考和實踐的環(huán)節(jié)就會減少；如果講授的知識點過少，片面強調(diào)讓學(xué)生實踐，學(xué)生由于知識點沒理清，又容易陷入低水平的盲目實踐。
為此，本書在編寫時，注重培養(yǎng)學(xué)生興趣。從結(jié)構(gòu)上分為三個部分，包括HTML標簽學(xué)習(xí)、CSS樣式設(shè)計以及JS（JavaScript）網(wǎng)頁交互設(shè)計，注重培養(yǎng)學(xué)生興趣。在內(nèi)容編排上通過六個項目來完成知識學(xué)習(xí)，將CSS知識的學(xué)習(xí)作為重點，因為只有接觸到CSS，學(xué)生才會領(lǐng)會到這門課程的樂趣。內(nèi)容涵蓋網(wǎng)站策劃、HTML基礎(chǔ)語法、網(wǎng)頁布局、網(wǎng)頁內(nèi)容編輯、網(wǎng)頁特效、綜合實訓(xùn)。
3．講述通俗簡潔、條理清晰
本書面向初學(xué)者，從零基礎(chǔ)講起，并迅速追蹤到前沿技術(shù)。考慮到目前大多數(shù)院校課時壓縮、強調(diào)學(xué)生自學(xué)能力培養(yǎng)的實際情況，本書的編寫力求做到深入淺出、通俗易懂、表述簡潔、條理清晰。本書對基礎(chǔ)知識、基本技術(shù)技能和設(shè)計原理的講述比較細致，在難懂的地方一般補充了圖表、示例說明；所用程序、結(jié)構(gòu)層次清晰，對關(guān)鍵代碼給出了詳細的注釋，具有可讀性和可理解性；全書力求避免大量的純文字性、抽象描述，避免空洞、無內(nèi)容。本書各章內(nèi)容結(jié)構(gòu)清晰，內(nèi)容之間聯(lián)系緊湊、自然，難度循序漸進、邏輯性強。
4．案例引導(dǎo)、示例輔助、圖文并茂
本書的教學(xué)大概需要72學(xué)時，帶“*”號的章節(jié)建議學(xué)生自學(xué)。在知識編排上，項目2和項目3為基礎(chǔ)，主要講解了HTML標簽，CSS樣式的基本語法與用法。項目4為重點，講解了代碼的具體應(yīng)用，課時具體安排如下：
課時安排表
內(nèi) 容 課 時
項目一 網(wǎng)站策劃 2
項目二 HTML基礎(chǔ)語法 6
項目三 網(wǎng)頁布局 16
項目四 網(wǎng)頁內(nèi)容編輯 28
項目五 網(wǎng)頁特效 10
項目六 綜合實例 10
小計 72
考慮到大多數(shù)技術(shù)或代碼比較抽象、難懂，在講述時都輔之以精心設(shè)計的典型實例，通過具體示例來說明相關(guān)技術(shù)的使用技巧，并運用工具軟件詳細地說明操作步驟，以此實現(xiàn)講述的簡潔性、通俗易懂性。同時將各種技術(shù)的應(yīng)用效果都用圖片方式展示出來，做到圖文并茂、形象直觀。在編寫上，總體遵循案例引導(dǎo)、示例輔助，從具體例子到抽象概念再到復(fù)雜技術(shù)的敘述方法。所有示例都經(jīng)過上機測試，確保運行結(jié)果準確無誤，讀者可以直接在瀏覽器中打開該文件查看運行效果，并通過對實例代碼的理解、模仿和改進，將所學(xué)用到實際項目中，做到即學(xué)即用。
本書由馮淑杰、孫榮俠任主編，竇立莉、雷妍、趙姝菊、劉輝任副主編。具體分工為馮淑杰負責全書的架構(gòu)制定、統(tǒng)稿和項目3的編寫工作，孫榮俠參與全書的架構(gòu)制定并負責項目2的編寫工作，竇立莉負責項目1的編寫工作，雷妍負責項目4（任務(wù)4.1至任務(wù)4.3）的部分編寫工作，趙姝菊負責項目6的編寫工作，劉輝負責項目5和項目2（任務(wù)2.5）、項目4（任務(wù)4.4）的編寫工作，李煦、王曉旭主要參與各任務(wù)的實驗素材編輯工作。
編寫過程中編者始終以“求真務(wù)實、盡善盡美”要求自己，不僅在編寫前做了充分的準備，而且書稿幾經(jīng)修改、潤色。盡管編者在編寫過程中力求做到準確無誤，但由于水平有限，不足和疏漏之處在所難免，懇請讀者不吝賜教。


編 者