本書主要講解網(wǎng)頁(yè)設(shè)計(jì)與制作方面的內(nèi)容。全書分為12章，主要內(nèi)容包括網(wǎng)頁(yè)制作的基本技術(shù)、創(chuàng)建和管理站點(diǎn)、表單的應(yīng)用、動(dòng)態(tài)HTML行為、站點(diǎn)的測(cè)試與發(fā)布等。

本書內(nèi)容翔實(shí)、實(shí)例豐富、通俗易懂，網(wǎng)頁(yè)設(shè)計(jì)注重融入更多設(shè)計(jì)理念方面的分析，網(wǎng)頁(yè)制作則偏重于方法與技巧。通過詳盡的講解和有代表性的實(shí)例分析，幫助讀者快速地掌握相關(guān)的知識(shí)點(diǎn)。

本書盡量體現(xiàn)知識(shí)的完整性，在編寫時(shí)力圖把相關(guān)理論知識(shí)和制作技術(shù)兩方面結(jié)合起來(lái)。為了使讀者盡快地掌握制作技巧，我們把本書涉及的實(shí)例資源做成一個(gè)網(wǎng)站提供下載和服務(wù)，并且把每個(gè)實(shí)驗(yàn)做成視頻教程，相信這樣對(duì)讀者會(huì)有所幫助。

本書主要有如下特點(diǎn)：

1．概念描述+實(shí)例鞏固。本書將軟件操作類知識(shí)點(diǎn)轉(zhuǎn)化成易于快速完成的實(shí)例，這些實(shí)例易上手、操作快，可快速給學(xué)習(xí)者建立信心。

2．視頻演示+實(shí)例素材。每章提供多個(gè)實(shí)例的Flash視頻操作過程以及實(shí)例中所需要的素材。

3．體現(xiàn)設(shè)計(jì)+技術(shù)。在描述技術(shù)實(shí)現(xiàn)的過程中，將網(wǎng)頁(yè)設(shè)計(jì)的思想貫穿其中，并注重融入更多設(shè)計(jì)理念方面的分析，尤其是對(duì)教學(xué)網(wǎng)站網(wǎng)頁(yè)特征的分析。

本書由雷運(yùn)發(fā)主編，負(fù)責(zé)全書的規(guī)劃和統(tǒng)稿工作，莫云峰任副主編，負(fù)責(zé)素材的整理和本書配套教學(xué)網(wǎng)站的建設(shè)工作。本書編寫人員分工如下：雷運(yùn)發(fā)編寫了第1章、第4章，莫云峰編寫了第6章，覃偉編寫了第3章、第10章和第11章，毛華編寫了第5章、第8章，李蕾編寫了第2章，唐偉編寫了第9章、鮑宗亮編寫了第7章，吳益民編寫了第12章。參加本書編寫工作的還有：楊海軍、袁繁華、林雪芬等。在本書的編寫過程中，參考了大量的專業(yè)書籍，并得到了許多同行的真誠(chéng)幫助，在此一并向他們表示衷心的感謝。

盡管在編寫本書時(shí)作者已盡了最大努力，但是由于水平有限，書中難免存在疏漏和不妥之處，希望專家和讀者朋友及時(shí)指正，我們的E-mail：wysjzz_0511@sina.com。

編者

2005年11月

