隨著Internet的迅速發展，信息化數字時代的來臨，社會的各個部門、各個企業和各個家庭都可以在網絡上建立虛擬的自我，通過網絡獲取和傳遞自己需要的信息和資源，人們的工作、學習和生活與網絡的聯系越來越多，越來越多的單位和個人需要建立自己的網站、網頁，網頁的設計與制作成為許多人迫切需要掌握的計算機技能之一，更是高等職業院校學生必須掌握的職業技能之一。

根據社會對各類人才網絡知識和技能的需求，針對職業教育的特點，結合多年的教學實踐，編寫了本書。本書內容翔實，綜合了現今流行的網頁制作的各種思想和方法，介紹了制作網頁的幾種主流工具軟件，知識點系統連貫，循序漸進，深入淺出，邏輯性強；重難點突出，利于組織教學；內容實用，適應面廣，理論聯系實際，實踐性強。

本書共分為16章，分別介紹了：Internet的基礎知識；網頁設計的基礎知識，包括設計思想、版面布局、制作流程等；超文本標識語言HTML；網頁圖像制作軟件Fireworks的使用及網頁圖像處理的技巧；網頁動畫制作軟件Flash的使用及各種動畫的制作技巧和方法，網頁制作軟件Dreamweaver的使用和技巧，包括網站建設、鏈接與導航等、利用表格排版制作網頁的技術和方法、嵌入表單元素、利用框架技術制作網頁、利用圖層制作網頁、利用模板制作網頁、應用CSS樣式表的技術和技巧、應用行為和JavaScript制作特效；動態網頁制作技術ASP。各章內容具體、實用，技術全面、技巧突出，實例充分、活學活用。

本書由許莉、李漢橋任主編，魯娟、夏敏任副主編。各章編寫分工如下：第1、3章由李漢橋編寫，第2章、第8章到第13章由許莉編寫，第4、5章由夏敏編寫，第6、7章由魯娟編寫，第14、15章由肖靜編寫，第16章由蘇智編寫，全書由許莉統稿。在本書的編寫過程中得到了王路群教授、董啟宏主任的支持和幫助，在此表示衷心的感謝。

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

編者

2006年7月

