本書特色：

按照網頁設計的實際過程介紹軟件知識，，還能掌握一些實際設計中必備的基礎知識和軟件應用技巧

在安排各章內容和實例時，嚴格控制篇幅和實例的難易程度，兼顧了教師教學

教材所有的實例都提供了素材，滿足了教學和讀者自學的需要。

提供了配套教材《網頁設計與制作實訓指導》，幫助讀者增強創作靈感和實戰經驗

第二版前言

自《網頁設計與制作》（任正云、陸大修編著，中國水利水電出版社出版）出版以來，經過多年的使用，得到了廣大教師和讀者的肯定，根據教育部高等學校計算機基礎課程教學指導委員會《高等學校計算機基礎核心課程教學實施方案》的要求，針對應用型人才培養的目標，根據軟件升級和實際需要，吸取廣大讀者的寶貴意見，在第1版的基礎上進行了如下幾個方面的改進：

（1）將應用軟件從Dreamweaver 8、Fireworks 8、Flash 8全面升級到Dreamweaver CS5、Fireworks CS5、Flash CS5，詳細地介紹CS5的使用方法和操作技巧，將網頁設計過程中的難點、要點貫穿一線，循序漸進地介紹了網頁制作的整個過程，其中包括構思、規劃、制作和發布等。

（2）按照網頁設計的實際過程介紹軟件知識，從而使讀者在學習軟件功能的同時，還能掌握一些實際設計中必備的基礎知識和軟件應用技巧。

（3）在安排各章內容和實例時，嚴格控制篇幅和實例的難易程度，兼顧了教師教學。教材所有的實例都提供了素材，滿足了教學和讀者自學的需要。

（4）本書提供了配套教材《網頁設計與制作（第二版）實訓指導》，每個實訓任務都提出明確的實訓要求，通過生動的實例，剖析利用網頁三劍客進行網站設計開發的全過程，在掌握網頁設計與制作強大功能的同時，還能幫助讀者增強創作靈感和實戰經驗。

本書由任正云、賴玲、嚴永松編著，任正云負責第1～10章的編寫，賴玲和嚴永松負責第11和第12章的編寫，賴玲還參與了第1、2、3章的編寫，參加編寫的人員還有陳萬華、琚輝、王婭紛、沈成濤、李敏、李祥琴、李俊梅、張牧和肖衡。全書由任正云統稿，賴玲負責校對，陳萬華、嚴永松、沈成濤、吳際林為本書繪制了大量的插圖，在編寫和修改過程中，田原、胡玉榮、李素若提出了寶貴的意見和建議，并給予非常大的幫助，在此一并表示感謝！

由于編者水平有限，編寫時間倉促，書中如有疏漏和不足之處，敬請讀者和專家批評指正。

編 者

2011年11月

第一版前言

隨著計算機技術和通信技術的飛速發展，網絡的應用已經深入人們的工作和生活。為了充分利用網絡資源，企業可以宣傳自己的產品；政府可以發布有關的政策法規；學校可以為學生提供有關的教學信息。為了使自己的網站能夠吸引越來越多的用戶，迫切需要了解并掌握網頁設計技術。

本書從實際出發，以理論結合實際的方式，詳細地介紹了Dreamweaver 8、Fireworks 8、Flash 8三個軟件的使用方法和操作技巧，將網頁設計過程中的難點、要點貫穿一線，循序漸進地介紹了網頁制作的整個過程，其中包括構思、規劃、制作和發布等。

本書共分12章，從HTML入門、網站規劃開始，配以豐富的實例，重點介紹使用“三劍客”制作網頁的方法和技巧；第1章介紹了HTML初步，第2～9章介紹了網頁文檔的創建、網頁的定位技術、網頁的修飾技術；第10章介紹了如何使用Fireworks 8處理網頁圖像；第11章介紹了如何使用Flash 8制作網頁動畫，第12章介紹了動態網站技術。每章后面都給出了精心設計的思考題和上機練習題，以便于讀者進一步理解和鞏固所學的知識。

本書十分重視實際能力的培養，每講一個知識點，都配有實踐技能訓練，為幫助讀者掌握這些技能，寫作時著重注意如下幾點：

（1）表述概念力求準確而不冗長，盡可能深入淺出。

（2）對操作過程盡量配以圖形說明。

（3）提供了豐富詳實的例子，讓讀者學習輕松，上手容易，將讀者學習軟件時的困難一一化解。

（4）每章的最后都附有練習題和上機練習題，便于讀者鞏固加深所學的知識。

