Dreamweaver+Photoshop+Flash 網頁設計從入門到精通

第1篇 網頁制作基礎知識

第1章 網頁設計的一般步驟 2
1.1 網站的發布條件 2
1.2 網站的CI形象設計 3
1.3 規划網站的欄目與版塊 3
1.4 規划網站的目錄結構和鏈接結構 4
1.5 制作頁面效果圖 5
1.6 制作Flash動畫 5
1.7 切圖 6
1.8 制作靜態Web頁面 6
1.9 添加程序 7
1.10 發布Web站點 7
1.11 推廣和維護 7
1.12 小結 7
1.13 習題與思考 7
第2章 網頁設計的基礎知識 8
2.1 萬維網簡介 8
2.2 網頁的本質 8
2.3 常用的網頁瀏覽器 9
2.4 構成網頁的文本元素 10
2.5 構成網頁的圖像元素 11
2.5.1 矢量圖和位圖 11
2.5.2 網頁設計中常用的圖片格式 12
2.5.3 使用圖片 13
2.6 構成網頁的多媒體元素 14
2.7 構成網頁的互動元素 15
2.8 網頁制作的常用軟件 15
2.9 小結 16
2.10 習題與思考 16
第3章 網頁中的色彩 17
3.1 色彩的基本常識 17
3.2 色彩的心情 18
3.3 網頁色彩搭配的方法 18
3.3.1 同種色彩的搭配 18
3.3.2 對比色彩的搭配 19
3.3.3 暖色色彩搭配 19
3.3.4 冷色色彩搭配 20
3.4 網頁色彩搭配原則 20
3.4.1 色彩的鮮明性 21
3.4.2 色彩的獨特性 21
3.4.3 色彩的藝術性 22
3.4.4 色彩搭配的合理性 22
3.5 網頁色彩搭配技巧 23
3.6 網頁色彩搭配的注意事項 23
3.7 小結 23
3.8 習題與思考 24

第2篇 PhotoshopCS5使用精解

第4章 PhotoshopCS5界面與基本操作 26
4.1 PhotoshopCS5界面介紹 26
4.1.1 菜單欄 27
4.1.2 工具箱 27
4.1.3 工具選項欄 27
4.1.4 調板 28
4.1.5 畫布窗口 28
4.2 PhotoshopCS5基本操作 29
4.2.1 新建文件 29
4.2.2 打開文件 29
4.2.3 存儲文件 30
4.2.4 使用標尺、參考線和網格 32
4.3 選取圖像 33
4.3.1 選區的基礎知識 33
4.3.2 使用選框工具 34
4.3.3 使用套索工具 34
4.3.4 使用魔棒工具 35
4.3.5 選區的相加、相減和交叉 36
4.4 圖像處理 37
4.4.1 圖像的模式 38
4.4.2 圖像和畫布的大小 38
4.4.3 旋轉畫布和裁剪圖像 39
4.4.4 調整色階 40
4.4.5 調整曲線 40
4.4.6 調整色彩平衡 41
4.4.7 調整色相/飽和度 41
4.4.8 調整亮度/對比度 41
4.4.9 復制、粘貼、移動圖像 42
4.5 使用圖層 42
4.5.1 圖層的基本操作 42
4.5.2 圖層的分組 43
4.5.3 圖層的混合模式 44
4.5.4 圖層的樣式 45
4.5.5 圖層蒙板 52
4.6 使用繪圖與圖像編輯工具 53
4.6.1 畫筆工具 54
4.6.2 圖章工具 55
4.6.3 填充工具 56
4.7 處理文本 57
4.7.1 文本工具 57
4.7.2 使用字體 58
4.7.3 字符和段落調板 58
4.8 使用路徑 59
4.8.1 形狀工具 59
4.8.2 路徑面板 60
4.8.3 鋼筆工具 61
4.8.4 制作路徑文字 61
4.9 通道 62
4.10 使用濾鏡 63
4.10.1 濾鏡工具的操作 63
4.10.2 濾鏡的使用 63
4.11 制作GIF動畫 69
4.11.1 動畫面板和動畫原理 69
4.11.2 制作GIF動畫 70
4.12 小結 72
4.13 習題與思考 72
第5章 制作網站Logo 73
5.1 網站Logo的一般形式 73
5.2 制作時尚空間感的文字Logo 74
5.2.1 制作背景 74
5.2.2 制作文字內容 75
5.2.3 制作立體感文字 75
5.2.4 為文字添加空間背景 76
5.3 制作圖案Logo 77
5.3.1 制作背景 77
5.3.2 制作方形效果圖案 78
5.3.3 調節背景顏色和效果 80
5.3.4 整體調節 80
5.4 圖文結合Logo 81
5.5 小結 83
5.6 習題與思考 84
第6章 制作網站Banner 85
6.1 制作英文Banner 85
6.1.1 制作背景 85
6.1.2 制作文本 86
6.1.3 制作文本倒影效果 87
6.1.4 添加背景紋理 89
6.2 制作中文Banner 90
6.2.1 制作背景 90
6.2.2 制作傾斜紋理 90
6.2.3 制作圖案 91
6.2.4 制作文字 92
6.3 小結 93
6.4 習題與思考 93
第7章 制作網頁導航條 94
7.1 網頁導航條簡介 94
7.2 制作橫向導航條 95
7.2.1 制作背景 95
7.2.2 制作空間效果 96
7.2.3 添加文本 97
7.3 制作縱向導航條 97
7.3.1 勾勒形狀 97
7.3.2 制作木板底紋效果 98
7.3.3 制作其他木板條 99
7.3.4 繪制文本 100
7.4 小結 100
7.5 習題與思考 100
第8章 制作網頁按鈕 101
8.1 制作文字為主的按鈕 101
8.1.1 制作背景 102
8.1.2 制作時尚漸變圖案 102
8.1.3 添加文本 103
8.2 制作圖文結合的按鈕 104
8.2.1 制作背景 104
8.2.2 繪制圖案 105
8.2.3 添加文本 107
8.3 小結 108
8.4 習題與思考 108
第9章 制作區域框和分隔線 109
9.1 制作區域框、分隔線和虛線 109
9.1.1 制作區域框 109
9.1.2 制作分隔線 110
9.1.3 制作虛線 110
9.2 制作復雜邊框 111
9.3 小結 112
9.4 習題與思考 112
第10章 制作個人博客頁面效果圖 113
10.1 大致構架 113
10.2 制作時尚標題 115
10.3 制作博客主頭像 116
10.4 制作導航菜單 117
10.5 制作搜索欄和分隔符 118
10.6 制作分欄文本內容和日志 120
10.7 小結 122
10.8 習題與思考 122

