網(wǎng)頁設(shè)計(jì)與制作

隨著計(jì)算機(jī)技術(shù)和通信技術(shù)的飛速發(fā)展，網(wǎng)絡(luò)的應(yīng)用已經(jīng)深入人們的工作和生活。為了充分利用網(wǎng)絡(luò)資源，企業(yè)可以宣傳自己的產(chǎn)品；政府可以發(fā)布有關(guān)的政策法規(guī)；學(xué)校可以為學(xué)生提供有關(guān)的教學(xué)信息。為了使自己的網(wǎng)站能夠吸引越來越多的用戶，迫切需要了解并掌握網(wǎng)頁設(shè)計(jì)技術(shù)。

本書從實(shí)際出發(fā)，以理論結(jié)合實(shí)際的方式，詳細(xì)地介紹了Dreamweaver 8、Fireworks 8、Flash 8三個軟件的使用方法和操作技巧，將網(wǎng)頁設(shè)計(jì)過程中的難點(diǎn)、要點(diǎn)貫穿一線，循序漸進(jìn)地介紹了網(wǎng)頁制作的整個過程，其中包括構(gòu)思、規(guī)劃、制作和發(fā)布等。

本書共分12章，從HTML入門、網(wǎng)站規(guī)劃開始，配以豐富的實(shí)例，重點(diǎn)介紹使用“三劍客”制作網(wǎng)頁的方法和技巧；第1章介紹了HTML初步，第2～9章介紹了網(wǎng)頁文檔的創(chuàng)建、網(wǎng)頁的定位技術(shù)、網(wǎng)頁的修飾技術(shù)；第10章介紹了如何使用Fireworks 8處理網(wǎng)頁圖像；第11章介紹了如何使用Flash 8制作網(wǎng)頁動畫，第12章介紹了動態(tài)網(wǎng)站技術(shù)。每章后面都給出了精心設(shè)計(jì)的思考題和上機(jī)練習(xí)題，以便于讀者進(jìn)一步理解和鞏固所學(xué)的知識。

本書十分重視實(shí)際能力的培養(yǎng)，每講一個知識點(diǎn)，都配有實(shí)踐技能訓(xùn)練，為幫助讀者掌握這些技能，寫作時著重注意如下幾點(diǎn)：

表述概念力求準(zhǔn)確而不冗長，盡可能深入淺出。對操作過程盡量配以圖形說明。提供了豐富詳實(shí)的例子，讓讀者學(xué)習(xí)輕松，上手容易，將讀者學(xué)習(xí)軟件時的困難一一化解。每章的最后都附有練習(xí)題和上機(jī)練習(xí)題，便于讀者鞏固加深所學(xué)的知識。

本書由任正云、陸大修編著，參加編寫的人員還有陳萬華、琚輝、嚴(yán)永松、沈成濤、毛紅鷹、劉青筱、李成海、熊治梅和肖衡。全書由任正云完成統(tǒng)稿和校對，陳萬華、嚴(yán)永松、沈成濤、劉青筱為本書繪制了大量的插圖，在編寫和修改過程中，田原、胡玉榮、李素若提出了寶貴的意見和建議，并給予非常大的幫助，在此一并表示感謝！

由于編者水平有限，編寫時間倉促，書中如有疏漏和不足之處，敬請讀者和專家批評指正。

編 者

2007年4月

