圖書簡介：
本書以Dreamweaver、Flash、Photoshop制作流程為主線，詳細介紹了三個軟件制作網頁的基礎知識和使用方法。全書在結構上分為三大部分：一是基礎；二是項目的實現過程；三是項目指導。每一章最后都制作了不同類型的、涵蓋本章內容的具體上機實踐項目，實踐項目是從典型工作任務中提煉并加以分析而得到的符合學生認知過程和學習領域要求的項目，以幫助讀者鞏固本章所學的知識。
本書圖文并茂、條理清晰、內容翔實、通俗易懂，適用于網頁設計與制作的初學者，自學愛好者，網站建設與開發、維護等工作人員學習參考，同時也可供各大中專院校、職業院校和各類培訓學校作為網頁設計與制作的教材使用。
前 言
Dreamweaver、Photoshop和Flash“三劍客”的組合，是當前大家在進行網頁設計時經常使用的軟件，這三套軟件的共同點就是簡單易懂、容易上手，而且可以保證讓你的設計展現出不同的風采。
Dreamweaver、Flash和Photoshop是目前網頁制作的首選工具。本書結合大量實例，全面、翔實地介紹了使用Dreamweaver CC創建和編輯網頁、使用Flash CC制作矢量動畫，以及使用Photoshop CC處理圖像的方法和技巧。
本書內容
全書共分19章，其中包括14章基礎內容，具體包括網頁設計基礎；Dreamweaver CC的基本操作；頁面布局和使用CSS美化頁面；使用模板與庫；使用表單；為網頁添加行為；網站發布與維護；初識Flash CC；制作動畫角色；素材、元件和實例的應用；制作簡單動畫；認識Photoshop CC；選區的創建及通道使用；使用文字和路徑。另外，還有5章案例講解，包括制作首飾宣傳頁、制作海底世界宣傳動畫、制作家居網頁、制作鮮花網站、制作寵物網站。
第1章 介紹網頁與網站的概念，并詳細講解網站的分類及一般網站制作流程，還包括相關網頁的風格和網頁的一些相關概念。
第2章 介紹Dreamweaver CC的一些基本操作，包括創建空白文檔、設置文本屬性、添加圖像和為網頁中的對象添加超鏈接。
第3章 講解頁面的布局，Dreamweaver提供了表格網頁定位技術，這些都是網頁制作技術的精髓。表格是在HTML頁面中排列數據與圖像的非常強有力的工具。使用表格可以對列表數據進行布局。CSS樣式表的主要優點是提供方便的更新功能，在更新CSS樣式時，使用該樣式的所有文檔格式都自動更新為新樣式。
第4章 介紹模板與庫項目的基礎知識和應用：如何創建模板、編輯模板，創建和設置庫項目。
第5章 介紹如何在網頁中插入表單，包括插入文本、密碼、復選框和單選按鈕等對象。
第6章 介紹如何為頁面中的對象添加行為，行為是網頁制作中一個不可缺少的重要元素，通過為網頁添加行為可以增加網頁動態效果。在Dreamweaver軟件中，網頁制作過程中的一些基本行為，都集成到了【行為】面板上，通過單擊鼠標添加相應的行為，就可以將行為應用到網頁中。
第7章 講解免費空間的申請、站點的上傳以及站點的維護方式。
第8章 介紹Flash CC的工作界面、常用的面板以及時間軸等相關知識，通過對本章的學習，將會對Flash CC有一些基本的了解，并確立學習的重點，通過這些特性的介紹激發讀者對Flash的興趣。
第9章 介紹在Flash中怎樣創建和編輯矢量圖形，通過工具箱中提供的繪圖工具來實現，使用這些工具能繪制出豐富的矢量圖形，并能夠對其進行編輯操作。因此，Flash提供的工具是制作動畫角色必不可少的。
第10章 介紹素材、元件和實例的應用，通過本章的學習，可以使讀者對如何導入圖像文件、音頻文件，以及如何創建元件、為實例命名等操作有一個簡單的了解，從而提高工作效率。
第11章 講述逐幀動畫、傳統補間動畫、補間形狀動畫、引導層動畫和遮罩層動畫等。
第12章 介紹Photoshop CC基本操作，比如，打開文檔、關閉文檔等，還介紹了使用形狀工具繪制形狀以及可以對圖像進行修飾處理的工具。
第13章 講解通道的類型與應用。在Photoshop中可以使用工具創建幾何選區、不規則選區，也可以使用命令創建隨意選區，靈活巧妙地應用這些創建選區的方法，可以幫助用戶制作出許多特殊的效果。
第14章 介紹文字、路徑以及切片的使用，在平面設計作品中，文字不僅可以傳達信息，還能起到美化版面、強化主題的作用。
第15章 通過對首飾宣傳頁的制作來講解Photoshop CC的使用。
第16章 介紹海底世界動畫的制作，其中涉及創建傳統補間、轉換元件、添加遮罩層等。
第17章 通過對家居網頁的制作來講解Dreamweaver CC的使用和網頁制作完成后的效果。
第18章 介紹Dreamweaver、Photoshop和Flash三個軟件結合使用制作一個鮮花網站，首先使用Photoshop制作出網站中所需要的Logo等素材，然后使用Flash制作網頁中不可缺少的宣傳動畫，最后再用Dreamweaver對這些素材進行合成，從而制作出鮮花網站。
第19章 介紹如何制作寵物網站。
本書約定
為便于閱讀理解，本書的寫作風格遵從如下約定。
* 本書中出現的中文菜單和命令將用【】括起來，以示區分。此外，為了使語句更簡潔易懂，本書中所有的菜單和命令之間以豎線(|)分隔，例如，單擊【編輯】菜單，再選擇【移動】命令，就用【編輯】|【移動】來表示。
* 用加號(+)連接的兩個或三個鍵表示組合鍵，在操作時表示同時按下這兩個或三個鍵。例如，Ctrl+V是指在按下Ctrl鍵的同時，按下V字母鍵；Ctrl+Alt+F10是指在按下Ctrl和Alt鍵的同時，按下功能鍵F10。
* 在沒有特殊指定時，單擊、雙擊和拖曳是指用鼠標左鍵單擊、雙擊和拖曳，右擊是指用鼠標右鍵單擊。
配書光盤
1．書中所有實例的素材源文件。
2．書中實例的視頻教學文件。
讀者對象
1．網頁設計和制作初學者。
2．大中專院校和社會培訓班平面設計及其相關專業的教材。
3．平面設計從業人員。
本書由德州職業技術學院的焦建老師、李少勇、劉蒙蒙、徐文秀、任大衛、劉鵬磊、高甲斌、白文才、葛倫執筆編寫，同時參與編寫的還有德州學院的李魯、倪海鵬同學，他們為本書章節的編排以及內容的組織進行了大量的工作；同時，王成志、李春輝、趙鍇、任龍飛、陳月娟、賈玉印、劉崢、王玉、張花、張云、張春燕、劉杰和李娜也參與部分章節場景文件的整理，其他參與編寫與制作的還有陳月霞、劉希林、黃健、黃永生、田冰、徐昊，北方電腦學校的劉德生、宋明、劉景君老師等，他們在書稿前期材料的組織、版式設計、校對、編排，以及大量圖片的處理等方面做了大量的工作，在此，編者一并表示衷心的感謝。
編 者
目 錄
第1章 網頁設計基礎 1
1.1 網站與網站的開發 1
1.1.1 網站的概念 1
1.1.2 HTTP與FTP 1
1.1.3 IP地址與域名 2
1.1.4 網站開發語言 2
1.2 網頁與網頁設計 2
1.2.1 了解網頁 2
1.2.2 了解網頁設計 2
1.3 網站規劃設計 3
1.3.1 了解客戶的需求 3
1.3.2 制作項目規劃文案 3
1.3.3 規劃網站主題及風格 3
1.3.4 規劃網站內容 4
1.3.5 設計網站欄目及地圖 5
1.3.6 發布與推廣網站 5
1.4 認識網頁頁面元素 5
1.4.1 網頁頁面元素種類 5
1.4.2 網頁圖像元素的格式 9
1.4.3 網頁多媒體元素的分類 9
1.4.4 網頁動畫元素 10
1.5 網頁版式與配色 10
1.5.1 頁面版型的結構 10
1.5.2 認識網頁安全色 11
1.5.3 基本配色的方法 11
1.6 設計網頁圖像元素 12
1.6.1 Logo設計 12
1.6.2 設計橫幅 13
1.6.3 設計按鈕 14
1.6.4 設計導航欄 14
1.7 設計網頁動畫元素 15
1.7.1 設計按鈕動畫 15
1.7.2 設計橫幅動畫 15
1.7.3 設計動畫廣告 15
1.8 思考題 15
第2章 Dreamweaver CC基本操作 16
2.1 Dreamweaver CC的工作界面 16
2.2 創建站點 17
2.3 管理站點內容 18
2.3.1 添加文件或文件夾 18
2.3.2 刪除文件或文件夾 19
2.3.3 重命名文件或文件夾 19
2.4 網頁文檔的基本操作 20
2.4.1 創建空白網頁 20
2.4.2 打開網頁文檔 21
2.5 設置網頁文本 21
2.5.1 為網頁輸入文本 21
2.5.2 設置文本的屬性 21
2.5.3 設置段落格式 22
2.5.4 設置列表 23
2.5.5 設置特殊字符 24
2.6 為網頁添加圖像 25
2.6.1 插入圖像 25
2.6.2 鼠標經過圖像 26
2.6.3 添加背景圖像 27
2.7 設置超級鏈接 27
2.7.1 文本和圖像鏈接 28
2.7.2 E-mail鏈接 29
2.7.3 錨記鏈接 30
2.7.4 空鏈接 31
2.7.5 下載鏈接 32
2.8 思考題 33
第3章 頁面布局和使用CSS美化頁面 34
3.1 使用表格布局頁面 34
3.1.1 插入表格 34
3.1.2 設置表格屬性 35
3.1.3 插入嵌套表格 37
3.2 表格基本操作 38
3.2.1 選擇表格 38
3.2.2 改變表格和單元格的大小 40
3.2.3 添加或刪除行和列 41
3.2.4 合并、拆分單元格 42
3.3 什么是CSS 43
3.3.1 CSS的概念 43
3.3.2 CSS的特點 44
3.4 【CSS 設計器】面板 44
3.5 設置CSS屬性 45
3.5.1 設置CSS類型屬性 45
3.5.2 設置CSS背景屬性 47
3.5.3 設置CSS區塊屬性 48
3.5.4 設置CSS方框屬性 49
3.5.5 設置CSS邊框屬性 50
3.5.6 設置CSS列表屬性 51
3.5.7 設置CSS定位屬性 51
3.5.8 設置CSS擴展屬性 52
3.5.9 設置CSS過渡屬性 53
3.6 鏈接到或導出外部CSS設計器表 54
3.6.1 創建外部樣式表 54
3.6.2 鏈接外部樣式表 55
3.6.3 創建嵌入式CSS設計器表 57
3.7 使用CSS布局模板 58
3.8 上機練習——網頁布局 59
3.9 思考題 63
第4章 使用模板與庫 64
4.1 使用模板 64
4.1.1 使用模板的優點 64
4.1.2 創建空白模板 64
4.1.3 創建和刪除可編輯區域 65
4.1.4 創建可選區域和重復區域 67
4.1.5 從模板中分離 69
4.1.6 更新模板及基于模板的
網頁 70
4.2 使用庫項目 71
4.2.1 認識庫項目 71
4.2.2 創建庫項目 71
4.2.3 插入庫項目 72
4.2.4 編輯庫項目 73
4.3 上機練習——制作模板和基于模板的 網頁 75
4.4 思考題 79
第5章 使用表單 80
5.1 表單概述 80
5.2 表單域 80
5.3 表單對象的創建 81
5.3.1 文本 81
5.3.2 插入文本區域 83
5.3.3 復選框 84
5.3.4 單選按鈕 85
5.3.5 選項 86
5.3.6 表單按鈕 87
5.4 上機練習——制作留言板 88
5.5 思考題 94
第6章 為網頁添加行為 95
6.1 行為 95
6.2 事件 95
6.3 添加、修改和刪除行為 96
6.4 打開瀏覽器窗口 98
6.5 交換圖像 99
6.6 顯示-隱藏元素 101
6.7 設置狀態欄文本 102
6.8 彈出信息 103
6.9 上機練習——制作特效網站 104
6.10 思考題 114
第7章 網站發布與維護 115
7.1 網站發布前的準備工作 115
7.1.1 注冊域名 115
7.1.2 申請空間 116
7.1.3 配置網站服務器 116
7.2 站點的維護 118
7.2.1 報告 118
7.2.2 檢查站點范圍的鏈接 119
7.2.3 改變站點范圍的鏈接 120
7.2.4 查找和替換 120
7.2.5 清理文檔 121
7.2.6 與遠程服務器同步 122
7.3 思考題 123
第8章 初識Flash CC 124
8.1 Flash CC工作界面 124
8.1.1 菜單欄 125
8.1.2 工具箱 125
8.1.3 【時間軸】面板 126
8.1.4 【屬性】面板 127
8.1.5 舞臺和工作區 127
8.1.6 輔助工具 128
8.2 常用面板 131
8.2.1 【顏色】面板 131
8.2.2 【樣本】面板 132
8.2.3 【庫】面板 135
8.3 時間軸 137
8.3.1 幀和幀頻 137
8.3.2 編輯幀 138
8.3.3 使用繪圖紙 139
8.4 輸出和發布 140
8.4.1 測試Flash影片 141
8.4.2 輸出Flash作品 141
8.4.3 輸出設置 142
8.4.4 發布預覽 145
8.5 思考題 145
第9章 制作動畫角色 146
9.1 繪圖工具 146
9.1.1 線條工具 146
9.1.2 矩形工具與基本矩形工具 148
9.1.3 橢圓工具與基本橢圓工具 149
9.1.4 多角星形工具 150
9.1.5 鋼筆工具 150
9.1.6 鉛筆工具 152
9.1.7 刷子工具 153
9.2 選擇對象工具 154
9.2.1 選擇工具 154
9.2.2 部分選取工具 157
9.3 編輯工具 158
9.3.1 橡皮擦工具 158
9.3.2 顏料桶工具 159
9.3.3 墨水瓶工具 160
9.3.4 滴管工具 160
9.4 修飾圖形 161
9.4.1 優化曲線 161
9.4.2 將線條轉換為填充 162
9.4.3 擴展填充 162
9.4.4 柔化填充邊緣 163
9.5 上機練習——繪制卡通小動物 163
9.6 思考題 167
第10章 素材、元件和實例的應用 168
10.1 導入素材 168
10.1.1 導入的基本方法 168
10.1.2 導入PNG文件 169
10.1.3 導入視頻 170
10.1.4 設置位圖的屬性 171
10.2 在動畫中使用聲音 172
10.2.1 導入音頻文件 172
10.2.2 壓縮聲音 173
10.2.3 編輯聲音 175
10.3 元件 176
10.3.1 元件概述 177
10.3.2 創建元件 178
10.3.3 編輯元件 180
10.3.4 轉換元件類型 181
10.4 實例 182
10.4.1 實例的編輯 182
10.4.2 編輯實例的屬性 182
10.5 上機練習 184
10.5.1 制作網站導航欄 184
10.5.2 制作按鈕動畫 188
10.6 思考題 191
第11章 制作簡單動畫 192
11.1 逐幀動畫 192
11.2 傳統補間動畫 192
11.2.1 了解傳統補間動畫 193
11.2.2 創建傳統補間動畫 194
11.3 補間形狀動畫 198
11.3.1 補間形狀動畫基礎 198
11.3.2 創建補間形狀動畫 199
11.4 引導層動畫 204
11.4.1 引導層動畫基礎 204
11.4.2 創建引導層動畫 205
11.5 遮罩動畫 209
11.5.1 遮罩層動畫基礎 209
11.5.2 制作遮罩層動畫 209
11.6 上機練習——制作圖片欣賞 212
11.7 思考題 221
第12章 認識Photoshop CC 222
12.1 初識Photoshop CC 222
12.2 Photoshop CC的基本操作 222
12.2.1 新建空白文檔 222
12.2.2 打開文檔 223
12.2.3 保存文檔 223
12.2.4 關閉文檔 224
12.3 認識色彩模式 224
12.3.1 RGB 顏色模式 225
12.3.2 CMYK顏色模式 225
12.3.3 Lab 顏色模式 227
12.3.4 灰度模式 227
12.3.5 位圖模式 228
12.3.6 索引顏色模式 228
12.3.7 雙色調模式 229
12.4 使用形狀工具 230
12.4.1 繪制規則形狀 230
12.4.2 繪制不規則形狀 233
12.5 對圖像進行修飾處理 234
12.5.1 變換圖形 234
12.5.2 變形效果應用 237
12.5.3 圖章工具 238
12.5.4 污點修復畫筆工具 239
12.5.5 修復畫筆工具 240
12.5.6 修補工具 241
12.5.7 紅眼工具 242
12.5.8 模糊工具 242
12.5.9 銳化工具 243
12.5.10 涂抹工具 243
12.5.11 減淡工具 244
12.5.12 加深工具 244
12.5.13 海綿工具 245
12.6 上機練習 245
12.6.1 為人物衣服替換顏色 245
12.6.2 制作按鈕 248
12.7 思考題 253
第13章 選區的創建及通道使用 254
13.1 使用工具創建選區 254
13.1.1 利用工具創建選區 254
13.1.2 套索工具組 257
13.1.3 魔棒工具 259
13.1.4 編輯選區 260
13.2 使用通道 265
13.2.1 認識通道 265
13.2.2 【通道】面板 266
13.2.3 重命名和刪除通道 268
13.2.4 分離和合并通道 268
13.2.5 載入通道中的選區 270
13.3 上機練習——使用通道替換背景 270
13.4 思考題 275
第14章 使用文字和路徑 276
14.1 文字的輸入與設置 276
14.1.1 輸入文字 276
14.1.2 載入文本路徑 279
14.1.3 設置文字屬性 279
14.1.4 設置段落屬性 280
14.2 編輯文本 280
14.2.1 設置文字變形 281
14.2.2 柵格化文字 281
14.3 認識路徑 282
14.3.1 路徑形態 282
14.3.2 路徑的組成 282
14.3.3 【路徑】面板 283
14.4 創建路徑 283
14.4.1 使用鋼筆工具創建路徑 284
14.4.2 使用自由鋼筆工具創建 路徑 284
14.4.3 將選區轉換為路徑 285
14.5 編輯路徑 285
14.5.1 選擇路徑 285
14.5.2 添加/刪除錨點 286
14.5.3 轉換點工具 286
14.6 使用【路徑】面板 287
14.6.1 填充路徑 287
14.6.2 描邊路徑 288
14.6.3 路徑和選區的轉換 289
14.6.4 工作路徑 289
14.6.5 使用【創建新路徑】和【刪除當前路徑】按鈕 290
14.6.6 復制路徑 290
14.7 上機練習——文字路徑變形 291
14.8 思考題 295
第15章 項目指導——制作首飾宣傳頁 296
第16章 項目指導——制作海底世界
?宣傳動畫 304
第17章 項目指導——制作家居網頁 312
17.1 制作網頁頁面 312
17.2 為網頁添加鏈接和行為 321
第18章 項目指導——制作鮮花網站 323
18.1 使用Photoshop制作網頁元素 323
18.1.1 制作網站Logo 323
18.1.2 制作網站組合圖像 326
18.2 制作網頁中的Flash動畫 329
18.3 制作鮮花網站 339
第19章 項目指導——制作寵物網站 350
19.1 制作網頁中的圖片 350
19.2 制作網頁封面動畫 356
19.2.1 制作加載動畫 356
19.2.2 制作按鈕動畫效果 359
19.3 制作寵物網站 373
19.3.1 制作寵物網站的封面網頁 374
19.3.2 制作寵物網站 376
19.3.3 鏈接文件 381
參考答案 382
