圖書簡介:
本書由Adobe軟件教育專家和資深平面設計師聯袂策劃和編寫,以“學以致用”為寫作出發點,系統并詳細地講解了Dreamweaver、Flash、Photoshop圖像處理軟件的使用方法和操作技巧。
全書共分16章,包括:網頁設計基礎知識,初識Dreamweaver CS5,頁面布局,使用CSS美化網頁,使用模板與庫,使用表單,為網頁添加行為及第三方插件,網站的上傳與維護,認識Flash CS5,圖形的繪制與編輯,元件、實例和素材文件的使用,制作網頁動畫,認識Photoshop CS5,圖層的應用,選區的創建及通道的使用,以及文字、路徑和切片的使用。
本書圖文并茂、條理清晰、內容翔實、通俗易懂,在難以理解和掌握的地方給出了大量經驗性的提示,并在書中安排了大量的實例,每個實例均凝結了作者多年的工作經驗和心得體會,在詳細講解操作步驟的同時,融入了網頁設計與網站建設的思想,使讀者不僅能學會網頁設計制作技術,還能學會網頁和網站的整體創意與策劃技巧。
本書適合網頁設計和制作初學者使用,也可以作為大中專院校相關專業的教材。
前 言
Dreamweaver、Flash、Photoshop三劍客的組合,是當前大家在進行網頁設計時經常使用的軟件,這三套軟件的共同點就是簡單易懂、容易上手,而且可以保證您的設計能展現出不同的風采。
Dreamweaver、Flash、Photoshop是目前網頁制作的首選工具。本書結合大量實例,全面、翔實地介紹了使用Dreamweaver CS5創建和編輯網頁,使用Flash CS5制作矢量動畫,以及使用Photoshop CS5處理圖像的方法和技巧。
本書內容
全書共分16章,包括:網頁設計基礎知識,初識Dreamweaver CS5,頁面布局,使用CSS美化網頁,使用模板與庫,使用表單,為網頁添加行為及第三方插件,網站的上傳與維護,認識Flash CS5,圖形的繪制與編輯,元件、實例和素材文件的使用,制作網頁動畫,認識Photoshop CS5,圖層的應用,選區的創建及通道的使用,以及文字、路徑和切片的使用。
本書特色
本書面向網頁設計制作的初、中級用戶,采用由淺入深、循序漸進的方式進行講解,內容豐富,結構安排合理,實例均來自設計一線,特別適合作為教材,是各類學校廣大師生的首選。
此外,本書包含了大量的習題,其類型有填空題、選擇題和操作題,使讀者在學習完一章內容后能夠及時地檢查學習情況。
教學資源
(1) 書中所有實例的素材源文件。
(2) 書中實例的視頻教學文件。
讀者對象
(1) 網頁設計和制作初學者。
(2) 大中專院校和社會培訓班平面設計及其相關專業的師生。
(3) 平面設計從業人員。
本書主要由德州職業技術學院的楊雁、郁陶老師和李少勇編寫,參與編寫的還有張林、王雄健、于海寶。此外德州職業技術學院的李魯、倪海鵬同學為本書的章節編排以及內容的組織做了大量的工作;同時,王成志、李春輝、趙鍇、任龍飛、陳月娟、賈玉印、劉崢、王玉、張花、張云、張春燕、劉杰和李娜參與了部分章節場景文件的整理;參與教學資源制作的有陳月霞、劉希林、黃健、黃永生、田冰、徐昊,以及北方電腦學校的溫振寧、黃榮芹、劉德生、宋明、劉景君老師等,在此,一并表示衷心的感謝。
在本書編寫過程中,盡管我們力求精益求精,但也難免存在一些不足之處,敬請廣大讀者批評指正。歡迎發郵件到tavili@tom.com與我們聯系。
編 者
目 錄
第1章 網頁設計基礎知識 1
1.1 網站與網站開發 1
1.1.1 網站的概念 1
1.1.2 網站的構成 1
1.1.3 HTTP與FTP 2
1.1.4 IP地址與域名 2
1.1.5 網站開發語言 2
1.2 網頁與網頁設計 2
1.2.1 了解網頁 2
1.2.2 網頁構成元素 3
1.2.3 了解網頁設計 3
1.3 網站規劃設計 3
1.3.1 了解客戶的需求 3
1.3.2 制作項目規劃文案 3
1.3.3 規劃網站主題及風格 4
1.3.4 規劃網站內容 5
1.3.5 設計網站欄目及地圖 5
1.3.6 發布與推廣網站 5
1.4 認識網頁頁面元素 5
1.4.1 網頁頁面元素的種類 5
1.4.2 網頁圖像元素的格式 8
1.5 網頁版式與配色 9
1.5.1 頁面版式 9
1.5.2 認識網頁安全色 10
1.5.3 基本配色的方法 10
1.6 設計網頁圖像元素 10
1.6.1 LOGO設計 10
1.6.2 設計橫幅廣告條 11
1.6.3 設計按鈕 12
1.6.4 設計導航欄 12
1.7 設計網頁動畫元素 13
1.7.1 設計按鈕動畫 13
1.7.2 設計橫幅動畫 13
1.7.3 設計動畫廣告 13
1.8 思考與練習 13
第2章 初識Dreamweaver CS5 14
2.1 Dreamweaver CS5的工作界面 14
2.2 創建站點 16
2.3 管理站點內容 17
2.3.1 添加文件或文件夾 17
2.3.2 刪除文件或文件夾 17
2.3.3 重命名文件或文件夾 18
2.4 網頁文檔的基本操作 18
2.4.1 創建空白網頁 18
2.4.2 打開網頁文檔 18
2.5 設置網頁文本 19
2.5.1 為網頁輸入文本 19
2.5.2 設置文本屬性 19
2.5.3 設置段落格式 21
2.5.4 設置列表 22
2.5.5 設置特殊字符 23
2.6 為網頁添加圖像 24
2.6.1 插入圖像 24
2.6.2 鼠標經過圖像 25
2.6.3 添加背景圖像 27
2.7 設置超級鏈接 28
2.7.1 文本和圖像鏈接 28
2.7.2 E-mail鏈接 29
2.7.3 錨記鏈接 30
2.7.4 空鏈接 32
2.7.5 下載鏈接 33
2.8 添加多媒體文件 34
2.9 上機練習——制作簡單網頁 36
2.9.1 制作圖文混排網站頁面 36
2.9.2 創建具有鏈接的網頁 38
2.10 思考與練習 39
第3章 頁面布局 40
3.1 利用表格布局頁面 40
3.1.1 插入表格 40
3.1.2 設置表格屬性 41
3.1.3 插入嵌套表格 42
3.2 表格基本操作 43
3.2.1 改變表格和單元格的大小 43
3.2.2 表格數據的導入與導出 44
3.3 使用AP Div 46
3.3.1 創建AP Div 47
3.3.2 設置AP Div的屬性 47
3.4 使用Spry布局對象 48
3.4.1 使用Spry菜單欄導航菜單 48
3.4.2 創建Spry選項卡式面板 49
3.4.3 以Spry折疊式顯示選項卡 50
3.4.4 使用Spry可折疊面板管理內容 52
3.5 創建框架網頁 52
3.5.1 創建框架和框架集 53
3.5.2 保存框架 54
3.6 上機練習——制作產品展示界面 54
3.7 思考與練習 60
第4章 使用CSS美化網頁 61
4.1 CSS的概念 61
4.1.1 CSS的特點 61
4.1.2 CSS的基本語法 62
4.1.3 CSS樣式表的選擇器類型 63
4.2 創建CSS樣式 63
4.2.1 創建新的CSS樣式 64
4.2.2 設置CSS屬性 65
4.2.3 創建嵌入式CSS樣式 70
4.2.4 鏈接外部樣式表 71
4.2.5 使用CSS布局模板 72
4.3 CSS樣式的編輯 73
4.3.1 修改CSS樣式 73
4.3.2 刪除CSS樣式 74
4.3.3 復制CSS樣式 74
4.4 上機練習——用CSS樣式美化頁面內容 75
4.5 思考與練習 78
第5章 使用模板與庫 79
5.1 使用模板 79
5.1.1 使用模板的優點 79
5.1.2 創建空白模板 80
5.1.3 創建和刪除可編輯區域 80
5.1.4 創建可選區域和重復區域 82
5.1.5 從模板中分離 84
5.1.6 更新模板及基于模板的網頁 85
5.2 使用庫項目 87
5.2.1 認識庫項目 87
5.2.2 創建庫項目 87
5.2.3 插入庫項目 89
5.2.4 編輯庫項目 89
5.3 上機練習——制作模板和基于模板的網頁 91
5.4 思考與練習 94
第6章 使用表單 95
6.1 表單概述 95
6.2 表單域 95
6.3 表單對象 97
6.4 表單對象的創建 97
6.4.1 文本域 98
6.4.2 插入多行文本域 99
6.4.3 復選框 101
6.4.4 單選按鈕 102
6.4.5 列表和菜單 104
6.4.6 跳轉菜單 105
6.4.7 表單按鈕 106
6.4.8 創建圖像域 108
6.5 上機練習——會員注冊表單 109
6.6 思考與練習 114
第7章 為網頁添加行為及第三方插件 115
7.1 行為概述 115
7.1.1 行為 115
7.1.2 事件 116
7.1.3 行為面板 117
7.1.4 打開瀏覽器窗口 117
7.1.5 修改行為 118
7.1.6 刪除行為 118
7.1.7 交換圖像 118
7.1.8 創建彈出信息 120
7.1.9 狀態欄文本 121
7.1.10 檢查表單 123
7.2 Dreamweaver CS5插件簡介 124
7.3 插件的管理和安裝 125
7.3.1 安裝第三方插件 125
7.3.2 刪除第三方插件 126
7.4 上機練習——制作網頁中的行為 效果 127
7.4.1 制作網頁背景音樂 127
7.4.2 制作浮動圖片 129
7.4.3 不同時段顯示不同問候語 131
7.5 思考與練習 134
第8章 網站的上傳與維護 135
8.1 網站上傳前的準備工作 135
8.1.1 注冊域名 135
8.1.2 申請空間 136
8.1.3 上傳網站 138
8.2 站點的測試 140
8.2.1 報告 140
8.2.2 檢查站點范圍的鏈接 140
8.2.3 改變站點范圍的鏈接 141
8.2.4 查找和替換 142
8.2.5 清理文檔 142
8.2.6 同步 143
8.3 網站宣傳 144
8.3.1 利用大眾傳媒 144
8.3.2 利用網絡傳媒 145
8.3.3 利用電子郵件 145
8.3.4 使用留言板、博客和論壇 145
8.3.5 注冊搜索引擎 145
8.3.6 和其他網站交換鏈接 146
8.4 思考與練習 146
第9章 初識Flash CS5 147
9.1 Flash CS5工作界面 147
9.1.1 菜單欄 148
9.1.2 工具箱 149
9.1.3 時間軸面板 150
9.1.4 屬性面板 150
9.1.5 舞臺和工作區 150
9.1.6 輔助工具 151
9.2 常用面板 154
9.2.1 【顏色】面板 154
9.2.2 【樣本】面板 154
9.2.3 【庫】面板 158
9.3 場景 160
9.3.1 編輯場景 160
9.3.2 改變場景背景 160
9.3.3 場景跳轉 161
9.4 時間軸 162
9.4.1 幀和幀頻 162
9.4.2 編輯幀 164
9.4.3 使用繪圖紙 165
9.5 輸出和發布 166
9.5.1 測試Flash影片 166
9.5.2 輸出Flash作品 167
9.5.3 輸出設置 167
9.5.4 發布預覽 171
9.6 上機練習——制作熱氣飄動動畫 172
9.7 思考與練習 175
第10章 圖形的繪制與編輯 176
10.1 繪圖工具 176
10.1.1 線條工具 176
10.1.2 矩形工具與基本矩形工具 178
10.1.3 橢圓工具與基本橢圓工具 179
10.1.4 多角星形工具 180
10.1.5 鋼筆工具 181
10.1.6 鉛筆工具 182
10.1.7 刷子工具 184
10.2 選擇對象工具 185
10.2.1 選擇工具 185
10.2.2 部分選取工具 187
10.3 任意變形工具 188
10.4 橡皮擦工具 190
10.5 顏色工具 191
10.5.1 顏料桶工具 191
10.5.2 墨水瓶工具 192
10.5.3 滴管工具 193
10.6 圖形的其他編輯操作 194
10.6.1 對象的組合與分解 194
10.6.2 對象的對齊與排列次序 194
10.6.3 修飾圖形 195
10.7 上機練習——繪制卡通人物頭部 197
10.8 思考與練習 202
第11章 元件、實例和素材文件的使用 203
11.1 元件 203
11.1.1 元件概述 203
11.1.2 創建元件 205
11.1.3 編輯元件 206
11.1.4 元件類型的相互轉換 208
11.2 實例 208
11.2.1 實例的編輯 209
11.2.2 編輯實例的屬性 209
11.3 導入素材 212
11.3.1 導入的基本方法 212
11.3.2 導入PNG文件 213
11.3.3 導入視頻 213
11.3.4 設置導入的位圖屬性 215
11.4 在動畫中使用聲音 216
11.4.1 導入聲音 216
11.4.2 壓縮聲音 217
11.4.3 編輯聲音 218
11.5 上機練習——制作文字變色動畫 220
11.6 思考與練習 223
第12章 制作網頁動畫 224
12.1 逐幀動畫 224
12.2 傳統補間動畫 224
12.2.1 傳統補間動畫基礎 225
12.2.2 創建傳統補間動畫 225
12.3 補間形狀動畫 230
12.3.1 補間形狀動畫基礎 230
12.3.2 創建補間形狀動畫 231
12.4 上機練習——飄落的樹葉 234
12.5 思考與練習 240
第13章 認識Photoshop CS5 241
13.1 初識Photoshop CS5 241
13.2 Photoshop CS5的工作界面 241
13.2.1 菜單欄 241
13.2.2 工具箱 243
13.2.3 選項欄 244
13.2.4 面板 244
13.2.5 圖像窗口 244
13.2.6 狀態欄 245
13.3 Photoshop CS5的基本操作 246
13.3.1 新建空白文檔 246
13.3.2 打開文檔 247
13.3.3 保存文檔 247
13.3.4 關閉文檔 248
13.4 認識色彩模式 248
13.4.1 RGB 顏色模式 249
13.4.2 CMYK顏色模式 250
13.4.3 Lab 顏色模式 251
13.4.4 灰度模式 251
13.4.5 位圖模式 252
13.4.6 索引顏色模式 253
13.4.7 雙色調模式 253
13.5 使用形狀工具 254
13.5.1 繪制規則形狀 254
13.5.2 繪制不規則形狀 258
13.6 對圖像進行修飾處理 259
13.6.1 變換圖形 259
13.6.2 變形效果應用 262
13.6.3 圖章工具 263
13.6.4 污點修復畫筆工具 265
13.6.5 修復畫筆工具 265
13.6.6 修補工具 266
13.6.7 紅眼工具 267
13.6.8 模糊工具 267
13.6.9 銳化工具 268
13.6.10 涂抹工具 268
13.6.11 減淡工具 269
13.6.12 加深工具 269
13.6.13 海綿工具 270
13.7 上機練習——為人物衣服替換顏色 270
13.8 思考與練習 273
第14章 圖層的應用 275
14.1 認識圖層 275
14.1.1 圖層概述 275
14.1.2 圖層面板 275
14.1.3 圖層菜單 276
14.2 創建圖層 277
14.2.1 新建圖層 277
14.2.2 圖層的類型 278
14.2.3 將背景層轉換為普通圖層 281
14.2.4 重命名圖層 282
14.3 圖層組的應用 282
14.3.1 創建與重命名圖層組 282
14.3.2 將圖層移入與移出圖層組 283
14.3.3 刪除圖層組 283
14.4 圖層基本操作 284
14.4.1 選擇圖層 284
14.4.2 復制圖層 286
14.4.3 隱藏與顯示圖層 287
14.4.4 圖層不透明度與圖層順序 288
14.4.5 鏈接圖層 288
14.4.6 鎖定圖層 289
14.4.7 刪除圖層 290
14.4.8 圖層的合并 290
14.5 圖層對象的對齊與分布 291
14.5.1 對齊圖層對象 291
14.5.2 分布圖層對象 292
14.6 圖層混合模式 292
14.7 圖層樣式 293
14.7.1 添加圖層樣式 293
14.7.2 清除圖層樣式 294
14.8 上機練習——制作個性按鈕 295
14.9 思考與練習 301
第15章 選區的創建及通道的使用 303
15.1 使用工具創建幾何選區 303
15.1.1 矩形選框工具 303
15.1.2 橢圓選框工具 305
15.1.3 單行選框工具 306
15.1.4 單列選框工具 306
15.2 使用工具創建不規則選區 307
15.2.1 套索工具 307
15.2.2 多邊形套索工具 307
15.2.3 磁性套索工具 308
15.2.4 魔棒工具 309
15.2.5 快速選擇工具 310
15.3 使用命令創建隨意選區 310
15.3.1 全部選擇 311
15.3.2 反向選擇 311
15.3.3 使用【色彩范圍】命令創建選區 312
15.3.4 使用【選取相似】命令創建相似選區 314
15.4 編輯選區 314
15.4.1 移動選區 315
15.4.2 取消選擇與重新選擇 315
15.4.3 變換選區 317
15.4.4 使用【調整邊緣】命令調整選區邊緣 318
15.4.5 按特定數量的像素擴展或收縮選區 319
15.4.6 使用【擴大選取】命令擴大選區 320
15.5 填充選區 321
15.5.1 前景色與背景色 321
15.5.2 使用拾色器 323
15.5.3 吸管工具 324
15.6 使用通道 325
15.6.1 認識通道 325
15.6.2 【通道】面板 327
15.6.3 重命名和刪除通道 328
15.6.4 分離和合并通道 329
15.6.5 載入通道中的選區 330
15.7 上機練習——使用通道替換背景 331
15.8 思考與練習 336
第16章 使用文字、路徑和切片 337
16.1 文字的輸入與設置 337
16.1.1 輸入文字 337
16.1.2 載入文本路徑 341
16.1.3 設置文字屬性 341
16.1.4 設置段落屬性 343
16.2 編輯文本 344
16.2.1 設置文字變形 344
16.2.2 柵格化文字 345
16.3 認識路徑 346
16.3.1 路徑形態 346
16.3.2 路徑的組成 346
16.3.3 【路徑】面板 346
16.4 創建路徑 347
16.4.1 使用【鋼筆工具】創建路徑 347
16.4.2 使用【自由鋼筆工具】 348
16.4.3 將選區轉換為路徑 349
16.5 編輯路徑 349
16.5.1 使用【路徑選擇工具】 349
16.5.2 使用【直接選擇工具】 350
16.5.3 添加/刪除錨點 351
16.5.4 轉換點工具 352
16.6 使用路徑面板 353
16.6.1 填充路徑 353
16.6.2 描邊路徑 354
16.6.3 路徑和選區的轉換 355
16.6.4 工作路徑 356
16.6.5 使用【創建新路徑】和【刪除當前路徑】按鈕 356
16.6.6 復制路徑 356
16.7 網頁切片輸出 357
16.7.1 創建切片 357
16.7.2 編輯切片 358
16.7.3 輸出切片 360
16.8 上機練習——繪制京劇臉譜 360
16.9 思考與練習 367