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

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