第3篇 DreamweaverCS5使用精解

第11章 DreamweaverCS5基礎 124
11.1 DreamweaverCS5界面介紹 124
11.1.1 標題欄 125
11.1.2 菜單欄 125
11.1.3 文檔窗口 126
11.1.4 「屬性」面板 127
11.1.5 面板和面板組 128
11.2 管理站點 128
11.2.1 新建站點 128
11.2.2 管理和編輯站點 129
11.3 文檔管理與定義頁面屬性 130
11.3.1 新建文檔 130
11.3.2 定義頁面屬性 131
11.3.3 保存和顯示文檔 133
11.3.4 定義首選參數 134
11.4 小結 135
11.5 習題與思考 135
第12章 使用表格 136
12.1 表格的基礎知識 136
12.2 創建表格 136
12.3 選擇表格 137
12.3.1 選擇整個表格 137
12.3.2 選擇表格的行或列 138
12.3.3 選擇單元格 138
12.4 定義表格屬性 139
12.4.1 表格的整體屬性 139
12.4.2 表格的行、列或單元格屬性 140
12.5 處理表格內部元素 141
12.5.1 添加或刪除行和列 142
12.5.2 合並和拆分單元格 142
12.5.3 處理表格元素 144
12.6 調整表格的大小 144
12.6.1 調整表格的整體大小 144
12.6.2 調整表格行或列的大小 145
12.6.3 清除寬度和高度 145
12.6.4 沖突的寬度和高度 146
12.7 嵌套的表格 146
12.8 使用表格布局 147
12.9 表格與代碼 148
12.9.1 表格結構與代碼 148
12.9.2 表格屬性與代碼 149
12.10 小結 150
12.11 習題與思考 150
第13章 文本與圖像 151
13.1 插入文本 151
13.1.1 設置復制/粘貼參數 151
13.1.2 輸入或復制/粘貼文本 152
13.1.3 導入Word或者Excel文本 153
13.2 設置文本的格式 154
13.2.1 設置段落格式 154
13.2.2 對齊和縮進文本 154
13.2.3 使用水平分隔線 155
13.3 定義列表 156
13.4 定義文本的格式 156
13.4.1 定義文本的字體和大小 156
13.4.2 定義文本的顏色 157
13.4.3 定義文本的格式 157
13.5 插入日期和字符 157
13.5.1 插入日期 158
13.5.2 插入特殊字符 158
13.6 使用圖像 159
13.6.1 插入圖像 159
13.6.2 插入圖像占位符 160
13.6.3 定義圖像的屬性 160
13.6.4 定義背景圖像 161
13.7 小結 162
13.8 習題與思考 162
第14章 使用表單 164
14.1 創建表單 164
14.2 創建表單對象並定義相關屬性 165
14.2.1 創建文本域 165
14.2.2 創建按鈕 166
14.2.3 單選按鈕 167
14.2.4 復選框 168
14.2.5 文件域 169
14.2.6 圖像域 169
14.2.7 列表/菜單 170
14.2.8 文本區域 171
14.2.9 隱藏域 172
14.2.10 跳轉菜單 173
14.3 小結 174
14.4 習題與思考 174
第15章 超鏈接 175
15.1 鏈接和路徑 175
15.1.1 超鏈接的概念 175
15.1.2 路徑 176
15.2 創建超鏈接 177
15.2.1 創建到其他文檔的鏈接 177
15.2.2 創建文檔內部的鏈接 179
15.2.3 創建電子郵件鏈接 181
15.3 創建圖像鏈接 181
15.3.1 創建圖像鏈接 182
15.3.2 創建圖像熱點鏈接 182
15.4 鏈接管理 183
15.4.1 定義更新鏈接的首選參數和緩存 183
15.4.2 修改和刪除鏈接 184
15.4.3 檢查鏈接 185
15.5 小結 186
15.6 習題與思考 186
第16章 使用Div元素 187
16.1 插入Div標簽 187
16.2 編輯Div標簽 188
16.3 相鄰和嵌套的Div標簽 190
16.4 APDiv簡介 190
16.5 定義APDiv的首選參數 192
16.6 插入APDiv 193
16.7 定義APDiv的屬性 194
16.7.1 單個APDiv的屬性 194
16.7.2 多個APDiv的屬性 195
16.8 使用「AP元素」面板 197
16.9 編輯APDiv 198
16.10 定義APDiv的層次 199
16.11 APDiv和表格之間的轉換 200
16.11.1 將APDiv轉換為表格 200
16.11.2 將表格轉換為APDiv 201
16.12 小結 202
16.13 習題與思考 202
第17章 使用樣式表 203
17.1 樣式表簡介 203
17.1.1 樣式表的概念 203
17.1.2 樣式表的作用 205
17.1.3 W3C推薦的頁面布局 205
17.2 新建CSS樣式 205
17.2.1 新建CSS樣式 206
17.2.2 使用類 207
17.2.3 使用標簽 208
17.2.4 使用ID 208
17.2.5 使用復合內容 209
17.3 新建CSS樣式文件和附加樣式 210
17.3.1 新建CSS樣式文件 210
17.3.2 使用附加樣式 211
17.4 使用「CSS樣式」面板 212
17.5 設置CSS屬性 214
17.5.1 類型屬性 215
17.5.2 背景屬性 218
17.5.3 區塊屬性 219
17.5.4 方框屬性 220
17.5.5 邊框屬性 221
17.5.6 列表屬性 222
17.5.7 定位屬性 223
17.5.8 擴展屬性 224
17.5.9 CSS濾鏡 224
17.6 定義鏈接的樣式 227
17.7 小結 229
17.8 習題與思考 229
第18章 使用行為 231
18.1 行為簡介 231
18.2 創建、修改和刪除行為 231
18.3 使用行為 233
18.3.1 交換圖像 233
18.3.2 打開瀏覽器窗口 234
18.3.3 拖動AP元素 235
18.3.4 改變屬性 237
18.3.5 效果 238
18.3.6 設置狀態欄文本 239
18.4 小結 240
18.5 習題與思考 240
第19章 使用媒體 241
19.1 插入Flash 241
19.2 插入FLV 243
19.3 插入Shockwave影片 243
19.4 插入程序和控件 244
19.5 小結 244
19.6 習題與思考 244

