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

基 礎(chǔ) 篇
第1章 網(wǎng)頁(yè)制作技術(shù)概述 3
1.1 常用的網(wǎng)頁(yè)制作工具 3
1.1.1 FrontPage 2000 簡(jiǎn)介 3
1.1.2 Dreamweaver簡(jiǎn)介 4
1.1.3 Dreamweaver和FrontPage 2000的簡(jiǎn)單比較 4
1.2 美化網(wǎng)頁(yè)的主要工具 5
1.2.1 圖像處理工具Fireworks 5
1.2.2 動(dòng)畫(huà)制作工具Flash
6
1.3 網(wǎng)頁(yè)中的腳本語(yǔ)言 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的用戶(hù)界面 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 打開(kāi)站點(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)站首頁(yè) 25
2.4.4 顯示站點(diǎn)地圖 25
2.5 網(wǎng)頁(yè)文件的基本操作 27
2.5.1 新建、保存和打開(kāi)網(wǎng)頁(yè) 27
2.5.2 預(yù)覽網(wǎng)頁(yè) 29
本章小結(jié) 30
思考題 31
上機(jī)練習(xí) 31
第3章 制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 32
3.1 簡(jiǎn)單網(wǎng)頁(yè)實(shí)例一 32
3.2 在頁(yè)面中插入基本的網(wǎng)頁(yè)元素 33
3.2.1 在頁(yè)面中添加和處理文字 33
3.2.2 在頁(yè)面中插入和處理圖像 39
3.2.3 插入水平線(xiàn) 44
3.2.4 插入日期和時(shí)間 46
3.3 簡(jiǎn)單網(wǎng)頁(yè)實(shí)例二 47
3.4 設(shè)置網(wǎng)頁(yè)屬性 48
3.4.1 認(rèn)識(shí)網(wǎng)頁(yè)屬性對(duì)話(huà)框 48
3.4.2 在標(biāo)題欄中增添網(wǎng)頁(yè)標(biāo)題 49
3.4.3 為網(wǎng)頁(yè)增添背景圖像 49
3.4.4 調(diào)整網(wǎng)頁(yè)的邊距 49
345 相關(guān)知識(shí)點(diǎn) 50
本章小結(jié) 51
思考題 52
上機(jī)練習(xí) 52
第4章 在網(wǎng)頁(yè)中建立各種超級(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 在新的瀏覽窗口中打開(kāi)鏈接文件 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ū)添加說(shuō)明文字和制作超級(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)頁(yè) 75
5.1 一個(gè)利用表格進(jìn)行頁(yè)面布局的實(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 在表格中插入頁(yè)面元素 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 利用表格制作水平線(xiàn)和垂直線(xiàn) 91
5.5.2 制作簡(jiǎn)單的圓角表格 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)頁(yè)
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 編輯框架集頁(yè)面內(nèi)容與保存框架集文件 105
6.3.1 編輯框架集頁(yè)面內(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)頁(yè)外觀 109
6.5.1 設(shè)置框架集屬性 109
6.5.2 設(shè)置框架屬性 111
本章小結(jié) 114
思考題 114
上機(jī)練習(xí) 114
第7章 應(yīng)用圖層技術(shù)制作網(wǎng)頁(yè) 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 更改圖層的名稱(chēng) 123
7.3.2 改變圖層的疊放次序 124
7.3.3 改變圖層的可見(jiàn)性 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í)間線(xiàn)制作動(dòng)畫(huà) 135
8.1 認(rèn)識(shí)時(shí)間線(xiàn) 135
8.2 創(chuàng)建時(shí)間線(xiàn)動(dòng)畫(huà) 135
8.2.1 一個(gè)簡(jiǎn)單的直線(xiàn)運(yùn)動(dòng)的時(shí)間線(xiàn)動(dòng)畫(huà)實(shí)例 135
8.2.2 認(rèn)識(shí)時(shí)間線(xiàn)面板 137
8.2.3 一個(gè)曲線(xiàn)運(yùn)動(dòng)的時(shí)間線(xiàn)動(dòng)畫(huà)實(shí)例 138
8.2.4 創(chuàng)建復(fù)雜路徑的時(shí)間線(xiàn)動(dòng)畫(huà)實(shí)例 140
8.3 使用時(shí)間線(xiàn)改變圖像和層屬性 141
8.3.1 實(shí)現(xiàn)幻燈片效果 141
8.3.2 實(shí)現(xiàn)圖像的漸推式顯示效果 143
本章小結(jié) 144
思考題 144
上機(jī)練習(xí) 144
第9章 為頁(yè)面元素添加行為 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 打開(kāi)瀏覽器窗口(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í)間線(xiàn)(Timeline) 168
本章小結(jié) 170
思考題 170
上機(jī)練習(xí) 170
第10章 在網(wǎng)頁(yè)中使用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——暢想未來(lái)調(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)用模板和庫(kù)快速設(shè)計(jì)網(wǎng)頁(yè) 207
12.1 利用模板創(chuàng)建新頁(yè)面 207
12.1.1 創(chuàng)建模板 209
12.1.2 定義可編輯區(qū)域 210
12.1.3 創(chuàng)建基于模板的新頁(yè)面 211
12.2 利用模板更新網(wǎng)頁(yè) 213
12.2.1 應(yīng)用模板到當(dāng)前網(wǎng)頁(yè) 213
12.2.2 修改模板和更新網(wǎng)頁(yè) 214
12.2.3 模板的管理 216
12.3 利用庫(kù)項(xiàng)目維護(hù)網(wǎng)頁(yè) 217
12.3.1 庫(kù)項(xiàng)目的創(chuàng)建 218
12.3.2 庫(kù)項(xiàng)目的應(yīng)用 219
12.3.3 通過(guò)編輯庫(kù)項(xiàng)目更新網(wǎng)頁(yè) 220
12.3.4 庫(kù)項(xiàng)目的管理 221
本章小結(jié) 223
思考題 223
上機(jī)練習(xí) 223
第13章 在網(wǎng)頁(yè)中制作多媒體 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 在頁(yè)面中插入聲音 236
13.3.4 在頁(yè)面中嵌入背景聲音 236
本章小結(jié) 237
思考題 237
上機(jī)練習(xí) 237
第14章 測(cè)試和發(fā)布網(wǎng)頁(yè) 239
14.1 申請(qǐng)域名和主頁(yè)空間 239
14.1.1 如何申請(qǐng)域名 239
14.1.2 如何申請(qǐng)主頁(yè)空間 240
14.2 申請(qǐng)計(jì)數(shù)器和留言板 242
14.2.1 如何申請(qǐng)計(jì)數(shù)器 242
14.2.2 如何申請(qǐng)留言板 242
14.3 如何測(cè)試網(wǎng)頁(yè) 243
14.3.1 檢測(cè)瀏覽器兼容性 244
14.3.2 檢查鏈接錯(cuò)誤 244
14.3.3 在瀏覽器中預(yù)覽 246
14.4 將網(wǎng)頁(yè)發(fā)布到Internet上 246
14.4.1 用Dreamweaver的站點(diǎn)管理器上傳網(wǎng)頁(yè) 246
14.4.2 用CuteFTP上傳網(wǎng)頁(yè) 249
14.5 推廣你的網(wǎng)站——加入搜索引擎 250
本章小結(jié) 250
思考題 251
上機(jī)練習(xí) 251
拓 展 篇
第15章 頁(yè)面中一些特殊效果的實(shí)現(xiàn)方法 255
15.1 頁(yè)面的后臺(tái)代碼(HTML源代碼) 255
15.1.1 查看和編輯當(dāng)前頁(yè)面的HTML代碼 255
15.1.2 快速編輯HTML標(biāo)簽 260
15.1.3 定制HTML代碼格式 264
15.1.4 清理HTML代碼 267
15.2 使用腳本豐富網(wǎng)頁(yè) 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)頁(yè)相冊(cè) 296
本章小結(jié) 298
上機(jī)練習(xí) 298
第17章 頁(yè)面中常見(jiàn)Flash動(dòng)畫(huà)的制作方法 299
17.1 Flash的幾個(gè)重要概念 299
17.1.1 Flash動(dòng)畫(huà)的格式 299
17.1.2 矢量圖和位圖 300
17.1.3 舞臺(tái)和工作區(qū) 300
17.1.4 幀和時(shí)間線(xiàn) 300
17.1.5 符號(hào)和實(shí)例 300
17.2 簡(jiǎn)單動(dòng)畫(huà)的制作 301
17.2.1 運(yùn)動(dòng)漸變動(dòng)畫(huà) 301
17.2.2 形狀漸變動(dòng)畫(huà) 305
17.3 層動(dòng)畫(huà)的制作 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)頁(yè)技術(shù)簡(jiǎn)介 316
18.1 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)概述 316
18.2 動(dòng)態(tài)網(wǎng)頁(yè)的實(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簡(jiǎn)介 322
18.3.1 UltraDev 的可視化特點(diǎn) 322
18.3.2 UltraDev的開(kāi)發(fā)流程和開(kāi)發(fā)環(huán)境 323
18.4 用Dreamweaver UltraDev 4處理表單數(shù)據(jù) 324
18.4.1 數(shù)據(jù)庫(kù)設(shè)計(jì)和頁(yè)面結(jié)構(gòu)規(guī)劃 325
18.4.2 設(shè)計(jì)投票頁(yè)面 325
18.4.3 設(shè)計(jì)處理表單頁(yè)面 326
18.4.4 設(shè)計(jì)結(jié)果頁(yè)面 327
本章小結(jié) 329
思考題 329 