本書由任正云、陸大修編著，參加編寫的人員還有陳萬華、琚輝、嚴永松、沈成濤、毛紅鷹、劉青筱、李成海、熊治梅和肖衡。全書由任正云完成統稿和校對，陳萬華、嚴永松、沈成濤、劉青筱為本書繪制了大量的插圖，在編寫和修改過程中，田原、胡玉榮、李素若提出了寶貴的意見和建議，并給予非常大的幫助，在此一并表示感謝！

由于編者水平有限，編寫時間倉促，書中如有疏漏和不足之處，敬請讀者和專家批評指正。

編 者

2007年4月

序
第二版前言
第一版前言

第1章 網頁基礎知識 1
1.1 網頁概述 1
1.1.1 什么是網頁 1
1.1.2 網頁中的基本元素 1
1.1.3 網頁的類型 3
1.2 網頁制作工具簡介 6
1.2.1 網頁編輯工具 6
1.2.2 網頁動畫制作軟件 6
1.2.3 網絡圖像處理軟件 7
1.3 網頁的設計 7
1.3.1 確定網頁內容 7
1.3.2 確定網站的CI 9
1.3.3 首頁設計 10
1.3.4 版面設計 10
1.3.5 可用性設計 13
1.4 HTML基礎 17
1.4.1 HTML語言結構的基本標志 17
1.4.2 頁面格式標志 18
1.4.3 文本標志 20
1.4.4 圖像標志 21
1.4.5 表格標志 22
1.4.6 鏈接標志 24
1.4.7 標志幀 25
1.4.8 表單標志 27
1.4.9 多媒體標志 29
1.4.10 其他標志 30
1.5 實踐技能訓練 31
1.5.1 字體設置標記 31
1.5.2 字符修飾標記 31
1.5.3 表格標記 32
本章思考與練習 33
第2章 Dreamweaver CS5入門 34
2.1 Dreamweaver CS5界面介紹 34
2.2 Dreamweaver CS5常用工具 35
2.2.1 菜單欄工具 35
2.2.2 文檔工具欄 36
2.2.3 插入面板 37
2.3 Dreamweaver CS5的新功能 38
2.3.1 集成CMS支持 38
2.3.2 與Adobe BrowserLab集成 38
2.3.3 CSS新增功能 38
2.3.4 PHP自定義類代碼提示 39
2.3.5 Business Catalyst集成 39
2.3.6 Subversion支持新增功能 39
2.3.7 簡化站點設置 39
2.4 在Dreamweaver CS5中規劃站點 39
2.5 搭建與設置站點 41
2.5.1 搭建站點 41
2.5.2 設置站點 42
2.5.3 服務器 43
2.5.4 使用高級設置建立站點 44
2.5.5 搭建站點結構 45
2.6 站點的測試與發布 46
2.6.1 獲得Web服務器 46
2.6.2 網站的測試 47
2.6.3 上傳站點 47
2.6.4 網站的維護與推廣 47
2.7 實踐技能訓練 48
2.7.1 建立并設置本地根文件夾 48
2.7.2 定義站點 49
2.7.3 創建ODBC連接 50
上機練習 52
第3章 創建和編輯網頁文檔 53
3.1 創建一個新文檔 53
3.1.1 創建新的空白文檔 53
3.1.2 打開現有文檔 53
3.1.3 設置頁面屬性 56
3.2 文字處理 57
3.2.1 輸入文字 57
3.2.2 編輯文字 58
3.2.3 插入水平線 60
3.2.4 插入更新日期 61
3.3　在網頁中使用圖像 61
3.3.1 編輯圖像 62
3.3.2 插入圖像 62
3.3.3 設置圖像屬性 63
3.3.4 插入圖像占位符 65
3.3.5 插入鼠標經過圖像 66
3.3.6 實踐技能訓練 67
3.4 超級鏈接 69
3.4.1 超級鏈接的概念 69
3.4.2　創建超級鏈接 70
3.4.3　管理超級鏈接 74
3.4.4 圖像映射 77
3.5 插入媒體 77
3.5.1 插入Flash 77
3.5.2 插入音視頻 79
3.5.3 插入JavaApplet和ActiveX 81
3.6 實踐技能訓練 82
本章思考與練習 84
上機練習 84
第4章 表格布局的使用 85
4.1 插入表格 85
4.2 輸入表格內容 85
4.3 嵌套表格 86
4.4 設置表格屬性 86
4.5 實踐技能訓練 88
4.5.1 實踐技能訓練—課程表 88
4.5.2 實踐技能訓練—嵌套表格的使用 89
本章思考與練習 91
上機練習 91
第5章 使用CSS樣式表修飾頁面 93
5.1 CSS概述 93
5.1.1 CSS的類型 93
5.1.2 添加CSS的方法 94
5.2 樣式的創建與應用 94
5.2.1 類樣式的創建與應用 94
5.2.2 HTML標記樣式的創建與使用 96
5.2.3 復合樣式的創建與應用 98
5.3 使用外部CSS樣式 99
5.3.1 創建外部CSS 99
5.3.2 附加外部CSS 100
5.4 CSS的更多設置 101
5.4.1 類型設置 102
5.4.2 背景顏色 103
5.4.3 文字整體設置 104
5.4.4 邊框的設置 104
5.4.5 擴展設置 105
5.5 實踐技能訓練—利用CSS修飾
“斯美泰服裝”頁面 105
本章思考與練習 112
第6章 布局對象AP Div的使用 113
6.1 AP Div簡介 113
6.1.1 設置AP Div的屬性 113
6.1.2 AP元素面板的使用 114
6.1.3 實踐技能訓練—使用AP Div
布局網頁 114
6.2 AP Div和表格的轉換 117
6.2.1 將AP Div轉換為表格 117
6.2.2 將表格轉換成AP Div 118
6.3 使用Spry布局對象 118
6.3.1 使用Spry菜單欄 118
6.3.2 使用Spry選項卡式面板 119
6.3.3 使用Spry折疊式面板 119
6.3.4 使用Spry可折疊面板 119
6.3.5 實踐技能訓練 119
6.4 使用CSS和Div布局頁面 121
本章思考與練習 126
第7章 利用框架布局頁面 127
7.1 框架與框架集的概念 127
7.2 創建框架集 127
7.3 框架集的基本操作 128
7.4 設置框架集與框架的屬性 129
7.5　在框架中設置鏈接 131
7.6 實踐技能訓練—制作
“網上書店”的主頁 131
本章思考與練習 139
上機練習 140
第8章 應用模板和庫快速設計網頁 141
8.1 利用模板創建網頁 141
8.1.1 創建模板 142
8.1.2 編輯模板 144
8.1.3 應用模板 146
8.2 使用庫項目 147
8.2.1 創建庫項目 147
8.2.2 在網頁中插入庫 148
8.2.3 修改庫和更新站點 148
8.3 實踐技能訓練—模板和庫的
綜合使用 149
8.3.1 創建網頁庫項目 149
8.3.2 創建模板網頁 152
本章思考與練習 157
上機練習 157
第9章 表單的使用 158
9.1 表單的基本概念 158
9.2 表單的創建 158
9.3 創建文本域 159
9.4 創建按鈕 160
9.4.1 插入標準表單按鈕 160
9.4.2 插入圖像表單 161
9.4.3 插入文件域按鈕 161
9.5 插入單選按鈕與復選框 162
9.6 列表與菜單 163
9.7 實踐技能訓練—制作“注冊頁面” 164
本章思考與練習 169
上機練習 169
第10章 網頁圖像制作與優化 170
10.1 Fireworks CS5簡介 170
10.2 Fireworks CS5工作環境 171
10.2.1 Fireworks CS5的界面 171
10.2.2 菜單欄 172
10.2.3 工具欄 172
10.2.4 文檔編輯窗口 173
10.2.5 工具箱 174
10.2.6 浮動面板 174
10.3 Fireworks CS5的簡單操作 175
10.3.1 操作Fireworks CS5文檔 175
10.3.2 繪制簡單的矢量圖形 177
10.3.3 使用濾鏡 178
10.4 將文本附加于路徑 181
10.5 創建按鈕與菜單 182
10.5.1 創建按鈕 182
10.5.2 創建菜單 185
10.6 圖像切片的使用 191
10.6.1 創建切片對象 191
10.6.2 使用切片交互 193
10.7 網頁圖形圖像的優化與發布 196
10.7.1 選擇文件的優化格式 196
10.7.2 優化GIF格式 197
10.7.3 優化JPEG格式 200
10.7.4 使用導出向導 201
10.8 實踐技能訓練 203
10.8.1 導入圖像 203
10.8.2 繪制頁面圖像 203
10.8.3 創建按鈕 205
10.8.4 設定交互圖像 206
10.8.5 頁面圖像的優化 206
上機練習 208
第11章 網頁動畫制作 210
11.1 Flash CS5概述 210
11.1.1 Flash CS5的開始界面 211
11.1.2 Flash CS5的工作界面 211
11.1.3 時間軸 211
11.1.4 工具箱 212
11.2 在網頁中添加特效文字 213
11.3 利用Flash CS5制作常用的圖案 218
11.3.1 繪制四角星、五角星 218
11.3.2 繪制太極八卦圖與二進制數 220
11.3.3 繪制香港特別行政區區旗 223
11.4 元件和實例 227
11.4.1 元件的簡介 227
11.4.2 實例 230
11.4.3 幾種特殊的元件和實例的介紹 231
11.4.4 元件庫 233
11.5 逐幀動畫 235
11.5.1 逐幀動畫的概念及表現形式 235
11.5.2 逐幀動畫的制作方法 235
11.5.3 逐幀動畫實例 236
11.6 創建形狀補間動畫 237
11.7 遮罩動畫 240
11.7.1 遮罩動畫的概念 241
11.7.2 遮罩動畫的創建方法 241
11.7.3 應用遮罩時的技巧 241
11.7.4 實踐技能訓練 242
11.8 創建動畫補間動畫 245
11.8.1 動畫補間動畫的概念 245
11.8.2 動畫補間動畫的屬性面板 246
11.8.3 實踐技能訓練 247
本章思考與練習 249
上機練習 249
第12章 服務器段程序的開發 250
12.1 動態網頁與ASP 250
12.2 ASP的開發 251
12.2.1 ASP語言開發基礎 251
12.2.2 ASP內建對象 255
12.2.3 ADO簡介 261
12.3 搭建動態應用程序開發環境 262
12.3.1 安裝因特網信息服務器（IIS） 262
12.3.2 設置因特網信息服務器IIS 263
12.4 設計數據庫 264
12.5 建立數據庫連接 266
12.5.1 定義系統DSN 267
12.5.2 建立系統DSN 267
12.6 編輯數據表記錄 268
12.6.1 查詢并顯示記錄 269
12.6.2 插入記錄 269
12.6.3 更新記錄 270
12.6.4 刪除記錄 271
12.7 添加服務器行為 271
12.7.1 插入重復區域 271
12.7.2 插入顯示區域 271
12.7.3 記錄集分頁 272
12.7.4 轉到詳細頁面 272
12.7.5 轉到相關頁面 273
12.7.6 用戶身份驗證 273
12.8 實踐技能訓練—留言簿的制作 274
12.8.1 實例分析 274
12.8.2 文件說明 274
12.8.3 數據庫的創建 275
12.8.4 首頁的制作 277
12.8.5 留言頁面的制作 283
12.8.6 管理頁面的制作 286
12.8.7 回復頁面的設置 287
12.8.8 刪除頁面的制作 289
12.8.9 登錄機制 289
12.8.10 共享源文件夾 291
本章思考與練習 293
上機練習 293
參考文獻 294

