第二版前言

隨著計算機和通信技術的發展，互聯網的觸角已延伸到社會生活的各個方面。在Internet上建立自己的站點已不再是少數人的專利。為適應社會的需要，各高校都先后開設了網頁制作課程。但適合高校學生使用的技術先進、系統完整、實踐技能性強的教材十分缺乏。為填補高等學校此類教材的空白，盡快在高校學生中普及網站建設和網頁制作的知識，我們組織了一些教學經驗豐富、具有系統開發實戰經歷的教師編寫了該教材。

1．教材的風格特色

根據教材的適用對象和對知識能力的培養目標，教材突出了以下特色：

（1）系統性：本書系統介紹了網頁制作的全過程和網站管理的基本原則，使學生對Internet、網頁、網站等概念有全面的認識。

（2）實用性：以“教學信息網”網頁設計和網站管理的實例貫穿始終，通過實例講解提高學生的實踐能力。

（3）科學性：本書內容敘述詳實準確，章節編排通過了專家審定并在教學實踐中得到檢驗，效果良好。

（4）先進性：本書選用的工具軟件和技術都是目前最流行的，保證了學生設計理念的先進性。

（5）通俗性：根據認知規律設計章節。本書通過醒目的標題、步驟提示和屏幕畫面使讀者如臨操作現場，學起來輕松自如。

2．主要內容

本書共分20章。第1章概述網頁設計的基礎知識，包括網頁設計的基本方式、網頁包括的常見元素、網頁制作的常用工具、HTML語言基礎知識、動態網頁的支持技術等；第2～6章介紹網頁動畫制作工具Flash 8的應用，包括動畫的基本形式、各種動畫特效技術的應用、交互動畫的制作、動畫的綜合實例等；第7～9章介紹網頁圖像處理工具Fireworks 8的應用，包括矢量圖像的處理、位圖圖像的處理、圖像的優化與導出等；第10～14章介紹網頁編輯工具Dreamweaver 8的基本操作，包括本地站點的建立、網頁的規劃設計、網頁元素的編輯、服務器端動態網頁的制作等；第15～17章講述服務器端動態網頁設計的基礎知識和在Dreamweaver 8可視環境下建立動態網頁的一般過程及實例；第18章介紹站點管理的基本要求和操作過程；第19章介紹網頁編程的最新技術及實例；第20章介紹網站的藝術設計；附錄部分為經典網站欣賞。

書中語言簡潔、流暢，概念解釋準確、嚴謹，圖文并茂，舉例新穎，可操作性及實用性較強。本書可作為高等學校計算機專業及相關專業學生網頁設計課程的教材。第1～14章可作為非計算機專業學生的選修課或自學課教材；第15～20章具有一定的專業性，可供各類網頁設計愛好者閱讀或參考。

3．編寫說明

本書為第二版，在吸取了第一版成功經驗的基礎上校正了錯誤，更新并豐富了實例，實用性更強，兼顧了廣泛的讀者群體。考慮到系統穩定性的要求及學生不同地區的分布特點，本書以Windows 2000為操作平臺來介紹Flash 8、Fireworks 8、Dreamweaver 8等網頁制作工具的操作和實例演示。

此次修訂由程偉淵擔任主編，楊海、王建華擔任副主編。本書的第1章、第10章至第15章由楊海編寫，第2章由張開文編寫，第3章至第6章由孫祿華編寫，第7章至第9章由周顏玲編寫，第16章由楊宗然、張進編寫，第17章、第19章由王建華編寫，第18章由魏先美、魏丙剛編寫，第20章由程偉淵編寫，附錄部分由王克彥編寫。

在編寫過程中參考了多種相關書籍和資料，我們對這些書籍和資料的編著者表示衷心的感謝。

最后，我們特別對梁軍教授表示深切的謝意。他對本書進行了細致的審查，提出了許多寶貴意見，提高了本書的質量。此外閆德志老師對于本書的編寫工作提供了大量幫助，在此表示深切的感謝。

限于編者水平，書中缺點及錯誤在所難免，懇請廣大讀者提出寶貴意見，以便修改。

編者

2007年7月

第二版前言
第一版前言

