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

第1章 網(wǎng)頁制作基礎(chǔ)知識 1
1.1 網(wǎng)頁簡介 1
1.1.1 網(wǎng)頁與網(wǎng)站 1
1.1.2 精彩網(wǎng)頁欣賞 3
1.1.3 網(wǎng)頁制作軟件介紹 4
1.1.4 網(wǎng)頁制作流程 5
1.2 HTML入門 5
1.2.1 什么是HTML 5
1.2.2 創(chuàng)建一個簡單的HTML程序 5
1.2.3 瀏覽和修改網(wǎng)頁 6
1.2.4 文件的路徑名和URL 7
1.3 HTML程序設(shè)計基礎(chǔ) 8
1.3.1 HTML中的常用標記 8
1.3.2 圖像處理 9
1.3.3 添加背景音樂和插入動畫 11
1.3.4 不同文件間的鏈接 12
1.3.5 網(wǎng)頁框架 13
小結(jié) 17
習(xí)題 17
第2章 Dreamweaver CS3基礎(chǔ) 18
2.1 Dreamweaver CS3工作區(qū)簡介 18
2.1.1 運行Dreamweaver CS3 18
2.1.2 文檔窗口和狀態(tài)欄 19
2.1.3 標尺和網(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 建立本地站點 25
2.2.4 網(wǎng)頁頁面屬性的設(shè)置 26
2.3 在網(wǎng)頁中插入文本和編輯文本 28
2.3.1 在網(wǎng)頁中插入文本 29
2.3.2 文本屬性的設(shè)置 30
2.3.3 文字的列表設(shè)置 31
2.3.4 文字操作 33
2.4 在網(wǎng)頁中插入圖像和編輯圖像 34
2.4.1 在網(wǎng)頁中加載圖像 34
2.4.2 在網(wǎng)頁中編輯圖像 35
2.4.3 編輯網(wǎng)頁圖像 37
2.4.4 圖文混排 39
2.4.5 鼠標經(jīng)過圖像 40
2.5 在網(wǎng)頁中插入其他對象 41
2.5.1 插入Flash動畫 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)用實例 50
2.6.1 “HTML技術(shù)”網(wǎng)頁 50
2.6.2 “FLASH技術(shù)”網(wǎng)頁 52
小結(jié) 54
習(xí)題 54
第3章 框架、表格、AP Div 56
3.1 在網(wǎng)頁中使用框架 56
3.1.1 框架操作 56
3.1.2 框架觀察器 58
3.1.3 在框架內(nèi)插入HTML文件內(nèi)容與保存框架文件 59
3.2 在網(wǎng)頁中創(chuàng)建表格 59
3.2.1 制作簡單的表格與調(diào)整表格大小 60
3.2.2 選擇表格和設(shè)置表格的屬性 61
3.2.3 編輯表格 62
3.3 AP Div與Div標簽 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的默認設(shè)置 65
3.3.5 AP元素面板 66
3.3.6 Div標簽 66
3.3.7 縮放AP Div 67
3.3.8 移動AP Div 68
3.3.9 對齊AP Div 68
3.3.10 AP Div的可見性 69
3.3.11 設(shè)置AP Div的z軸順序 69
3.3.12 嵌套AP Div 70
3.4 應(yīng)用實例 71
3.4.1 “我的主頁”網(wǎng)頁 71
3.4.2 用表格編排的“常用軟件下載”網(wǎng)頁 72
小結(jié) 74
習(xí)題 74
第4章 表單與CSS樣式表 75
4.1 表單 75
4.1.1 創(chuàng)建表單域與設(shè)置表單域的屬性 75
4.1.2 插入表單對象 76
4.2 CSS樣式表 80
4.2.1 創(chuàng)建CSS樣式表與編輯樣式表對話框 80
4.2.2 定義CSS樣式表 81
4.3 應(yīng)用實例 85
4.3.1 “網(wǎng)上報名表”網(wǎng)頁 86
4.3.2 “新聞內(nèi)容”網(wǎng)頁 87
小結(jié) 88
習(xí)題 88
第5章 行為和命令 89
5.1 行為面板與設(shè)置動作 89
5.1.1 行為面板 89
5.1.2 動作設(shè)置 92
5.2 命令 98
5.2.1 應(yīng)用Dreamweaver CS3內(nèi)置命令創(chuàng)建相冊 98
5.2.2 應(yīng)用其他Dreamweaver CS3內(nèi)置命令 99
5.2.3 自定義命令 100
5.3 應(yīng)用實例 101
5.3.1 帶跳轉(zhuǎn)菜單的網(wǎng)頁 101
5.3.2 改變屬性 102
小結(jié) 103
習(xí)題 104
第6章 站點管理、模板與庫 105
6.1 站點管理 105
6.1.1 新建站點和站點視圖 105
6.1.2 文件面板和站點窗口 108
6.2 建立與本地HTML和圖像文件的鏈接 109
6.2.1 文字或圖像與外部HTML和圖像文件的鏈接 109
6.2.2 文字或圖像與HTML文件錨點的鏈接 111
6.2.3 建立映射圖與HTML文件的鏈接 112
6.3 建立電子郵件、無址和腳本鏈接及遠程登錄 113
6.3.1 建立電子郵件鏈接 114
6.3.2 建立無址鏈接 114
6.3.3 建立腳本鏈接與遠程登錄 114
6.4 用站點窗口檢查與修改站點 115
6.4.1 查找與替換 115
6.4.2 鏈接的檢查與修復(fù) 116
6.4.3 檢查每個頁面下載的時間 118
6.4.4 在瀏覽器中預(yù)覽網(wǎng)頁 119
6.5 建立本地站點和制作主頁 120
6.5.1 建立本地站點 120
6.5.2 制作主頁 121
6.6 制作內(nèi)容頁面 123
6.6.1 創(chuàng)建模板 123
6.6.2 使用模板制作網(wǎng)頁 125
6.6.3 修改模板和其他操作 127
6.6.4 【資源】面板 128
6.7 發(fā)布站點 130
6.7.1 申請主頁空間 130
6.7.2 定義服務(wù)器信息 136
6.7.3 發(fā)布站點 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 場景和舞臺 141
7.1.4 工作區(qū) 142
7.1.5 面板 142
7.2 中文Flash CS3的基本操作 143
7.2.1 文件操作 143
7.2.2 對象操作 144
7.2.3 聲音處理 148
7.3 Flash動畫制作基礎(chǔ) 152
7.3.1 Flash動畫的種類 152
7.3.2 Flash影片的制作過程概述 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)用實例 160
小結(jié) 162
習(xí)題 162
第8章 創(chuàng)建和編輯對象 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 編輯對象 166
8.2.1 對象的來源 166
8.2.2 使用工具設(shè)置屬性 166
8.3 應(yīng)用實例 171
小結(jié) 178
習(xí)題 178
第9章 動畫制作 179
9.1 中文Flash CS3動畫制作的基本方法 179
9.1.1 制作Flash動畫的基本常識與基本操作 179
9.1.2 動畫的編輯制作 179
9.2 元件與實例 181
9.2.1 創(chuàng)建元件 181
9.2.2 對象轉(zhuǎn)換為元件或影片剪輯單元 182
9.2.3 編輯元件 183
9.3 應(yīng)用實例 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 新建、打開與存儲文件 208
10.2.1 新建文件 208
10.2.2 打開文件 209
10.2.3 存儲文件 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 認識選區(qū) 220
10.6.2 利用【套索】工具摳圖 220
10.6.3 利用【魔棒】工具摳圖 221
10.6.4 利用【魔術(shù)橡皮擦】工具摳圖 223
10.6.5 利用【路徑】工具摳圖 225
10.7 圖像移動與復(fù)制 231
10.7.1 在當前文件中移動圖像 232
10.7.2 在兩個文件之間移動復(fù)制圖像 232
10.7.3 利用【移動】工具復(fù)制圖像 233
10.8 圖像變換、對齊與分布 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 【亮度/對比度】命令 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)頁按鈕 252
11.5 圖像合成 254
11.5.1 利用蒙版合成圖像 254
11.5.2 無縫拼接全景風(fēng)景畫 256
11.5.3 利用圖層制作線紋效果 257
小結(jié) 258
習(xí)題 258
第12章 網(wǎng)站美工設(shè)計及后臺修改 261
12.1 網(wǎng)站主頁版面設(shè)計 261
12.1.1 設(shè)計主圖像 261
12.1.2 設(shè)計網(wǎng)站背景 264
12.1.3 設(shè)計頁眉 266
12.1.4 編排主要內(nèi)容 268
12.1.5 設(shè)計按鈕及頁腳 271
12.2 圖像切片 274
12.2.1 切片的類型 274
12.2.2 創(chuàng)建切片 275
12.2.3 編輯切片 276
12.3 存儲網(wǎng)頁圖片 277
12.3.1 存儲為JPG格式圖片 277
12.3.2 存儲為GIF格式圖片 277
12.3.3 優(yōu)化存儲網(wǎng)頁圖片 278
小結(jié) 280
習(xí)題 280