網(wǎng)頁(yè)制作案例教程（第2版）

第1章 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí) 1
1.1 網(wǎng)頁(yè)簡(jiǎn)介 1
1.1.1 網(wǎng)頁(yè)與網(wǎng)站 1
1.1.2 精彩網(wǎng)頁(yè)欣賞 3
1.1.3 網(wǎng)頁(yè)制作軟件介紹 4
1.1.4 網(wǎng)頁(yè)制作流程 5
1.2 HTML入門 5
1.2.1 什么是HTML 5
1.2.2 創(chuàng)建一個(gè)簡(jiǎn)單的HTML程序 5
1.2.3 瀏覽和修改網(wǎng)頁(yè) 6
1.2.4 文件的路徑名和URL 7
1.3 HTML程序設(shè)計(jì)基礎(chǔ) 8
1.3.1 HTML中的常用標(biāo)記 8
1.3.2 圖像處理 9
1.3.3 添加背景音樂(lè)和插入動(dòng)畫 11
1.3.4 不同文件間的鏈接 12
1.3.5 網(wǎng)頁(yè)框架 13
小結(jié) 17
習(xí)題 17
第2章 Dreamweaver CS3基礎(chǔ) 18
2.1 Dreamweaver CS3工作區(qū)簡(jiǎn)介 18
2.1.1 運(yùn)行Dreamweaver CS3 18
2.1.2 文檔窗口和狀態(tài)欄 19
2.1.3 標(biāo)尺和網(wǎng)格 20
2.1.4 屬性欄和插入欄 21
2.1.5 面板的基本操作 22
2.2 文檔操作 23
2.2.1 文檔的快速打開與創(chuàng)建 23
2.2.2 文檔的常規(guī)操作 24
2.2.3 建立本地站點(diǎn) 25
2.2.4 網(wǎng)頁(yè)頁(yè)面屬性的設(shè)置 26
2.3 在網(wǎng)頁(yè)中插入文本和編輯文本 28
2.3.1 在網(wǎng)頁(yè)中插入文本 29
2.3.2 文本屬性的設(shè)置 30
2.3.3 文字的列表設(shè)置 31
2.3.4 文字操作 33
2.4 在網(wǎng)頁(yè)中插入圖像和編輯圖像 34
2.4.1 在網(wǎng)頁(yè)中加載圖像 34
2.4.2 在網(wǎng)頁(yè)中編輯圖像 35
2.4.3 編輯網(wǎng)頁(yè)圖像 37
2.4.4 圖文混排 39
2.4.5 鼠標(biāo)經(jīng)過(guò)圖像 40
2.5 在網(wǎng)頁(yè)中插入其他對(duì)象 41
2.5.1 插入Flash動(dòng)畫 41
2.5.2 插入Flash按鈕 42
2.5.3 插入Flash文本 43
2.5.4 插入【圖像查看器】 44
2.5.5 插入Shockwave影片 45
2.5.6 插入插件和導(dǎo)航條 46
2.5.7 插入Applet 47
2.5.8 插入ActiveX 47
2.5.9 插入特殊字符和水平條 48
2.6 應(yīng)用實(shí)例 50
2.6.1 “HTML技術(shù)”網(wǎng)頁(yè) 50
2.6.2 “FLASH技術(shù)”網(wǎng)頁(yè) 52
小結(jié) 54
習(xí)題 54
第3章 框架、表格、AP Div 56
3.1 在網(wǎng)頁(yè)中使用框架 56
3.1.1 框架操作 56
3.1.2 框架觀察器 58
3.1.3 在框架內(nèi)插入HTML文件內(nèi)容與保存框架文件 59
3.2 在網(wǎng)頁(yè)中創(chuàng)建表格 59
3.2.1 制作簡(jiǎn)單的表格與調(diào)整表格大小 60
3.2.2 選擇表格和設(shè)置表格的屬性 61
3.2.3 編輯表格 62
3.3 AP Div與Div標(biāo)簽 64
3.3.1 創(chuàng)建AP Div 64
3.3.2 選定AP Div 64
3.3.3 AP Div屬性 65
3.3.4 AP Div的默認(rèn)設(shè)置 65
3.3.5 AP元素面板 66
3.3.6 Div標(biāo)簽 66
3.3.7 縮放AP Div 67
3.3.8 移動(dòng)AP Div 68
3.3.9 對(duì)齊AP Div 68
3.3.10 AP Div的可見(jiàn)性 69
3.3.11 設(shè)置AP Div的z軸順序 69
3.3.12 嵌套AP Div 70
3.4 應(yīng)用實(shí)例 71
3.4.1 “我的主頁(yè)”網(wǎng)頁(yè) 71
3.4.2 用表格編排的“常用軟件下載”網(wǎng)頁(yè) 72
小結(jié) 74
習(xí)題 74
第4章 表單與CSS樣式表 75
4.1 表單 75
4.1.1 創(chuàng)建表單域與設(shè)置表單域的屬性 75
4.1.2 插入表單對(duì)象 76
4.2 CSS樣式表 80
4.2.1 創(chuàng)建CSS樣式表與編輯樣式表對(duì)話框 80
4.2.2 定義CSS樣式表 81
4.3 應(yīng)用實(shí)例 85
4.3.1 “網(wǎng)上報(bào)名表”網(wǎng)頁(yè) 86
4.3.2 “新聞內(nèi)容”網(wǎng)頁(yè) 87
小結(jié) 88
習(xí)題 88
第5章 行為和命令 89
5.1 行為面板與設(shè)置動(dòng)作 89
5.1.1 行為面板 89
5.1.2 動(dòng)作設(shè)置 92
5.2 命令 98
5.2.1 應(yīng)用Dreamweaver CS3內(nèi)置命令創(chuàng)建相冊(cè) 98
5.2.2 應(yīng)用其他Dreamweaver CS3內(nèi)置命令 99
5.2.3 自定義命令 100
5.3 應(yīng)用實(shí)例 101
5.3.1 帶跳轉(zhuǎn)菜單的網(wǎng)頁(yè) 101
5.3.2 改變屬性 102
小結(jié) 103
習(xí)題 104
第6章 站點(diǎn)管理、模板與庫(kù) 105
6.1 站點(diǎn)管理 105
6.1.1 新建站點(diǎn)和站點(diǎn)視圖 105
6.1.2 文件面板和站點(diǎn)窗口 108
6.2 建立與本地HTML和圖像文件的鏈接 109
6.2.1 文字或圖像與外部HTML和圖像文件的鏈接 109
6.2.2 文字或圖像與HTML文件錨點(diǎn)的鏈接 111
6.2.3 建立映射圖與HTML文件的鏈接 112
6.3 建立電子郵件、無(wú)址和腳本鏈接及遠(yuǎn)程登錄 113
6.3.1 建立電子郵件鏈接 114
6.3.2 建立無(wú)址鏈接 114
6.3.3 建立腳本鏈接與遠(yuǎn)程登錄 114
6.4 用站點(diǎn)窗口檢查與修改站點(diǎn) 115
6.4.1 查找與替換 115
6.4.2 鏈接的檢查與修復(fù) 116
6.4.3 檢查每個(gè)頁(yè)面下載的時(shí)間 118
6.4.4 在瀏覽器中預(yù)覽網(wǎng)頁(yè) 119
6.5 建立本地站點(diǎn)和制作主頁(yè) 120
6.5.1 建立本地站點(diǎn) 120
6.5.2 制作主頁(yè) 121
6.6 制作內(nèi)容頁(yè)面 123
6.6.1 創(chuàng)建模板 123
6.6.2 使用模板制作網(wǎng)頁(yè) 125
6.6.3 修改模板和其他操作 127
6.6.4 【資源】面板 128
6.7 發(fā)布站點(diǎn) 130
6.7.1 申請(qǐng)主頁(yè)空間 130
6.7.2 定義服務(wù)器信息 136
6.7.3 發(fā)布站點(diǎn) 137
小結(jié) 138
習(xí)題 138
第7章 Flash CS3基礎(chǔ) 139
7.1 中文Flash CS3的工作界面 139
7.1.1 主工具欄和工具箱 140
7.1.2 系統(tǒng)菜單欄和編輯欄 141
7.1.3 場(chǎng)景和舞臺(tái) 141
7.1.4 工作區(qū) 142
7.1.5 面板 142
7.2 中文Flash CS3的基本操作 143
7.2.1 文件操作 143
7.2.2 對(duì)象操作 144
7.2.3 聲音處理 148
7.3 Flash動(dòng)畫制作基礎(chǔ) 152
7.3.1 Flash動(dòng)畫的種類 152
7.3.2 Flash影片的制作過(guò)程概述 153
7.4 導(dǎo)入、導(dǎo)出和素材處理 155
7.4.1 導(dǎo)入外部素材 155
7.4.2 作品的導(dǎo)出與發(fā)布 156
7.5 應(yīng)用實(shí)例 160
小結(jié) 162
習(xí)題 162
第8章 創(chuàng)建和編輯對(duì)象 163
8.1 圖形工具 163
8.1.1 【線條】工具 163
8.1.2 【橢圓】工具 164
8.1.3 【矩形】工具 164
8.1.4 【多角星形】工具 165
8.1.5 【刷子】工具 165
8.2 編輯對(duì)象 166
8.2.1 對(duì)象的來(lái)源 166
8.2.2 使用工具設(shè)置屬性 166
8.3 應(yīng)用實(shí)例 171
小結(jié) 178
習(xí)題 178
第9章 動(dòng)畫制作 179
9.1 中文Flash CS3動(dòng)畫制作的基本方法 179
9.1.1 制作Flash動(dòng)畫的基本常識(shí)與基本操作 179
9.1.2 動(dòng)畫的編輯制作 179
9.2 元件與實(shí)例 181
9.2.1 創(chuàng)建元件 181
9.2.2 對(duì)象轉(zhuǎn)換為元件或影片剪輯單元 182
9.2.3 編輯元件 183
9.3 應(yīng)用實(shí)例 183
小結(jié) 204
習(xí)題 204
第10章 圖像編輯與摳圖 205
10.1 Photoshop CS3界面窗口 205
10.1.1 Photoshop CS3界面窗口布局 205
10.1.2 工具箱 207
10.1.3 控制面板的顯示與隱藏 207
10.2 新建、打開與存儲(chǔ)文件 208
10.2.1 新建文件 208
10.2.2 打開文件 209
10.2.3 存儲(chǔ)文件 209
10.3 圖像顯示控制 210
10.3.1 【縮放】工具 210
10.3.2 【抓手】工具 211
10.3.3 屏幕顯示模式 211
10.4 圖像尺寸與圖像文件大小 212
10.4.1 圖像尺寸 212
10.4.2 圖像文件大小 212
10.4.3 查看圖像文件大小 213
10.4.4 調(diào)整圖像文件大小 213
10.4.5 調(diào)整畫布大小 214
10.5 圖像裁剪 215
10.5.1 按照構(gòu)圖裁剪照片 216
10.5.2 旋轉(zhuǎn)裁剪傾斜的照片 217
10.5.3 度量矯正傾斜的照片 217
10.5.4 統(tǒng)一尺寸的照片裁剪 218
10.6 圖像摳圖 220
10.6.1 認(rèn)識(shí)選區(qū) 220
10.6.2 利用【套索】工具摳圖 220
10.6.3 利用【魔棒】工具摳圖 221
10.6.4 利用【魔術(shù)橡皮擦】工具摳圖 223
10.6.5 利用【路徑】工具摳圖 225
10.7 圖像移動(dòng)與復(fù)制 231
10.7.1 在當(dāng)前文件中移動(dòng)圖像 232
10.7.2 在兩個(gè)文件之間移動(dòng)復(fù)制圖像 232
10.7.3 利用【移動(dòng)】工具復(fù)制圖像 233
10.8 圖像變換、對(duì)齊與分布 235
小結(jié) 238
習(xí)題 238
第11章 圖像調(diào)整與合成 240
11.1 圖像色彩調(diào)整 240
11.1.1 【色階】命令 240
11.1.2 【曲線】命令 241
11.1.3 【色彩平衡】命令 241
11.1.4 【亮度/對(duì)比度】命令 241
11.1.5 【色相/飽和度】命令 242
11.1.6 【照片濾鏡】命令 242
11.2 圖像修飾 243
11.2.1 圖章工具 243
11.2.2 修復(fù)工具 244
11.3 圖層 245
11.3.1 圖層概念 245
11.3.2 圖層面板 246
11.3.3 圖層類型 247
11.3.4 圖層操作 248
11.4 圖層樣式 249
11.4.1 圖層樣式 249
11.4.2 制作網(wǎng)頁(yè)按鈕 252
11.5 圖像合成 254
11.5.1 利用蒙版合成圖像 254
11.5.2 無(wú)縫拼接全景風(fēng)景畫 256
11.5.3 利用圖層制作線紋效果 257
小結(jié) 258
習(xí)題 258
第12章 網(wǎng)站美工設(shè)計(jì)及后臺(tái)修改 261
12.1 網(wǎng)站主頁(yè)版面設(shè)計(jì) 261
12.1.1 設(shè)計(jì)主圖像 261
12.1.2 設(shè)計(jì)網(wǎng)站背景 264
12.1.3 設(shè)計(jì)頁(yè)眉 266
12.1.4 編排主要內(nèi)容 268
12.1.5 設(shè)計(jì)按鈕及頁(yè)腳 271
12.2 圖像切片 274
12.2.1 切片的類型 274
12.2.2 創(chuàng)建切片 275
12.2.3 編輯切片 276
12.3 存儲(chǔ)網(wǎng)頁(yè)圖片 277
12.3.1 存儲(chǔ)為JPG格式圖片 277
12.3.2 存儲(chǔ)為GIF格式圖片 277
12.3.3 優(yōu)化存儲(chǔ)網(wǎng)頁(yè)圖片 278
小結(jié) 280
習(xí)題 280