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


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



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



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



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



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



1．重視對HTML、CSS和JavaScript內容的理解



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



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



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



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



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



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



編 者



2020年10月