第二版前言

計算機網絡特別是Internet在過去十幾年經歷了爆炸式的增長，網絡是現代計算機業最為活躍的領域，也是發展最為迅速的領域。網頁和網站是網絡特別是Internet的重要組成部分，企業、公司和機構通過網站來宣傳推介自己的技術和產品，個人發布主頁展示自己的風采，人們從不同類型的網站來獲取需要的信息。因此，掌握網頁制作和構建網站的技術是21世紀青年不可或缺的素質。

然而，制作網頁并構建網站不是一蹴而就的，這是一個復雜的過程，需要付出艱辛的勞動。在這個過程中所涉及的軟件和工具相當多，而市場上關于網頁制作的書籍雖然很多，但多數是針對一種專門的軟件或工具的，缺乏系統性；并且真正需要的只是這些書籍的一小部分內容，這樣使得我們要將大量的時間和精力放在查閱自己真正需要的內容上。

目前，不少高等院校開設了網頁制作與設計課程，但缺少一本全面系統地介紹網頁制作所涉及的軟件和工具的教材，本書正是基于這樣一種需要而編寫的。考慮到學習制作網頁時讀者一般已經具有一定的計算機操作水平，所以本書比較側重于實踐和應用，這樣可以在最短的時間內直接切入主題，使讀者在比較短的篇幅中了解到自己真正需要的內容。本書第一版出版后，得到了不少讀者的認同，但計算機技術飛速發展，特別是網頁制作軟件版本更新較快，促使作者對原書盡快升級改版。

本書是在第一版的基礎上，借鑒國內同類教材的成功經驗，密切關注計算機技術特別是網頁制作相關軟件的最新技術、最新版本編寫而成。再版時，采用網頁制作軟件的最新版本，更新了原書的大部分實例，并對原書進行了補正。全書以筆者制作且已經上網發布的“大學英語自學自測系統”網站為主線，按易學、易懂、易掌握的原則，分別介紹當前網頁制作與設計所涉及的常用軟件和工具。全書共分為15章，第1章至第5章為網頁制作與設計的基礎知識，包括網站設計、網頁文件的規劃與創意、HTML網頁設計語言、FrontPage網頁設計技術和網頁的上傳與維護；第6章至第10章主要介紹網頁制作與設計的一些工具，包括Dreamweaver、Photoshop、Flash、Fireworks等；第11章至第14章主要介紹網頁編程的語言環境，包括JavaScript、ASP、PHP、XML等；第15章為一個綜合實例，該實例是教材所涉及知識的總結和綜合應用。

本書深入淺出，循序漸進，選材適當，結構嚴謹，不僅可以作為高等院校、職業技術學院以及中等專業學校的教材，也可以作為Web技術開發人員的參考書。

本書由楊長興、陳語林、周誠編著。楊長興教授負責全書的體系結構并統稿，同時編寫了第1、2、15章，陳語林負責全書的審核并編寫了第3、4章，周誠負責全書的編排并編寫了第13、14章，第5、6、10章由梁建武編寫，第7、8、9章及第12章的第2節由王鷹編寫，第11、12章的其他部分由楊政宇編寫。此外，參與本書編寫與大綱討論工作的還有周欣然、裘嶸、彭艷玲、王新英、孔志周、石山鷹、劉建成等。本書再版時，王鷹還做了大量的編修工作。

在本書編寫過程中，得到了許多專家和同仁的熱情幫助和大力支持，還得到了中國水利水電出版社的領導和編輯的指導與幫助。本書第一版出版后，國內部分讀者寫來函件，指出本書存在的問題與不足，謹此向他們表示最真摯的感謝！

由于計算機技術發展十分迅速，更由于作者學識水平所限，加之時間倉促，書中疏漏和錯誤之處在所難免，我們開通了3G電子郵箱tmmgz01@163.com，敬請廣大讀者批評指正。

編 者

2007年1月