1. 實用運籌學 [主編　邢育紅　于晉臣]
2. 電子技術（第二版） [主編 覃愛娜 李飛]
3. 勞動爭議處理實務 [主編 王秀卿 羅靜]
4. 工程數學 [主編 郭立娟 王海]
5. 語音識別理論與實踐 [主編　莫宏偉]
6. 武術基礎教程 [主編 李代勇 謝志民]
7. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
8. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
9. 電工電子技術基礎 [主編 劉 軍 楊國龍 劉天成]
10. MySQL數據庫項目式教程 [陳亞峰]
11. 機械設計基礎（第二版） [主編 田亞平 李愛姣]
12. 畫法幾何與機械制圖 [主編 趙軍]
13. C語言程序設計習題與實驗指導（第二版） [主編 甄增榮 張賓]
14. C語言程序設計（第二版） [主編 甄增榮 田云霞]
15. Unity3D虛擬現實應用開發實踐 [主 編 劉龍]
16. 智能化技術基礎（第三版） [鄧文達　李禮]
17. 面向對象程序設計 [主編 張勇 張平華 趙小龍]
18. 網絡營銷 [主編 夏薇薇 劉婷 尚潔]
19. 電視節目策劃與制作（微課版） [主　編　黃滴滴]
20. 數據庫技術與應用實踐教程（SQL Server 2019） [主 編 嚴暉 周肆清]
21. 大學應用數學 [主編 郭立娟]
22. 工業機器人拆裝與調試 [主編 胡月霞 向艷芳 朱奇]
23. 功能材料制備與表征實驗指導書 [龔偉平 趙軍峰 梅海娟 等編著]
24. 信號與系統（第二版） [主編 張宇]
25. 信息技術基礎 [主編 唐倩 邵銳]
26. Python 語言程序設計實踐指導 [主編　張雙獅]
27. Photoshop 圖形圖像項目化教程 [主編 胡斌斌 黎婭 蘇大椿]
28. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
29. 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
30. 線性代數導學篇 [主編 史昱]