電腦網(wǎng)頁(yè)設(shè)計(jì)

第1部分  Dreamweaver MX
第1章  網(wǎng)頁(yè)制作必備知識(shí)    2
1.1  網(wǎng)頁(yè)制作新手需知    2
1.2  網(wǎng)頁(yè)組成元素及相關(guān)術(shù)語(yǔ)    3
1.3  站點(diǎn)規(guī)劃方法    10
1.3.1  決定站點(diǎn)目的    11
1.3.2  選擇目標(biāo)觀眾    11
1.3.3  為兼容的瀏覽器創(chuàng)建站點(diǎn)    12
1.3.4  組織站點(diǎn)結(jié)構(gòu)    13
1.3.5  創(chuàng)建設(shè)計(jì)圖    14
1.3.6  設(shè)計(jì)導(dǎo)航欄    15
1.3.7  計(jì)劃和收集資源    16
1.4  常見網(wǎng)頁(yè)制作方法分析    16
本章小結(jié)    23
練習(xí)與指導(dǎo)    24
第2章  Dreamweaver MX入門    25
2.1  Dreamweaver MX功能概覽    25
2.2  初識(shí)Dreamweaver MX    27
2.2.1  網(wǎng)頁(yè)編輯器    27
2.2.2  站點(diǎn)管理器    30
2.3  上機(jī)實(shí)踐——網(wǎng)頁(yè)設(shè)計(jì)初步    31
2.3.1  建立本地站點(diǎn)    31
2.3.2  設(shè)置頁(yè)面屬性    36
本章小結(jié)    38
練習(xí)與指導(dǎo)    38
第3章  設(shè)計(jì)網(wǎng)頁(yè)    40
3.1  設(shè)計(jì)網(wǎng)頁(yè)布局的基本方法    40
3.1.1  使用布局視圖設(shè)計(jì)網(wǎng)頁(yè)布局    40
3.1.2  使用層設(shè)計(jì)網(wǎng)頁(yè)布局    47
3.1.3  使用表格設(shè)計(jì)網(wǎng)頁(yè)布局    52
3.1.4  使用標(biāo)尺、網(wǎng)格與捕捉    61
3.2  使用框架設(shè)置網(wǎng)頁(yè)布局    62
3.2.1  創(chuàng)建框架頁(yè)及框架的刪除    63
3.2.2  選擇與設(shè)置框架頁(yè)及框架    65
3.2.3  框架內(nèi)容的更新    67
3.2.4  框架的保存    68
3.3  應(yīng)用文字    68
3.3.1  手工設(shè)置文字格式    68
3.3.2  使用文本換行符    71
3.3.3  使用HTML標(biāo)記設(shè)置文本格式    71
3.3.4  使用HTML樣式格式化文本    72
3.3.5  使用CSS樣式表格式化文本    74
3.4  在網(wǎng)頁(yè)中插入水平線、日期對(duì)象及圖片    78
3.4.1  使用水平線    78
3.4.2  插入日期對(duì)象    79
3.4.3  插入圖片對(duì)象    80
3.5  鏈接與導(dǎo)航    83
3.5.1  絕對(duì)路徑與相對(duì)路徑    84
3.5.2  創(chuàng)建通用鏈接的方法與步驟    84
3.5.3  鏈接到文檔中命名位置的方法    86
3.5.4  創(chuàng)建e-mail鏈接    87
3.5.5  創(chuàng)建虛擬鏈接及腳本鏈接    89
3.5.6  創(chuàng)建跳轉(zhuǎn)菜單    89
3.5.7  使用導(dǎo)航條    93
3.6  創(chuàng)建表單    96
3.6.1  創(chuàng)建表單    97
3.6.2  增加對(duì)象到表單    99
3.6.3  表單對(duì)象的特點(diǎn)    101
3.6.4  表單的處理    102
3.7  上機(jī)實(shí)踐——網(wǎng)站與主頁(yè)設(shè)計(jì)    103
3.7.1  規(guī)劃網(wǎng)站目錄結(jié)構(gòu)    103
3.7.2  規(guī)劃主頁(yè)布局    105
3.7.3  制作主頁(yè)    108
本章小結(jié)    117
練習(xí)與指導(dǎo)    118
第4章  設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)    121
4.1  在網(wǎng)頁(yè)中使用翻滾圖片    121
4.1.1  插入翻滾圖片對(duì)象    121
4.1.2  使用圖片影像    123
4.1.3  用于圖像的行為    125
4.2  使用時(shí)間軸制作動(dòng)態(tài)網(wǎng)頁(yè)    125
4.2.1  認(rèn)識(shí)時(shí)間軸面板    126
4.2.2  通過(guò)拖動(dòng)路徑創(chuàng)建動(dòng)畫    128
4.2.3  修改時(shí)間軸、圖片及層的屬性    129
4.2.4  控制時(shí)間軸的行為    132
4.3  使用行為制作交互式網(wǎng)頁(yè)    132
4.3.1  運(yùn)用行為    132
4.3.2  行為、事件、動(dòng)作與行為面板    136
4.3.3  使用行為創(chuàng)建彈出消息框和打開瀏覽器窗口    140
4.4  創(chuàng)建滾動(dòng)字幕    144
4.5  上機(jī)實(shí)踐——?jiǎng)?chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)的方法    146
4.5.1  利用時(shí)間軸創(chuàng)建動(dòng)畫    146
4.5.2  在網(wǎng)頁(yè)中插入GIF動(dòng)畫    149
4.5.3  使用Fireworks制作的按鈕和導(dǎo)航欄    151
4.5.4  在網(wǎng)頁(yè)中插入Flash動(dòng)畫    152
本章小結(jié)    154
練習(xí)與指導(dǎo)    155
第5章  網(wǎng)站管理與維護(hù)    158
5.1  網(wǎng)站管理    158
5.1.1  管理網(wǎng)站    158
5.1.2  管理文件和文件夾    160
5.1.3  打開與顯示調(diào)整站點(diǎn)地圖    160
5.1.4  設(shè)置與新建首頁(yè)    163
5.1.5  管理網(wǎng)頁(yè)鏈接    164
5.1.6  上傳、下載與同步更新文件    165
5.2  模板和庫(kù)的使用    167
5.2.1  使用模板    167
5.2.2  使用庫(kù)    167
5.3  上機(jī)實(shí)踐——使用模板    171
5.3.1  創(chuàng)建模板    171
5.3.2  基于模板創(chuàng)建文檔    173
本章小結(jié)    175
練習(xí)與指導(dǎo)    175
第2部分  Fireworks MX精解
第6章  Fireworks MX基本操作    178
6.1  Fireworks MX入門    178
6.1.1  Fireworks MX功能概覽    178
6.1.2  對(duì)象的類型與編輯模式    181
6.1.3  熟悉Fireworks MX的工作環(huán)境    182
6.1.4  畫面顯示調(diào)整    187
6.1.5  使用標(biāo)尺、網(wǎng)格與引導(dǎo)線    189
6.2  路徑的繪制與編輯    191
6.2.1  路徑繪制工具簡(jiǎn)介    191
6.2.2  路徑對(duì)象的編輯    195
6.2.3  為路徑對(duì)象設(shè)置描邊、填充、不透明度及效果    202
6.2.4  使用樣式    207
6.3  文本的創(chuàng)建與編輯    208
6.3.1  輸入與編輯文本    209
6.3.2  對(duì)文本設(shè)置描邊、填充、效果和樣式    210
6.3.3  按路徑改變文本的排列方式    211
6.3.4  文本變形    212
6.3.5  將文本轉(zhuǎn)換為路徑    213
6.4  編輯位圖對(duì)象    213
6.4.1  創(chuàng)建位圖對(duì)象的方法    214
6.4.2  選區(qū)制作與調(diào)整    215
6.4.3  繪制位圖對(duì)象    220
6.4.4  圖像的擦除、填充、復(fù)制與修飾    222
6.4.5  裁剪位圖    226
6.4.6  選區(qū)的變形    226
6.4.7  使用濾鏡和插件    227
6.5  對(duì)象操作    227
6.5.1  對(duì)象的選擇、移動(dòng)、復(fù)制與刪除    228
6.5.2  移動(dòng)、復(fù)制與刪除對(duì)象    229
6.5.3  對(duì)象層次安排、成組與對(duì)齊    230
6.5.4  操作的撤銷與恢復(fù)    231
6.6  使用圖層和蒙版    232
6.6.1  “層”面板組成    233
6.6.2  圖層操作    234
6.6.3  設(shè)置對(duì)象子層的不透明度和顏色混合模式    235
6.6.4  使用蒙版    236
6.7  調(diào)整畫布與圖像尺寸    240
6.7.1  調(diào)整畫布尺寸    240
6.7.2  畫布旋轉(zhuǎn)與裁剪    242
6.7.3  圖像尺寸調(diào)整    242
6.8  上機(jī)實(shí)踐——圖像編輯    243
6.8.1  利用Fireworks制作公司標(biāo)志    243
6.8.2  利用Fireworks處理圖片    245
本章小結(jié)    250
練習(xí)與指導(dǎo)    250
第7章  熱點(diǎn)、切片、按鈕和導(dǎo)航條    252
7.1  創(chuàng)建熱點(diǎn)    252
7.1.1  選擇熱點(diǎn)源圖像    252
7.1.2  創(chuàng)建與設(shè)置熱點(diǎn)    253
7.1.3  編輯熱點(diǎn)    254
7.1.4  利用拖放行為配置熱點(diǎn)    254
7.1.5  輸出熱點(diǎn)    257
7.2  創(chuàng)建圖像切片    258
7.2.1  創(chuàng)建與命名切片    258
7.2.2  設(shè)置切片的屬性    262
7.2.3  利用拖放行為配置切片    262
7.2.4  輸出帶切片的文件    262
7.3  為切片或熱點(diǎn)附加行為    263
7.3.1  行為運(yùn)用示例    263
7.3.2  行為與事件    266
7.3.3  為切片或熱點(diǎn)創(chuàng)建彈出式菜單    266
7.4  創(chuàng)建按鈕與導(dǎo)航條    270
7.4.1  使用元件    270
7.4.2  創(chuàng)建和編輯按鈕    272
7.4.3  創(chuàng)建導(dǎo)航條    278
7.4.4  使用系統(tǒng)提供的元件與按鈕    279
7.5  創(chuàng)建簡(jiǎn)單GIF動(dòng)畫    280
7.5.1  創(chuàng)建動(dòng)畫的準(zhǔn)備工作    280
7.5.2  幀-幀GIF動(dòng)畫示例    280
7.6  上機(jī)實(shí)踐——制作導(dǎo)航條與動(dòng)畫    283
7.6.1  利用Fireworks制作導(dǎo)航條    283
7.6.2  使用Fireworks制作網(wǎng)頁(yè)標(biāo)題動(dòng)畫    290
本章小結(jié)    300
練習(xí)與指導(dǎo)    300
第8章  圖像優(yōu)化與導(dǎo)出    303
8.1  圖像優(yōu)化    303
8.2  圖像導(dǎo)出    306
8.2.1  導(dǎo)出參數(shù)設(shè)置    306
8.2.2  導(dǎo)出選定區(qū)域的方法    308
8.2.3  在Dreamweaver中使用Fireworks文檔    309
8.3  上機(jī)實(shí)踐——導(dǎo)出圖像    309
8.3.1  使用“導(dǎo)出預(yù)覽”導(dǎo)出圖像    309
8.3.2  使用“導(dǎo)出向?qū)А睂?dǎo)出圖像    311
本章小結(jié)    312
練習(xí)與指導(dǎo)    312
第3部分  Flash MX精解
第9章  Flash MX入門    314
9.1  使用Flash MX的背景知識(shí)    314
9.1.1  Flash影片的特點(diǎn)    314
9.1.2  Flash影片中的素材    315
9.1.3  Flash影片的創(chuàng)建方法    315
9.2  熟悉Flash MX的工作環(huán)境    316
9.2.1  場(chǎng)景和場(chǎng)景控制面板    317
9.2.2  時(shí)間軸面板    317
9.2.3  屬性面板    319
9.2.4  工具面板與工具欄    319
9.2.5  其他控制面板    321
9.3  Flash MX基本操作    321
9.3.1  創(chuàng)建新文檔并設(shè)置屬性    321
9.3.2  使用元件與實(shí)例    323
9.3.3  使用影片瀏覽器    324
9.3.4  調(diào)整場(chǎng)景顯示    325
9.3.5  使用網(wǎng)格、輔助線和標(biāo)尺    326
9.3.6  預(yù)覽和測(cè)試影片    328
9.3.7  保存Flash文件    329
9.3.8  加速顯示動(dòng)畫    329
9.4  上機(jī)實(shí)踐——制作水天一色動(dòng)畫    329
本章小結(jié)    335
練習(xí)與指導(dǎo)    335
第10章  對(duì)象繪制與編輯    336
10.1  設(shè)置圖形的描繪與填充效果    336
10.1.1  用工具面板指定顏色    336
10.1.2  用屬性面板設(shè)置顏色、寬度和樣式    337
10.1.3  使用混色器控制面板設(shè)置描繪顏色和填充樣式    338
10.1.4  使用“顏色樣本”控制面板設(shè)置調(diào)色板    341
10.2  繪圖工具的特點(diǎn)與用法    341
10.2.1  使用鉛筆工具和線條工具    342
10.2.2  使用鋼筆工具    343
10.2.3  使用橢圓工具和矩形工具    345
10.2.4  使用畫筆工具    346
10.3  編輯圖形    348
10.3.1  使用橡皮擦工具    349
10.3.2  使用部分選取工具調(diào)整圖形形狀    350
10.3.3  使用箭頭工具調(diào)整圖形形狀    351
10.3.4  平滑和拉直線條    352
10.3.5  優(yōu)化曲線    352
10.3.6  將邊線轉(zhuǎn)換為填充區(qū)    353
10.3.7  擴(kuò)展填充區(qū)域    354
10.3.8  柔化填充邊緣    355
10.3.9  使用捕捉功能    356
10.4  修改圖形的描繪和填充效果    357
10.4.1  使用墨水瓶工具修改圖形的描繪效果    358
10.4.2  使用顏料桶工具修改圖形的填充效果    358
10.4.3  用填充變形工具編輯漸變色填充與位圖填充    360
10.4.4  使用滴管工具復(fù)制邊線或填充樣式    364
10.5  導(dǎo)入外部圖形與圖像    365
10.5.1  導(dǎo)入圖形圖像    365
10.5.2  設(shè)置位圖屬性    368
10.5.3  矢量化位圖    369
10.5.4  分離位圖    370
10.6  導(dǎo)入視頻    373
10.6.1  以嵌入文件方式導(dǎo)入視頻剪輯    374
10.6.2  以鏈接方式導(dǎo)入QuickTime視頻剪輯    375
10.7  創(chuàng)建和編輯文本    377
10.7.1  嵌入字體和設(shè)備字體    377
10.7.2  創(chuàng)建文本    378
10.7.3  設(shè)置靜態(tài)文本的屬性    379
10.7.4  設(shè)置動(dòng)態(tài)文本與輸入文本的屬性    381
10.7.5  編輯、變換與分解文本    382
10.8  編輯對(duì)象    384
10.8.1  選取對(duì)象    385
10.8.2  移動(dòng)、復(fù)制和刪除對(duì)象    387
10.8.3  變形對(duì)象    389
10.8.4  群組、疊放和對(duì)齊對(duì)象    392
10.9  上機(jī)實(shí)踐——制作旋轉(zhuǎn)的花瓣動(dòng)畫    394
本章小結(jié)    402
練習(xí)與指導(dǎo)    403
第11章  使用層和元件    405
11.1  使用層    405
11.1.1  圖層的類型及圖層管理窗口    406
11.1.2  創(chuàng)建圖層和圖層文件夾的方法    408
11.1.3  圖層的編輯操作    409
11.1.4  使用引導(dǎo)圖層    411
11.1.5  使用遮罩圖層    415
11.2  認(rèn)識(shí)元件和實(shí)例    418
11.2.1  元件的類型    418
11.2.2  使用元件的方法    419
11.3  創(chuàng)建與編輯元件    420
11.3.1  創(chuàng)建新元件的方法    420
11.3.2  將場(chǎng)景中的元素轉(zhuǎn)換為元件    422
11.3.3  將動(dòng)畫轉(zhuǎn)換為影片剪輯元件    423
11.3.4  使用其他Flash影片中的元件    425
11.3.5  使用公用元件庫(kù)    425
11.3.6  復(fù)制元件    426
11.3.7  編輯元件    427
11.4  創(chuàng)建和編輯實(shí)例    428
11.4.1  創(chuàng)建實(shí)例    429
11.4.2  設(shè)置實(shí)例屬性    430
11.4.3  分離實(shí)例    431
11.5  創(chuàng)建與使用按鈕元件    432
11.5.1  按鈕的狀態(tài)    432
11.5.2  創(chuàng)建與使用按鈕元件    432
11.6  上機(jī)實(shí)踐——制作廣告條    439
11.6.1  制作元件    440
11.6.2  制作漸變的背景圖像    449
11.6.3  制作動(dòng)態(tài)效果    453
11.6.4  添加文本效果    456
本章小結(jié)    458
練習(xí)與指導(dǎo)    459
第12章  創(chuàng)建動(dòng)畫    460
12.1  Flash動(dòng)畫概述    460
12.1.1  “幀-幀”動(dòng)畫與“補(bǔ)間”動(dòng)畫    460
12.1.2  動(dòng)畫中的圖層    461
12.1.3  “時(shí)間軸”中的動(dòng)畫表示    462
12.1.4  創(chuàng)建關(guān)鍵幀    463
12.1.5  擴(kuò)展幀的范圍    463
12.2  創(chuàng)建“補(bǔ)間”動(dòng)畫    464
12.2.1  將對(duì)象分散到圖層    464
12.2.2  為實(shí)例、群組與文字創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫    467
12.2.3  創(chuàng)建沿指定路徑運(yùn)動(dòng)的動(dòng)畫    473
12.2.4  創(chuàng)建形狀漸變動(dòng)畫    475
12.2.5  使用形狀提示控制形狀漸變    478
12.3  創(chuàng)建“幀-幀”動(dòng)畫    479
12.4  編輯動(dòng)畫    480
12.4.1  選擇幀    481
12.4.2  刪除、清除、移動(dòng)與復(fù)制幀    481
12.4.3  擴(kuò)展關(guān)鍵幀和改變過(guò)渡動(dòng)畫長(zhǎng)度    482
12.4.4  將關(guān)鍵幀轉(zhuǎn)換為普通幀    482
12.4.5  翻轉(zhuǎn)幀    482
12.4.6  設(shè)置幀頻    483
12.5  創(chuàng)建交互性電影    483
12.5.1  為按鈕分配動(dòng)作    484
12.5.2  為關(guān)鍵幀分配動(dòng)作    488
12.5.3  使用動(dòng)作控制面板    489
12.6  創(chuàng)建有聲影片    491
12.6.1  導(dǎo)入聲音文件    491
12.6.2  為影片添加聲音    493
12.6.3  編輯聲音    495
12.6.4  為按鈕添加聲音    498
12.6.5  在影片中使用聲音的一些技巧    500
12.7  上機(jī)實(shí)踐——制作精美時(shí)鐘    500
12.7.1  制作基本對(duì)象    501
12.7.2  編輯動(dòng)作腳本    510
本章小結(jié)    517
練習(xí)與指導(dǎo)    517
第13章  影片的測(cè)試、發(fā)布與導(dǎo)出    519
13.1  測(cè)試影片    519
13.1.1  優(yōu)化影片    519
13.1.2  測(cè)試影片下載性能    520
13.2  發(fā)布影片    521
13.3  上機(jī)實(shí)踐——導(dǎo)出影片    523
本章小結(jié)    524
練習(xí)與指導(dǎo)    524