第1章 網頁設計概述 1
本章學習導讀 1
1.1 網頁設計的基本方式 1
1.1.1 手工編碼方式 1
1.1.2 可視化工具方式 2
1.1.3 編碼和可視化工具結合方式 2
1.2 網頁中的常見元素 2
1.2.1 文本 3
1.2.2 圖像和動畫 3
1.2.3 聲音和視頻 4
1.2.4 超級鏈接 4
1.2.5 表格 4
1.2.6 表單 4
1.2.7 導航欄 5
1.2.8 其他常見元素 5
1.3 網頁元素的創作與編輯工具 5
1.3.1 網頁圖像制作工具 5
1.3.2 動畫制作工具 6
1.3.3 網頁編輯工具 6
1.4 HTML基礎知識 7
1.4.1 HTML基本概念 7
1.4.2 HTML的基本語法結構 8
1.5 動態網頁的支持技術 13
1.5.1 CGI技術 13
1.5.2 ASP技術 13
1.5.3 PHP技術 13
1.5.4 JSP技術 14
本章小結 14
思考練習 14
第2章 Flash 8基礎知識 15
本章學習導讀 15
2.1 認識Flash 8 15
2.1.1 Flash 8的發展 15
2.1.2 安裝Flash 8 15
2.1.3 Flash 8的新增功能 18
2.2 Flash 8的工作界面 18
2.2.1 菜單欄 19
2.2.2 工具欄和繪圖工具箱 19
2.2.3 時間軸 20
2.2.4 “屬性”面板 20
2.2.5 其他面板 21
2.3 創建與保存動畫 23
2.3.1 創建與保存動畫 23
2.3.2 文檔屬性設置 24
本章小結 24
思考練習 24
第3章 動畫角色的繪制與編輯 25
本章學習導讀 25
3.1 矢量圖形和位圖 25
3.1.1 矢量圖 25
3.1.2 位圖 25
3.1.3 位圖轉換為矢量圖 26
3.2 圖形角色的繪制與填充 26
3.2.1 圖形角色的繪制 26
3.2.2 顏色的填充 30
3.3 編輯圖形角色 31
3.3.1 選取角色 31
3.3.2 復制和刪除 32
3.3.3 擦除角色工具 32
3.3.4 變形工具 32
3.4 角色創作實例 32
本章小結 35
思考練習 35
第4章 動畫的基本形式 37
本章學習導讀 37
4.1 動畫制作的有關概念 37
4.1.1 場景 37
4.1.2 時間軸 38
4.1.3 幀 38
4.1.4 元件 39
4.2 三種基本動畫形式 42
4.2.1 幀動畫的制作 42
4.2.2 移動動畫的制作 42
4.2.3 形變動畫 45
本章小結 46
思考練習 46
第5章 洋蔥皮、圖層及聲音的應用 47
本章學習導讀 47
5.1 洋蔥皮效果的應用 47
5.2 圖層的應用 48
5.2.1 圖層的狀態 48
5.2.2 圖層的基本操作 48
5.2.3 圖層的屬性 49
5.2.4 引導層 49
5.2.5 遮罩層 50
5.3 聲音效果的應用 52
5.3.1 影響聲音質量的因素 52
5.3.2 音頻文件的導入 52
5.3.3 聲音的同步方式 53
5.3.4 給動畫加上聲音 53
本章小結 55
思考練習 55
第6章 動畫技術的綜合應用 56
本章學習導讀 56
6.1 交互動畫的制作 56
6.1.1 交互動畫的原理 56
6.1.2 簡單交互動畫的制作 56
6.1.3 交互動畫實例 59
6.1.4 交互性的檢測 60
6.2 動畫的輸出與優化 60
6.2.1 Flash 動畫的輸出 60
6.2.2 Flash動畫的優化 63
6.3 動畫制作綜合實例 64
本章小結 73
思考練習 73
第7章 Fireworks 8基礎知識 74
本章學習導讀 74
7.1 網頁圖像概述 74
7.1.1 圖像的格式 74
7.1.2 矢量圖像和位圖圖像 74
7.2 認識Fireworks 8 75
7.2.1 Fireworks 8的新增功能 75
7.2.2 Fireworks 8的工作界面 75
7.2.3 文檔的基本操作 77
7.3 矢量圖像的繪制與編輯 79
7.3.1 圖像的繪制模式 79
7.3.2 矢量圖像的繪制 80
7.3.3 布局工具的使用 82
7.3.4 標題文字的制作 82
7.4 修改對象 83
7.4.1 選擇對象 83
7.4.2 組織和管理對象 84
7.4.3 整形路徑 85
本章小結 86
思考練習 86
第8章 位圖編輯與動畫制作 87
本章學習導讀 87
8.1 位圖的編輯 87
8.1.1 位圖編輯工具 87
8.1.2 位圖編輯實例 92
8.2 在Fireworks 8中建立動畫實例 95
8.2.1 建立動畫對象 95
8.2.2 動畫的設定 95
8.2.3 動畫預覽 96
8.2.4 動畫的編輯 96
8.2.5 編輯運動路徑 96
8.2.6 輸出gif動畫 97
本章小結 97
思考練習 97
第9章 圖像的優化與導出 98
本章學習導讀 98
9.1 圖像的優化 98
9.1.1 優化圖像應考慮的因素 98
9.1.2 圖像優化的途徑 98
9.2 圖像的導出 100
9.2.1 常規輸出 100
9.2.2 輸出一個圖像的區域 101
9.2.3 輸出切片 101
9.2.4 輸出Flash格式 101
9.2.5 使用“導出向導” 101
本章小結 103
思考練習 103
第10章 Dreamweaver 8基礎知識 104
本章學習導讀 104
10.1 認識Dreamweaver 8 104
10.1.1 Dreamweaver 8的新增功能 104
10.1.2 Dreamweaver 8的工作區 106
10.1.3 “常規”參數的設置 109
10.1.4 在多用戶系統中自定義
Dreamweaver 8 110
10.2 本地站點的建立 110
10.2.1 關于站點的規劃和設計 110
10.2.2 本地站點的建立與編輯 112
10.3 網頁的建立與保存 113
本章小結 114
思考練習 114
第11章 設計頁面布局 115
本章學習導讀 115
11.1 使用表格對頁面進行布局 115
11.1.1 創建表格 115
11.1.2 表格的編輯 116
11.1.3 對表格進行排序 117
11.2 在布局模式中對頁面進行布局 117
11.2.1 布局模式簡介 118
11.2.2 布局模式的切換 118
11.2.3 繪制布局單元格和表格 119
11.2.4 向布局單元格中添加內容 120
11.2.5 布局單元格的調整 120
11.2.6 設置布局單元格的格式 120
11.2.7 設置布局視圖參數 120
11.3 使用框架對頁面進行布局 120
11.3.1 框架（集）概述 120
11.3.2 創建框架和框架集 121
11.3.3 選擇框架和框架集 122
11.3.4 在框架中打開文檔 123
11.3.5 保存框架和框架集文件 123
11.3.6 設置框架（集）屬性 123
11.4 使用層對頁面進行布局 124
11.4.1 層的創建 124
11.4.2 層的基本操作 125
11.4.3 向層添加內容 126
11.4.4 修改現有層的屬性 127
11.4.5 層和表的轉換 127
本章小結 127
思考練習 128
第12章 網頁元素的添加與編輯 129
本章學習導讀 129
12.1 添加文本和設置文本格式 129
12.1.1 文本元素的添加和編輯 129
12.1.2 HTML樣式的應用 131
12.1.3 層疊樣式（CSS）的應用 133
12.2 圖像的添加與編輯 136
12.2.1 添加圖像 136
12.2.2 圖像的編輯 137
12.3 媒體的添加與編輯 138
12.3.1 添加Flash動畫 138
12.3.2 添加Shockwave影片 141
12.3.3 向頁面添加視頻 141
12.3.4 向頁面添加聲音 142
12.4 表單的添加與編輯 143
本章小結 147
思考練習 147
第13章 鏈接、庫與模板 148
本章學習導讀 148
13.1 鏈接 148
13.1.1 鏈接的創建與管理 148
13.1.2 鏈接的應用 151
13.2 庫項目 153
13.2.1 認識庫項目 153
13.2.2 創建和編輯庫項目 154
13.2.3 使用庫項目 155
13.3 模板 156
13.3.1 創建編輯模板 156
13.3.2 應用模板 157
13.3.3 更新模板 158
本章小結 158
思考練習 158
第14章 瀏覽器動態網頁的制作 159
本章學習導讀 159
14.1 行為與行為面板 159
14.1.1 行為的工作原理 159
14.1.2 行為面板的應用 160
14.2 應用行為制作動態網頁 163
14.2.1 與層有關的行為 163
14.2.2 改變層的背景色 166
14.2.3 打開瀏覽器窗口 167
14.2.4 播放聲音 168
14.2.5 彈出消息 169
14.2.6 設置文本 169
14.2.7 顯示彈出式菜單 171
14.2.8 檢查表單 172
14.2.9 制作時間軸動畫 173
14.2.10 檢查瀏覽器 175
14.2.11 檢查插件 176
本章小結 176
思考練習 177
第15章 服務器動態網頁知識基礎 180
本章學習導讀 180
15.1 ASP技術基礎 180
15.1.1 ASP的概念與工作流程 180
15.1.2 ASP的運行環境設置 181
15.1.3 ASP應用程序 182
15.1.4 ASP的內建對象 184
15.2 腳本語言簡介 188
15.2.1 VBScript基礎知識 189
15.2.2 VBScript控制結構 195
15.3 ASP組件的使用 200
15.3.1 內置文件組件 200
15.3.2 對文件進行處理 202
15.3.3 Content Linking 組件 203
15.4 數據庫基礎知識 205
15.4.1 數據庫簡介 205
15.4.2 Access數據庫基本操作 205
15.4.3 數據源的建立 209
15.5 測試服務器的建立 211
15.6 ASP應用程序舉例 213
15.6.1 數據提交入庫的程序設計 214
15.6.2 查詢功能的實現 219
15.6.3 ASP程序的調試與糾錯 221
本章小結 221
思考練習 222
第16章 服務器動態網頁的制作 223
本章學習導讀 223
16.1 動態站點的建立 223
16.1.1 工作流程和程序結構 223
16.1.2 建立、發布站點 224
16.1.3 在Dreamweaver 8中定義
本地站點 224
16.2 后臺數據庫的設計 225
16.2.1 設計庫結構及創建數據源 225
16.2.2 在Dreamweaver 8中建立數據庫
連接 226
16.3 數據提交功能的實現 228
16.3.1 表單網頁的建立 228
16.3.2 數據記錄集的建立 231
16.3.3 記錄集與表單的綁定（建立插入
記錄行為） 232
16.4 數據顯示功能的實現 233
16.4.1 記錄的顯示 233
16.4.2 動態顯示多條記錄 234
16.4.3 記錄的計數和統計 235
16.4.4 記錄集導航條的建立 236
16.5 數據查詢功能的實現 237
16.5.1 創建查詢頁面 237
16.5.2 構建結果頁面 238
16.5.3 建立查詢顯示詳細頁面 241
16.6 數據維護功能的實現 242
16.6.1 創建登錄頁面 242
16.6.2 數據維護 243
16.7 成績管理系統主頁的建立 247
本章小結 248
思考練習 248
第17章 動態網頁設計實例 249
本章學習導讀 249
17.1 網上新聞發布 249
17.1.1 工作流程圖 249
17.1.2 數據表的結構 250
17.1.3 建立數據庫連接 250
17.1.4 新聞添加頁面 250
17.1.5 新聞列表頁面 252
17.1.6 新聞表的維護 255
17.2 網上投票系統的設計 259
17.2.1 工作流程圖 259
17.2.2 站點結構圖 259
17.2.3 后臺數據庫設計 259
17.2.4 建立數據庫連接 260
17.2.5 投票頁面 260
17.2.6 投票結果查看頁面 262
17.3 在線考試系統 263
17.3.1 系統分析 263
17.3.2 數據庫設計 264
17.3.3 系統文檔結構 264
17.3.4 題庫管理 265
17.3.5 用戶考試頁面 270
17.3.6 成績報告單 275
本章小結 277
思考練習 277
第18章 動態站點的管理 278
本章學習導讀 278
18.1 測試本地站點 278
18.1.1 測試站點網頁與目標瀏覽器的
兼容性 278
18.1.2 預覽自己的網頁 279
18.1.3 檢驗文件的大小及下載時間 281
18.2 站點文件的上傳 281
18.2.1 文件傳輸的基礎知識 281
18.2.2 在Dreamweaver 8中傳輸站點 282
18.2.3 存回/取出功能簡介 285
18.2.4 “設計備注” 功能介紹 286
18.2.5 上傳網頁文件到局域網 288
18.3 站點的維護與管理 289
18.3.1 站點文件管理 289
18.3.2 遠程與本地站點同步 290
18.3.3 檢查與修正超級鏈接 292
18.4 宣傳自己的網站 293
18.4.1 注冊好記的域名 293
18.4.2 在各大搜索引擎上注冊自己
的站點 293
18.4.3 在電子郵件簽名中添加站點地址 296
18.4.4 到BBS上公布站點信息 296
18.4.5 與相關站點彼此鏈接 296
18.4.6 在博客上發布信息 296
本章小結 297
思考練習 297
第19章 常用Web技術簡介 298
本章學習導讀 298
19.1 認識Web程序開發 298
19.1.1 服務器端開發技術 298
19.1.2 瀏覽器端開發技術 299
19.2 JavaScript 299
19.2.1 Dreamweaver與JavaScript 299
19.2.2 在HTML中加入JavaScript 301
19.2.3 調用JavaScript 303
19.3 DHTML 303
19.3.1 HTML Dom簡介 303
19.3.2 訪問HTML Dom節點 304
19.3.3 DHTML 305
19.3.4 動態CSS 306
19.4 XML 307
19.4.1 XML簡介 308
19.4.2 XML與瀏覽器 308
19.4.3 XML與CSS 309
19.4.4 XSL 310
19.5 AJAX 311
19.5.1 AJAX應用與普通Web應用 312
19.5.2 XMLHttpRequest對象 312
19.5.3 AJAX簡單實例 312
本章小結 314
思考練習 314
第20章 網頁的藝術設計 315
本章學習導讀 315
20.1 網頁藝術設計概述 315
20.1.1 設計內容 315
20.1.2 設計原則 315
20.2 網頁藝術設計的審美 316
20.2.1 審美誤區 316
20.2.2 審美原則 317
20.2.3 網頁布局的類型 319
20.3 頁面元素的編排技巧 320
本章小結 322
思考練習 322
附錄 經典網站賞析 323
參考文獻 326

