中文版Dreamweaver+Flash+Photoshop網(wǎng)頁制作三合一教程

第1章  網(wǎng)頁制作基礎    1
1.1  網(wǎng)頁制作    1
1.1.1  網(wǎng)頁簡介    1
1.1.2  HTML的概念    2
1.1.3  HTML的組成及語法    3
1.2  網(wǎng)頁制作的常用軟件    4
1.2.1  圖形圖像處理軟件    4
1.2.2  動畫制作軟件    4
1.2.3  網(wǎng)頁布局軟件    4
1.2.4  軟件間的相互關(guān)系    5
1.3  網(wǎng)頁制作軟件的啟動與退出    6
1.3.1  網(wǎng)頁制作軟件的啟動    6
1.3.2  網(wǎng)頁制作軟件的退出    7
1.3.3  應用舉例——啟動和退出
Dreamweaver 8    7
1.4  上機練習    8
1.5  習題    8
第2章  Dreamweaver 8基本操作    9
2.1  Dreamweaver 8中文版概述    9
2.1.1  Dreamweaver 8簡介    9
2.1.2  Dreamweaver在網(wǎng)頁制作中的作用    9
2.2  Dreamweaver 8的工作界面    10
2.2.1  標題欄    11
2.2.2  菜單欄    11
2.2.3  插入面板    11
2.2.4  工具欄    12
2.2.5  文檔窗口    13
2.2.6  狀態(tài)欄    14
2.2.7  “屬性”面板    14
2.2.8  面板組    14
2.3  網(wǎng)頁文檔的基本操作    15
2.3.1  創(chuàng)建網(wǎng)頁文檔    15
2.3.2  打開網(wǎng)頁文檔    16
2.3.3  預覽網(wǎng)頁    17
2.3.4  保存網(wǎng)頁文檔    17
2.3.5  設置頁面屬性    18
2.3.6  應用舉例——打開、保存和設置
網(wǎng)頁文件    21
2.4  站點管理    24
2.4.1  建立本地站點    24
2.4.2  在站點中添加新文件或文件夾    26
2.4.3  站點的編輯    27
2.4.4  站點測試與發(fā)布    28
2.4.5  應用舉例——建立“我的站點”    30
2.5  上機練習    33
2.6  習題    35
第3章  創(chuàng)建網(wǎng)頁基本對象    36
3.1  文本的操作    36
3.1.1  插入文本    36
3.1.2  調(diào)整文本    37
3.1.3  插入特殊字符    38
3.1.4  插入文本列表    39
3.1.5  插入水平線    41
3.1.6  應用舉例——在網(wǎng)頁中插入文本    42
3.2  插入和編輯圖像    43
3.2.1  插入圖像    43
3.2.2  編輯圖像    44
3.2.3  圖像占位符    45
3.2.4  設置網(wǎng)頁背景    46
3.2.5  交互式圖像    48
3.2.6  應用舉例——在網(wǎng)頁中插入圖像    49
3.3  創(chuàng)建超鏈接    50
3.3.1  超鏈接的概念    50
3.3.2  超鏈接的創(chuàng)建    51
3.3.3  應用舉例——創(chuàng)建文本、圖像
和電子郵件鏈接    53
3.4  上機練習    54
3.4.1  在頁面中插入圖像和文本    54
3.4.2  創(chuàng)建導航條和鏈接    55
3.5  習題    57
第4章  布局頁面    58
4.1  創(chuàng)建表格    58
4.1.1  表格的元素組成    58
4.1.2  插入表格    59
4.2  表格的編輯    60
4.2.1  選擇表格元素    60
4.2.2  輸入頁面元素    62
4.2.3  設置表格屬性    64
4.2.4  添加/刪除行或列    65
4.2.5  單元格的合并及拆分    66
4.2.6  應用舉例——創(chuàng)建細線表格    67
4.3  布局視圖模式    68
4.3.1  布局視圖模式介紹    68
4.3.2  布局視圖模式的切換和退出    69
4.4  頁面布局的基本應用    69
4.4.1  繪制布局表格和單元格    69
4.4.2  清除布局表格高度    70
4.4.3  設置布局表格寬度    71
4.4.4  移動/調(diào)整布局表格和布
局單元格    71
4.4.5  應用舉例——在頁面中
使用布局視圖    72
4.5  上機練習    73
4.5.1  使用表格布局頁面    74
4.5.2  使用布局視圖模式布局頁面    76
4.6  習題    78
第5章  使用層和行為    79
5.1  層的創(chuàng)建和設置    79
5.1.1  創(chuàng)建層    79
5.1.2  嵌套層    80
5.1.3  層的“屬性”面板    81
5.1.4  “層”面板    82
5.1.5  應用舉例——創(chuàng)建嵌套層    82
5.2  層的操作    83
5.2.1  選擇層    83
5.2.2  調(diào)整層的大小    84
5.2.3  移動層    85
5.2.4  對齊層    85
5.2.5  應用舉例——通過層布局頁面    85
5.3  行為的概念    87
5.3.1  行為    87
5.3.2  事件    88
5.3.3  “行為”面板    88
5.3.4  應用舉例——查看交互式
圖像的行為    88
5.4  內(nèi)置行為動作的應用    89
5.4.1  彈出信息    89
5.4.2  播放聲音    90
5.4.3  調(diào)用JavaScript    90
5.4.4  顯示或隱藏層    91
5.5  上機練習    93
5.5.1  創(chuàng)建層并添加文字介紹    94
5.5.2  在“行為”面板中設置層    95
5.6  習題    98
第6章  創(chuàng)建表單    99
6.1  表單的概念    99
6.1.1  表單域    99
6.1.2  表單對象    100
6.1.3  應用舉例——區(qū)分表單域
和表單對象    101
6.2  創(chuàng)建表單對象    101
6.2.1  文本域    102
6.2.2  復選框    103
6.2.3  單選按鈕    104
6.2.4  列表和菜單    104
6.2.5  跳轉(zhuǎn)菜單    105
6.2.6  表單按鈕    107
6.2.7  創(chuàng)建圖像域    107
6.3  上機練習    108
6.4  習題    112
第7章  建立CSS樣式表和插入
多媒體對象    113
7.1  創(chuàng)建CSS樣式表    113
7.1.1  “CSS樣式”面板    113
7.1.2  新建CSS樣式    114
7.1.3  設置CSS的屬性    116
7.1.4  應用舉例——新建CSS樣式    121
7.2  應用CSS樣式    122
7.2.1  應用自定義樣式    122
7.2.2  鏈接到外部樣式表    122
7.2.3  應用舉例——使用CSS
設置頁面文字    123
7.3  多媒體和Flash文件類型    125
7.3.1  多媒體概念    125
7.3.2  Flash文件類型    126
7.4  插入多媒體對象    126
7.4.1  插入Flash動畫    127
7.4.2  插入Shockwave影片    128
7.4.3  應用舉例——使用按鈕控制
Flash動畫的播放    129
7.5  上機練習    131
7.5.1  使用CSS創(chuàng)建虛線表格    131
7.5.2  為頁面添加背景音樂    133
7.6  習題    134
第8章  Flash 8基礎    135
8.1  認識Flash動畫    135
8.1.1  Flash動畫的原理及應用領(lǐng)域    135
8.1.2  Flash動畫在網(wǎng)頁方面的應用    136
8.2  Flash 8的工作界面    137
8.2.1  菜單欄    138
8.2.2  時間軸    138
8.2.3  工具箱    138
8.2.4  “屬性”面板    139
8.3  Flash文檔的創(chuàng)建和保存    139
8.3.1  Flash文檔的創(chuàng)建    140
8.3.2  Flash文檔的保存    140
8.3.3  應用舉例——創(chuàng)建Flash模板    141
8.4  上機練習    142
8.5  習題    143
第9章  繪制Flash圖像    144
9.1  繪圖工具的使用    144
9.1.1  工具箱介紹    144
9.1.2  矢量圖與位圖    146
9.1.3  應用實例——繪制咖啡杯    147
9.2  圖像的編輯和導入    150
9.2.1  組合與分離    150
9.2.2  圖像的導入    150
9.2.3  將位圖轉(zhuǎn)換為矢量圖    152
9.2.4  應用實例——創(chuàng)建光暈效果    153
9.3  圖像特殊效果的創(chuàng)建    154
9.3.1  “濾鏡”面板    155
9.3.2  濾鏡的使用    155
9.3.3  應用實例——創(chuàng)建特殊字體效果    158
9.4  上機練習    160
9.5  習題    163
第10章  元件和“庫”面板    164
10.1  元件的創(chuàng)建    164
10.1.1  元件的概念    164
10.1.2  圖形元件    165
10.1.3  按鈕元件    165
10.1.4  影片剪輯元件    168
10.1.5  應用實例——將圖像轉(zhuǎn)換
為元件    168
10.2  “庫”面板    170
10.2.1  “庫”面板    170
10.2.2  庫的管理和使用    170
10.2.3  公共庫    172
10.3  元件實例    173
10.3.1  創(chuàng)建實例    173
10.3.2  編輯實例    173
10.4  上機練習    176
10.5  習題    179
第11章  用時間軸創(chuàng)建動畫    180
11.1  時間軸與關(guān)鍵幀    180
11.1.1  時間軸的組成    180
11.1.2  時間軸中的圖層    181
11.1.3  關(guān)鍵幀    181
11.1.4  應用舉例——插入幀    182
11.2  創(chuàng)建動畫    185
11.2.1  逐幀動畫    185
11.2.2  補間動畫    186
11.2.3  應用實例——文字的
淡出淡入動畫    187
11.3  特殊圖層的應用    190
11.3.1  引導層    191
11.3.2  遮罩層    192
11.3.3  應用實例——游泳的魚    192
11.4  上機練習    196
11.4.1  創(chuàng)建圖形元件    196
11.4.2  創(chuàng)建遮罩動畫    200
11.5  習題    203
第12章  導入聲音和視頻    204
12.1  導入及使用聲音    204
12.1.1  聲音的類型    204
12.1.2  導入聲音    205
12.1.3  聲音的使用    205
12.1.4  應用實例——為按鈕添加聲音    206
12.2  處理聲音    208
12.2.1  設置聲音屬性    208
12.2.2  設置聲音    209
12.2.3  設置音效    210
12.2.4  應用舉例——設置聲音的
淡出效果    211
12.3  導入視頻    212
12.3.1  導入的視頻格式    212
12.3.2  導入視頻    213
12.4  上機練習    215
12.5  習題    218
第13章  使用ActionScript語句    220
13.1  ActionScript概述    220
13.2  ActionScript類型    220
13.2.1  為幀添加腳本    220
13.2.2  為影片剪輯元件添加腳本    221
13.2.3  為按鈕元件添加腳本    221
13.2.4  應用舉例——控制影片
的停止和播放    221
13.3  ActionScript語句中的參數(shù)    223
13.3.1  函數(shù)    223
13.3.2  變量    225
13.3.3  運算符    226
13.3.4  應用舉例——拖動的小球    226
13.4  常見的Actions命令語句    228
13.4.1  播放控制    228
13.4.2  播放跳轉(zhuǎn)    229
13.4.3  條件語句    229
13.4.4  循環(huán)語句    230
13.4.5  應用舉例——駭客帝國文字    230
13.5  上機練習    232
13.6  習題    238
第14章  測試及發(fā)布影片    239
14.1  影片優(yōu)化和測試    239
14.1.1  影片的優(yōu)化    239
14.1.2  測試影片下載性能    240
14.1.3  影片的調(diào)試    242
14.1.4  “輸出”面板    243
14.2  影片的發(fā)布格式    244
14.3  導出影片    244
14.3.1  影片的導出    244
14.3.2  導出圖像    245
14.3.3  播放Flash影片    245
14.4  上機練習    245
14.5  習題    246
第15章  Photoshop文字和圖層在
網(wǎng)頁設計中的應用    247
15.1  創(chuàng)建文字    247
15.1.1  文字工具    247
15.1.2  創(chuàng)建文字    248
15.1.3  文字選區(qū)的創(chuàng)建    249
15.1.4  文字的變形    250
15.1.5  應用實例——特殊文字效果    250
15.2  圖層的應用    253
15.2.1  圖層的概念    253
15.2.2  圖層的基本操作    254
15.2.3  圖層的混合模式    257
15.2.4  應用舉例——背景特效制作    260
15.3  上機練習    261
15.3.1  給頭發(fā)上色    261
15.3.2  制作水晶按鈕    263
15.4  習題    266
第16章  Photoshop路徑、色彩和通道
在網(wǎng)頁設計中的應用    267
16.1  創(chuàng)建路徑    267
16.1.1  路徑的概念    267
16.1.2  路徑工具的使用    268
16.1.3  編輯路徑    271
16.1.4  應用實例——繪制網(wǎng)站LOGO    272
16.2  調(diào)整圖像色彩和色調(diào)    274
16.2.1  調(diào)整圖像的色彩    274
16.2.2  調(diào)整圖像的色調(diào)    277
16.2.3  應用實例——校正網(wǎng)頁中的
偏色圖片    281
16.3  通道    282
16.3.1  通道的概念    283
16.3.2  通道的操作    283
16.3.3  專色通道    286
16.3.4  應用實例——對網(wǎng)頁中的
圖片進行處理    288
16.4   上機練習    290
16.4.1  制作網(wǎng)頁中的Banner    290
16.4.2  制作網(wǎng)頁背景    292
16.5  習題    294
第17章  ImageReady CS2在網(wǎng)頁設計
中的應用    296
17.1  ImageReady的工作界面    296
17.1.1  “動畫”面板    297
17.1.2  “切片”面板    297
17.1.3  “Web內(nèi)容”面板    298
17.2  創(chuàng)建GIF動畫    298
17.2.1  添加和選擇幀    298
17.2.2  復制和粘貼幀    299
17.2.3  過渡幀和循環(huán)幀    299
17.2.4  幀的排列和延遲時間的設定    300
17.2.5  動畫的預覽和存儲    302
17.2.6  應用實例——創(chuàng)建GIF動畫    302
17.3  創(chuàng)建翻轉(zhuǎn)效果和圖像映射    303
17.3.1  創(chuàng)建翻轉(zhuǎn)效果    304
17.3.2  圖像映射工具    304
17.3.3  應用實例——創(chuàng)建圖像映射    305
17.4  創(chuàng)建切片    305
17.4.1  創(chuàng)建和查看切片    305
17.4.2  選擇和修改切片    306
17.4.3  設置HTML輸出選項    306
17.4.4  導出切片    307
17.5  上機練習    307
17.6  習題    309
第18章  項目設計案例    310
18.1  實例目標    310
18.2  案例制作分析    311
18.3  制作過程    312
18.3.1  用Photoshop制作網(wǎng)頁圖像素材    312
18.3.2  使用Flash 8制作網(wǎng)頁導航條    318
18.3.3  用Dreamweaver 8制作站點
與網(wǎng)頁    323
18.4  習題    334