網(wǎng)頁設(shè)計是一門綜合了網(wǎng)頁界面設(shè)計、用戶體驗(yàn)、程序設(shè)計等各方面知識技能的綜合實(shí)踐性課程。目前，網(wǎng)頁設(shè)計課程主要有兩種形式：一種是以計算機(jī)專業(yè)為主，通過編程、腳本設(shè)計，以HTML、CSS、JavaScript、PHP等語言為載體實(shí)現(xiàn)；另一種是以藝術(shù)設(shè)計為前提，通過預(yù)先對網(wǎng)頁界面色彩、版式等進(jìn)行設(shè)計，然后利用一些所見即所得的網(wǎng)頁設(shè)計軟件實(shí)現(xiàn)。兩種教學(xué)方式各有優(yōu)勢，但局限性也不少。
　　鑒于此，我們組織和編寫了《網(wǎng)頁設(shè)計》一書。本教材以藝術(shù)設(shè)計為前提，以HTML、CSS語言為技術(shù)手段，主要針對藝術(shù)類專業(yè)的學(xué)生進(jìn)行網(wǎng)頁實(shí)操實(shí)踐講解，力圖使學(xué)生在規(guī)定課時之內(nèi)，能有效地學(xué)習(xí)和掌握目前網(wǎng)頁設(shè)計的理論與技能，同時對理工科如計算機(jī)等專業(yè)的學(xué)生起到開闊眼界、優(yōu)勢互補(bǔ)的指導(dǎo)作用，達(dá)到探索將技術(shù)與藝術(shù)相融合的目的。
　　本教材重在實(shí)踐，通過具體的案例進(jìn)行講解和分析，并在實(shí)踐應(yīng)用前把案例所需的基礎(chǔ)常識進(jìn)行講解歸納。這樣設(shè)置的原因和好處有兩點(diǎn)：
　　一是網(wǎng)頁設(shè)計是一門綜合知識集聚的課程，不但需要清晰了解互聯(lián)網(wǎng)基礎(chǔ)知識，而且還涉及大量行業(yè)知識、計算機(jī)軟件相關(guān)技術(shù)基礎(chǔ)知識、案例設(shè)計中的流程基礎(chǔ)知識等內(nèi)容。如果單純將基礎(chǔ)知識放在前面章節(jié)介紹，勢必讓學(xué)生產(chǎn)生畏難和迷茫情緒。從心理學(xué)角度來講，一個有趣又不失嚴(yán)謹(jǐn)?shù)哪夸�，會讓學(xué)生保持良好的心態(tài)來完成最終的自主學(xué)習(xí)，這也是我們所提倡的翻轉(zhuǎn)課堂教學(xué)形式的有力支持。