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

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

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

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

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

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

1．教材的風格特色

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

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

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

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

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

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

2．主要內容

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

本書語言簡潔、流暢，概念解釋準確、嚴謹，圖文并茂，舉例新穎，在講述原理、技術的同時，配合講解一些有針對性的設計實例，使讀者在實踐中掌握動態網頁制作的技巧，可操作性及實用性較強。

本書可作為高等學校網頁設計課程的教材。第1~14章可作為非計算機專業學生的選修課或自學課教材；第15～20章具有一定的專業性，可供各類網頁設計愛好者閱讀或參考。

3．修訂說明

本書目前為第三版，在吸取了前兩版成功經驗的基礎上，校正了錯誤，更新并豐富了實例，實用性更強，兼顧了廣泛的讀者群體。考慮到系統穩定性的要求及學生不同地區的分布特點，本書以Windows XP/7為操作平臺，采用較新版本的Adobe Flash CS5、Fireworks CS5、Dreamweaver CS5為工具，介紹了以上網頁制作工具軟件的操作和實例演示。此外，在前2版的基礎上適當增加了下列內容：

（1）使用Adobe Flash CS5、Fireworks CS5和Dreamweaver CS5版本替換此前8.0版本。

（2）第10章認識Dreamweaver CS5部分，因為XHTML網站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位。所以增加了DIV+CSS進行頁面布局的基本知識及相關實例，刪減了使用布局模式進行頁面布局

（3）第13章增加Spry菜單欄。

（4）由于Dreamweaver 8中的部分行為在Dreamweaver CS 5中已被摒棄，故刪減了第14章“瀏覽器動態網頁的制作”的相關章節，并適當地增加了預先載入圖像、交換圖像和轉到URL等行為。

（5）將第16、17章的程序在新的環境下調試通過，并將原來有問題的程序改過。并以“說明”的形式，增加了在程序調試過程中易出錯部分的提示。

（6）新版本下站點的設置及上傳操作。

此次修訂，由程偉淵、倪燃擔任主編，遲增曉、楊海、張進擔任副主編，參加編寫工作的還有徐成強、王德利、王明婷、毛玉明和王克彥等同志。在編寫過程中參考了多種相關書籍和資料，我們對這些書籍和資料的編著者表示衷心的感謝。

本書的第1章、第20章由程偉淵、王克彥編寫，第2～4章由倪燃編寫，第5～6章由楊海編寫，第7～9章由徐成強、毛玉明編寫，第10～13章由遲增曉編寫，第14～16章由王德利、樊保軍編寫，第17～19章由張進編寫，附錄由相偉編寫。

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

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

編者

2012年10月

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

1. 實用運籌學 [主編　邢育紅　于晉臣]
2. 電子技術（第二版） [主編 覃愛娜 李飛]
3. 勞動爭議處理實務 [主編 王秀卿 羅靜]
4. 語音識別理論與實踐 [主編　莫宏偉]
5. 武術基礎教程 [主編 李代勇 謝志民]
6. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
7. 機械設計基礎（第二版） [主編 田亞平 李愛姣]
8. 畫法幾何與機械制圖 [主編 趙軍]
9. C語言程序設計習題與實驗指導（第二版） [主編 甄增榮 張賓]
10. C語言程序設計（第二版） [主編 甄增榮 田云霞]
11. Unity3D虛擬現實應用開發實踐 [主 編 劉龍]
12. 面向對象程序設計 [主編 張勇 張平華 趙小龍]
13. 網絡營銷 [主編 夏薇薇 劉婷 尚潔]
14. 數據庫技術與應用實踐教程（SQL Server 2019） [主 編 嚴暉 周肆清]
15. 功能材料制備與表征實驗指導書 [龔偉平 趙軍峰 梅海娟 等編著]
16. 信號與系統（第二版） [主編 張宇]
17. Python 語言程序設計實踐指導 [主編　張雙獅]
18. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
19. 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
20. 線性代數導學篇 [主編 史昱]
21. 信息技術基礎實訓與習題指導（Windows7+Office2016） [主編 周金容 唐天國]
22. 高等數學導學篇（下冊） [主編 李文婧 胡雷 尹金生]
23. 高等數學導學篇（上冊） [主編 李文婧 胡雷 尹金生]
24. 高等數學（下冊） [主編 李愛芹 胡雷 尹金生]
25. 高等數學（上冊） [主編 李愛芹 胡雷 尹金生]
26. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
27. 電路與電子技術Ⅱ——電路分析基礎 [主編 陳曉 金哲]
28. Spark大數據處理技術 [主編　劉仁山　周洪翠　莊新妍]
29. 人工智能算法與實踐 [主編　梁琨　張翼英]
30. 數據清洗 [黃源　劉智楊　孫大松]