1. 網頁設計與制作實驗指導 [主編　鄧文鋒 利珊]
2. 網頁設計與制作 [主編　溫凱峰 葉仕通]
3. 網頁設計與制作 [主編 王瀟 章明珠]
4. 網頁設計與制作 [主編 李佼輝 聶樹成]
5. 網頁設計與制作 [主編 楊毅]
6. 網頁設計與制作 [主編 陳建國 項煒]
7. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
8. 網頁設計與制作 [王鐵樁 聶衛獻]
9. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
10. 網頁設計與開發實戰教程 [李云程]
11. 網頁設計與制作項目化教程 [周觀民 梁雪梅]
12. 網頁設計與制作項目案例教程（Dreamweaver CS6） [楊麗芳 劉琳]
13. 腳本語言與動態網頁設計（第二版） [主 編 張景峰 王培軍]
14. 網頁設計實用技術 [主 編 陳建國 李勤]
15. 網頁設計與制作（第二版） [馬占欣]
16. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
17. 網頁設計與制作實用技術（第二版） [齊建玲 楊艷杰]
18. 多媒體網頁設計教程 [主編 朱國華 齊暉 李楓]
19. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
20. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
21. 網頁設計與制作 [主編 陳彥許 陳維華]
22. Internet與網頁設計 [齊建玲 主編]
23. Dreamweaver網頁設計與制作教程 [楊繼 主編]
24. 網頁制作技術（第二版） [許莉 主編 ]
25. 動態網頁設計（Dreamweaver CS3+ASP.NET） [張德芬 主 編 ]
26. HTML與CSS前臺頁面設計 [許莉 主編 ]
27. 網頁設計 [王移芝 唐宏 于樊鵬 編著]
28. 網頁設計與制作（第二版） [李京文]
29. 網頁制作基礎教程 [朱子江 劉東 主編]
30. 網頁設計與制作 [主編 鄔錦雯]