序
前言
第1章 網(wǎng)頁基礎(chǔ)知識 1
1.1 網(wǎng)頁概述 1
1.1.1 什么是網(wǎng)頁 1
1.1.2 網(wǎng)頁中的基本元素 1
1.1.3 網(wǎng)頁的類型 3
1.2 網(wǎng)頁制作工具簡介 6
1.2.1 網(wǎng)頁編輯工具 6
1.2.2 網(wǎng)頁動畫制作軟件 7
1.2.3 網(wǎng)絡(luò)圖像處理軟件 7
1.3 HTML基礎(chǔ) 7
1.3.1 HTML語言結(jié)構(gòu)的基本標(biāo)志 8
1.3.2 頁面格式標(biāo)志 9
1.3.3 文本標(biāo)志 11
1.3.4 圖像標(biāo)志 12
1.3.5 表格標(biāo)志 13
1.3.6 鏈接標(biāo)志 15
1.3.7 標(biāo)志幀 16
1.3.8 表單標(biāo)志 18
1.3.9 多媒體標(biāo)志 21
1.3.10 其他標(biāo)志 22
1.4 實(shí)踐技能訓(xùn)練 23
本章思考與練習(xí) 25
第2章 Dreamweaver 8入門 26
2.1 Dreamweaver 8界面介紹 26
2.2 Dreamweaver 8常用工具 28
2.2.1 菜單欄工具 28
2.2.2 文檔工具欄 28
2.2.3 插入面板 29
2.2.4 文檔窗口 30
2.2.5 屬性面板 31
2.2.6 狀態(tài)欄 31
2.3 Dreamweaver 8的功能簡介 31
2.4 使用Dreamweaver 8處理圖片 32
2.5 在Dreamweaver 8中規(guī)劃站點(diǎn) 34
2.6 本地站點(diǎn)的搭建與管理 35
2.7 站點(diǎn)的發(fā)布 41
2.7.1 獲得WEB服務(wù)器 41
2.7.2 定義遠(yuǎn)程站點(diǎn) 42
2.7.3 上傳站點(diǎn) 43
2.8 實(shí)踐技能訓(xùn)練 44
2.8.1 建立并設(shè)置本地根文件夾 44
2.8.2 定義站點(diǎn) 46
2.8.3 創(chuàng)建ODBC連接 48
上機(jī)練習(xí) 50
第3章 創(chuàng)建和編輯網(wǎng)頁文檔 51
3.1 創(chuàng)建一個新文檔 51
3.1.1 創(chuàng)建新的空白文檔 51
3.1.2 打開現(xiàn)有文檔 52
3.1.3 設(shè)置頁面屬性 54
3.2 文字處理 56
3.2.1 輸入文字 56
3.2.2 編輯文字 57
3.2.3 插入水平線 59
3.2.4 插入更新日期 60
3.3　圖像處理 60
3.3.1 插入圖像 60
3.3.2 設(shè)置圖像屬性 62
3.3.3 插入圖像占位符 63
3.3.4 插入鼠標(biāo)經(jīng)過圖像 63
3.4 超級鏈接 64
3.4.1 超級鏈接的概念 64
3.4.2　創(chuàng)建超級鏈接 65
3.4.3　管理超級鏈接 71
3.4.4 圖像映射 74
3.4.5 導(dǎo)航條 74
3.5 使用多媒體對象 77
3.5.1 插入和編輯多媒體對象 77
3.5.2 添加視頻（非Flash） 78
3.5.3　向頁面添加聲音 78
本章思考與練習(xí) 79
上機(jī)練習(xí) 79
第4章 表格布局的使用 81
4.1 插入表格 81
4.2 輸入表格內(nèi)容 82
4.3 嵌套表格 82
4.4 設(shè)置表格屬性 82
4.5 實(shí)踐技能訓(xùn)練——表格制作實(shí)例 84
本章思考與練習(xí) 86
上機(jī)練習(xí) 86
第5章 使用CSS樣式表修飾頁面 88
5.1 CSS概述 88
5.2 CSS的類型 88
5.2.1 標(biāo)簽樣式 88
5.2.2 CSS選擇器 89
5.2.3 自定義樣式 89
5.3 創(chuàng)建樣式 90
5.3.1 創(chuàng)建標(biāo)簽樣式 90
5.3.2 創(chuàng)建CSS選擇器 91
5.3.3 創(chuàng)建自定義樣式 92
5.4 樣式的其他操作 93
5.4.1 編輯單個樣式 94
5.4.2 編輯樣式表 94
5.4.3 外部樣式 94
5.5 常用的CSS設(shè)置 96
5.5.1 類型設(shè)置 96
5.5.2 背景顏色 97
5.5.3 文字整體設(shè)置 98
5.5.4 邊框的設(shè)置 99
5.5.5 擴(kuò)展設(shè)置 99
5.6 實(shí)踐技能訓(xùn)練——利用CSS修飾頁面 100
5.6.1 利用CSS固定字體大小 100
5.6.2 利用CSS創(chuàng)建精美網(wǎng)頁導(dǎo)航 102
本章思考與練習(xí) 106
第6章 頁面布局、層、行為和時間軸的使用 107
6.1 版式 107
6.2 布局 108
6.2.1 布局表格的繪制 108
6.2.2 布局單元格的繪制 110
6.2.3 嵌套布局表格的繪制 110
6.2.4 布局單元格和表格的調(diào)整 111
6.3 利用層精確定位網(wǎng)頁元素 112
6.3.1 層的創(chuàng)建 113
6.3.2 設(shè)置層屬性 114
6.3.3 層的基本操作 115
6.3.4 應(yīng)用層排版 116
6.3.5 實(shí)踐技能訓(xùn)練1——利用層布局頁面 118
6.3.6 實(shí)踐技能訓(xùn)練2——利用層制作下拉菜單 124
6.4 時間軸的應(yīng)用 128
6.4.1 時間軸的概念 128
6.4.2 使用時間軸改變圖像屬性 134
6.4.3 使用時間軸改變圖層屬性 135
6.4.4 實(shí)踐技能訓(xùn)練——層與時間軸動畫制作綜合實(shí)例 135
6.5　行為 137
6.5.1 行為概念 137
6.5.2 行為面板 138
6.5.3 行為基本操作 139
6.5.4 常見行為與事件 140
6.5.5 層、時間軸與行為綜合運(yùn)用實(shí)例制作 142
本章思考與練習(xí) 145
第7章 利用框架布局頁面 146
7.1 框架與框架集的概念 146
7.2 創(chuàng)建框架 146
7.3 框架集的基本操作 148
7.4　設(shè)置框架集與框架的屬性 149
7.5　在框架中使用鏈接 151
7.6 實(shí)踐技能訓(xùn)練——制作“網(wǎng)上書店”的主頁 152
本章思考與練習(xí) 162
上機(jī)練習(xí) 163
第8章 應(yīng)用模板和庫快速設(shè)計(jì)網(wǎng)頁 164
8.1 利用模板創(chuàng)建網(wǎng)頁 164
8.1.1 創(chuàng)建模板 166
8.1.2 編輯模板 168
8.1.3 應(yīng)用模板 171
8.2 使用庫項(xiàng)目 171
8.2.1 創(chuàng)建庫項(xiàng)目 171
8.2.2 在網(wǎng)頁中插入庫 172
8.2.3 修改庫和更新站點(diǎn) 174
8.3 實(shí)踐技能訓(xùn)練——模板和庫的綜合使用 174
8.3.1 創(chuàng)建網(wǎng)頁庫項(xiàng)目 175
8.3.2 創(chuàng)建模板網(wǎng)頁 178
本章思考與練習(xí) 184
上機(jī)練習(xí) 184
第9章 表單的使用 185
9.1 表單的基本概念 185
9.2 表單的創(chuàng)建 185
9.3 創(chuàng)建文本域 186
9.3.1 創(chuàng)建單行文本域 186
9.3.2 創(chuàng)建多行文本域 187
9.3.3 創(chuàng)建密碼文本域 187
9.4 創(chuàng)建按鈕 187
9.4.1 插入標(biāo)準(zhǔn)表單按鈕 187
9.4.2 插入圖像表單 188
9.4.3 插入文件域按鈕 189
9.5 插入單選按鈕與復(fù)選框 189
9.6 列表與菜單 191
9.7 實(shí)踐技能訓(xùn)練——制作“注冊頁面” 192
本章思考與練習(xí) 197
上機(jī)練習(xí) 197
第10章 網(wǎng)頁圖像制作與優(yōu)化 199
10.1 Fireworks 8簡介 199
10.1.1 Fireworks的優(yōu)點(diǎn) 199
10.1.2 Fireworks的適用對象 200
10.1.3 Fireworks 8的新特色 200
10.2 Fireworks 8工作環(huán)境 202
10.2.1 Fireworks 8的界面 202
10.2.2 菜單欄 203
10.2.3 工具欄 203
10.2.4 狀態(tài)欄 204
10.2.5 工具面板 205
10.2.6 常用面板 207
10.3 Fireworks 8的簡單操作 208
10.3.1 操作Fireworks 8文檔 208
10.3.2 繪制簡單的矢量圖形 210
10.3.3 使用濾鏡 212
10.4 將文本附加于路徑 215
10.5 創(chuàng)建按鈕與菜單 216
10.5.1 創(chuàng)建按鈕 216
10.5.2 創(chuàng)建菜單 220
10.6 圖像切片的使用 229
10.6.1 創(chuàng)建切片對象 229
10.6.2 使用切片交互 232
10.7 網(wǎng)頁圖形圖像的優(yōu)化與發(fā)布 235
10.7.1 選擇文件的優(yōu)化格式 236
10.7.2 優(yōu)化GIF格式 237
10.7.3 優(yōu)化JPEG格式 240
10.7.4 使用導(dǎo)出向?qū)?241
10.8 實(shí)踐技能訓(xùn)練 245
10.8.1 導(dǎo)入圖像 245
10.8.2 繪制頁面圖像 246
10.8.3 創(chuàng)建按鈕 247
10.8.4 設(shè)定交互圖像 249
10.8.5 頁面圖像的優(yōu)化 250
上機(jī)練習(xí) 252
第11章 網(wǎng)頁動畫制作 253
11.1 Flash 8概述 253
11.1.1 Flash 8的開始界面 254
11.1.2 Flash 8的工作界面 254
11.1.3 時間軸 255
11.1.4 工具箱 255
11.2 常用面板簡介 256
11.3 在網(wǎng)頁中添加特效文字 258
11.4 利用Flash 8制作常用的圖案 264
11.4.1 繪制四角星、五角星 264
11.4.2 繪制太極八卦圖與二進(jìn)制數(shù) 266
11.4.3 繪制香港特別行政區(qū)區(qū)旗 270
11.5 元件和實(shí)例 275
11.5.1 元件的簡介 275
11.5.2 實(shí)例 277
11.5.3 幾種特殊的元件和實(shí)例的介紹 279
11.5.4 元件庫 280
11.5.5 按鈕元件 282
11.6 逐幀動畫 290
11.6.1 逐幀動畫的概念及表現(xiàn)形式 290
11.6.2 逐幀動畫的制作方法 290
11.6.3 倒數(shù)數(shù)字逐幀動畫實(shí)例 291
11.7 創(chuàng)建形狀補(bǔ)間動畫 292
11.8 遮罩動畫 296
11.8.1 遮罩動畫的概念 296
11.8.2 遮罩動畫的創(chuàng)建方法 297
11.8.3 應(yīng)用遮罩時的技巧 297
11.8.4 實(shí)踐技能訓(xùn)練——探照燈效果 298
11.9 創(chuàng)建動畫補(bǔ)間動畫 300
11.9.1 動畫補(bǔ)間動畫的概念 300
11.9.2 動畫補(bǔ)間動畫的屬性面板 300
11.9.3 實(shí)踐技能訓(xùn)練——蜜蜂采蜜 301
本章思考與練習(xí) 305
上機(jī)練習(xí) 305
第12章 服務(wù)器段程序的開發(fā) 306
12.1 動態(tài)網(wǎng)頁與ASP 306
12.2 ASP的開發(fā) 307
12.2.1 ASP語言開發(fā)基礎(chǔ) 307
12.2.2 ASP內(nèi)建對象 311
12.2.3 ADO簡介 318
12.3 搭建服務(wù)器平臺 319
12.4 創(chuàng)建數(shù)據(jù)庫 322
12.4.1 新建數(shù)據(jù)庫 323
12.4.2 創(chuàng)建表和字段 324
12.5 連接數(shù)據(jù)庫 324
12.5.1 ODBC 325
12.5.2 在Dreamweaver 8中連接數(shù)據(jù)庫 325
12.6 創(chuàng)建記錄集 326
12.6.1 記錄集的概念 326
12.6.2 如何操作記錄集中的數(shù)據(jù) 326
12.6.3 利用Dreamweaver 8創(chuàng)建簡單的記錄集 326
12.6.4 利用SQL命令創(chuàng)建記錄集 328
12.6.5 使用“數(shù)據(jù)庫項(xiàng)”樹創(chuàng)建SQL查詢 329
12.7 執(zhí)行SQL命令 330
12.8 給頁面綁定動態(tài)內(nèi)容 332
12.9 實(shí)踐技能訓(xùn)練——留言簿的制作 333
12.9.1 實(shí)例分析 333
12.9.2 文件說明 333
12.9.3 數(shù)據(jù)庫的創(chuàng)建 333
12.9.4 首頁的制作 336
12.9.5 留言頁面的制作 343
12.9.6 管理頁面的制作 346
12.9.7 回復(fù)頁面的設(shè)置 348
12.9.8 刪除頁面的制作 349
12.9.9 登錄機(jī)制 350
12.9.10 共享源文件夾 353
本章思考與練習(xí) 355
上機(jī)練習(xí) 355
參考文獻(xiàn) 356