第4篇 FlashCS5使用精解

第20章 FlashCS5簡介和基本操作 246
20.1 FlashCS5界面介紹 246
20.1.1 舞台 247
20.1.2 時間軸 248
20.1.3 圖層 251
20.1.4 工具箱 255
20.1.5 「屬性」面板 256
20.1.6 「顏色」和「樣本」面板 256
20.1.7 「庫」面板 257
20.1.8 定義首選參數 257
20.2 FlashCS5基本操作 258
20.2.1 新建和保存文檔 258
20.2.2 新建圖形元件 259
20.2.3 新建按鈕元件 260
20.2.4 新建影片剪輯元件 261
20.2.5 編輯和刪除元件 261
20.2.6 創建和編輯元件的實例 262
20.2.7 創建補間動畫 263
20.2.8 創建補間形狀 264
20.2.9 在關鍵幀中添加動作 265
20.2.10 在元件實例中添加動作 266
20.2.11 測試影片 267
20.2.12 發布和導出影片 268
20.3 制作動畫 269
20.3.1 制作引導層動畫 269
20.3.2 制作遮罩層動畫 271
20.3.3 制作逐幀動畫 272
20.4 繪圖和處理圖片 273
20.4.1 繪圖模型 273
20.4.2 使用鉛筆和刷子工具 273
20.4.3 使用線條和形狀工具 275
20.4.4 使用鋼筆工具 276
20.4.5 使用選取和選區工具 277
20.4.6 定義邊框和填充顏色 278
20.4.7 定義漸變顏色 279
20.4.8 導入圖像 280
20.4.9 設置和編輯位圖 281
20.4.10 分離位圖和將位圖轉換為矢量圖 282
20.4.11 組合對象 284
20.4.12 處理對象 285
20.5 使用文本 287
20.5.1 創建文本 287
20.5.2 定義文本的屬性 287
20.5.3 拼寫設置 289
20.5.4 分離文本 290
20.6 使用聲音 290
20.6.1 添加聲音 290
20.6.2 控制聲音的播放 291
20.6.3 壓縮聲音 293
20.7 使用視頻 293
20.8 小結 295
20.9 習題與思考 296
第21章 制作網頁Logo 297
21.1 制作殘影文字Logo 297
21.1.1 制作殘影效果 297
21.1.2 制作閃光效果 299
21.2 制作滾動文字Logo 301
21.3 環繞圖案Logo 302
21.3.1 制作按鈕 302
21.3.2 制作影片剪輯 303
21.3.3 制作影片 305
21.4 小結 306
21.5 習題與思考 306
第22章 制作Banner 307
22.1 制作舞台Banner 307
22.1.1 制作圖像顯示效果 307
22.1.2 制作文本效果 310
22.2 制作下雪Banner 311
22.2.1 制作雪花動畫 311
22.2.2 制作動畫 313
22.3 制作產品Banner 314
22.4 小結 317
22.5 習題與思考 317
第23章 制作導航條 318
23.1 制作垂直導航條 318
23.1.1 制作導航條背景 318
23.1.2 制作導航動畫 319
23.1.3 制作動畫中的腳本 321
23.1.4 完成動畫 322
23.2 制作橫向導航欄 323
23.2.1 制作導航按鈕 323
23.2.2 制作動畫 324
23.3 制作含有二級菜單的導航條 325
23.3.1 制作影片剪輯 325
23.3.2 制作動畫 326
23.4 小結 328
23.5 習題與思考 328
第24章 制作Loading 329
24.1 制作Loading的原理 329
24.2 制作百分比進度條的Loading 331
24.3 制作逐漸顯示的Loading 333
24.4 制作顯示動畫的Loading 334
24.5 小結 335
24.6 習題與思考 335
第25章 制作廣告動畫 336
25.1 制作節日廣告 336
25.1.1 制作背景動畫 336
25.1.2 制作燈籠動畫 337
25.1.3 制作爆竹動畫 339
25.1.4 制作文本動畫 341
25.1.5 完成動畫 343
25.2 制作對聯廣告 344
25.3 制作產品廣告 347
25.3.1 制作汽車動畫 347
25.3.2 制作遮罩動畫 349
25.3.3 完成動畫 353
25.4 小結 356
25.5 習題與思考 356

第5篇 綜合應用——首頁的制作

第26章 制作企業站點 358
26.1 制作站點效果圖 358
26.1.1 制作背景 358
26.1.2 制作頂部內容 360
26.1.3 制作頁面導航 363
26.1.4 制作中部導航 364
26.1.5 制作左側導航和列表 365
26.1.6 制作右側欄內容 367
26.1.7 制作底部內容 368
26.2 制作Flash動畫 368
26.2.1 Loading部分 368
26.2.2 背景部分 370
26.2.3 制作文字部分動畫 371
26.2.4 按鈕部分 372
26.2.5 導航條的制作 374
26.2.6 導入音頻完成動畫 378
26.3 制作Web頁面 378
26.3.1 切圖和規划站點 378
26.3.2 制作頁面背景和基礎樣式 379
26.3.3 制作頁面內容 381
26.3.4 制作頁面底部 387
26.4 小結 388