網(wǎng)頁(yè)設(shè)計(jì)三劍客白金教程

目錄
第1章  建站準(zhǔn)備    1
1.1  安裝Dreamweaver    2
1.1.1  簡(jiǎn)介    2
1.1.2  新功能    2
1.1.3  安裝Dreamweaver    7
1.1.4  運(yùn)行Dreamweaver    8
1.1.5  窗口、工具欄和面板    8
1.1.6  本節(jié)小結(jié)    11
1.2  IIS服務(wù)器    11
1.2.1  IIS簡(jiǎn)介    11
1.2.2  IIS設(shè)置    12
1.2.3  本節(jié)小結(jié)    14
1.3  實(shí)例操作指導(dǎo)    14
1.3.1  新建一個(gè)網(wǎng)站    14
1.3.2  本節(jié)小結(jié)    17
1.4  練習(xí)題    17
1.4.1  填空題    17
1.4.2  選擇題    17
1.4.3  問(wèn)答題    18
1.4.4  實(shí)踐題    18
第2章  創(chuàng)建一個(gè)新站點(diǎn)    19
2.1  創(chuàng)建新站點(diǎn)    20
2.1.1  站點(diǎn)規(guī)劃與工作流程     20
2.1.2  用Dreamweaver定義Web站點(diǎn)    20
2.1.3  格式化文件夾和文件名     22
2.1.4  設(shè)置主頁(yè)    23
2.1.5  使用站點(diǎn)窗口的技巧    23
2.1.6  本節(jié)小結(jié)    24
2.2  文檔編輯窗口    24
2.2.1  創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)頁(yè)    24
2.2.2  網(wǎng)頁(yè)標(biāo)題     25
2.2.3  頁(yè)面屬性    25
2.2.4  頭內(nèi)容    26
2.2.5  查看源代碼     28
2.2.6  本節(jié)小結(jié)    28
2.3  實(shí)例操作指導(dǎo)    28
2.3.1  設(shè)計(jì)歡迎頁(yè)面    28
2.3.2  本節(jié)小結(jié)    29
2.4  練習(xí)題    29
2.4.1  填空題    29
2.4.2  選擇題    30
2.4.3  問(wèn)答題    30
2.4.4  實(shí)踐題    30
第3章  頁(yè)面布局和規(guī)劃    31
3.1  網(wǎng)頁(yè)布局的概念    32
3.1.1  網(wǎng)頁(yè)布局的方法    32
3.1.2  網(wǎng)頁(yè)的布局技術(shù)    33
3.1.3  本節(jié)小結(jié)    33
3.2  表格技術(shù)    33
3.2.1  使用表格    33
3.2.2  擴(kuò)展模式和布局模式    36
3.2.3  制作細(xì)線表格    39
3.2.4  本節(jié)小結(jié)    40
3.3  使用層    40
3.3.1  關(guān)于層    40
3.3.2  建立新層    41
3.3.3 “層”面板    41
3.3.4  創(chuàng)建嵌套層    42
3.3.5  層的操作    42
3.3.6  層的默認(rèn)屬性    43
3.3.7  轉(zhuǎn)換層與表格    44
3.3.8  用樣式表建立新層    44
3.3.9  本節(jié)小結(jié)    45
3.4  實(shí)例操作指導(dǎo)    46
3.4.1  設(shè)計(jì)站點(diǎn)首頁(yè)    46
3.5  練習(xí)題    48
3.5.1  填空題    48
3.5.2  選擇題    48
3.5.3  問(wèn)答題    49
3.5.4  實(shí)踐題    49
第4章  框架和框架集    50
4.1  框架和框架集    51
4.1.1  創(chuàng)建基于框架的頁(yè)面    52
4.1.2  創(chuàng)建自定義框架集    52
4.1.3  嵌套框架集    52
4.1.4  保存框架集    53
4.1.5  框架屬性    53
4.1.6  框架鏈接    54
4.1.7  框架“屬性”面板    54
4.2  框架應(yīng)用    54
4.2.1  簡(jiǎn)單實(shí)例    54
4.2.2  使用Iframe    57
4.2.3  本節(jié)小結(jié)    58
4.3  實(shí)例操作指導(dǎo)    58
4.3.1  用iframe實(shí)現(xiàn)網(wǎng)頁(yè)預(yù)載    58
4.3.2  創(chuàng)建框架網(wǎng)站    58
4.4  練習(xí)題    60
4.4.1  填空題    60
4.4.2  選擇題    60
4.4.3  問(wèn)答題    61
4.4.4  實(shí)踐題    61
第5章  模板和庫(kù)    62
5.1  模板    63
5.1.1  創(chuàng)建模板    63
5.1.2  定義可編輯區(qū)域    64
5.1.3  應(yīng)用模板    65
5.1.4  更新網(wǎng)頁(yè)    65
5.1.5  本節(jié)小結(jié)    66
5.2  庫(kù)    66
5.2.1  創(chuàng)建庫(kù)    66
5.2.2  應(yīng)用庫(kù)    66
5.2.3  本節(jié)小結(jié)    67
5.3  實(shí)例操作指導(dǎo)    67
5.3.1  綜合應(yīng)用模板和庫(kù)    67
5.4  練習(xí)題    68
5.4.1  填空題    68
5.4.2  選擇題    68
5.4.3  問(wèn)答題    68
5.4.4  實(shí)踐題    68
第6章  文本和超級(jí)鏈接    69
6.1  文本編輯    70
6.1.1  文本和文本格式    70
6.1.2  文字屬性    70
6.1.3  段落文本    71
6.1.4  編號(hào)與項(xiàng)目列表    72
6.1.5  拼寫檢查    72
6.1.6  查找替換文字    73
6.1.7  插入日期與特殊符號(hào)    75
6.1.8  使用水平線    76
6.1.9  撤消與重做    76
6.1.10  本節(jié)小結(jié)    76
6.2  超級(jí)鏈接    76
6.2.1  錨點(diǎn)標(biāo)記    76
6.2.2  創(chuàng)建超級(jí)鏈接    77
6.2.3  設(shè)置超級(jí)鏈接選項(xiàng)    77
6.2.4  設(shè)置下載文件的超級(jí)鏈接    78
6.2.5  設(shè)置電子郵件的超級(jí)鏈接    78
6.2.6  創(chuàng)建指向本頁(yè)中的鏈接    78
6.3  實(shí)例操作指導(dǎo)    79
6.3.1  創(chuàng)建各種鏈接實(shí)例    79
6.3.2  本節(jié)小結(jié)    82
6.4  練習(xí)題    82
6.4.1  填空題    82
6.4.2  選擇題    82
6.4.3  問(wèn)答題    82
6.4.4  實(shí)踐題    82
第7章  CSS樣式表    83
7.1  CSS樣式表    84
7.1.1  關(guān)于CSS樣式表    84
7.1.2  使用“CSS樣式”面板    84
7.1.3  創(chuàng)建新的CSS樣式    85
7.1.4  應(yīng)用自定義CSS樣式    86
7.1.5  創(chuàng)建和鏈接到外部CSS樣式表    94
7.1.6  使用樣式表    95
7.1.7  編輯CSS樣式    96
7.1.8  應(yīng)用文字樣式    96
7.1.9  管理樣式表    99
7.1.10  新建HTML標(biāo)簽樣式表    100
7.1.11  應(yīng)用Filter樣式特效    100
7.1.12  本節(jié)小結(jié)    101
7.2  實(shí)例操作指導(dǎo)    102
7.2.1  頁(yè)面排版    102
7.3  練習(xí)題    104
7.3.1  填空題    104
7.3.2  選擇題    104
7.3.3  問(wèn)答題    104
7.3.4  實(shí)踐題    104
第8章  表單    105
8.1  表單    106
8.1.1  創(chuàng)建表單    106
8.1.2  插入單行文本域    107
8.1.3  插入多行文本域    107
8.1.4  插入密碼域    107
8.1.5  插入復(fù)選框和單選按鈕    108
8.1.6  插入表單按鈕    108
8.1.7  插入列表和菜單    109
8.1.8  創(chuàng)建文件上傳域    110
8.1.9  本節(jié)小結(jié)    110
8.2  實(shí)例操作指導(dǎo)    110
8.2.1  網(wǎng)上報(bào)名表    110
8.3  練習(xí)題    112
8.3.1  填空題    112
8.3.2  選擇題    112
8.3.3  問(wèn)答題    112
8.3.4  實(shí)踐題    112
第9章  歷史記錄和命令菜單    113
9.1 “歷史記錄”面板    114
9.1.1  簡(jiǎn)介    114
9.1.2  撤消多步操作    115
9.1.3  重做多步操作    115
9.2 “命令”菜單    115
9.2.1  錄制命令    115
9.2.2  從歷史記錄中創(chuàng)建新命令    115
9.2.3  編輯命令列表    116
9.2.4  批處理命令    116
9.2.5  清理HTML命令    116
9.2.6  清理Word生成的HTML文件    117
9.2.7  在Fireworks中優(yōu)化圖像    117
9.2.8  本節(jié)小結(jié)    118
9.3  實(shí)例操作指導(dǎo)    118
9.3.1  創(chuàng)建網(wǎng)站相冊(cè)    118
9.4  練習(xí)題    119
9.4.1  填空題    119
9.4.2  選擇題    119
9.4.3  問(wèn)答題    119
9.4.4  實(shí)踐題    119
第10章 “行為”面板和“插入”面板    120
10.1 “行為”面板    121
10.1.1  簡(jiǎn)介    121
10.1.2  彈出信息    121
10.1.3  顯示/隱藏彈出式菜單    121
10.1.4  打開瀏覽器窗口    122
10.1.5  檢查瀏覽器    123
10.1.6  設(shè)置狀態(tài)欄文本    123
10.1.7  檢查表單    123
10.1.8  控制Shockwave或Flash    124
10.1.9  轉(zhuǎn)到URL    124
10.1.10  本節(jié)小結(jié)    125
10.2  “插入”面板    125
10.2.1  簡(jiǎn)介    125
10.2.2 “常用”面板    125
10.2.3 “布局”面板    126
10.2.4 “表單”面板    126
10.2.5 “文本”面板    126
10.2.6  HTML面板    127
10.2.7 “應(yīng)用程序”面板    127
10.2.8 “Flash元素”面板    127
10.2.9 “收藏夾”面板    127
10.2.10 “顯示為制表符”面板    127
10.2.11  本節(jié)小結(jié)    127
10.3  實(shí)例操作指導(dǎo)    127
10.3.1  創(chuàng)建無(wú)邊窗口    127
10.4  練習(xí)題    129
10.4.1  填空題    129
10.4.2  選擇題    129
10.4.3  問(wèn)答題    129
10.4.4  實(shí)踐題    129
第11章  資源管理    130
11.1 “資源”面板    131
11.1.1  簡(jiǎn)介    131
11.1.2  添加資源到收藏夾中    131
11.1.3  共享資源    132
11.1.4  本節(jié)小結(jié)    133
11.2  擴(kuò)展管理器    133
11.2.1  關(guān)于擴(kuò)展管理器    133
11.2.2  使用對(duì)象擴(kuò)展    134
11.2.3  使用行為擴(kuò)展    134
11.2.4  使用命令擴(kuò)展    134
11.2.5  本節(jié)小結(jié)    135
11.3  實(shí)例操作指導(dǎo)    135
11.3.1  使用擴(kuò)展管理插入漸顯漸隱圖片    135
11.4  練習(xí)題    136
11.4.1  填空題    136
11.4.2  選擇題    136
11.4.3  問(wèn)答題    136
11.4.4  實(shí)踐題    136
第12章  位圖圖像和矢量圖形    137
12.1  Fireworks新功能    138
12.2  位圖圖像    140
12.2.1  創(chuàng)建位圖圖像    140
12.2.2  位圖圖像特效    140
12.2.3  修飾位圖    143
12.2.4  本節(jié)小結(jié)    145
12.3  矢量圖形    145
12.3.1  創(chuàng)建矢量圖形    145
12.3.2  自由路徑工具    146
12.3.3  編輯路徑    148
12.3.4  填充和筆觸    152
12.3.5  轉(zhuǎn)換為位圖圖像    153
12.3.6  本節(jié)小結(jié)    153
12.4  優(yōu)化與導(dǎo)出圖像    153
12.4.1  網(wǎng)頁(yè)圖像格式    154
12.4.2  優(yōu)化GIF格式的圖像    154
12.4.3  優(yōu)化JPEG格式的圖像    156
12.4.4  可視化對(duì)比壓縮    158
12.4.5  導(dǎo)出向?qū)?nbsp;   158
12.4.6  第三方圖像的優(yōu)化器    159
12.4.7  本節(jié)小結(jié)    159
12.5  實(shí)例操作指導(dǎo)    159
12.5.1  壓縮與導(dǎo)出網(wǎng)頁(yè)圖片    159
12.6  練習(xí)題    161
12.6.1  填空題    161
12.6.2  選擇題    161
12.6.3  問(wèn)答題    161
12.6.4  實(shí)踐題    161
第13章  處理圖像    162
13.1  切片、交互圖像和熱區(qū)    163
13.1.1  編輯切片    163
13.1.2  創(chuàng)建交互切片    166
13.1.3  導(dǎo)出切片    166
13.1.4  圖像熱區(qū)和映射    168
13.1.5  本節(jié)小結(jié)    169
13.2  網(wǎng)頁(yè)圖像交互技術(shù)    169
13.2.1  按鈕    169
13.2.2  導(dǎo)航欄    171
13.2.3  彈出菜單    172
13.2.4  本節(jié)小結(jié)    175
13.3  圖像設(shè)計(jì)效果    175
13.3.1 “命令”菜單    175
13.3.2  使用樣式    177
13.3.3  本節(jié)小結(jié)    178
13.4  層、蒙版與合成    178
13.4.1  使用層    178
13.4.2  使用蒙版    179
13.4.3  混合和透明度    184
13.3.4  本節(jié)小結(jié)    184
13.5  實(shí)例操作指導(dǎo)    184
13.6  練習(xí)題    188
13.6.1  填空題    188
13.6.2  選擇題    188
13.6.3  問(wèn)答題    188
13.6.4  實(shí)踐題    188
第14章  文字設(shè)計(jì)    189
14.1  編輯文本    190
14.1.1  輸入文本    190
14.1.2  設(shè)置文本屬性    191
14.1.3  導(dǎo)入文本    192
14.1.4  拼寫檢查    193
14.1.5  本節(jié)小結(jié)    194
14.2  路徑文本    194
14.2.1  附加文本到路徑    194
14.2.2  轉(zhuǎn)換文本為路徑    195
14.2.3  本節(jié)小結(jié)    195
14.3  實(shí)例操作指導(dǎo)    195
14.3.1  廈門萬(wàn)普計(jì)算機(jī)美術(shù)學(xué)院院徽設(shè)計(jì)    195
14.4  練習(xí)題    197
14.4.1  填空題    197
14.4.2  選擇題    197
14.4.3  問(wèn)答題    197
14.4.4  實(shí)踐題    197
第15章  動(dòng)畫    198
15.1  幀動(dòng)畫    199
15.1.1  關(guān)于幀    199
15.1.2  編輯幀    199
15.1.3  幀延時(shí)    201
15.1.4  在幀間共享層    201
15.1.5  逐幀動(dòng)畫    201
15.1.6  分散到幀的動(dòng)畫    202
15.1.7  本節(jié)小結(jié)    202
15.2  元件動(dòng)畫    202
15.2.1  元件和實(shí)例    202
15.2.2  編輯元件和實(shí)例    203
15.2.3  補(bǔ)間動(dòng)畫    204
15.2.4  對(duì)象動(dòng)畫    205
15.2.5  本節(jié)小結(jié)    205
15.3  其他動(dòng)畫    205
15.3.1  打開文件生成動(dòng)畫    205
15.3.2  導(dǎo)入現(xiàn)有GIF動(dòng)畫    206
15.4  導(dǎo)出動(dòng)畫    207
15.5  實(shí)例操作指導(dǎo)    208
15.5.1  快速制作逐字變色動(dòng)畫    208
15.6  練習(xí)題    210
15.6.1  填空題    210
15.6.2  選擇題    210
15.6.3  問(wèn)答題    210
15.6.4  實(shí)踐題    210
第16章  制作動(dòng)畫前準(zhǔn)備    211
16.1  Flash MX 2004新功能    212
16.1.1  Flash簡(jiǎn)介    212
16.1.2  新功能    212
16.1.3  本節(jié)小結(jié)    215
16.2  創(chuàng)建一個(gè)簡(jiǎn)單動(dòng)畫    215
16.2.1  Flash工作區(qū)    215
16.2.2  動(dòng)畫元件    216
16.2.3  幀動(dòng)畫    216
16.2.4  導(dǎo)出動(dòng)畫    218
16.2.5  本節(jié)小結(jié)    218
16.3  其他動(dòng)畫    218
16.3.1  逐幀動(dòng)畫    218
16.4  實(shí)例操作指導(dǎo)    219
16.4.1  漸隱的星星    219
16.5  練習(xí)題    220
16.5.1  填空題    220
16.5.2  選擇題    220
16.5.3  問(wèn)答題    220
16.5.4  實(shí)踐題    220
第17章  文本和圖形對(duì)象    221
17.1  編輯文本    222
17.1.1  靜態(tài)文本    222
17.1.2  動(dòng)態(tài)文本    225
17.1.3  滾動(dòng)文本    227
17.1.4  本節(jié)小結(jié)    227
17.2  創(chuàng)建圖形對(duì)象    227
17.2.1  矢量圖形與位圖圖像    227
17.2.2  繪制圖形對(duì)象    228
17.2.3  導(dǎo)入圖形對(duì)象    232
17.2.4  分離位圖圖像    235
17.2.5  轉(zhuǎn)換位圖為矢量圖    235
17.2.6  用位圖填充    236
17.2.7  變形圖形對(duì)象    236
17.2.8  組合圖形對(duì)象    237
17.2.9  本節(jié)小結(jié)    237
17.3  實(shí)例操作指導(dǎo)    237
17.3.1  百葉窗效果    237
17.3.2  水波蒙版特效    239
17.4  練習(xí)題    241
17.4.1  填空題    241
17.4.2  選擇題    241
17.4.3  問(wèn)答題    241
17.4.4  實(shí)踐題    241
第18章  場(chǎng)景和時(shí)間軸    242
18.1  場(chǎng)景    243
18.1.1  編輯場(chǎng)景    243
18.1.2  改變場(chǎng)景背景    243
18.1.3  場(chǎng)景跳轉(zhuǎn)    244
18.2  時(shí)間軸    244
18.2.1  幀和幀頻    245
18.2.2  編輯幀    246
18.2.3  繪圖紙    246
18.2.4  時(shí)間軸特效    246
18.2.5  本節(jié)小結(jié)    247
18.3  圖層操作    247
18.3.1  層的狀態(tài)    247
18.3.2  創(chuàng)建新層    248
18.3.3  圖層屬性    249
18.3.4  創(chuàng)建引導(dǎo)層    250
18.3.5  創(chuàng)建遮罩層    251
18.3.6  分解到各層    252
18.3.7  本節(jié)小結(jié)    252
18.4  實(shí)例操作指導(dǎo)    252
18.4.1  隨機(jī)數(shù)字飄飛效果    252
18.4.2  制作隨機(jī)背景    253
18.4.3  洋蔥皮效果    255
18.5  練習(xí)題    256
18.5.1  填空題    256
18.5.2  選擇題    256
18.5.3  問(wèn)答題    256
18.5.4  實(shí)踐題    256
第19章  資源和庫(kù)    257
19.1  導(dǎo)入資源到庫(kù)    258
19.1.1  導(dǎo)入位圖資源    258
19.1.2  導(dǎo)入外部庫(kù)資源    258
19.1.3  導(dǎo)入聲音資源    259
19.1.4  導(dǎo)入視頻資源    265
19.1.5  本節(jié)小結(jié)    266
19.2  庫(kù)    266
19.2.1  專用庫(kù)    266
19.2.2  共享庫(kù)    267
19.2.3  本節(jié)小結(jié)    268
19.3  實(shí)例操作指導(dǎo)    268
19.3.1  制作精致的播放器控制視頻播放    268
19.4  練習(xí)題    271
19.4.1  填空題    271
19.4.2  選擇題    271
19.4.3  問(wèn)答題    271
19.4.4  實(shí)踐題    271
第20章  元件和組件    272
20.1  元件和實(shí)例    273
20.1.1  創(chuàng)建元件    273
20.1.2  編輯元件    276
20.1.3  創(chuàng)建實(shí)例    277
20.1.4  編輯實(shí)例    277
20.1.5  本節(jié)小結(jié)    278
20.2  組件    278
20.2.1  組件類型    278
20.2.2  使用組件    278
20.2.3  本節(jié)小結(jié)    280
20.3  實(shí)例操作指導(dǎo)    280
20.3.1  制作調(diào)查表單    280
20.4  練習(xí)題    282
20.4.1  填空題    282
20.4.2  選擇題    282
20.4.3  問(wèn)答題    283
20.4.4  實(shí)踐題    283
第21章  動(dòng)畫    284
21.1  普通動(dòng)畫    285
21.2.1  路徑引導(dǎo)層動(dòng)畫    285
21.2.2  蒙版動(dòng)畫    286
21.2  交互動(dòng)畫    287
21.2.1  動(dòng)作    287
21.2.2  行為    293
21.2.3  本節(jié)小結(jié)    294
21.3  實(shí)例操作指導(dǎo)    294
21.3.1  可拖動(dòng)的公告板    294
21.4  練習(xí)題    295
21.4.1  填空題    295
21.4.2  選擇題    295
21.4.3  問(wèn)答題    295
21.4.4  實(shí)踐題    295
第22章  電影的優(yōu)化與輸出    296
22.1  優(yōu)化與輸出    297
22.1.1  測(cè)試電影    298
22.1.2  輸出電影    299
22.1.3  輸出設(shè)置    299
22.1.4  發(fā)布預(yù)覽    300
22.1.5  輸出預(yù)覽    300
22.1.6  輸出HTML頁(yè)面    300
22.1.7  輸出Flash影片    301
22.1.8  本節(jié)小結(jié)    301
22.2  實(shí)例操作指導(dǎo)    301
22.2.1  優(yōu)化輸出影片    301
22.3  練習(xí)題    302
22.3.1  填空題    302
22.3.2  選擇題    302
22.3.3  問(wèn)答題    302
22.3.4  實(shí)踐題    302
第23章  網(wǎng)頁(yè)美術(shù)教程    317
23.1  視覺傳達(dá)的基本概念    317
23.1.1  視覺原理    317
23.1.2  視覺經(jīng)驗(yàn)    317
23.2  網(wǎng)頁(yè)風(fēng)格    317
23.3  網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)表現(xiàn)    307
23.3.1  網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)表現(xiàn)的基本原則    307
23.3.2  網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)表現(xiàn)    309
23.3.3  色彩的分類與特性    310
23.3.4  色彩的心理感覺    312
23.3.5  網(wǎng)頁(yè)色彩的搭配    312
23.3.6  網(wǎng)頁(yè)色彩原理    314
23.4  韓國(guó)網(wǎng)頁(yè)的風(fēng)格    315
23.4.1  頁(yè)面結(jié)構(gòu)    316
23.4.2  色彩應(yīng)用    316
23.4.3  Flash廣告及圖片的運(yùn)用    317
23.4.4  細(xì)節(jié)處理    318