以具體任務為引導，做中學

以知識準備為鋪墊，學中做

以實踐操作實施任務，突出學習重點

以深入解析拓展知識，突破學習難點

以實訓習題加強練習，提升學習效果

隨著Internet的普及與應用，網絡信息時代給人們的生活帶來種種便利，網頁也成為人們信息發布及獲取、思想交流、商務往來的重要途徑，制作網頁已不再是某些人或某些公司的專長，而是現代人應掌握的一種技能。本書第一版自2006年8月出版發行以來，已重印3次，銷量1萬多冊，深受教師和學生好評。根據高職高專對學生網頁制作技術的能力要求，第二版在第一版的基礎上進行了修訂，根據計算機相關專業人才培養的需要，重視技能培養和素質養成，采用項目驅動、任務引導，以案例教學、綜合實訓為構架，案例豐富、邏輯性強。以通俗易懂的語言，生動活潑的形式展現現代計算機教材編寫的風格，適應廣大院校及不同專業選課的需要。

本教材全面系統地介紹了應用網頁制作三劍客軟件進行網頁設計與制作的各種技術和技巧，設計了大量有針對性的任務，并將實例融入每個知識點中，結構清晰、案例豐富、任務明確，操作性強。

全書共16個任務。

任務1設計網頁。主要介紹網頁設計的基本原則，網頁字體、色彩、Logo等設計方法；

任務2創建和管理站點。主要介紹Dreamweaver CS4的基本操作，創建和管理站點的方法；

任務3制作多媒體頁面。主要介紹HTML的語法和標簽命令，網頁中插入Flash動畫、聲音、視頻，制作多媒體頁面的方法；

任務4制作網站鏈接。介紹了網站的各種鏈接方法；

任務5上傳站點。介紹了站點檢查和上傳的技術；

任務6制作網頁動畫。主要介紹Flash CS4制作動畫的基本方法；

任務7制作高級動畫。介紹了Flash CS4高級動畫的制作技術；

任務8制作網頁圖形。學習Fireworks CS4繪制矢量圖型，設計網站標志的方法；

任務9處理網頁圖像。進一步學習Fireworks CS4處理圖像的高級技術；

任務10表格排版布局網頁。應用表格布局網頁；

任務11制作網頁交互元素。介紹了表單的制作方法；

任務12 應用CSS樣式表。介紹了應用CSS樣式表的技術和技巧；

任務13框架結構布局網頁。介紹了應用框架結構設計布局制作網頁的方法；

任務14提高網站開發效率。主要介紹了庫和模板的應用技術；

任務15應用層與行為。介紹了層與行為的應用技術；

任務16項目實戰。通過門戶站點、個人網站、音樂網站、商業網站、教育網站的項目制作，進一步深入理解、掌握網頁制作、網站發布的各項技術。

本書主要具有如下特點：

1．以具體任務為引導，做中學

全書采取項目驅動、任務引導的模式進行編寫，通過16個任務序列承上啟下，循序漸進，每個任務包括學習目標、任務分析、知識準備、任務實施、深入解析、實訓練習、習題等，全方位組織教學，多任務完成項目。

2．以知識準備為鋪墊，學中做

本書在以能力培養的任務序列為主線的同時，也注重基礎知識的學習，在知識準備環節中編寫強調知識點系統連貫，邏輯性強；重點突出，并利用豐富的案例教學，講清功能要點，加深理解，講練結合。

3．以實踐操作實施任務，突出學習重點

本書軟件版本新，內容實用，任務實施步驟清晰，深入淺出，可操作性強，使學生易學會用。

4．以深入解析拓展知識，突破學習難點

在書中針對每個任務拓展知識，深入解析難點內容，使學生能舉一反三、深入理解、活學活用，做出更好的作品。

5．以實訓習題加強練習，提升學習效果

本書每個任務完成后都有相關的實訓練習和習題，使學生加深對理論知識的理解，進一步強化實踐能力的培養，既鞏固知識，又提高能力。

本書由許莉擔任主編，汪曉青、夏敏擔任副主編，王路群主審，參與本書編寫的還有魯娟、李漢橋、江駿、董寧、林利、李唯、肖靜、侯自力、馬力等。對于在本書編寫過程中提供了支持和幫助的所有人，在此表示衷心的感謝。

由于時間、水平有限，書中不足之處在所難免，敬請廣大讀者、專家批評指正。

編 者

2010年10月

前言

