前言

隨著國家信息化發展策略的貫徹實施，信息化建設已進入了全方位、多層次推進應用的新階段。作為高校的學生，不僅要具備一般的信息處理能力，更應該具備較高的信息素養。本書就是根據面向21世紀培養高技能人才的需求，結合高職高專學生的學習特點，依據職業教育培養目標的要求，嚴格按照教育部提出的高職高專教育“以應用為目的，以必須、夠用為度”的原則而設計、開發的教材。

本書采用“模塊化設計、任務驅動學習”的編寫模式，而實現任務驅動學習的關鍵是“任務”的設計，它必須是社會實際生產、生活中的一個真實問題。為了解決這個真實的問題，需要把它分解成一系列的“子任務”；每一個子任務的解決過程就是一個模塊的學習過程。每個模塊學習一組概念、鍛煉一組技能；全部模塊加起來，即完成一種知識的學習，形成一種相應的能力。在任務驅動學習的具體實施中，以網站建設和網頁設計為中心，以實例為引導，把介紹知識與實例設計、制作、分析融于一體，自始至終貫穿于本書之中。在實例的設計、制作過程中，把本章節的知識點融于實例之中，使讀者能夠快速掌握概念和操作方法。考慮到網頁制作較強的實踐性，本書配備大量的頁面例題和豐富的運行效果圖，能夠有效地幫助讀者理解所學習的理論知識，系統、全面地掌握網頁制作技術。

本書主要圍繞Web開發的三大關鍵技術（HTML、CSS和JavaScript）來介紹網頁編程的必備知識及相關應用。其中，HTML負責網頁結構，CSS負責網頁樣式及表現，JavaScript負責網頁行為和功能。本書采用全新的Web標準，通過簡單的“記事本”工具，以HTML技術為基礎，由淺入深，系統、全面地介紹HTML、CSS、JavaScript的基本知識及常用技巧。

本書以夢想櫥柜項目網站的設計與制作為講解主線，圍繞網站欄目的設計，詳細全面系統地介紹了網頁制作、設計、規劃的基本知識以及網站開發的完整流程。本書所有例題、習題及上機實訓均采用案例驅動的講述方式，通過大量實例深入淺出、循序漸進地引導讀者學習。本書在每章之后附有大量的實踐操作習題，并在教學課件中給出習題答案，供讀者在課外鞏固所學的內容。本書共分10章，主要內容包括：網頁基本結構、塊級標簽、行級標簽、網頁表現語言——CSS、Div+CSS布局頁面、使用CSS修飾元素外觀、使用CSS設置鏈接與導航、使用JavaScript制作網頁特效、夢想櫥柜前臺頁面和夢想櫥柜后臺管理頁面。

為了便于教師教學，本書配有教學課件和源代碼，老師們可從機械工業出版社教育服務網http://www.cmpedu.com下載。本書適合作為高等學校、職業院校計算機及相關專業或培訓班的網站開發與網頁制作教材，也可作為網頁制作愛好者與網站開發維護人員的學習參考書。

本書由劉瑞新、張兵義主編，參加編寫的作者有劉瑞新（第1、5章），張兵義（第2、6章），呂振雷（第3、4章），馬海洲（第7章），殷鶯（第8、9章），第10章及資料的收集整理、課件的制作由李建彬、劉大學、陳周、駱秋容、劉克純、繆麗麗、劉大蓮、彭守旺、莊建新、彭春芳、崔瑛瑛、翟麗娟、韓建敏、莊恒、徐維維、徐云林、馬春鋒、孫洪玲、王如雪、曹媚珠、陳文煥、劉有榮、李剛、孫明建、李索完成。全書由劉瑞新教授統稿。由于作者水平有限，書中疏漏和不足之處難免，敬請廣大師生指正。

編　者