序
前言
第1章 Internet基礎 1
本章學習目標 1
1.1 Internet概述 1
1.1.1 Internet的起源和發展 1
1.1.2 Internet在中國 2
1.1.3 Internet的特點 3
1.1.4 Internet的發展趨勢 3
1.2 Internet的基本概念與通信協議 4
1.2.1 TCP／IP協議 4
1.2.2 TCP/IP的層次結構與功能 5
1.2.3 IP地址 6
1.2.4 域名和域名系統 7
1.3 接入Internet 9
1.3.1 撥號接入Internet 9
1.3.2 ADSL接入Internet 10
1.3.3 通過局域網接入Internet 10
1.4 Internet的主要服務 11
1.4.1 電子郵件（E-mail） 11
1.4.2 遠程登錄 12
1.4.3 文件傳輸 12
1.4.4 新聞討論組 12
1.5 萬維網WWW 12
1.5.1 WWW的起源和發展 13
1.5.2 WWW的工作模式 14
1.5.3 Web瀏覽器和服務器 14
1.5.4 統一資源定位器URL 15
1.5.5 HTTP協議 15
1.5.6 HTML語言 16
1.6 Intranet簡介 16
1.6.1 Intranet的概念 16
1.6.2 Intranet的構成 17
1.6.3 Intranet的主要功能 18
本章練習 18
第2章 網頁設計基礎 20
本章學習目標 20
2.1 網頁設計基礎知識 20
2.1.1 網頁的知識與有關術語 20
2.1.2 網頁的基本構成元素 22
2.2 網頁設計思想 25
2.2.1 網頁設計的基本原則 25
2.2.2 網頁設計的美學法則 26
2.2.3 網頁設計應考慮的問題 28
2.3 網頁的版面布局 30
2.3.1 網頁布局原則 30
2.3.2 網頁布局結構 31
2.3.3 網頁布局步驟 33
2.4 網頁制作的基本流程 33
2.4.1 設計主題 34
2.4.2 網頁總體結構構思 34
2.4.3 網頁素材收集 34
2.4.4 網頁制作 34
2.4.5 網頁測試與發布 35
本章練習 35
第3章 超文本標識語言 36
本章學習目標 36
3.1 HTML的基本結構 36
3.1.1 HTML的標簽結構 36
3.1.2 HTML的文件結構 37
3.2 常用的HTML標簽命令 37
3.2.1 文件結構命令 38
3.2.2 文字版面編輯命令 39
3.2.3 鏈接命令 44
3.2.4 列表命令 47
3.2.5 表格命令 49
3.2.6 表單命令 50
3.2.7 圖像命令 53
3.2.8 框架命令 54
3.3 綜合制作實例——使用表格進行頁面布局 56
本章練習 57
第4章 網頁圖像制作——Fireworks 59
本章學習目標 59
4.1 Fireworks MX 2004簡介 59
4.1.1 Fireworks MX 2004的功能和特點 59
4.1.2 Fireworks MX 2004的工作界面 59
4.1.3 Fireworks MX 2004文檔的基本操作 61
4.2 矢量圖形的繪制 63
4.2.1 圖形圖像基礎知識 63
4.2.2 基本形狀的繪制 64
4.2.3 路徑的基本操作 66
4.2.4 對象的變換 67
4.3 矢量對象的高級處理 70
4.3.1 筆觸的設置 70
4.3.2 填充的設置 70
4.3.3 圖層的使用 72
4.3.4 對象的操縱 73
4.4 文本的應用 75
4.4.1 輸入和編輯文本 75
4.4.2 將文本附加到路徑 75
4.4.3 將文本轉換為路徑 75
4.5 綜合制作實例——制作網站標志 76
本章練習 78
第5章 網頁圖像處理 80
本章學習目標 80
5.1 位圖圖像處理 80
5.1.1 選取圖像區域 80
5.1.2 修飾位圖 82
5.1.3 使用濾鏡 82
5.1.4 使用效果 83
5.2 動畫的制作 84
5.2.1 打開多個圖像文件制作動畫 84
5.2.2 手工制作動畫 85
5.2.3 分散到幀生成動畫 86
5.2.4 利用元件和實例制作動畫 88
5.2.5 導出動畫 89
5.3 圖像的切割 90
5.3.1 切片的創建和使用 90
5.3.2 導出切片 91
5.3.3 熱點的設置 92
5.4 按鈕、導航欄和彈出菜單的制作 92
5.4.1 創建按鈕 92
5.4.2 創建導航欄 94
5.4.3 創建彈出菜單 94
5.5 圖像的優化導出 96
5.5.1 圖像的優化 96
5.5.2 圖像的導出 98
5.6 綜合制作實例——制作簡單頁面 100
本章練習 104
第6章 網頁動畫制作——Flash 106
本章學習目標 106
6.1 Flash MX 2004簡介 106
6.1.1 Flash MX 2004的功能 106
6.1.2 Flash MX 2004的工作界面 106
6.2 Flash MX 2004的基本操作 108
6.2.1 認識繪圖工具欄 108
6.2.2 繪圖工具的使用 109
6.2.3 填充工具的使用 112
6.2.4 圖形編輯工具的使用 113
6.3 元件與實例 114
6.3.1 創建元件 114
6.3.2 編輯元件 117
6.3.3 創建實例與編輯實例 117
6.4 基本動畫制作 117
6.4.1 時間軸面板與幀操作 117
6.4.2 場景的操作 119
6.4.3 設置影片屬性 119
6.4.4 創建逐幀動畫 120
6.4.5 創建動作補間動畫 121
6.4.6 創建形狀補間動畫 123
6.5 綜合制作實例——制作網頁動畫 125
本章練習 129
第7章 高級動畫制作 131
本章學習目標 131
7.1 創建引導層動畫 131
7.1.1 創建引導層動畫的方法 131
7.1.2 應用引導層的技巧 132
7.2 創建遮罩層動畫 134
7.2.1 創建遮罩的方法 134
7.2.2 應用遮罩層的技巧 134
7.3 文字特效制作 135
7.3.1 文字靜態特效 135
7.3.2 文字動畫特效 137
7.4 為動畫添加聲音 138
7.4.1 導入聲音文件 138
7.4.2 編輯聲音文件 139
7.4.3 為按鈕添加聲音 140
7.4.4 導入視頻文件 141
7.5 發布與導出動畫 142
7.5.1 測試動畫 142
7.5.2 文件的發布 143
7.5.3 文件的導出 150
7.6 綜合制作實例——制作廣告動畫 153
本章練習 155
第8章 網頁制作工具——Dreamweaver 157
本章學習目標 157
8.1 Dreamweaver MX 2004簡介 157
8.1.1 Dreamweaver MX 2004的功能和特點 157
8.1.2 Dreamweaver MX 2004的工作界面 158
8.1.3 創建站點 161
8.1.4 管理站點 164
8.1.5 文檔管理 165
8.2 Dreamweaver MX 2004的基本操作 166
8.2.1 創建站點內容 166
8.2.2 頁面的準備工作 167
8.2.3 插入網頁元素 170
8.3 網站的鏈接與導航 172
8.3.1 絕對路經與相對路徑 172
8.3.2 內部鏈接與外部鏈接 173
8.3.3 圖像鏈接與熱點鏈接 177
8.3.4 其他特殊鏈接 178
8.4 站點的整理與上傳 180
8.4.1 站點的檢查 180
8.4.2 站點報告 181
8.4.3 站點的上傳 181
8.5 綜合制作實例——制作多媒體網頁 183
本章練習 187
第9章 表格排版制作網頁 189
本章學習目標 189
9.1 表格的基本操作 189
9.1.1 插入表格 189
9.1.2 選擇表格元素 190
9.1.3 處理表格元素 191
9.1.4 設置表格屬性 192
9.2 表格的其他視圖 197
9.2.1 布局視圖 197
9.2.2 擴展視圖 199
9.3 綜合制作實例——制作網站首頁 200
本章練習 205
第10章 嵌入表單元素 207
本章學習目標 207
10.1 創建表單 207
10.1.1 插入表單 207
10.1.2 設置表單屬性 208
10.2 創建文本域 209
10.2.1 插入單行文本域 209
10.2.2 插入多行文本域 209
10.2.3 插入密碼域 210
10.3 創建選框與列表 210
10.3.1 創建單選按鈕和復選框 210
10.3.2 插入列表和菜單 211
10.4 創建文件上傳域 212
10.5 創建按鈕 213
10.6 創建跳轉菜單 214
10.7 綜合制作實例——制作用戶注冊表 214
本章練習 221
第11章 網頁的框架結構 223
本章學習目標 223
11.1 創建框架 223
11.1.1 插入預定義的框架集 223
11.1.2 自定義框架集 225
11.2 框架的屬性設置 227
11.2.1 框架的屬性設置 227
11.2.2 框架集的屬性設置 228
11.3 保存框架 229
11.3.1 保存框架文檔 229
11.3.2 保存框架集文檔 229
11.3.3 保存框架集中的所有文檔 229
11.4 綜合制作實例——制作框架網站頁面 229
本章練習 232
第12章 利用圖層制作網頁 234
本章學習目標 234
12.1 層的特點 234
12.2 層的基本操作 235
12.2.1 插入層 235
12.2.2 設置層的屬性 235
12.2.3 改變層的次序 236
12.2.4 刪除層 236
12.3 層與表格的轉換 236
12.3.1 層轉換為表格 236
12.3.2 表格轉換為層 237
12.4 綜合制作實例——利用圖層制作網頁 237
本章練習 239
第13章 利用模板制作網頁 241
本章學習目標 241
13.1 創建模板 241
13.1.1 模板的特點 241
13.1.2 新建模版 241
13.1.3 生成模版 242
13.2 模板的編輯 243
13.3 模板的應用 244
13.3.1 創建基于模板的文檔 244
13.3.2 更新模板 246
13.4 綜合制作實例——利用模板制作欄目頁 246
本章練習 249
第14章 應用CSS樣式表 250
本章學習目標 250
14.1 關于CSS樣式表 250
14.1.1 CSS樣式表的特點 250
14.1.2 CSS樣式表的類型 250
14.1.3 CSS樣式表的添加方法 251
14.1.4 內部CSS與外部CSS 252
14.2 樣式的創建與應用 252
14.2.1 樣式的創建 252
14.2.2 類樣式 253
14.2.3 HTML標簽樣式 255
14.2.4 高級樣式（鏈接樣式） 256
14.3 CSS樣式化網頁 258
14.3.1 文本設定 258
14.3.2 背景設定 258
14.3.3 邊框設定 259
14.3.4 擴展設定 260
14.4 綜合制作實例——CSS樣式化主頁 261
本章練習 263
第15章 應用行為和JavaScript制作特效 264
本章學習目標 264
15.1 在Dreamweaver中添加行為 264
15.1.1 Dreamweaver中行為的特點 264
15.1.2 網頁中基本行為的添加 264
15.1.3 彈出信息 265
15.1.4 設置狀態欄文本 266
15.1.5 打開瀏覽器窗口 267
15.1.6 交換圖像 268
15.1.7 控制Shockwave或Flash 269
15.1.8 播放聲音 270
15.1.9 檢查表單 271
15.1.10 顯示彈出式菜單 272
15.2 制作JavaScript特效 274
15.2.1 JavaScript介紹 274
15.2.2 利用JavaScript制作動態效果 276
15.3 綜合制作實例——制作浮動廣告 279
本章練習 281
第16章 動態網頁制作 283
本章學習目標 283
16.1 ASP簡介 283
16.1.1 ASP概述 283
16.1.2 ASP的運行環境 284
16.1.3 創建ASP頁 286
16.2 ASP編程基礎 287
16.2.1 在ASP頁面中添加服務器端腳本 287
16.2.2 ASP內置對象 287
16.2.3 常用的ASP組件 293
16.2.4 ASP訪問數據庫的對象ADO 295
本章練習 299
參考文獻 301

1. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
2. Web用戶界面設計與制作 [主編 趙娟]
3. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
4. Web開發實戰 [主編　肖睿　陳永]
5. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
6. 網頁設計與制作 [主編 楊毅]
7. 網頁制作實戰 [主編 肖睿 羅保山]
8. 網頁設計與制作 [主編 陳建國 項煒]
9. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
10. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
11. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
12. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
13. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
14. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
15. CSS+DIV頁面布局技術 [主編 朱翠苗]
16. Web開發與安全防范 [主編 武春嶺]
17. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
18. ASP.NET（C#）網站開發 [主編 張志明 王輝]
19. 網頁設計實用技術 [主 編 陳建國 李勤]
20. JSP設計與開發 [秦毅 王可]
21. ASP.NET項目開發教程 [鄒承俊 任 華]
22. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
23. ASP程序設計（第二版） [葉潮流 杜奕智]
24. 網頁設計與制作實用技術（第二版） [齊建玲 楊艷杰]
25. 網頁前端技術 [主 編 王敏杰 任云暉]
26. 多媒體網頁設計教程 [主編 朱國華 齊暉 李楓]
27. 網站建設與網頁制作 [姚翠友 楊艷紅 編著]
28. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
29. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
30. 網頁設計與制作 [主編 陳彥許 陳維華]