任務一 設計網頁 1
學習目標 1
任務分析 1
知識準備 1
知識1 網頁的有關術語 1
知識2 網頁的基本構成元素 3
知識3 網頁設計的基本原則 6
知識4 網頁設計的美學法則 7
知識5 網頁的布局原則 8
知識6 網頁的布局結構 10
任務實施 12
任務1 設計網站的標志（Logo） 12
任務2 設計網站的宣傳標語 12
任務3 設計網站的標準色彩 13
任務4 設計網站的標準字體 13
任務5 設計網頁 14
深入解析 14
實訓練習 14
習題一 14
任務二 創建和編輯站點 16
學習目標 16
任務分析 16
知識準備 16
知識1 Dreamweaver CS4的功能和特點 16
知識2 Dreamweaver CS4的工作界面 18
知識3 站點 22
任務實施 23
任務1 創建本地站點 23
任務2 管理站點 26
任務3 創建站點內容 27
深入解析 28
實訓練習 28
習題二 28
任務三 制作多媒體頁面 29
學習目標 29
任務分析 29
知識準備 29
知識1 HTML的基本結構 29
知識2 常用的HTML標簽命令 31
知識3 常用網頁元素的插入 44
任務實施 46
任務1 完成頁面的準備工作 46
任務2 插入Flash動畫 49
任務3 插入聲音或音樂 50
任務4 插入視頻 51
任務5 制作多媒體頁面 51
深入解析 55
實訓練習 55
習題三 55
任務四 制作網站鏈接 57
學習目標 57
任務分析 57
知識準備 57
知識1 絕對路經與相對路徑 57
知識2 內部鏈接與外部鏈接 58
知識3 其他特殊鏈接 59
任務實施 60
任務1 制作網站鏈接 60
任務2 制作錨點鏈接 62
任務3 制作圖像鏈接 63
任務4 制作熱點鏈接 64
深入解析 65
習題四 65
任務五 上傳站點 67
學習目標 67
任務分析 67
知識準備 67
知識1 站點的檢查 67
知識2 站點的報告 68
任務實施 68
任務1 檢查鏈接 68
任務2 生成站點報告 70
任務3 檢查目標瀏覽器 71
任務4 上傳站點 71
深入解析 72
實訓練習 73
習題五 73
任務六 制作網頁動畫 75
學習目標 75
任務分析 75
知識準備 75
知識1 Flash CS4的功能和特點 75
知識2 Flash CS4的工作界面 75
知識3 Flash CS4的基本操作 77
知識4 幀與時間軸 84
知識5 元件與實例 86
知識6 逐幀動畫 89
知識7 補間形狀動畫 90
知識8 傳統補間動畫 91
知識9 補間動畫 92
任務實施 93
任務1 創建逐幀動畫 93
任務2 創建補間形狀動畫 94
任務3 創建傳統補間動畫 95
任務4 創建補間動畫 97
深入解析 98
實訓練習 98
習題六 103
任務七 制作高級動畫 104
學習目標 104
任務分析 104
知識準備 104
知識1 引導層 104
知識2 遮罩層 106
知識3 反向運動 107
知識4 聲音文件的導入 107
知識5 動畫的發布 109
任務實施 116
任務1 創建引導層動畫 116
任務2 創建遮罩層動畫 118
任務3 創建反向運動效果 120
任務4 為按鈕添加聲音 122
深入解析 123
實訓練習 123
習題七 125
任務八 制作網頁圖形 127
學習目標 127
任務分析 127
知識準備 127
知識1 Fireworks CS4的功能和特點 127
知識2 Fireworks CS4的工作界面 128
知識3 Fireworks CS4文檔的基本操作 129
知識4 矢量圖形的繪制 131
知識5 對象的處理 135
知識6 文本的創建 137
任務實施 139
任務1 繪制幾何圖形 139
任務2 繪制公司標志 140
任務3 制作新浪網標志 141
深入解析 142
實施練習 142
習題八 144
任務九 處理網頁圖像 146
學習目標 146
任務分析 146
知識準備 146
知識1 位圖圖像處理 146
知識2 元件與實例 151
知識3 交互式網頁圖像 151
知識4 圖像的優化與導出 152
任務實施 155
任務1 打開多個圖像文件制作動畫 155
任務2 手工制作動畫 156
任務3 分散到狀態生成動畫 157
任務4 利用元件和實例制作動畫 159
任務5 導出動畫 160
任務6 創建圖像的切片與熱點 161
任務7 制作按鈕和導航欄 163
任務8 制作彈出菜單 165
深入解析 167
實訓練習 167
習題九 172
任務十 表格排版布局網頁 174
學習目標 174
任務分析 174
知識準備 174
知識1 表格的使用 174
知識2 設置表格屬性 176
知識3 編輯表格和單元格 177
知識4 排序表格 179
知識5 導入表格化數據 180
知識6 表格的擴展視圖 180
任務實施 181
任務1 制作照片集 181
任務2 制作網站首頁 182
深入解析 184
實訓練習 184
習題十 186
任務十一 制作網頁交互元素 187
學習目標 187
任務分析 187
知識準備 187
知識1 表單 187
知識2 文本域 188
知識3 選框與列表 190
知識4 文件上傳域 191
知識5 按鈕 192
知識6 跳轉菜單 192
任務實施 193
任務1 制作百度頁面 193
任務2 制作用戶注冊表 195
深入解析 196
實訓練習 196
習題十一 197
任務十二 應用CSS樣式表 199
學習目標 199
任務分析 199
知識準備 199
知識1 CSS樣式表 199
知識2 CSS樣式表的添加方法 200
知識3 內部CSS與外部CSS 201
知識4 樣式的創建與編輯 201
任務實施 202
任務1 制作類樣式 202
任務2 制作HTML標簽樣式 203
任務3 制作鏈接樣式 204
任務4 CSS樣式化網頁 205
深入解析 207
實訓練習 207
習題十二 209
任務十三 框架結構布局網頁 211
學習目標 211
任務分析 211
知識準備 211
知識1 框架和框架集 211
知識2 預定義的框架集 211
知識3 自定義框架集 213
知識4 嵌套框架集 213
知識5 保存框架 214
任務實施 215
任務1 利用框架制作網頁 215
任務2 制作內聯式框架網頁 219
深入解析 220
實訓練習 221
習題十三 222
任務十四 提高網站開發效率 223
學習目標 223
任務分析 223
知識準備 223
知識1 庫文件 223
知識2 模板 225
任務實施 228
任務1 應用網頁庫文件 228
任務2 利用模板制作網頁 230
深入解析 231
實訓練習 231
習題十四 233
任務十五 應用層與行為 234
學習目標 234
任務分析 234
知識準備 234
知識1 層的特點 234
知識2 插入層 235
知識3 設置層的屬性 235
知識4 改變層的次序 236
知識5 刪除層 236
知識6 層與表格的轉換 236
知識7 行為 237
任務實施 237
任務1 應用層制作網頁 237
任務2 制作彈出信息 239
任務3 設置狀態欄文本 240
任務4 打開瀏覽器窗口 241
任務5 交換圖像 242
任務6 控制Shockwave或Flash 242
任務7 播放聲音 243
任務8 檢查表單 244
深入解析 245
實訓練習 245
習題十五 247
任務十六 項目實戰 248
學習目標 248
任務分析 248
知識準備 248
知識1 網站規劃 248
知識2 素材收集與處理 250
知識3 網站結構設計 251
知識4 網站發布 254
知識5 網站管理 255
任務實施 256
任務1 門戶站點主頁制作 256
任務2 個人網站制作 261
任務3 音樂網站制作 265
任務4 商業網站制作 268
任務5 教育網站制作 272
附錄 習題答案 276
參考文獻 280

