網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程（劉艷麗）

基 礎(chǔ) 篇
第1章 網(wǎng)頁制作技術(shù)概述 3
1.1 常用的網(wǎng)頁制作工具 3
1.1.1 FrontPage 2000 簡介 3
1.1.2 Dreamweaver簡介 4
1.1.3 Dreamweaver和FrontPage 2000的簡單比較 4
1.2 美化網(wǎng)頁的主要工具 5
1.2.1 圖像處理工具Fireworks 5
1.2.2 動(dòng)畫制作工具Flash
6
1.3 網(wǎng)頁中的腳本語言 7
1.3.1 JavaScript 7
1.3.2 VBScript 8
1.4 服務(wù)器端主要技術(shù) 8
1.41 ASP與JSP技術(shù) 9
1.4.2 Dreamweaver UltraDev 9
1.5 認(rèn)識(shí)Dreamweaver 4 10
1.5.1 安裝Dreamweaver 4 10
1.5.2 Dreamweaver 4的用戶界面 12
1.5.3 如何獲取幫助信息 14
1.6 建立網(wǎng)站的基本流程 16
本章小結(jié) 18
思考題 18
上機(jī)練習(xí) 18
第2章 創(chuàng)建和管理本地站點(diǎn) 19
2.1 規(guī)劃站點(diǎn)結(jié)構(gòu) 19
2.2 建立本地站點(diǎn) 20
2.3 站點(diǎn)的基本操作 22
2.3.1 打開站點(diǎn) 22
2.3.2 定義站點(diǎn) 22
2.4 站點(diǎn)管理器的使用 23
2.4.1 顯示站點(diǎn)管理器 23
2.4.2 操作站點(diǎn)文件 24
2.4.3 設(shè)置網(wǎng)站首頁 25
2.4.4 顯示站點(diǎn)地圖 25
2.5 網(wǎng)頁文件的基本操作 27
2.5.1 新建、保存和打開網(wǎng)頁 27
2.5.2 預(yù)覽網(wǎng)頁 29
本章小結(jié) 30
思考題 31
上機(jī)練習(xí) 31
第3章 制作一個(gè)簡單的網(wǎng)頁 32
3.1 簡單網(wǎng)頁實(shí)例一 32
3.2 在頁面中插入基本的網(wǎng)頁元素 33
3.2.1 在頁面中添加和處理文字 33
3.2.2 在頁面中插入和處理圖像 39
3.2.3 插入水平線 44
3.2.4 插入日期和時(shí)間 46
3.3 簡單網(wǎng)頁實(shí)例二 47
3.4 設(shè)置網(wǎng)頁屬性 48
3.4.1 認(rèn)識(shí)網(wǎng)頁屬性對(duì)話框 48
3.4.2 在標(biāo)題欄中增添網(wǎng)頁標(biāo)題 49
3.4.3 為網(wǎng)頁增添背景圖像 49
3.4.4 調(diào)整網(wǎng)頁的邊距 49
345 相關(guān)知識(shí)點(diǎn) 50
本章小結(jié) 51
思考題 52
上機(jī)練習(xí) 52
第4章 在網(wǎng)頁中建立各種超級(jí)鏈接 53
4.1 創(chuàng)建超級(jí)鏈接 53
4.1.1 創(chuàng)建內(nèi)部超級(jí)鏈接 53
4.1.2 創(chuàng)建外部超級(jí)鏈接 56
4.1.3 創(chuàng)建空鏈接和腳本鏈接 57
4.1.4 在新的瀏覽窗口中打開鏈接文件 58
4.2 創(chuàng)建E-mail鏈接 59
4.3 創(chuàng)建錨點(diǎn)鏈接 61
4.3.1 插入命名錨點(diǎn) 61
4.3.2 鏈接錨點(diǎn) 63
4.4 設(shè)置鏈接顏色 64
4.5 制作Image Map 64
4.5.1 制作熱區(qū) 65
4.5.2 為熱區(qū)添加說明文字和制作超級(jí)鏈接 66
4.5.3 編輯熱區(qū) 66
4.6 其他鏈接形式 67
4.6.1 跳轉(zhuǎn)菜單 67
4.6.2 制作翻轉(zhuǎn)圖像實(shí)例 68
4.6.3 制作導(dǎo)航欄實(shí)例 69
本章小結(jié) 72
思考題 73
上機(jī)練習(xí) 73
第5章 利用表格設(shè)計(jì)和制作網(wǎng)頁 75
5.1 一個(gè)利用表格進(jìn)行頁面布局的實(shí)例 75
5.2 創(chuàng)建表格和表格的基本操作 76
5.2.1 插入空白表格
76
5.2.2 調(diào)整表格的大小或行高/列寬 78
5.2.3 合并與拆分單元格 79
5.2.4 表格的嵌套 80
5.2.5 表格的復(fù)制與粘貼 81
5.2.6 插入行和列 81
5.2.7 刪除表格或行/列 83
5.3 在表格中插入頁面元素 83
5.4 設(shè)置表格屬性 85
5.4.1 選擇表格或單元格 85
5.4.2 設(shè)置表格行、列及單元格屬性 86
5.4.3 設(shè)置表格的總體屬性 89
5.5 表格的高級(jí)應(yīng)用技巧 91
5.5.1 利用表格制作水平線和垂直線 91
5.5.2 制作簡單的圓角表格 94
5.6 表格的其他應(yīng)用
94
5.6.1 表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出 94
5.6.2 一個(gè)自動(dòng)套用表格格式的實(shí)例 96
本章小結(jié) 97
思考題 97
上機(jī)練習(xí) 98
第6章 應(yīng)用框架技術(shù)制作網(wǎng)頁
99
6.1 框架應(yīng)用實(shí)例
99
6.2 創(chuàng)建框架結(jié)構(gòu)
100
6.2.1 插入框架集
101
6.2.2 選取框架和框架集 103
6.2.3 增加框架 103
6.2.4 刪除框架
104
6.2.5 調(diào)整框架的大小 105
6.3 編輯框架集頁面內(nèi)容與保存框架集文件 105
6.3.1 編輯框架集頁面內(nèi)容 105
6.3.2 保存框架集文件 106
6.4 設(shè)置框架中的鏈接目標(biāo) 107
6.4.1 將鏈接目標(biāo)設(shè)置在創(chuàng)建的框架中 107
6.4.2 將鏈接目標(biāo)設(shè)置在默認(rèn)的框架中 108
6.5 修飾框架集網(wǎng)頁外觀 109
6.5.1 設(shè)置框架集屬性 109
6.5.2 設(shè)置框架屬性 111
本章小結(jié) 114
思考題 114
上機(jī)練習(xí) 114
第7章 應(yīng)用圖層技術(shù)制作網(wǎng)頁 116
7.1 一個(gè)圖層應(yīng)用的實(shí)例 116
7.2 圖層的基本操作 117
7.2.1 創(chuàng)建圖層 117
7.2.2 選擇圖層 118
7.2.3 激活圖層 119
7.2.4 移動(dòng)圖層 120
7.2.5 調(diào)整圖層大小 121
7.2.6 對(duì)齊圖層 122
7.2.7 吸附圖層到網(wǎng)格 122
7.3 圖層的管理
123
7.3.1 更改圖層的名稱 123
7.3.2 改變圖層的疊放次序 124
7.3.3 改變圖層的可見性 125
7.3.4 創(chuàng)建嵌套層 128
7.4 圖層與表格 130
7.4.1 將圖層轉(zhuǎn)換為表格 131
7.4.2 將表格轉(zhuǎn)換為圖層 132
本章小結(jié) 133
思考題 133
上機(jī)練習(xí) 133
第8章 利用時(shí)間線制作動(dòng)畫 135
8.1 認(rèn)識(shí)時(shí)間線 135
8.2 創(chuàng)建時(shí)間線動(dòng)畫 135
8.2.1 一個(gè)簡單的直線運(yùn)動(dòng)的時(shí)間線動(dòng)畫實(shí)例 135
8.2.2 認(rèn)識(shí)時(shí)間線面板 137
8.2.3 一個(gè)曲線運(yùn)動(dòng)的時(shí)間線動(dòng)畫實(shí)例 138
8.2.4 創(chuàng)建復(fù)雜路徑的時(shí)間線動(dòng)畫實(shí)例 140
8.3 使用時(shí)間線改變圖像和層屬性 141
8.3.1 實(shí)現(xiàn)幻燈片效果 141
8.3.2 實(shí)現(xiàn)圖像的漸推式顯示效果 143
本章小結(jié) 144
思考題 144
上機(jī)練習(xí) 144
第9章 為頁面元素添加行為 146
9.1 行為概述
146
9.2 使用行為 147
9.2.1 添加行為 147
9.2.2 編輯行為 148
9.3 Dreamweaver內(nèi)置行為實(shí)例 150
9.3.1 彈出消息框(Popup Message) 150
9.3.2 打開瀏覽器窗口(Open Browser Window) 151
9.3.3 調(diào)用JavaScript程序(Call JavaScript) 153
9.3.4 在狀態(tài)欄顯示信息(Set Text of Status Bar) 154
9.3.5 設(shè)置圖層中的文本(Set Text of Layer) 155
9.3.6 改變對(duì)象屬性(Change Property) 156
9.3.7 播放聲音(Play Sound)
159
9.3.8 跳轉(zhuǎn)到URL(Go To URL)
160
9.3.9 控制Shockwave或Flash(Control Shockwave or Flash) 162
9.3.10 拖動(dòng)圖層(Drag Layer)
163
9.3.11 顯示-隱藏圖層(ShowHide Layers) 166
9.3.12 用行為控制時(shí)間線(Timeline) 168
本章小結(jié) 170
思考題 170
上機(jī)練習(xí) 170
第10章 在網(wǎng)頁中使用CSS樣式 172
10.1 利用CSS樣式美化文本 172
10.1.1 使用CSS樣式面板創(chuàng)建樣式 173
10.1.2 創(chuàng)建自定義樣式 174
10.1.3 重新定義HTML標(biāo)簽 176
10.1.4 應(yīng)用CSS樣式 177
10.1.5 修改CSS樣式 178
10.2 利用CSS樣式改變超級(jí)鏈接 178
10.2.1 創(chuàng)建外部CSS樣式表控制整個(gè)站點(diǎn)的風(fēng)格 179
10.2.2 使用CSS選擇器 180
10.2.3 修改樣式文件 182
10.2.4 鏈接外部樣式文件 184
10.3 CSS樣式綜合應(yīng)用 185
10.3.1 一個(gè)CSS樣式綜合應(yīng)用的實(shí)例 185
10.3.2 樣式?jīng)_突 189
本章小結(jié) 189
思考題 190
上機(jī)練習(xí) 190
第11章 用表單收集數(shù)據(jù) 191
11.1 表單實(shí)例1——暢想未來調(diào)查表 191
11.2 了解創(chuàng)建表單的基本方法 192
11.3 創(chuàng)建“調(diào)查表”表單 194
11.3.1 創(chuàng)建表單 194
11.3.2 設(shè)置表單屬性 194
11.4 插入“調(diào)查表”表單對(duì)象 196
11.4.1 插入文本框 196
11.4.2 插入復(fù)選框和單選按鈕 197
11.4.3 插入下拉菜單和命令按鈕 198
11.5 表單實(shí)例2——友情鏈接 200
11.6 其他表單對(duì)象的用法 201
11.6.1 文件域 201
11.6.2 圖像域 202
11.6.3 隱藏域 202
11.7 在表單中使用行為 202
11.7.1 驗(yàn)證表單 203
11.7.2 設(shè)置文本域的文本 204
本章小結(jié) 204
思考題 205
上機(jī)練習(xí) 205
第12章 應(yīng)用模板和庫快速設(shè)計(jì)網(wǎng)頁 207
12.1 利用模板創(chuàng)建新頁面 207
12.1.1 創(chuàng)建模板 209
12.1.2 定義可編輯區(qū)域 210
12.1.3 創(chuàng)建基于模板的新頁面 211
12.2 利用模板更新網(wǎng)頁 213
12.2.1 應(yīng)用模板到當(dāng)前網(wǎng)頁 213
12.2.2 修改模板和更新網(wǎng)頁 214
12.2.3 模板的管理 216
12.3 利用庫項(xiàng)目維護(hù)網(wǎng)頁 217
12.3.1 庫項(xiàng)目的創(chuàng)建 218
12.3.2 庫項(xiàng)目的應(yīng)用 219
12.3.3 通過編輯庫項(xiàng)目更新網(wǎng)頁 220
12.3.4 庫項(xiàng)目的管理 221
本章小結(jié) 223
思考題 223
上機(jī)練習(xí) 223
第13章 在網(wǎng)頁中制作多媒體 224
13.1 制作交互對(duì)象
224
13.1.1 插入Flash按鈕 225
13.1.2 插入Flash文本對(duì)象 226
13.1.3 插入其他交互對(duì)象 229
13.2 插入媒體對(duì)象 229
13.2.1 插入媒體對(duì)象的基本方法 230
13.2.2 插入Flash電影 230
13.2.3 插入Generator(發(fā)生器)對(duì)象 231
13.2.4 插入Shockwave電影 232
13.2.5 插入ActiveX控件和Java程序 233
13.3 插入聲音
234
13.3.1 關(guān)于聲音文件的格式 235
13.3.2 鏈接聲音文件 235
13.3.3 在頁面中插入聲音 236
13.3.4 在頁面中嵌入背景聲音 236
本章小結(jié) 237
思考題 237
上機(jī)練習(xí) 237
第14章 測試和發(fā)布網(wǎng)頁 239
14.1 申請域名和主頁空間 239
14.1.1 如何申請域名 239
14.1.2 如何申請主頁空間 240
14.2 申請計(jì)數(shù)器和留言板 242
14.2.1 如何申請計(jì)數(shù)器 242
14.2.2 如何申請留言板 242
14.3 如何測試網(wǎng)頁 243
14.3.1 檢測瀏覽器兼容性 244
14.3.2 檢查鏈接錯(cuò)誤 244
14.3.3 在瀏覽器中預(yù)覽 246
14.4 將網(wǎng)頁發(fā)布到Internet上 246
14.4.1 用Dreamweaver的站點(diǎn)管理器上傳網(wǎng)頁 246
14.4.2 用CuteFTP上傳網(wǎng)頁 249
14.5 推廣你的網(wǎng)站——加入搜索引擎 250
本章小結(jié) 250
思考題 251
上機(jī)練習(xí) 251
拓 展 篇
第15章 頁面中一些特殊效果的實(shí)現(xiàn)方法 255
15.1 頁面的后臺(tái)代碼(HTML源代碼) 255
15.1.1 查看和編輯當(dāng)前頁面的HTML代碼 255
15.1.2 快速編輯HTML標(biāo)簽 260
15.1.3 定制HTML代碼格式 264
15.1.4 清理HTML代碼 267
15.2 使用腳本豐富網(wǎng)頁 268
15.2.1 特效實(shí)例 269
15.2.2 腳本的基本操作 270
15.2.3 顯示當(dāng)前日期和星期 272
15.2.4 實(shí)現(xiàn)文字跟隨鼠標(biāo)的特效 274
15.3 使用插件 274
15.3.1 特效實(shí)例 274
15.3.2 安裝插件 275
15.3.3 使用插件 276
15.3.4 刪除插件 279
本章小結(jié) 279
思考題 279
上機(jī)練習(xí) 279
第16章 使用Fireworks處理圖像 281
16.1 圖像優(yōu)化 281
16.2 切割圖像 285
16.3 導(dǎo)出圖像 285
16.3.1 導(dǎo)出一個(gè)圖像 285
16.3.2 導(dǎo)出一個(gè)區(qū)域的圖像 286
16.3.3 導(dǎo)出切片 287
16.4 制作按鈕 287
16.5 制作下拉菜單 292
16.6 Dreamweaver和Fireworks聯(lián)合作業(yè) 294
16.6.1 使用Fireworks編輯和優(yōu)化Dreamweaver中的圖像 294
16.6.2 在Dreamweaver中插入Fireworks文件 295
16.6.3 使用Dreamweaver和Fireworks結(jié)合創(chuàng)建網(wǎng)頁相冊 296
本章小結(jié) 298
上機(jī)練習(xí) 298
第17章 頁面中常見Flash動(dòng)畫的制作方法 299
17.1 Flash的幾個(gè)重要概念 299
17.1.1 Flash動(dòng)畫的格式 299
17.1.2 矢量圖和位圖 300
17.1.3 舞臺(tái)和工作區(qū) 300
17.1.4 幀和時(shí)間線 300
17.1.5 符號(hào)和實(shí)例 300
17.2 簡單動(dòng)畫的制作 301
17.2.1 運(yùn)動(dòng)漸變動(dòng)畫 301
17.2.2 形狀漸變動(dòng)畫 305
17.3 層動(dòng)畫的制作 306
17.3.1 使用遮罩圖層 306
17.3.2 使用運(yùn)動(dòng)導(dǎo)向圖層 310
本章小結(jié) 314
思考題 314
上機(jī)練習(xí) 315
第18章 動(dòng)態(tài)網(wǎng)頁技術(shù)簡介 316
18.1 動(dòng)態(tài)網(wǎng)頁技術(shù)概述 316
18.2 動(dòng)態(tài)網(wǎng)頁的實(shí)現(xiàn)技術(shù) 317
18.2.1 CGI技術(shù) 317
18.2.2 ASP技術(shù) 318
18.2.3 PHP技術(shù) 319
18.2.4 JSP技術(shù) 321
18.3 Dreamweaver UltraDev 4簡介 322
18.3.1 UltraDev 的可視化特點(diǎn) 322
18.3.2 UltraDev的開發(fā)流程和開發(fā)環(huán)境 323
18.4 用Dreamweaver UltraDev 4處理表單數(shù)據(jù) 324
18.4.1 數(shù)據(jù)庫設(shè)計(jì)和頁面結(jié)構(gòu)規(guī)劃 325
18.4.2 設(shè)計(jì)投票頁面 325
18.4.3 設(shè)計(jì)處理表單頁面 326
18.4.4 設(shè)計(jì)結(jié)果頁面 327
本章小結(jié) 329
思考題 329 