隨著Internet應(yīng)用的飛速發(fā)展，大多數(shù)高校在大學(xué)生學(xué)習(xí)了計算機應(yīng)用基礎(chǔ)課程之后開設(shè)了網(wǎng)頁設(shè)計課程。但教學(xué)內(nèi)容會根據(jù)學(xué)生專業(yè)不同而有所調(diào)整：為文科與藝術(shù)類學(xué)生所授偏向網(wǎng)頁設(shè)計知識；為理工科學(xué)生所授偏向編程知識。實際上，若同時講授網(wǎng)頁設(shè)計與編程知識，不但可以讓學(xué)生更好地進(jìn)行網(wǎng)站開發(fā)工作，而且也符合未來藝工專業(yè)融合的學(xué)科發(fā)展方向�；�于此，我們?yōu)楦叩仍盒５膹V大師生編寫了本書。


本書從基礎(chǔ)入手，立足Zui新國際標(biāo)準(zhǔn)，重視能力培養(yǎng)，著重案例實踐；在形式上力爭語言簡潔、內(nèi)容充實、排版活潑，學(xué)生學(xué)完本書后能夠掌握必備的網(wǎng)站設(shè)計知識。



由于HTML5是業(yè)界認(rèn)可的Zui新標(biāo)準(zhǔn)，因此W3C（萬維網(wǎng)聯(lián)盟）組織不再推薦使用的一些標(biāo)簽如框架（ 標(biāo)簽），本書不再涉及。樣式設(shè)計采用了Zui新的CSS3，但由于篇幅原因，本書只講解常用的樣式屬性。為了兼顧不同專業(yè)的學(xué)生，只講解JavaScript語言網(wǎng)頁設(shè)計所需的程序設(shè)計基礎(chǔ)內(nèi)容。



本書采用的是目前主流的布局技術(shù)DIV+CSS布局，這種技術(shù)具備三大優(yōu)點：寫代碼容易，效率高；方便修改，尤其是通過修改樣式文件快速改變網(wǎng)站外觀；代碼量少，省帶寬，適合SEO（搜索引擎優(yōu)化）。



本書由長期從事網(wǎng)頁設(shè)計與編程課程教學(xué)的一線教師編寫而成，全書共分8章：第1章~第6章是靜態(tài)網(wǎng)頁設(shè)計的基礎(chǔ)知識，內(nèi)容包括網(wǎng)頁、網(wǎng)站和HTML基礎(chǔ)，HTML5標(biāo)簽，表格和表單，CSS3樣式，DIV+CSS布局；第7章和第8章是JavaScript編程基礎(chǔ)，主要內(nèi)容包括JavaScript語法基礎(chǔ)以及如何用JavaScript來實現(xiàn)與網(wǎng)頁元素的交互。學(xué)完本書所有內(nèi)容后既可以設(shè)計靜態(tài)網(wǎng)頁，又能設(shè)計動態(tài)網(wǎng)頁。精心設(shè)計的案例確保讀者在完成上機實驗后能快速掌握必要的知識點，每章都附有形式多樣的習(xí)題供讀者自行測評，書中附錄給出了習(xí)題答案。



網(wǎng)站開發(fā)的工具多種多樣，目前比較流行的開發(fā)平臺有Adobe Dreamweaver、Sublime、MSCode、HBuilder、WebStorm等。每個平臺都有自己的獨特之處，但在代碼提示、輔助糾錯方面WebStorm稍勝一籌，故我們推薦使用WebStorm。對于喜歡可視化環(huán)境的讀者，可以選擇Dreamweaver。
為了方便讀者學(xué)習(xí)，我們提供了教材的電子課件和案例代碼（可在中國鐵道出版社有限公司官網(wǎng)http://www.tdpress.com/51eds/下載），每章習(xí)題的答案參見附錄B。
在學(xué)習(xí)本書的過程中，應(yīng)注意以下幾點：



1．重視對HTML、CSS和JavaScript內(nèi)容的理解



雖然代碼提示和可視化開發(fā)環(huán)境使很多代碼可以自動完成，但還是建議讀者盡量理解網(wǎng)頁元素、樣式和JavaScript的真正含義。例如，標(biāo)簽和樣式的完整英文單詞意思，JavaScript語言中標(biāo)識符的英文含義，只有這樣才能加深理解，使用時信手拈來，更精確地控制網(wǎng)頁的實際顯示效果。
2．重點學(xué)習(xí)方法并應(yīng)用于實際



在學(xué)習(xí)案例時要舉一反三，將更多的知識點訴諸實踐。只有掌握了方法，遇到新需求時才能靈活應(yīng)對，例如，掌握了盒子的布局原理后，任意格局的設(shè)計就會像搭積木一樣得心應(yīng)手；看到了別人設(shè)計網(wǎng)站的效果后會想到用什么方法加以實現(xiàn)。



3．一些輔助知識和技術(shù)也是必須要掌握的
學(xué)習(xí)本書時我們假定讀者掌握了計算機基礎(chǔ)知識，如文件系統(tǒng)、圖片處理、視頻處理等必備知識，否則有的讀者會對諸如路徑參數(shù)的設(shè)置、圖片視頻格式及壓縮等知識點難以理解。若想進(jìn)一步提高網(wǎng)頁設(shè)計水平，需要選擇進(jìn)階教材進(jìn)一步學(xué)習(xí)。



本書是我們在高校長期教學(xué)實踐的經(jīng)驗積累，編者投入了巨大的心血并建設(shè)了課程的數(shù)字化教學(xué)資源。



本書由耿增民任主編，洪穎、邵熹雯、呂超任副主編。具體編寫分工為：洪穎編寫第1章和第6章，邵熹雯編寫第2章和第5章，呂超編寫第3章和第4章，耿增民編寫第7章和第8章。全書由耿增民策劃、統(tǒng)稿、定稿。



網(wǎng)頁設(shè)計技術(shù)發(fā)展日新月異，由于編者水平有限，加之時間倉促，書中疏漏與不妥之處在所難免，敬請廣大讀者批評指正。



編 者



2020年10月