1. HTML5+CSS3網頁設計與制作項目化教程 [范佳　胡卓舒　馮迎]
2. 網頁設計與制作實驗指導 [主編　鄧文鋒 利珊]
3. 網頁設計與制作 [主編　溫凱峰 葉仕通]
4. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
5. 網頁設計與制作 [主編 王瀟 章明珠]
6. Web用戶界面設計與制作 [主編 趙娟]
7. 網頁設計與制作 [主編 李佼輝 聶樹成]
8. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
9. Web開發實戰 [主編　肖睿　陳永]
10. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
11. 網頁設計與制作 [主編 楊毅]
12. 網頁制作實戰 [主編 肖睿 羅保山]
13. 網頁設計與制作 [主編 陳建國 項煒]
14. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
15. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
16. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
17. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
18. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
19. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
20. CSS+DIV頁面布局技術 [主編 朱翠苗]
21. 網頁設計與制作 [王鐵樁 聶衛獻]
22. Web開發與安全防范 [主編 武春嶺]
23. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
24. 網頁設計與開發實戰教程 [李云程]
25. 網頁設計與制作項目化教程 [周觀民 梁雪梅]
26. 網頁設計與制作項目案例教程（Dreamweaver CS6） [楊麗芳 劉琳]
27. 腳本語言與動態網頁設計（第二版） [主 編 張景峰 王培軍]
28. ASP.NET（C#）網站開發 [主編 張志明 王輝]
29. 網頁設計實用技術 [主 編 陳建國 李勤]
30. 網頁設計與制作（第二版） [馬占欣]