1. HTML5+CSS3網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目化教程 [范佳　胡卓舒　馮迎]
2. 網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo) [主編　鄧文鋒 利珊]
3. 網(wǎng)頁設(shè)計(jì)與制作 [主編　溫凱峰 葉仕通]
4. 基于.NET Core框架的分布式系統(tǒng)架構(gòu)設(shè)計(jì) [湯佳 著]
5. 網(wǎng)頁設(shè)計(jì)與制作 [主編 王瀟 章明珠]
6. Web用戶界面設(shè)計(jì)與制作 [主編 趙娟]
7. 網(wǎng)頁設(shè)計(jì)與制作 [主編 李佼輝 聶樹成]
8. ASP.NET（C#）網(wǎng)站開發(fā)（第二版） [主編 張志明 王輝]
9. Web開發(fā)實(shí)戰(zhàn) [主編　肖睿　陳永]
10. Bootstrap與jQuery UI框架設(shè)計(jì) [主編 肖睿 吳振宇]
11. 網(wǎng)頁設(shè)計(jì)與制作 [主編 楊毅]
12. 網(wǎng)頁制作實(shí)戰(zhàn) [主編 肖睿 羅保山]
13. 網(wǎng)頁設(shè)計(jì)與制作 [主編 陳建國 項(xiàng)煒]
14. 16課學(xué)會網(wǎng)頁程序設(shè)計(jì)—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
15. HTML5+CSS3前端技術(shù)——UI設(shè)計(jì)師與開發(fā)人員合作秘籍 [北京課工場教育科技有限公司Q]
16. Web程序設(shè)計(jì)實(shí)踐教程 [主編 侯萍 郭俊榮]
17. 網(wǎng)頁設(shè)計(jì)與制作 [孫娜 蒲秋梅 南洋 編著]
18. 玩轉(zhuǎn)Axure RP——Axure RP 7.0高保真網(wǎng)頁、APP原型設(shè)計(jì) [謝星星 編著]
19. ASP.NET Web程序設(shè)計(jì) [吳琴霞 栗青生 康晶 編著]
20. CSS+DIV頁面布局技術(shù) [主編 朱翠苗]
21. 網(wǎng)頁設(shè)計(jì)與制作 [王鐵樁 聶衛(wèi)獻(xiàn)]
22. Web開發(fā)與安全防范 [主編 武春嶺]
23. 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)教程 [主編 張春英 李英文 鐘大偉]
24. 網(wǎng)頁設(shè)計(jì)與開發(fā)實(shí)戰(zhàn)教程 [李云程]
25. 網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目化教程 [周觀民 梁雪梅]
26. 網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目案例教程（Dreamweaver CS6） [楊麗芳 劉琳]
27. 腳本語言與動態(tài)網(wǎng)頁設(shè)計(jì)（第二版） [主 編 張景峰 王培軍]
28. ASP.NET（C#）網(wǎng)站開發(fā) [主編 張志明 王輝]
29. 網(wǎng)頁設(shè)計(jì)實(shí)用技術(shù) [主 編 陳建國 李勤]
30. 網(wǎng)頁設(shè)計(jì)與制作（第二版） [馬占欣]