網(wǎng)頁(yè)設(shè)計(jì)三合一教程(MX2004中文版)

第1部分  中文Dreamweaver MX 2004
第1章  初識(shí)Dreamweaver MX 2004    1
1.1  Dreamweaver MX 2004新增功能    1
1.2  Dreamweaver MX 2004的工作界面    2
1.2.1  選擇工作區(qū)布局    2
1.2.2  工作界面的組成    4
1.2.3  管理面板和面板組    9
1.2.4  輔助設(shè)計(jì)工具    10
1.3  規(guī)劃站點(diǎn)與網(wǎng)頁(yè)    12
1.4  創(chuàng)建本地站點(diǎn)    13
1.5  創(chuàng)建站點(diǎn)內(nèi)容    16
1.6  本章小結(jié)    17
1.7  習(xí)題    17
第2章  制作簡(jiǎn)單的網(wǎng)頁(yè)    18
2.1  創(chuàng)建網(wǎng)頁(yè)文件    18
2.1.1  創(chuàng)建空白網(wǎng)頁(yè)    18
2.1.2  基于示例文件創(chuàng)建網(wǎng)頁(yè)    19
2.1.3  在打開(kāi)的網(wǎng)頁(yè)之間切換    19
2.2  保存和關(guān)閉網(wǎng)頁(yè)文件    20
2.2.1  保存新建的網(wǎng)頁(yè)文件    20
2.2.2  保存已有的網(wǎng)頁(yè)文件    21
2.2.3  關(guān)閉網(wǎng)頁(yè)文件    21
2.3  打開(kāi)網(wǎng)頁(yè)文件    21
2.4  輸入文本    22
2.4.1  插入特殊字符    23
2.4.2  插入日期    24
2.5  設(shè)置文本格式    24
2.5.1  使用“格式”下拉列表框設(shè)置文本格式    25
2.5.2  設(shè)置文字字體    25
2.5.3  設(shè)置字號(hào)    27
2.5.4  設(shè)置文字顏色    27
2.5.5  設(shè)置樣式    28
2.5.6  設(shè)置對(duì)齊方式    28
2.5.7  設(shè)置文本縮進(jìn)    28
2.5.8  使用列表    29
2.6  插入水平線    32
2.7  使用CSS    32
2.7.1  創(chuàng)建CSS樣式表    33
2.7.2  在網(wǎng)頁(yè)中應(yīng)用樣式表    36
2.7.3  編輯樣式    39
2.7.4  修改背景    40
2.7.5  去除或更換樣式表    42
2.8  使用圖像    42
2.8.1  常用的圖像文件格式    42
2.8.2  插入圖像    43
2.8.3  編輯圖像    45
2.9  設(shè)置頁(yè)面屬性    48
2.10  使用瀏覽器預(yù)覽網(wǎng)頁(yè)    50
2.11  本章小結(jié)    51
2.12  習(xí)題    51
第3章  超鏈接的使用    52
3.1  超鏈接簡(jiǎn)介    52
3.2  超鏈接的組成    53
3.3  創(chuàng)建文本超鏈接    54
3.4  創(chuàng)建郵件鏈接    56
3.5  創(chuàng)建錨記鏈接    57
3.6  創(chuàng)建圖像鏈接    59
3.7  創(chuàng)建圖像地圖    59
3.7.1  在圖像上創(chuàng)建熱點(diǎn)    60
3.7.2  修改熱點(diǎn)    62
3.7.3  為熱點(diǎn)指定鏈接    62
3.8  創(chuàng)建網(wǎng)站相冊(cè)    63
3.9  本章小結(jié)    65
3.10  習(xí)題    65
第4章  巧用表格組織網(wǎng)頁(yè)    66
4.1  利用表格組織網(wǎng)頁(yè)的示例    66
4.2  創(chuàng)建表格    67
4.3  改變表格的結(jié)構(gòu)    68
4.3.1  選定表格及單元格    68
4.3.2  插入行或列    69
4.3.3  刪除行或列    70
4.3.4  合并單元格    71
4.3.5  拆分單元格    71
4.3.6  改變表格的大小    71
4.3.7  改變表格中行或列的大小    72
4.4  向表格中添加內(nèi)容    72
4.5  修改表格的屬性    72
4.6  設(shè)置單元格的屬性    74
4.7  創(chuàng)建嵌套表格    75
4.8  使用其他程序創(chuàng)建的表格    76
4.9  設(shè)計(jì)頁(yè)面布局    78
4.9.1  切換到布局模式    79
4.9.2  繪制布局單元格和布局表格    79
4.9.3  繪制嵌套布局表格    81
4.9.4  添加布局單元格內(nèi)容    82
4.9.5  清除布局單元格的高度    83
4.9.6  移動(dòng)或調(diào)整布局單元格和布局表格的大小    83
4.9.7  格式化布局單元格和布局表格    84
4.9.8  設(shè)置布局寬度    86
4.9.9  使用間隔圖像    88
4.9.10  設(shè)置布局模式參數(shù)    88
4.10  本章小結(jié)    89
4.11  習(xí)題    89
第5章  框架的使用    90
5.1  框架與框架網(wǎng)頁(yè)    90
5.2  創(chuàng)建框架與框架集    91
5.2.1  插入預(yù)定義的框架集    91
5.2.2  設(shè)計(jì)并插入框架集    92
5.2.3  創(chuàng)建嵌套框架    93
5.2.4  選定框架或框架集    94
5.3  設(shè)置框架集與框架的屬性    95
5.3.1  設(shè)置框架集的屬性    95
5.3.2  設(shè)置框架的屬性    96
5.4  在框架中插入文本或圖像    96
5.5  保存框架和框架集文件    97
5.5.1  保存框架集文件    97
5.5.2  保存框架文件    97
5.6  為超鏈接指定目標(biāo)框架    98
5.7  處理不能顯示框架的瀏覽器    100
5.8  本章小結(jié)    102
5.9  習(xí)題    102
第6章  表單的使用    103
6.1  表單概述    103
6.2  創(chuàng)建表單    104
6.3  添加表單對(duì)象    104
6.3.1  添加文本域?qū)ο?nbsp;   105
6.3.2  添加單選按鈕    108
6.3.3  添加復(fù)選框    108
6.3.4  添加列表    109
6.3.5  添加按鈕對(duì)象    110
6.4  檢查表單    111
6.5  本章小結(jié)    112
6.6  習(xí)題    112
第7章  層的使用    113
7.1  層的概述    113
7.2  在網(wǎng)頁(yè)中創(chuàng)建層    114
7.3  創(chuàng)建嵌套層    114
7.4  編輯層    115
7.4.1  選定層    115
7.4.2  移動(dòng)層    116
7.4.3  改變層的大小    116
7.4.4  對(duì)齊多個(gè)層    117
7.4.5  將層靠齊到網(wǎng)格    118
7.4.6  通過(guò)層面板定義屬性    119
7.4.7  通過(guò)層屬性面板定義屬性    120
7.5  在層中插入對(duì)象    121
7.6  層與表格的轉(zhuǎn)換    122
7.6.1  將表格轉(zhuǎn)換為層    122
7.6.2  將層轉(zhuǎn)換為表格    123
7.7  本章小結(jié)    123
7.8  習(xí)題    124
第8章  創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)    125
8.1  行為的使用    125
8.1.1  行為概述    125
8.1.2  了解行為面板    125
8.1.3  附加行為    126
8.1.4  編輯行為    129
8.1.5  使用Dreamweaver MX 2004自帶行為    129
8.2  創(chuàng)建圖像交換效果    133
8.3  插入Flash對(duì)象    135
8.3.1  使用Flash按鈕對(duì)象    135
8.3.2  使用Flash文本對(duì)象    137
8.3.3  插入Flash影片    138
8.4  本章小結(jié)    139
8.5  習(xí)題    139
第9章  應(yīng)用模板和庫(kù)項(xiàng)目    140
9.1  應(yīng)用模板    140
9.1.1  制作模板    141
9.1.2  定義模板可編輯區(qū)域    142
9.1.3  查看可編輯區(qū)與鎖定區(qū)    144
9.1.4  使用模板創(chuàng)建網(wǎng)頁(yè)    145
9.1.5  將模板應(yīng)用到已有的網(wǎng)頁(yè)    146
9.1.6  將網(wǎng)頁(yè)和模板分離    147
9.2  應(yīng)用庫(kù)項(xiàng)目    147
9.2.1  創(chuàng)建庫(kù)項(xiàng)目    148
9.2.2  向網(wǎng)頁(yè)中添加庫(kù)項(xiàng)目    149
9.2.3  編輯更新庫(kù)項(xiàng)目    150
9.3  本章小結(jié)    152
9.4  習(xí)題    152
第10章  站點(diǎn)的測(cè)試與發(fā)布    153
10.1  檢查站點(diǎn)內(nèi)的鏈接    153
10.2  瀏覽器的測(cè)試    153
10.3  申請(qǐng)主頁(yè)空間    155
10.4  上傳站點(diǎn)    156
10.5  宣傳站點(diǎn)    157
10.6  本章小結(jié)    158
10.7  習(xí)題    158
第2部分  中文Fireworks MX 2004
第11章  初識(shí)Fireworks MX 2004    159
11.1  圖形圖像的基本概念    159
11.2  Fireworks MX 2004的新增功能    160
11.3  Fireworks MX 2004的界面組成和操作    161
11.3.1  Fireworks MX 2004的界面組成    161
11.3.2  “主要”工具欄    162
11.3.3  “修改”工具欄    163
11.3.4  幀播放工具欄    164
11.3.5  視域控制欄    164
11.3.6  工具箱    165
11.4  使用“屬性”面板    166
11.5  管理面板和面板組    167
11.5.1  面板的基本操作    167
11.5.2  Fireworks MX 2004面板簡(jiǎn)介    169
11.6  調(diào)整窗口的顯示    178
11.6.1  調(diào)整圖像窗口的位置和大小    179
11.6.2  查看圖像    179
11.6.3  多窗口顯示    179
11.6.4  改變多窗口的排列方式    180
11.6.5  更改圖像窗口的顯示方式    180
11.6.6  全圖及草圖顯示    181
11.7  本章小結(jié)    181
11.8  習(xí)題    181
第12章  Fireworks MX 2004基本操作    182
12.1  畫布的基本操作    182
12.1.1  創(chuàng)建畫布    182
12.1.2  保存文件    183
12.1.3  打開(kāi)和導(dǎo)入文件    183
12.1.4  修改畫布    183
12.1.5  設(shè)置圖像大小    184
12.2  圖像的定位工具    185
12.2.1  標(biāo)尺的使用    185
12.2.2  網(wǎng)格的使用    185
12.3  繪制矢量圖形    186
12.3.1  繪制直線    186
12.3.2  制作簡(jiǎn)單按鈕    187
12.3.3  繪制特殊的圖形    188
12.3.4  繪制立體小球    189
12.3.5  繪制五角星或三角形    190
12.3.6  使用自動(dòng)形狀繪圖工具    192
12.3.7  使用鋼筆工具    193
12.3.8  繪制心形圖案    195
12.3.9  繪制氣球    196
12.3.10  繪制自由變形路徑    197
12.4  編輯路徑    198
12.4.1  使用矢量工具進(jìn)行編輯    198
12.4.2  使用路徑操作進(jìn)行編輯    200
12.5  圖形對(duì)象的變形    203
12.5.1  圖形的旋轉(zhuǎn)    203
12.5.2  圖形的傾斜    204
12.5.3  圖形的扭曲    205
12.5.4  精確控制變形效果    205
12.6  圖形對(duì)象的組織    206
12.6.1  圖形對(duì)象的組合與分組    206
12.6.2  改變圖形對(duì)象的堆疊順序    206
12.6.3  調(diào)整圖形對(duì)象的對(duì)齊方式    207
12.7  本章小結(jié)    207
12.8  習(xí)題    207
第13章  文本處理    208
13.1  文本的輸入與編輯    208
13.1.1  文本的輸入    208
13.1.2  文本的移動(dòng)    208
13.1.3  導(dǎo)入文本    209
13.1.4  設(shè)置文本的屬性    210
13.1.5  使用文本編輯器    211
13.2  將文本附加于路徑    212
13.3  將文本轉(zhuǎn)換為路徑    213
13.4  文本的變形    214
13.5  制作立體字    215
13.6  本章小結(jié)    216
13.7  習(xí)題    216
第14章  位圖圖像的基本操作    217
14.1  位圖的選取    217
14.1.1  規(guī)則區(qū)域的選取    217
14.1.2  不規(guī)則區(qū)域的選取    218
14.1.3  選區(qū)的調(diào)整    220
14.1.4  選區(qū)的編輯    223
14.2  繪制與編輯位圖對(duì)象    224
14.2.1  鉛筆工具    224
14.2.2  刷子工具    225
14.2.3  滴管工具    227
14.2.4  油漆桶和漸變工具    227
14.2.5  擦除位圖圖像    228
14.2.6  克隆圖像    228
14.2.7  模糊工具組    229
14.2.8  裁剪位圖    230
14.3  調(diào)整位圖色調(diào)與顏色    230
14.3.1  調(diào)整色調(diào)    230
14.3.2  調(diào)整顏色    233
14.4  模糊與銳化位圖    235
14.4.1  模糊位圖    235
14.4.2  銳化位圖    235
14.5  蒙版的使用    235
14.6  添加圖片框    236
14.7  本章小結(jié)    237
14.8  習(xí)題    237
第15章  Fireworks MX 2004的高級(jí)應(yīng)用    238
15.1  創(chuàng)建動(dòng)畫    238
15.1.1  動(dòng)畫簡(jiǎn)介    238
15.1.2  利用多個(gè)圖像文件制作動(dòng)畫    238
15.1.3  制作簡(jiǎn)單的動(dòng)畫    239
15.1.4  制作文字淡入淡出的動(dòng)畫效果    241
15.1.5  制作太陽(yáng)升起的動(dòng)畫    243
15.1.6  輸出動(dòng)畫    245
15.2  制作按鈕    246
15.2.1  創(chuàng)建按鈕    247
15.2.2  設(shè)置按鈕的鏈接    249
15.3  創(chuàng)建導(dǎo)航欄    249
15.4  創(chuàng)建熱點(diǎn)與圖像映射    250
15.4.1  創(chuàng)建圖像熱點(diǎn)    250
15.4.2  導(dǎo)出圖像映射    251
15.5  創(chuàng)建與使用切片    252
15.5.1  創(chuàng)建切片    252
15.5.2  使用切片交換圖像    253
15.5.3  設(shè)置狀態(tài)欄文本    255
15.6  制作彈出菜單    255
15.7  本章小結(jié)    258
15.8  習(xí)題    258
第16章  網(wǎng)頁(yè)圖形圖像的優(yōu)化與導(dǎo)出    259
16.1  圖像的優(yōu)化    259
16.1.1  使用內(nèi)置的優(yōu)化格式    259
16.1.2  優(yōu)化GIF格式    260
16.1.3  優(yōu)化JPEG格式    263
16.2  導(dǎo)出圖形圖像    265
16.2.1  導(dǎo)出單個(gè)圖像    265
16.2.2  導(dǎo)出含有切片的文檔    266
16.2.3  使用導(dǎo)出向?qū)?nbsp;   266
16.3  Fireworks MX 2004與Dreamweaver MX 2004的綜合應(yīng)用    267
16.3.1  在Dreamweaver中插入Fireworks的HTML文件    267
16.3.2  在Dreamweaver中插入Fireworks圖像    268
16.3.3  在Dreamweaver MX 2004中調(diào)用Fireworks MX 2004    268
16.3.4  優(yōu)化插入Dreamweaver中的Fireworks圖像或動(dòng)畫    270
16.4  本章小結(jié)    272
16.5  習(xí)題    272
第3部分  中文Flash MX 2004
第17章  初識(shí)Flash MX 2004    273
17.1  Flash簡(jiǎn)介    273
17.2  Flash MX 2004的新增功能    274
17.3  Flash MX 2004的工作界面    276
17.3.1  時(shí)間軸    277
17.3.2  場(chǎng)景的基本操作    278
17.3.3  調(diào)整舞臺(tái)的顯示    279
17.3.4  “庫(kù)”面板    280
17.3.5  “庫(kù)”面板中的元件    281
17.4  Flash動(dòng)畫的制作流程    281
17.4.1  設(shè)置舞臺(tái)尺寸和安排場(chǎng)景    281
17.4.2  創(chuàng)建與插入動(dòng)畫元件    282
17.4.3  設(shè)置動(dòng)畫效果    283
17.4.4  測(cè)試影片    285
17.4.5  動(dòng)畫完成后的輸出    285
17.4.6  發(fā)布Flash影片的參數(shù)設(shè)置    286
17.5  本章小結(jié)    291
17.6  習(xí)題    291
第18章  準(zhǔn)備動(dòng)畫角色    292
18.1  使用繪圖工具    292
18.1.1  使用“鉛筆”工具繪畫    293
18.1.2  使用“線條”工具繪畫    293
18.1.3  使用“橢圓”和“矩形”工具繪畫    293
18.1.4  使用“鋼筆”工具修改形狀    295
18.1.5  使用“刷子”工具涂色    295
18.1.6  使用“橡皮擦”工具    296
18.2  處理圖形對(duì)象    297
18.2.1  選定對(duì)象    297
18.2.2  變形對(duì)象    298
18.2.3  創(chuàng)建旋轉(zhuǎn)的風(fēng)車    300
18.3  設(shè)置筆觸與填充顏色    302
18.3.1  使用工具設(shè)置顏色    302
18.3.2  使用混色器設(shè)置顏色或漸變填充色    303
18.3.3  使用混色器設(shè)置位圖填充    304
18.3.4  使用墨水瓶修改筆觸顏色    304
18.3.5  使用顏料桶應(yīng)用純色、漸變色或位圖填充    305
18.3.6  使?jié)u變色或位圖填充變形    305
18.4  輸入與設(shè)置文本    306
18.4.1  輸入文本    306
18.4.2  創(chuàng)建線性漸變填充字    307
18.5  導(dǎo)入插圖    308
18.5.1  利用位圖創(chuàng)建簡(jiǎn)單的動(dòng)畫    308
18.5.2  設(shè)置位圖屬性    310
18.5.3  將位圖轉(zhuǎn)換為矢量圖形    310
18.6  本章小結(jié)    311
18.7  習(xí)題    311
第19章  創(chuàng)建動(dòng)畫    312
19.1  創(chuàng)建逐幀動(dòng)畫    312
19.1.1  倒計(jì)時(shí)    312
19.1.2  成長(zhǎng)的小樹(shù)    314
19.1.3  頻閃的靜態(tài)動(dòng)畫    316
19.2  創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫    317
19.2.1  小鳥(niǎo)飛翔    318
19.2.2  漸變字    321
19.2.3  疊影字    323
19.2.4  飛行字    324
19.3  創(chuàng)建形狀補(bǔ)間動(dòng)畫    327
19.3.1  人臉表情    327
19.3.2  文本變化    329
19.4  創(chuàng)建引導(dǎo)層動(dòng)畫    330
19.4.1  拍皮球    331
19.4.2  飛行的天使    333
19.5  創(chuàng)建遮罩動(dòng)畫    335
19.5.1  簡(jiǎn)單的遮罩動(dòng)畫    336
19.5.2  百葉窗效果    338
19.5.3  滾動(dòng)字幕    341
19.6  本章小結(jié)    344
19.7  習(xí)題    344
第20章  創(chuàng)建基本交互式動(dòng)畫    345
20.1  按鈕元件    345
20.1.1  創(chuàng)建文字按鈕    345
20.1.2  創(chuàng)建圖形按鈕    347
20.1.3  制作動(dòng)態(tài)按鈕    349
20.1.4  查看“公用庫(kù)”中的按鈕    351
20.2  Flash的動(dòng)作腳本語(yǔ)言ActionScript    351
20.3  交互式動(dòng)畫的應(yīng)用實(shí)例    352
20.3.1  停止動(dòng)畫    352
20.3.2  利用按鈕控制動(dòng)畫的播放與停止    353
20.3.3  利用按鈕控制電影剪輯的播放    355
20.3.4  按鈕與影片剪輯的綜合應(yīng)用    358
20.4  本章小結(jié)    361
20.5  習(xí)題    361
第21章  在動(dòng)畫中添加聲音    362
21.1  導(dǎo)入聲音    362
21.2  為影片添加聲音    362
21.3  聲音的壓縮    365
21.4  為按鈕添加聲音    366
21.5  本章小結(jié)    367
21.6  習(xí)題    367
第22章  創(chuàng)建高級(jí)交互式動(dòng)畫    368
22.1  創(chuàng)建自定義光標(biāo)    368
22.2  影片剪輯跟隨光標(biāo)移動(dòng)    371
22.3  改變影片剪輯的顏色    372
22.4  利用按鈕滾動(dòng)文本    374
22.5  簡(jiǎn)單的運(yùn)算    376
22.6  利用鍵盤移動(dòng)影片剪輯    378
22.7  本章小結(jié)    383
22.8  習(xí)題    383
參考文獻(xiàn)    384