內容簡介
Dreamweaver CC、Fireworks CC、Flash CC三個軟體是Adobe公司*新推出的網頁設計軟體,也是當前使用*廣泛的常用網頁設計軟體。本書從零開始,系統並詳細地介紹了Adobe Dreamweaver CC、Adobe Fireworks CC和Adobe Flash CC在網頁設計中的套用,主要針對網頁設計的基礎知識、網頁三劍客軟體的使用方法進行了較為詳細的講解,並配合豐富的且較為實際的套用案例,使讀者可以全面地、快速地理解和掌握網頁三劍客在網頁設計中的套用。通過本書的學習,讀者可以學會套用這些軟體工具進行網頁編輯、網頁效果圖設計、網頁圖像處理、網頁動畫製作等,並能綜合套用這些軟體工具來創建個人站點或其他各類網站的前端頁面。
圖書目錄
第1章 網站建設與網頁設計基礎知識 1
1.1 知識講解――Internet基礎知識 2
1.1.1 關於Internet 2
1.1.2 全球資訊網 2
1.1.3 超文本 2
1.1.4 瀏覽器 2
1.1.5 URL 3
1.1.6 IP位址 3
1.1.7 域名 4
1.1.8 HTTP 4
1.1.9 FTP 5
1.1.10 頻寬 5
1.1.11 網站 5
1.2 知識講解――網頁製作基礎 6
1.2.1 網頁的類型 6
1.2.2 網頁的構成元素 7
1.2.3 網頁設計工具 9
1.2.4 網站開發流程 11
1.2.5 HTML基礎知識 13
1.2.6 DIV+CSS網頁布局概述 14
1.2.7 W3C標準 14
1.3 同步訓練――實戰套用 15
實例1:使用開發人員工具查看百度首頁 15
實例2:使用記事本創建網頁檔案 17
本章小結 20
第2章 Dreamweaver軟體基礎知識 21
2.1 知識講解――初識Dreamweaver 22
2.1.1 Dreamweaver CC工作環境 22
2.1.2 Dreamweaver CC參數設定 26
2.1.3 自定義快捷鍵 28
2.2 知識講解――站點的新建與管理 29
2.2.1 新建站點 29
2.2.2 管理站點 30
2.2.3 站點中的檔案管理 33
2.3 知識講解――文檔的基本操作 35
2.3.1 新建文檔 35
2.3.2 新建流體格線布局 36
2.3.3 打開文檔 37
2.3.4 保存文檔 38
2.3.5 關閉文檔 38
2.3.6 預覽網頁 39
2.4 同步訓練――實戰套用 40
實例1:自定義工作區並設定軟體參數 40
實例2:使用現有檔案建立站點 42
本章小結 46
第3章 添加網頁內容元素 47
3.1 知識講解――插入文本內容 48
3.1.1 網頁標題文本 48
3.1.2 內容標題文本 48
3.1.3 段落文本 49
3.1.4 換行標記 49
3.1.5 特殊字元 50
3.1.6 強調文本 50
3.2 知識講解――列表 51
3.2.1 無序列表 51
3.2.2 有序列表 52
3.2.3 定義列表 53
3.3 知識講解――超級連結 54
3.3.1 設定連結路徑 54
3.3.2 設定連結的目標視窗 56
3.3.3 創建錨記連結 57
3.3.4 創建空連結 58
3.3.5 創建電子郵件連結 58
3.3.6 為連結添加提示文字 59
3.4 知識講解――表格 59
3.4.1 創建表格 60
3.4.2 選擇表格元素 61
3.4.3 設定表格與單元格屬性 62
3.4.4 添加和刪除行或列 64
3.4.5 單元格的合併及拆分 65
3.4.6 表格的排序 66
3.4.7 嵌套表格 67
3.4.8 導入和導出表格數據 68
3.5 知識講解――圖像 69
3.5.1 插入普通圖像 69
3.5.2 圖像的編輯與修改 70
3.5.3 互動式圖像 72
3.5.4 圖像熱點 74
3.6 同步訓練――實戰套用 76
實例1:製作企業網站首頁 76
實例2:編輯網頁文章內容 82
本章小結 86
第4章 網頁表單元素 87
4.1 知識講解――表單域 88
4.1.1 插入表單域 88
4.1.2 表單域屬性設定 88
4.2 知識講解――常用表單元素 89
4.2.1 使用文本域 89
4.2.2 使用文本區域 90
4.2.3 使用複選框 90
4.2.4 使用複選框組 91
4.2.5 使用單選按鈕和單選按鈕組 91
4.2.6 使用列表/選單 92
4.2.7 使用檔案域 93
4.2.8 使用按鈕 93
4.2.9 使用密碼 94
4.2.10 使用圖像域 95
4.2.11 插入隱藏域 95
4.2.12 插入跳轉選單 95
4.3 同步訓練――實戰套用 96
實例1:製作用戶註冊表單內容 96
實例2:製作線上調查表 100
本章小結 102
第5章 插入其他網頁元素 103
5.1 知識講解――插入特殊元素 104
5.1.1 插入水平線 104
5.1.2 插入日期 104
5.1.3 插入注釋 104
5.2 知識講解――檔案頭標籤 105
5.2.1 插入頁面關鍵字 105
5.2.2 插入頁面說明 105
5.2.3 插入自定義meta標籤 106
5.3 知識講解――插入多媒體元素 106
5.3.1 插入Flash元素 106
5.3.2 插入Shockwave影片 107
5.3.3 插入ActiveX 107
5.4 同步訓練――實戰套用 108
實例1:使用Flash作為網站進入動畫 108
實例2:使用透明Flash修飾Logo 110
本章小結 112
第6章 使用CSS布局和修飾網頁內容 113
6.1 知識講解――CSS語言基礎 114
6.1.1 CSS簡介 114
6.1.2 CSS屬性 114
6.1.3 選擇器 115
6.2 知識講解――使用Dreamweaver創建CSS 116
6.2.1 創建外部CSS樣式表檔案 116
6.2.2 附加現有的CSS檔案 117
6.2.3 在頁面中定義 118
6.2.4 定義CSS規則 118
6.2.5 套用類樣式 124
6.2.6 管理CSS規則 125
6.3 知識講解――DIV+CSS布局詳解 126
6.3.1 盒子模型 126
6.3.2 DIV標籤 127
6.3.3 DIV+CSS布局方法 127
6.3.4 CSS代碼最佳化 128
6.4 同步訓練――實戰套用 129
實例1:使用DIV+CSS布局網頁首部 129
實例2:套用CSS排版新聞欄目板塊 134
本章小結 138
第7章 使用框架、模板與庫 139
7.1 知識講解――使用IFrame框架 140
7.1.1 IFrame框架概述 140
7.1.2 插入浮動框架 140
7.1.3 設定浮動框架的屬性 140
7.2 知識講解――使用模板統一網站風格 141
7.2.1 模板的概念 141
7.2.2 使用模板創建網頁 142
7.2.3 創建模板網頁 142
7.2.4 模板中的區域類型 144
7.2.5 編輯模板 144
7.2.6 套用模板到頁 145
7.2.7 從模板中分離文檔 146
7.3 知識講解――創建與套用庫資源 146
7.3.1 使用資源面板 146
7.3.2 新建庫項目 146
7.3.3 編輯和更新庫項目 147
7.4 同步訓練――實戰套用 148
實例1:製作企業網頁 148
實例2:製作文章詳情頁模板並套用模板新建頁面 150
本章小結 153
第8章 套用行為與特效 154
8.1 知識講解――使用行為製作網頁特效 155
8.1.1 行為套用基礎 155
8.1.2 使用行為面板管理行為 155
8.1.3 常用事件類型 155
8.1.4 常用行為動作 156
8.2 知識講解――設定jQuery效果 159
8.2.1 設定Blind效果 159
8.2.2 設定Highlight效果 159
8.2.3 其他jQuery效果 160
8.3 同步訓練――實戰套用 161
實例1:製作廣告彈窗 161
實例2:製作網頁導航 163
本章小結 168
第9章 初識Fireworks 169
9.1 知識講解――Fireworks簡介 170
9.1.1 Fireworks在網頁設計中的套用 170
9.1.2 了解Fireworks CS6工作環境 170
9.2 知識講解――Fireworks檔案操作 173
9.2.1 新建檔案 173
9.2.2 導入檔案 174
9.2.3 修改文檔屬性 174
9.2.4 視圖模式及顯示比例 176
9.2.5 保存圖像檔案 176
9.2.6 打開檔案 176
9.3 知識講解――Fireworks工作環境設定 177
9.3.1 使用輔助工具 177
9.3.2 設定工作參數 178
9.4 同步訓練――實戰套用 180
實例1:新建網頁廣告圖像檔案 180
實例2:完善網頁效果圖 181
本章小結 184
第10章 圖形圖像處理基礎 185
10.1 知識講解――點陣圖與矢量圖 186
10.1.1 點陣圖 186
10.1.2 矢量圖 186
10.2 知識講解――繪製矢量圖與點陣圖 186
10.2.1 繪製矢量圖形 187
10.2.2 點陣圖的繪製與選取 189
10.2.3 添加文本內容 191
10.3 知識講解――對象的基本操作 192
10.3.1 選擇對象 192
10.3.2 設定顏色 192
10.3.3 對象的基本編輯操作 194
10.3.4 對象的組合與取消 196
10.3.5 對齊與分布 198
10.3.6 套用圖層操作對象 198
10.4 同步訓練――實戰套用 199
實例1:設計首頁線框圖 199
實例2:製作Banner廣告條 205
本章小結 209
第11章 矢量圖形與文本的編輯 210
11.1 知識講解――調整路徑 211
11.1.1 路徑編輯調整工具的使用 211
11.1.2 組合路徑 213
11.1.3 使用路徑面板 215
11.1.4 將選區框轉換為路徑 215
11.2 知識講解――文本路徑處理 216
11.2.1 文本附加到路徑 216
11.2.2 文本轉換為路徑 217
11.3 同步訓練――實戰套用 217
實例1:製作按鈕圖示 217
實例2:製作廣告文字 220
本章小結 222
第12章 點陣圖的套用與處理 223
12.1 知識講解――編輯點陣圖圖像 224
12.1.1 平面化對象 224
12.1.2 模糊與銳化圖像 224
12.1.3 減淡與加深 225
12.1.4 塗抹工具 226
12.1.5 橡皮圖章工具 226
12.1.6 替換顏色工具 227
12.1.7 消除紅眼工具 228
12.2 知識講解――使用點陣圖濾鏡 228
12.2.1 雜點濾鏡 228
12.2.2 模糊濾鏡 228
12.2.3 調整顏色濾鏡 231
12.2.4 銳化濾鏡 233
12.2.5 其他濾鏡 233
12.3 同步訓練――實戰套用 234
實例1:合成背景圖像 234
實例2:處理服裝廣告圖片 237
本章小結 241
第13章 使用蒙版與濾鏡 242
13.1 知識講解――使用蒙版 243
13.1.1 創建蒙版 243
13.1.2 禁用、啟用和刪除蒙版 246
13.1.3 編輯蒙版 246
13.2 知識講解――使用動態濾鏡和樣式 248
13.2.1 添加動態濾鏡 248
13.2.2 使用斜角和浮雕濾鏡 249
13.2.3 使用陰影和光暈濾鏡 249
13.2.4 使用Photoshop動態效果 249
13.2.5 編輯和調整動態濾鏡 250
13.2.6 新建與套用樣式 250
13.3 同步訓練――實戰套用 252
實例1:製作導航按鈕 252
實例2:製作UI圖示 255
本章小結 259
第14章 製作GIF動畫 260
14.1 知識講解――狀態的相關操作 261
14.1.1 狀態面板 261
14.1.2 新建/添加/重製狀態 261
14.1.3 選擇多個狀態 261
14.1.4 調整狀態順序 262
14.1.5 刪除 262
14.1.6 分散到狀態 262
14.1.7 設定狀態名稱和延遲 263
14.1.8 使用洋蔥皮顯示多個狀態 263
14.2 知識講解――使用共享層、元件和補間動畫 263
14.2.1 在動畫中使用共享層 263
14.2.2 創建圖形元件 264
14.2.3 創建動畫元件 265
14.2.4 創建補間動畫 265
14.3 知識講解――導入及導出動畫 266
14.3.1 導入GIF動畫 266
14.3.2 以動畫方式打開一組圖像 266
14.3.3 導出動畫 266
14.4 同步訓練――實戰套用 267
實例1:製作動態按鈕圖示 267
實例2:製作GIF動畫廣告 270
本章小結 273
第15章 製作互動原型 274
15.1 知識講解――使用切片和熱點 275
15.1.1 繪製切片 275
15.1.2 繪製圖像熱點 275
15.1.3 添加簡單變換圖像行為 276
15.1.4 添加交換圖像行為 277
15.1.5 添加狀態欄信息 277
15.1.6 添加導航欄 277
15.1.7 添加彈出選單 277
15.1.8 刪除行為 278
15.2 知識講解――創建按鈕元件 279
15.2.1 新建按鈕元件 279
15.2.2 編輯按鈕狀態 279
15.3 知識講解――預覽和導出互動原型 279
15.3.1 預覽互動動畫 280
15.3.2 導出互動原型 280
15.4 同步訓練――實戰套用 281
實例1:製作選項卡切換互動原型 281
實例2:製作導航選單互動原型 284
本章小結 287
第16章 圖像的最佳化與導出及效率工具 288
16.1 知識講解――圖像的最佳化與導出 289
16.1.1 常用圖像檔案格式 289
16.1.2 圖像的最佳化設定 290
16.1.3 導出圖像或網頁 292
16.2 知識講解――使用效率工具 294
16.2.1 查找和替換 294
16.2.2 批處理 294
16.2.3 歷史記錄與腳本命令 295
16.3 同步訓練――實戰套用 296
實例1:切片並導出首頁效果圖 296
實例2:快速為多幅圖像添加水印 300
本章小結 302
第17章 初識Flash 303
17.1 知識講解――Flash概述 304
17.1.1 Flash簡介 304
17.1.2 Flash的套用範圍 304
17.1.3 Flash的工作環境 304
17.2 知識講解――Flash檔案操作 306
17.2.1 新建Flash檔案 306
17.2.2 保存Flash檔案 307
17.2.3 打開Flash檔案 307
17.2.4 導入各類檔案 307
17.2.5 測試與發布動畫 308
17.3 知識講解――繪製與編輯圖形 309
17.3.1 繪製和調整矢量圖形 309
17.3.2 組合對象 310
17.3.3 使用圖層 310
17.4 同步訓練――實戰套用 311
實例1:製作廣告畫面 311
實例2:繪製個性時鐘 314
本章小結 318
第18章 製作動畫 319
18.1 知識講解――幀的基本操作 320
18.1.1 設定動畫幀頻 320
18.1.2 插入關鍵幀 320
18.1.3 插入空白關鍵幀 320
18.1.4 插入幀 321
18.1.5 選擇幀 321
18.1.6 刪除幀 321
18.1.7 剪下幀 321
18.1.8 複製與貼上幀 322
18.1.9 移動幀 322
18.1.10 翻轉幀 322
18.2 知識講解――補間動畫和補間形狀 322
18.2.1 創建補間動畫 322
18.2.2 創建補間形狀 324
18.2.3 創建傳統補間 324
18.3 知識講解――元件的套用 325
18.3.1 新建元件 325
18.3.2 轉換為元件 326
18.3.3 元件的類型及套用 326
18.3.4 編輯元件 327
18.4 知識講解――引導層和遮罩層動畫 328
18.4.1 創建傳統引導層動畫 328
18.4.2 創建遮罩層動畫 329
18.5 同步訓練――實戰套用 330
實例1:製作百葉窗廣告切換動畫 330
實例2:製作網站導航條互動動畫 334
本章小結 337
第19章 套用多媒體和組件 338
19.1 知識講解――套用聲音和視頻 339
19.1.1 導入聲音 339
19.1.2 添加聲音 339
19.1.3 使用視頻剪輯 340
19.2 知識講解――組件的基本套用 342
19.2.1 組件的使用 342
19.2.2 常用組件 342
19.3 同步訓練――實戰套用 346
實例1:為遊戲開始畫面添加音效 346
實例2:製作用戶註冊表單 348
本章小結 351
第20章 套用ActionScript創建互動動畫 352
20.1 知識講解――ActionScript簡介 353
20.1.1 關於ActionScript 353
20.1.2 動作面板 353
20.1.3 ActionScript 3.0基本語法 354
20.2 知識講解――ActionScript 3.0語言基礎 357
20.2.1 變數 357
20.2.2 運算符 357
20.2.3 表達式 358
20.2.4 結構控制語句 359
20.2.5 函式的定義與調用 360
20.2.6 對象的屬性及方法 360
20.2.7 事件處理 361
20.3 知識講解――ActionScript 3.0常用類 361
20.3.1 MovieClip類 361
20.3.2 SimpleButton類 362
20.3.3 TextField類 363
20.3.4 URLRequest類 363
20.3.5 Loader類 363
20.3.6 URLLoader類 364
20.3.7 XML類 364
20.4 同步訓練――實戰套用 364
實例1:製作彈出式網址導航選單 364
實例2:製作廣告輪播動畫 369
本章小結 373
第21章 設計並製作公司網站 374
21.1 規劃網站 375
21.1.1 網站功能規劃 375
21.1.2 設計思路 376
21.2 利用Fireworks設計網站效果圖 377
21.2.1 設計首頁效果圖 377
21.2.2 設計欄目頁效果圖 380
21.3 製作網站頁面 381
21.3.1 切片並導出素材圖像 382
21.3.2 創建站點並製作網站首頁 384
本章小結 391
第22章 設計並製作團購網站 392
22.1 規劃網站 393
22.1.1 電子商務平台基礎知識 393
22.1.2 網站功能規劃 394
22.1.3 設計思路 395
22.2 利用Fireworks設計網站效果圖 395
22.2.1 設計首頁效果圖 395
22.2.2 設計欄目頁效果圖 399
22.3 製作網站首頁 401
22.3.1 切片並導出素材圖像 401
22.3.2 製作首頁Web頁面 402
本章小結 405
第23章 製作動態Flash相冊 406
23.1 規劃Flash相冊 407
23.1.1 Flash載入動態數據的原理 407
23.1.2 XML基礎知識 407
23.1.3 規劃Flash相冊功能 407
23.1.4 製作XML檔案 408
23.2 製作Flash相冊程式 408
23.2.1 製作相冊界面和元件 408
23.2.2 編寫相冊互動程式 413
23.2.3 測試動畫和程式 415
本章小結 416
作者簡介
胡國鋒,自參加工作以來,一直從事設計,動漫,製作,圖形圖像的教學和研究工作,積累了豐富的教學和科研經驗,教育思想觀念先進,教學內容理論聯繫實際,教學方法靈活創新,教學效果優秀,受到學生歡迎。科研成果豐碩。