《網頁製作案例教程（第3版）》是2013年1月出版的圖書，作者是高林、胡強。書中提供了大量的實例和使用技巧，每章後面還給出了一些實踐練習題。
基本介紹
- 書名：網頁製作案例教程（第3版）
- 作者：高林、胡強
- ISBN：978-7-115-29963-5
- 頁數：275 頁
- 定價：36.00 元
- 出版時間：第3版（2013年1月）
- 裝幀：平裝
- 開本：16 開
內容提要,目錄,
內容提要
本書是一本指導初學者快速掌握“網頁設計與製作”方法的普及類教材，每章內容都按照高等院校普遍使用的教學大綱進行編排，在編寫上採用理論介紹和案例講解相結合的方式。
全書共12章，詳細地介紹了初學者必須掌握的網頁設計基本知識，常用網頁製作軟體——Dreamweaver CS5、Flash CS5、Photoshop CS5的使用方法和操作步驟，並針對初學者在製作網頁時經常會遇到的問題進行了指導，以免初學者在起步的過程中走彎路。
本書既可以作為高等院校和高職高專“網頁設計與製作”課程的教材，也可作為初學者的自學用書。
全書共12章，詳細地介紹了初學者必須掌握的網頁設計基本知識，常用網頁製作軟體——Dreamweaver CS5、Flash CS5、Photoshop CS5的使用方法和操作步驟，並針對初學者在製作網頁時經常會遇到的問題進行了指導，以免初學者在起步的過程中走彎路。
本書既可以作為高等院校和高職高專“網頁設計與製作”課程的教材，也可作為初學者的自學用書。
目錄
第1章 網頁製作基礎知識 1
1.1 網頁簡介 1
1.1.1 網頁與網站 1
1.1.2 精彩網頁欣賞 3
1.1.3 網頁製作軟體介紹 4
1.1.4 網頁製作流程 5
1.2 HTML入門 5
1.2.1 什麼是HTML 5
1.2.2 創建一個簡單的HTML程式 6
1.2.3 瀏覽和修改網頁 6
1.2.4 檔案的路徑名和URL 7
1.3 HTML程式設計基礎 8
1.3.1 HTML中的常用標記 8
1.3.2 圖像處理 10
1.3.3 添加背景音樂和插入動畫 12
1.3.4 不同檔案間的連結 13
1.3.5 網頁框架 14
小結 17
習題 17
1.1 網頁簡介 1
1.1.1 網頁與網站 1
1.1.2 精彩網頁欣賞 3
1.1.3 網頁製作軟體介紹 4
1.1.4 網頁製作流程 5
1.2 HTML入門 5
1.2.1 什麼是HTML 5
1.2.2 創建一個簡單的HTML程式 6
1.2.3 瀏覽和修改網頁 6
1.2.4 檔案的路徑名和URL 7
1.3 HTML程式設計基礎 8
1.3.1 HTML中的常用標記 8
1.3.2 圖像處理 10
1.3.3 添加背景音樂和插入動畫 12
1.3.4 不同檔案間的連結 13
1.3.5 網頁框架 14
小結 17
習題 17
第2章 Dreamweaver CS5基礎 18
2.1 Dreamweaver CS5工作區簡介 18
2.1.1 運行Dreamweaver CS5 18
2.1.2 文檔視窗和狀態欄 19
2.1.3 標尺和格線 20
2.1.4 【屬性】面板和【插入】面板 21
2.1.5 面板的基本操作 22
2.2 文檔基本操作 23
2.2.1 文檔的快速打開與創建 23
2.2.2 文檔的常規操作 24
2.2.3 建立本地站點 25
2.2.4 網頁頁面屬性的設定 27
2.3 插入和編輯文本 29
2.3.1 插入文本 29
2.3.2 文本屬性的設定 30
2.3.3 文字的列表設定 32
2.3.4 文字基本操作 33
2.4 插入和編輯圖像 35
2.4.1 在網頁中載入圖像 35
2.4.2 在網頁中編輯圖像 35
2.4.3 編輯網頁圖像 37
2.4.4 圖文混排 40
2.4.5 滑鼠經過圖像 41
2.5 在網頁中插入媒體等對象 41
2.5.1 插入SWF動畫 42
2.5.2 插入Shockwave影片 43
2.5.3 插入外掛程式 43
2.5.4 插入Applet 44
2.5.5 插入ActiveX 45
2.5.6 插入特殊字元和水平線 46
2.6 套用實例 47
2.6.1 “HTML技術綜合練習”網頁 47
2.6.2 “Flash技術”網頁 49
小結 51
習題 51
2.1 Dreamweaver CS5工作區簡介 18
2.1.1 運行Dreamweaver CS5 18
2.1.2 文檔視窗和狀態欄 19
2.1.3 標尺和格線 20
2.1.4 【屬性】面板和【插入】面板 21
2.1.5 面板的基本操作 22
2.2 文檔基本操作 23
2.2.1 文檔的快速打開與創建 23
2.2.2 文檔的常規操作 24
2.2.3 建立本地站點 25
2.2.4 網頁頁面屬性的設定 27
2.3 插入和編輯文本 29
2.3.1 插入文本 29
2.3.2 文本屬性的設定 30
2.3.3 文字的列表設定 32
2.3.4 文字基本操作 33
2.4 插入和編輯圖像 35
2.4.1 在網頁中載入圖像 35
2.4.2 在網頁中編輯圖像 35
2.4.3 編輯網頁圖像 37
2.4.4 圖文混排 40
2.4.5 滑鼠經過圖像 41
2.5 在網頁中插入媒體等對象 41
2.5.1 插入SWF動畫 42
2.5.2 插入Shockwave影片 43
2.5.3 插入外掛程式 43
2.5.4 插入Applet 44
2.5.5 插入ActiveX 45
2.5.6 插入特殊字元和水平線 46
2.6 套用實例 47
2.6.1 “HTML技術綜合練習”網頁 47
2.6.2 “Flash技術”網頁 49
小結 51
習題 51
第3章 框架、表格和AP Div 53
3.1 在網頁中使用框架 53
3.1.1 框架操作 53
3.1.2 框架觀察器 55
3.1.3 在框架內插入HTML檔案內容與保存框架檔案 56
3.2 在網頁中創建表格 56
3.2.1 製作簡單的表格與調整表格大小 57
3.2.2 選擇表格和設定表格的屬性 58
3.2.3 編輯表格 59
3.3 AP Div與Div標籤 61
3.3.1 創建AP Div 61
3.3.2 選定AP Div 62
3.3.3 AP Div屬性 62
3.3.4 AP Div的默認設定 62
3.3.5 AP元素麵板 63
3.3.6 Div標籤 64
3.3.7 縮放AP Div 64
3.3.8 移動AP Div 65
3.3.9 對齊AP Div 65
3.3.10 AP Div的可見性 66
3.3.11 設定AP Div的z軸順序 66
3.3.12 嵌套AP Div 67
3.4 套用實例 67
3.4.1 “我的主頁”網頁 68
3.4.2 用表格編排的“常用軟體下載”網頁 69
小結 71
習題 71
3.1 在網頁中使用框架 53
3.1.1 框架操作 53
3.1.2 框架觀察器 55
3.1.3 在框架內插入HTML檔案內容與保存框架檔案 56
3.2 在網頁中創建表格 56
3.2.1 製作簡單的表格與調整表格大小 57
3.2.2 選擇表格和設定表格的屬性 58
3.2.3 編輯表格 59
3.3 AP Div與Div標籤 61
3.3.1 創建AP Div 61
3.3.2 選定AP Div 62
3.3.3 AP Div屬性 62
3.3.4 AP Div的默認設定 62
3.3.5 AP元素麵板 63
3.3.6 Div標籤 64
3.3.7 縮放AP Div 64
3.3.8 移動AP Div 65
3.3.9 對齊AP Div 65
3.3.10 AP Div的可見性 66
3.3.11 設定AP Div的z軸順序 66
3.3.12 嵌套AP Div 67
3.4 套用實例 67
3.4.1 “我的主頁”網頁 68
3.4.2 用表格編排的“常用軟體下載”網頁 69
小結 71
習題 71
第4章 表單與CSS樣式表 72
4.1 表單 72
4.1.1 創建表單域與設定表單域的屬性 72
4.1.2 插入表單對象 73
4.2 CSS樣式表 77
4.2.1 創建CSS樣式表 78
4.2.2 定義CSS樣式表 79
4.3 套用實例 83
4.3.1 “網上報名表”網頁 83
4.3.2 “新聞內容”網頁 84
小結 85
習題 85
4.1 表單 72
4.1.1 創建表單域與設定表單域的屬性 72
4.1.2 插入表單對象 73
4.2 CSS樣式表 77
4.2.1 創建CSS樣式表 78
4.2.2 定義CSS樣式表 79
4.3 套用實例 83
4.3.1 “網上報名表”網頁 83
4.3.2 “新聞內容”網頁 84
小結 85
習題 85
第5章 行為和命令 86
5.1 【行為】面板與動作設定 86
5.1.1 【行為】面板 86
5.1.2 動作設定 89
5.2 命令 93
5.2.1 清除HTML無效標記 93
5.2.2 最佳化圖像 93
5.2.3 自定義命令 94
5.3 套用實例 95
5.3.1 帶跳轉選單的網頁 95
5.3.2 改變屬性 96
小結 97
習題 97
5.1 【行為】面板與動作設定 86
5.1.1 【行為】面板 86
5.1.2 動作設定 89
5.2 命令 93
5.2.1 清除HTML無效標記 93
5.2.2 最佳化圖像 93
5.2.3 自定義命令 94
5.3 套用實例 95
5.3.1 帶跳轉選單的網頁 95
5.3.2 改變屬性 96
小結 97
習題 97
第6章 站點管理、模板與庫 98
6.1 站點管理 98
6.1.1 新建站點 98
6.1.2 【檔案】面板和站點視窗 101
6.2 建立與本地HTML和圖像檔案的連結 102
6.2.1 文字或圖像與外部HTML和圖像檔案的連結 102
6.2.2 文字或圖像與HTML檔案錨點的連結 103
6.2.3 建立映射圖與HTML檔案的連結 104
6.3 建立電子郵件、無址和腳本連結及遠程登錄 106
6.3.1 建立電子郵件連結 106
6.3.2 建立無址連結 106
6.3.3 建立腳本連結與遠程登錄 107
6.4 用站點視窗檢查與修改站點 107
6.4.1 查找與替換 107
6.4.2 連結的檢查與修復 108
6.4.3 檢查每個頁面下載的時間 110
6.4.4 在瀏覽器中預覽網頁 111
6.5 建立本地站點和製作主頁 112
6.5.1 建立本地站點 112
6.5.2 製作主頁 112
6.6 製作內容頁面 115
6.6.1 創建模板 115
6.6.2 使用模板製作網頁 117
6.6.3 修改模板和其他操作 118
6.6.4 【資源】面板 119
6.7 發布站點 122
6.7.1 申請主頁空間 122
6.7.2 定義伺服器信息 127
6.7.3 發布站點 128
小結 128
習題 128
6.1 站點管理 98
6.1.1 新建站點 98
6.1.2 【檔案】面板和站點視窗 101
6.2 建立與本地HTML和圖像檔案的連結 102
6.2.1 文字或圖像與外部HTML和圖像檔案的連結 102
6.2.2 文字或圖像與HTML檔案錨點的連結 103
6.2.3 建立映射圖與HTML檔案的連結 104
6.3 建立電子郵件、無址和腳本連結及遠程登錄 106
6.3.1 建立電子郵件連結 106
6.3.2 建立無址連結 106
6.3.3 建立腳本連結與遠程登錄 107
6.4 用站點視窗檢查與修改站點 107
6.4.1 查找與替換 107
6.4.2 連結的檢查與修復 108
6.4.3 檢查每個頁面下載的時間 110
6.4.4 在瀏覽器中預覽網頁 111
6.5 建立本地站點和製作主頁 112
6.5.1 建立本地站點 112
6.5.2 製作主頁 112
6.6 製作內容頁面 115
6.6.1 創建模板 115
6.6.2 使用模板製作網頁 117
6.6.3 修改模板和其他操作 118
6.6.4 【資源】面板 119
6.7 發布站點 122
6.7.1 申請主頁空間 122
6.7.2 定義伺服器信息 127
6.7.3 發布站點 128
小結 128
習題 128
第7章 Flash CS5基礎 130
7.1 中文Flash CS5的工作界面 130
7.1.1 主工具列和工具箱 131
7.1.2 系統選單欄和編輯欄 132
7.1.3 場景和舞台 132
7.1.4 工作區 133
7.1.5 面板 134
7.2 中文Flash CS5的基本操作 135
7.2.1 檔案操作 135
7.2.2 對象操作 136
7.2.3 聲音處理 139
7.3 Flash動畫製作基礎 144
7.3.1 Flash動畫的種類 144
7.3.2 Flash影片的製作過程 145
7.4 導入、導出和素材處理 148
7.4.1 導入外部素材 148
7.4.2 作品的導出與發布 149
7.5 套用實例 152
小結 156
習題 156
7.1 中文Flash CS5的工作界面 130
7.1.1 主工具列和工具箱 131
7.1.2 系統選單欄和編輯欄 132
7.1.3 場景和舞台 132
7.1.4 工作區 133
7.1.5 面板 134
7.2 中文Flash CS5的基本操作 135
7.2.1 檔案操作 135
7.2.2 對象操作 136
7.2.3 聲音處理 139
7.3 Flash動畫製作基礎 144
7.3.1 Flash動畫的種類 144
7.3.2 Flash影片的製作過程 145
7.4 導入、導出和素材處理 148
7.4.1 導入外部素材 148
7.4.2 作品的導出與發布 149
7.5 套用實例 152
小結 156
習題 156
第8章 創建和編輯對象 157
8.1 圖形工具 157
8.1.1 【線條】工具 157
8.1.2 【橢圓】工具 158
8.1.3 【矩形】工具 158
8.1.4 【多角星形】工具 159
8.1.5 【刷子】工具 159
8.2 編輯對象 160
8.2.1 對象的來源 160
8.2.2 使用工具設定屬性 160
8.3 套用實例 165
8.3.1 立體彩球 165
8.3.2 一串立體彩球 167
8.3.3 撲克牌 168
8.3.4 樹苗 170
8.3.5 彩球倒影 171
小結 172
習題 172
8.1 圖形工具 157
8.1.1 【線條】工具 157
8.1.2 【橢圓】工具 158
8.1.3 【矩形】工具 158
8.1.4 【多角星形】工具 159
8.1.5 【刷子】工具 159
8.2 編輯對象 160
8.2.1 對象的來源 160
8.2.2 使用工具設定屬性 160
8.3 套用實例 165
8.3.1 立體彩球 165
8.3.2 一串立體彩球 167
8.3.3 撲克牌 168
8.3.4 樹苗 170
8.3.5 彩球倒影 171
小結 172
習題 172
第9章 Flash動畫製作 173
9.1 Flash動畫製作的基本方法 173
9.1.1 關於Flash動畫 173
9.1.2 動畫的編輯製作 173
9.2 元件與實例 175
9.2.1 創建元件 175
9.2.2 對象轉換為元件或影片剪輯單元 176
9.2.3 編輯元件 177
9.3 套用實例 178
9.3.1 彈跳彩球 178
9.3.2 擺動小球 180
9.3.3 自轉光環 181
9.3.4 滾動電影文字 182
9.3.5 大紅燈籠 183
9.3.6 雲中小鳥 184
9.3.7 探照燈光 186
9.3.8 XYZ變換 187
9.3.9 圖片切換 188
9.3.10 滾動文章 189
9.3.11 自轉地球 190
9.3.12 地球光環 192
9.3.13 3種按鈕 193
9.3.14 線條延伸 195
9.3.15 趣味動畫 197
小結 200
習題 200
9.1 Flash動畫製作的基本方法 173
9.1.1 關於Flash動畫 173
9.1.2 動畫的編輯製作 173
9.2 元件與實例 175
9.2.1 創建元件 175
9.2.2 對象轉換為元件或影片剪輯單元 176
9.2.3 編輯元件 177
9.3 套用實例 178
9.3.1 彈跳彩球 178
9.3.2 擺動小球 180
9.3.3 自轉光環 181
9.3.4 滾動電影文字 182
9.3.5 大紅燈籠 183
9.3.6 雲中小鳥 184
9.3.7 探照燈光 186
9.3.8 XYZ變換 187
9.3.9 圖片切換 188
9.3.10 滾動文章 189
9.3.11 自轉地球 190
9.3.12 地球光環 192
9.3.13 3種按鈕 193
9.3.14 線條延伸 195
9.3.15 趣味動畫 197
小結 200
習題 200
第10章 圖像編輯與摳圖 201
10.1 Photoshop CS5界面視窗 201
10.1.1 Photoshop CS5界面視窗布局 201
10.1.2 工具箱 203
10.1.3 控制臺的顯示與隱藏 203
10.2 新建、打開與存儲檔案 204
10.2.1 新建檔案 205
10.2.2 打開檔案 205
10.2.3 存儲檔案 206
10.3 圖像顯示控制 206
10.3.1 【縮放】工具 206
10.3.2 【抓手】工具 207
10.3.3 螢幕顯示模式 207
10.4 圖像尺寸與圖像檔案大小 208
10.4.1 圖像尺寸 208
10.4.2 圖像檔案大小 208
10.4.3 查看圖像檔案大小 208
10.4.4 調整圖像檔案大小 209
10.4.5 調整畫布大小 210
10.5 圖像裁剪 211
10.5.1 按照構圖裁剪照片 212
10.5.2 旋轉裁剪傾斜的照片 213
10.5.3 度量矯正傾斜的照片 213
10.5.4 統一尺寸的照片裁剪 214
10.6 圖像摳圖 216
10.6.1 認識選區 216
10.6.2 利用【套索】工具摳圖 216
10.6.3 利用【魔棒】工具摳圖 217
10.6.4 利用【魔術橡皮擦】工具摳圖 219
10.6.5 利用【路徑】工具摳圖 221
10.7 圖像移動與複製 227
10.7.1 在當前檔案中移動圖像 228
10.7.2 在兩個檔案之間移動複製圖像 228
10.7.3 利用【移動】工具複製圖像 229
10.8 圖像變換、對齊與分布 232
小結 234
習題 234
10.1 Photoshop CS5界面視窗 201
10.1.1 Photoshop CS5界面視窗布局 201
10.1.2 工具箱 203
10.1.3 控制臺的顯示與隱藏 203
10.2 新建、打開與存儲檔案 204
10.2.1 新建檔案 205
10.2.2 打開檔案 205
10.2.3 存儲檔案 206
10.3 圖像顯示控制 206
10.3.1 【縮放】工具 206
10.3.2 【抓手】工具 207
10.3.3 螢幕顯示模式 207
10.4 圖像尺寸與圖像檔案大小 208
10.4.1 圖像尺寸 208
10.4.2 圖像檔案大小 208
10.4.3 查看圖像檔案大小 208
10.4.4 調整圖像檔案大小 209
10.4.5 調整畫布大小 210
10.5 圖像裁剪 211
10.5.1 按照構圖裁剪照片 212
10.5.2 旋轉裁剪傾斜的照片 213
10.5.3 度量矯正傾斜的照片 213
10.5.4 統一尺寸的照片裁剪 214
10.6 圖像摳圖 216
10.6.1 認識選區 216
10.6.2 利用【套索】工具摳圖 216
10.6.3 利用【魔棒】工具摳圖 217
10.6.4 利用【魔術橡皮擦】工具摳圖 219
10.6.5 利用【路徑】工具摳圖 221
10.7 圖像移動與複製 227
10.7.1 在當前檔案中移動圖像 228
10.7.2 在兩個檔案之間移動複製圖像 228
10.7.3 利用【移動】工具複製圖像 229
10.8 圖像變換、對齊與分布 232
小結 234
習題 234
第11章 圖像調整與合成 236
11.1 圖像色彩調整 236
11.1.1 【色階】命令 236
11.1.2 【曲線】命令 237
11.1.3 【色彩平衡】命令 237
11.1.4 【亮度/對比度】命令 238
11.1.5 【色相/飽和度】命令 238
11.1.6 【照片濾鏡】命令 238
11.2 圖像修飾 239
11.2.1 圖章工具 239
11.2.2 修復工具 239
11.3 圖層 241
11.3.1 圖層概念 241
11.3.2 圖層面板 242
11.3.3 圖層類型 243
11.3.4 圖層操作 244
11.4 圖層樣式 245
11.4.1 圖層樣式 246
11.4.2 製作網頁按鈕 248
11.5 圖像合成 250
11.5.1 利用蒙版合成圖像 250
11.5.2 無縫拼接全景風景畫 252
11.5.3 利用圖層製作線紋效果 253
小結 254
習題 254
11.1 圖像色彩調整 236
11.1.1 【色階】命令 236
11.1.2 【曲線】命令 237
11.1.3 【色彩平衡】命令 237
11.1.4 【亮度/對比度】命令 238
11.1.5 【色相/飽和度】命令 238
11.1.6 【照片濾鏡】命令 238
11.2 圖像修飾 239
11.2.1 圖章工具 239
11.2.2 修復工具 239
11.3 圖層 241
11.3.1 圖層概念 241
11.3.2 圖層面板 242
11.3.3 圖層類型 243
11.3.4 圖層操作 244
11.4 圖層樣式 245
11.4.1 圖層樣式 246
11.4.2 製作網頁按鈕 248
11.5 圖像合成 250
11.5.1 利用蒙版合成圖像 250
11.5.2 無縫拼接全景風景畫 252
11.5.3 利用圖層製作線紋效果 253
小結 254
習題 254
第12章 網站美工設計及後台修改 256
12.1 網站主頁版面設計 256
12.1.1 設計主圖像 256
12.1.2 設計網站背景 259
12.1.3 設計頁眉 261
12.1.4 編排主要內容 263
12.1.5 設計按鈕及頁腳 266
12.2 圖像切片 269
12.2.1 切片的類型 269
12.2.2 創建切片 270
12.2.3 編輯切片 271
12.3 存儲網頁圖片 272
12.3.1 存儲為JPG格式圖片 272
12.3.2 存儲為GIF格式圖片 272
12.3.3 最佳化存儲網頁圖片 273
小結 275
習題 275
12.1 網站主頁版面設計 256
12.1.1 設計主圖像 256
12.1.2 設計網站背景 259
12.1.3 設計頁眉 261
12.1.4 編排主要內容 263
12.1.5 設計按鈕及頁腳 266
12.2 圖像切片 269
12.2.1 切片的類型 269
12.2.2 創建切片 270
12.2.3 編輯切片 271
12.3 存儲網頁圖片 272
12.3.1 存儲為JPG格式圖片 272
12.3.2 存儲為GIF格式圖片 272
12.3.3 最佳化存儲網頁圖片 273
小結 275
習題 275