前言
第1章 網(wǎng)頁(yè)設(shè)計(jì)與制作概述 1
本章學(xué)習(xí)目標(biāo) 1
1.1 互聯(lián)網(wǎng)與網(wǎng)站 1
1.1.1 基本概念 1
1.1.2 網(wǎng)站分類 4
1.2 網(wǎng)站結(jié)構(gòu)與網(wǎng)頁(yè)布局 6
1.2.1 網(wǎng)站結(jié)構(gòu) 6
1.2.2 網(wǎng)頁(yè)頁(yè)面布局 7
1.3 網(wǎng)頁(yè)制作工具 9
1.3.1 網(wǎng)頁(yè)布局工具 9
1.3.2 網(wǎng)頁(yè)美化工具 10
1.4 網(wǎng)頁(yè)開發(fā)語(yǔ)言 10
1.4.1 HTML語(yǔ)言 10
1.4.2 動(dòng)態(tài)網(wǎng)站開發(fā)語(yǔ)言 12
1.5 網(wǎng)站規(guī)劃 12
1.5.1 網(wǎng)站制作流程 12
1.5.2 網(wǎng)站策劃書 13
1.5.3 站點(diǎn)評(píng)測(cè) 16
本章小結(jié) 17
綜合練習(xí) 17
第2章 網(wǎng)頁(yè)制作快速入門 19
本章學(xué)習(xí)目標(biāo) 19
2.1 Dreamweaver MX 2004基本操作 19
2.1.1 Dreamweaver MX 2004的界面 19
2.1.2 網(wǎng)頁(yè)的基本操作 22
2.2 創(chuàng)建和管理站點(diǎn) 23
2.2.1 站點(diǎn)管理器的基本組成 24
2.2.2 站點(diǎn)的定義 24
2.2.3 管理站點(diǎn) 27
2.2.4 站點(diǎn)文件和文件夾管理 27
2.3 制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè) 29
2.3.1 網(wǎng)頁(yè)屬性設(shè)置 29
2.3.2 實(shí)例1：創(chuàng)建簡(jiǎn)單頁(yè)面 30
本章小結(jié) 33
綜合練習(xí) 34
第3章 網(wǎng)頁(yè)布局 36
本章學(xué)習(xí)目標(biāo) 36
3.1 布局的實(shí)質(zhì) 36
3.1.1 什么是布局 36
3.1.2 布局的實(shí)質(zhì) 36
3.2 利用表格布局 37
3.2.1 插入表格 37
3.2.2 表格的屬性設(shè)置 39
3.2.3 利用“布局表格”布局網(wǎng)頁(yè) 48
3.3 特殊表格布局 51
3.3.1 實(shí)例1：橫豎分隔線的制作 52
3.3.2 實(shí)例2：細(xì)線表格的制作 54
3.3.3 實(shí)例3：立體表格的制作 55
3.4 用層進(jìn)行布局 56
3.4.1 創(chuàng)建層 56
3.4.2 操作層 57
3.4.3 層的屬性設(shè)置 59
3.4.4 層和表格的轉(zhuǎn)換 60
3.5 用框架進(jìn)行布局 61
3.5.1 創(chuàng)建框架 61
3.5.2 框架的基本操作 63
3.5.3 設(shè)置框架屬性 65
本章小結(jié) 67
綜合練習(xí) 67
第4章 在網(wǎng)頁(yè)中插入基本元素 69
本章學(xué)習(xí)目標(biāo) 69
4.1 文本元素的插入 69
4.1.1 文本元素的插入 69
4.1.2 格式化文本 71
4.1.3 項(xiàng)目列表 72
4.1.4 實(shí)例：插入文本及美化 75
4.2 圖像元素 78
4.2.1 插入圖像 78
4.2.2 插入Fireworks圖片 83
4.2.3 實(shí)例：制作網(wǎng)站相冊(cè) 83
4.3 交互對(duì)象 84
4.3.1 各種媒體的來(lái)源 85
4.3.2 Flash動(dòng)畫 85
4.3.3 插入其他動(dòng)態(tài)元素 90
4.3.4 為網(wǎng)頁(yè)加入音樂 92
4.3.5 實(shí)例：插入Flash按鈕 93
本章小結(jié) 96
綜合練習(xí) 96
第5章 超級(jí)鏈接的使用 98
本章學(xué)習(xí)目標(biāo) 98
5.1 創(chuàng)建超級(jí)鏈接 98
5.1.1 超級(jí)鏈接的作用及類型 98
5.1.2 實(shí)例：創(chuàng)建超級(jí)鏈接 100
5.1.3 實(shí)例：創(chuàng)建電子郵件鏈接 105
5.1.4 實(shí)例：創(chuàng)建錨點(diǎn)鏈接 106
5.1.5 實(shí)例：創(chuàng)建熱區(qū)鏈接 108
5.2 編輯鏈接效果 110
5.2.1 實(shí)例：自定義鏈接顏色 110
5.2.2 實(shí)例：同一網(wǎng)頁(yè)中設(shè)置兩種不同的鏈接 111
本章小結(jié) 115
綜合練習(xí) 115
第6章 Dreamweaver 行為應(yīng)用 117
本章學(xué)習(xí)目標(biāo) 117
6.1 Dreamweaver 行為的基本概念 117
6.1.1 行為面板 117
6.1.2 行為與瀏覽器的關(guān)系 118
6.2 設(shè)定行為命令 118
6.2.1 在對(duì)象中加入行為命令 118
6.2.2 編輯行為 118
6.3 創(chuàng)建行為實(shí)例 120
6.3.1 實(shí)例：彈出信息框 120
6.3.2 實(shí)例：打開瀏覽器窗口 122
6.3.3 實(shí)例：用顯示-隱藏層制作下拉菜單 123
6.3.4 實(shí)例：使用改變屬性制作圖片陰影效果 127
6.3.5 實(shí)例：播放聲音 129
6.3.6 實(shí)例：設(shè)置層中的文本 130
6.3.7 實(shí)例：設(shè)置狀態(tài)欄中的文本 131
本章小結(jié) 131
綜合練習(xí) 132
第7章 使用樣式修飾頁(yè)面 133
本章學(xué)習(xí)目標(biāo) 133
7.1 樣式的基本操作 133
7.1.1 使用CSS樣式 133
7.1.2 CSS樣式的管理與應(yīng)用 139
7.2 CSS樣式實(shí)例 140
7.2.1 實(shí)例：重定義特定標(biāo)簽 140
7.2.2 實(shí)例：使用CSS選擇器 142
7.2.3 實(shí)例：CSS控制網(wǎng)頁(yè)背景 145
7.2.4 實(shí)例：CSS區(qū)塊排列文本 147
7.2.5 實(shí)例：CSS方框?qū)�齊對(duì)象 150
7.2.6 實(shí)例：CSS邊框創(chuàng)建漂亮按鈕 151
本章小結(jié) 153
綜合練習(xí) 154
第8章 Dreamweaver輔助工具 156
本章學(xué)習(xí)目標(biāo) 156
8.1 模板 156
8.1.1 實(shí)例：創(chuàng)建模板 156
8.1.2 定義可編輯區(qū)域 158
8.1.3 利用模板創(chuàng)建新頁(yè)面 159
8.1.4 利用模板更新網(wǎng)站 161
8.2 庫(kù)項(xiàng)目 162
8.2.1 創(chuàng)建庫(kù)項(xiàng)目 162
8.2.2 庫(kù)項(xiàng)目的應(yīng)用 163
8.2.3 利用庫(kù)項(xiàng)目更改網(wǎng)頁(yè) 165
8.3 代碼清理 166
8.3.1 清除多余的HTML代碼和Word代碼 167
8.3.2 實(shí)例：Word文檔轉(zhuǎn)化為網(wǎng)頁(yè) 169
8.4 插件 174
8.4.1 插件的使用方法 174
8.4.2 實(shí)例：制作滑動(dòng)菜單 176
8.4.3 實(shí)例：文本漸變 179
8.4.4 實(shí)例：鼠標(biāo)控制圖像淡入淡出效果 180
本章小結(jié) 183
綜合練習(xí) 184
第9章 創(chuàng)建網(wǎng)頁(yè)動(dòng)畫 186
本章學(xué)習(xí)目標(biāo) 186
9.1 動(dòng)畫 186
9.1.1 動(dòng)畫的基本原理 186
9.1.2 電腦動(dòng)畫與網(wǎng)頁(yè)動(dòng)畫 186
9.2 網(wǎng)頁(yè)動(dòng)畫 187
9.2.1 常見的網(wǎng)頁(yè)動(dòng)畫格式 187
9.2.2 網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)考慮因素 188
9.3 創(chuàng)建GIF動(dòng)畫實(shí)例 188
9.3.1 ImageReady動(dòng)畫面板簡(jiǎn)介 189
9.3.2 實(shí)例：ImageReady創(chuàng)建GIF動(dòng)畫 189
9.4 創(chuàng)建Flash動(dòng)畫實(shí)例 191
9.4.1 基本概念 192
9.4.2 實(shí)例：Flash圖形繪制 193
9.4.3 Flash動(dòng)畫類型 199
9.4.4 實(shí)例：創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫 199
9.4.5 實(shí)例：創(chuàng)建形狀漸變動(dòng)畫 201
9.4.6 實(shí)例：路徑運(yùn)動(dòng)動(dòng)畫 204
9.4.7 實(shí)例：遮罩動(dòng)畫 207
9.5 用Swishmax快速制作flash動(dòng)畫 209
9.5.1 Swishmax界面介紹 209
9.5.2 時(shí)間線窗口 210
9.5.3 實(shí)例：用Swishmax快速制作Flash動(dòng)畫 210
9.6 本章小結(jié) 212
綜合練習(xí) 212
第10章 網(wǎng)頁(yè)圖像處理 215
本章學(xué)習(xí)目標(biāo) 215
10.1 網(wǎng)頁(yè)圖像基礎(chǔ) 215
10.1.1 網(wǎng)頁(yè)圖像格式 215
10.1.2 網(wǎng)頁(yè)圖像使用要點(diǎn) 217
10.1.3 圖像處理軟件 217
10.2 Photoshop設(shè)計(jì)網(wǎng)頁(yè) 217
10.2.1 Photoshop概述 217
10.2.2 Photoshop基本操作 218
10.2.3 Photoshop設(shè)計(jì)網(wǎng)站封頁(yè) 224
10.3 Fireworks設(shè)計(jì)網(wǎng)頁(yè) 227
10.3.1 Fireworks概述 227
10.3.2 Fireworks MX 2004基本操作 228
10.3.3 實(shí)例：Fireworks MX 2004制作按鈕 233
10.3.4 實(shí)例：Fireworks MX 2004制作下拉菜單 236
本章小結(jié) 239
綜合練習(xí) 239
第11章 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù) 241
本章學(xué)習(xí)目標(biāo) 241
11.1 表單 241
11.1.1 什么是表單 241
11.1.2 表單域的類型 242
11.1.3 表單 243
11.1.4 實(shí)例：建立表單 249
11.2 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù) 253
11.2.1 安裝IIS組件 253
11.2.2 配置IIS 255
11.2.3 實(shí)例：簡(jiǎn)單留言本制作 257
本章小結(jié) 264
綜合練習(xí) 264
第12章 測(cè)試和發(fā)布網(wǎng)頁(yè) 266
本章學(xué)習(xí)目標(biāo) 266
12.1 申請(qǐng)網(wǎng)絡(luò)免費(fèi)資源 266
12.1.1 申請(qǐng)免費(fèi)計(jì)數(shù)器 266
12.1.2 申請(qǐng)免費(fèi)留言板 268
12.2 測(cè)試網(wǎng)頁(yè) 270
12.2.1 檢測(cè)瀏覽器兼容性 270
12.2.2 檢測(cè)鏈接錯(cuò)誤 273
12.3 網(wǎng)站發(fā)布 274
12.3.1 使用Dreamweaver站點(diǎn)管理發(fā)布網(wǎng)站 274
12.3.2 使用CuteFTP發(fā)布網(wǎng)站 275
12.4 綜合網(wǎng)站制作實(shí)例 277
12.4.1 實(shí)例：網(wǎng)站首頁(yè)制作 277
12.4.2 推廣網(wǎng)站 280
本章小結(jié) 280
綜合練習(xí) 281
參考文獻(xiàn) 282

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