第二版前言
第一版前言
第1章 網站設計 1
1.1 定位網站的主題和名稱 1
1.1.1 題材的選擇 2
1.1.2 選定網站名稱 2
1.2 定位網站的CI形象 2
1.3 確定網站的欄目和版塊 4
1.4 確定網站的目錄結構和鏈接結構 5
1.4.1 網站的目錄結構 5
1.4.2 網站的鏈接結構 6
1.5 確定網站的整體風格和創意設計 6
1.5.1 網站風格 7
1.5.2 網站創意 7
1.6 首頁設計 8
1.6.1 版面布局 8
1.6.2 網頁色彩搭配 10
1.7 思考與練習 11
第2章 網頁文件的規劃與創意 12
2.1 網頁文件的規劃 12
2.1.1 網頁文件的種類 12
2.1.2 網頁文件的規劃 12
2.1.3 網頁文件的設計原則 13
2.2 網頁的創意設計 14
2.2.1 網頁創意設計的意義、功能和目的 14
2.2.2 網頁創意設計的構成要素及其作用 15
2.2.3 網頁創意設計的原理和準則 16
2.2.4 網頁創意設計的形式法則和表現手法 17
2.3 網頁的創作步驟 22
2.3.1 網頁的準備 22
2.3.2 網頁的創意設計 23
2.3.3 網頁的制作 23
2.4 網頁制作基礎 24
2.4.1 設計前的考慮因素 24
2.4.2 設計過程的考慮因素 25
2.5 網頁制作常用工具簡介 27
2.5.1 FrontPage 27
2.5.2 Dreamweaver 28
2.5.3 Flash 30
2.5.4 其他工具和設計技術 31
2.6 思考與練習 31
第3章 HTML網頁設計語言基礎 33
3.1 HTML概述 33
3.2 網頁數據編輯與格式化 34
3.2.1 創建HTML文檔 34
3.2.2 標簽格式 36
3.2.3 標題格式 36
3.2.4 段落格式 37
3.2.5 文字格式 41
3.2.6 列表格式 44
3.3 在網頁中建立超鏈接 47
3.3.1 超鏈接標記符… 47
3.3.2 創建超鏈接 47
3.4 在網頁中插入圖片 50
3.4.1 插入圖片 50
3.4.2 圖片布局 51
3.5 表格設計 54
3.5.1 創建基本表格 54
3.5.2 表格及文字的對齊與布局 58
3.5.3 設置表格尺寸 59
3.5.4 設置表格的色彩 60
3.5.5 創建跨多行、多列的表元 61
3.6 思考與練習 62
第4章 FrontPage 2003網頁設計技術 64
4.1 FrontPage 2003簡介 64
4.2 FrontPage 2003的視圖 65
4.2.1 網頁視圖 65
4.2.2 文件夾視圖 67
4.2.3 遠程網站視圖 68
4.2.4 報表視圖 68
4.2.5 導航視圖 69
4.2.6 超鏈接視圖 69
4.2.7 任務視圖 69
4.3 FrontPage 2003的編輯方法 70
4.3.1 標題段落 70
4.3.2 修飾文本 70
4.3.3 插入水平線 72
4.4 使用列表 73
4.4.1 項目符號列表 73
4.4.2 編號列表 73
4.4.3 定義列表 74
4.4.4 列表嵌套 74
4.4.5 列表的折疊 74
4.5 使用表格 75
4.5.1 創建表格 75
4.5.2 填充表格 76
4.5.3 表格屬性 76
4.6 運用圖形 78
4.6.1 添加圖形 78
4.6.2 編輯圖形 78
4.6.3 設置背景圖形 81
4.7 設置鏈接 81
4.7.1 鏈接的建立 81
4.7.2 目標 82
4.8 音頻的使用 82
4.8.1 插入音頻 83
4.8.2 背景音樂 84
4.9 FrontPage 2003的高級應用 84
4.9.1 交互式按鈕 85
4.9.2 移動字幕 86
4.9.3 網站計數器 87
4.9.4 網頁橫幅 88
4.9.5 DHTML效果設置 89
4.10 創建表單網頁 93
4.10.1 使用模板創建表單網頁 93
4.10.2 使用向導創建表單 95
4.11 主題與樣式 97
4.11.1 樣式表的使用 98
4.11.2 使用主題樣式 99
4.12 使用框架 100
4.12.1 創建框架網頁 100
4.12.2 框架網頁實例 101
4.13 思考與練習 103
第5章 網站的發布與管理 104
5.1 網站發布前的準備 104
5.1.1 發布網站的條件 104
5.1.2 為網站注冊域名 105
5.1.3 上傳工具簡介 105
5.1.4 發布網頁的步驟 106
5.2 網頁測試 107
5.2.1 網頁測試方法 108
5.2.2 測試項目 108
5.3 網站的更新與管理 109
5.3.1 網站更新 109
5.3.2 網站升級 110
5.4 安全問題 110
5.5 思考與練習 111
第6章 Dreamweaver 8網頁設計技術 112
6.1 Dreamweaver簡介 112
6.1.1 Dreamweaver 8的新功能 112
6.1.2 操作界面 112
6.2 Dreamweaver 制作網站基礎 117
6.2.1 定義一個本地站點 117
6.2.2 創建網頁 118
6.2.3 構建頁面草圖 119
6.2.4 修改網頁屬性 120
6.2.5 利用表格為網頁布局 120
6.2.6 利用框架為網頁布局 123
6.2.7 插入圖像 124
6.2.8 插入鼠標經過圖像 125
6.2.9 創建圖片熱點 126
6.2.10 插入Flash對象 127
6.2.11 插入其他媒體對象 129
6.2.12 網頁內容的設計與編輯 130
6.3 思考與練習 133
第7章 Photoshop CS2圖形圖像處理基礎 134
7.1 Photoshop CS2簡介 134
7.1.1 操作界面 134
7.1.2 工具和工具箱 135
7.1.3 調板 138
7.1.4 色彩模式 142
7.1.5 文件格式 144
7.2 Photoshop處理圖像實例 145
7.2.1 文件的操作 145
7.2.2 圖像編輯 147
7.2.3 文字處理 153
7.2.4 背景圖案的制作 156
7.2.5 制作網頁插圖 156
7.3 思考與練習 158
第8章 Flash 8動畫制作基礎 159
8.1 Flash 8簡介 159
8.1.1 操作界面 159
8.1.2 文件的操作 161
8.1.3 場景和場景控制面板 162
8.1.4 舞臺與時間軸 163
8.1.5 對象、元件、實例和庫 165
8.2 Flash工具的使用 167
8.2.1 工具箱 167
8.2.2 直線和鉛筆 168
8.2.3 橢圓、矩形和多角星形 169
8.2.4 刷子及顏料桶工具 169
8.2.5 鋼筆與部分選擇工具 170
8.2.6 選擇工具 171
8.2.7 變形工具 173
8.2.8 文字工具 175
8.3 Flash動畫綜合范例 176
8.3.1 路徑引導動畫的制作 176
8.3.2 圖片滾動動畫的制作 177
8.4 思考與練習 179
第9章 Fireworks 8圖形圖像處理基礎 181
9.1 Fireworks 8簡介 181
9.1.1 操作界面 181
9.1.2 工具箱 182
9.1.3 控制面板 185
9.1.4 文件窗口 189
9.1.5 工具箱矢量模式與位圖模式 190
9.2 Fireworks圖像編輯基礎 191
9.2.1 文件的操作 191
9.2.2 圖像制作 192
9.3 思考與練習 197
第10章 其他工具介紹 198
10.1 網頁設計工具軟件的簡介 198
10.2 Web創作與網站管理軟件 198
10.3 HTML代碼編輯軟件 199
10.4 動畫制作軟件 200
10.4.1 Adobe ImageReady 200
10.4.2 Ulead GIF Animator 201
10.4.3 Ulead Cool 3D 202
10.5 圖形圖像軟件 202
10.6 音頻視頻處理軟件 204
10.7 思考與練習 204
第11章 在網頁中使用JavaScript 205
11.1 JavaScript 簡介 205
11.1.1 JavaScript的特點 205
11.1.2 JavaScript運行和編輯環境 206
11.1.3 在HTML中嵌入JavaScript腳本 206
11.2 JavaScript語言結構 207
11.2.1 數據和運算符 207
11.2.2 語句和程序控制 210
11.3 JavaScript的事件驅動 212
11.3.1 什么是事件 212
11.3.2 事件類型 212
11.3.3 如何監測事件 213
11.3.4 如何調用事件處理器 213
11.4 JavaScript的對象 214
11.4.1 對象的概念 214
11.4.2 JavaScript內部對象的屬性和方法 216
11.4.3 瀏覽器內部對象系統 217
11.4.4 創建新對象 226
11.5 JavaScript實例 228
11.6 思考與練習 234
第12章 ASP動態網頁制作基礎 236
12.1 ASP簡介 236
12.1.1 什么是ASP 236
12.1.2 ASP的工作方式 236
12.1.3 用ASP編寫動態網頁 237
12.2 VBScript腳本語言簡介 237
12.2.1 VBScript的數據和運算符 238
12.2.2 VBScript的語句 242
12.3 ASP內置對象 249
12.3.1 Request對象 249
12.3.2 Response對象 253
12.3.3 Server對象 258
12.3.4 Session對象 259
12.3.5 Application對象 260
12.3.6 ObjectContext對象 261
12.4 ASP內置組件 262
12.4.1 Ad Rotator組件 263
12.4.2 Browser Capabilities組件 265
12.4.3 File Access組件 267
12.4.4 Content Linking組件 269
12.4.5 Database Access組件 271
12.4.6 其他ASP組件 271
12.5 思考與練習 271
第13章 PHP語言簡介 273
13.1 PHP概述 273
13.1.1 PHP的歷史 273
13.1.2 PHP的功能 273
13.2 PHP的語法 274
13.2.1 一個簡單的PHP 程序 274
13.2.2 PHP 的基本結構 274
13.2.3 PHP 的數據處理 275
13.2.4 PHP 的運算符號 278
13.2.5 基本流程控制 280
13.2.6 函數 284
13.2.7 對象 286
13.3 用PHP實現網站留言板 287
13.4 思考與練習 291
第14章 XML語言簡介 292
14.1 XML 概述 292
14.1.1 XML的歷史 292
14.1.2 XML的優缺點 292
14.2 XML 的語法 293
14.2.1 XML文件的邏輯結構 293
14.2.2 XML文件的物理結構 297
14.3 XML的文檔類型說明——DTD 299
14.3.1 內部DTD 299
14.3.2 外部DTD 300
14.3.3 元素類型聲明 301
14.3.4 定義元素及其子元素 301
14.3.5 定義有效的元素屬性 302
14.4 XML的顯示——樣式單 306
14.4.1 CSS概述 306
14.4.2 使用CSS顯示XML文檔 308
14.4.3 XSL概述 308
14.4.4 一個XSLT的簡單例子 309
14.5 思考與練習 312
第15章 網站制作綜合實例 313
15.1 網站的設計原則及標準 313
15.1.1 設計原則 313
15.1.2 設計標準 315
15.2 準備工作 315
15.3 具體設計和規劃 315
15.4 建立網站 316
15.5 主頁的制作 316
15.6 網頁的上傳和維護 317
15.7 思考與練習 317
參考文獻 318

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. 網頁設計與制作 [主編 陳彥許 陳維華]