網(wǎng)頁設(shè)計(jì)師實(shí)用教程

第1章  網(wǎng)頁設(shè)計(jì)基礎(chǔ)    1
1.1  網(wǎng)頁制作基礎(chǔ)知識(shí)    1
1.1.1  網(wǎng)頁的概念    2
1.1.2  網(wǎng)頁的基本構(gòu)成元素    2
1.1.3  網(wǎng)頁的構(gòu)思    3
1.1.4  網(wǎng)頁的布局    4
1.1.5  網(wǎng)頁制作的流程    6
1.2  網(wǎng)頁編輯工具
—— Dreamweaver 8    6
1.2.1  Dreamweaver 8的界面組成    7
1.2.2  Dreamweaver 8的功能與特點(diǎn)    8
1.3  網(wǎng)頁圖像制作工具
—— Fireworks 8    9
1.3.1  Fireworks 8界面組成    9
1.3.2  Fireworks 8的特點(diǎn)與新功能    9
1.4  網(wǎng)頁動(dòng)畫制作工具——Flash 8    10
1.4.1  Flash 8的界面組成    10
1.4.2  Flash 8的特點(diǎn)與新功能    10
1.5  思考練習(xí)    11
1.5.1  填空題    11
1.5.2  選擇題    12
1.5.3  問答題    12
1.5.4  操作題    12
第2章  設(shè)計(jì)與創(chuàng)建站點(diǎn)    13
2.1  網(wǎng)站的設(shè)計(jì)流程    13
2.1.1  網(wǎng)站的規(guī)劃和設(shè)計(jì)    13
2.1.2　網(wǎng)站建設(shè)    14
2.1.3　站點(diǎn)的推廣、維護(hù)和更新    14
2.2  創(chuàng)建站點(diǎn)    15
2.2.1  創(chuàng)建本地站點(diǎn)    15
2.2.2  設(shè)置本地文件夾    16
2.2.3  設(shè)置遠(yuǎn)程文件夾    17
2.3  編輯站點(diǎn)    18
2.3.1  編輯本地站點(diǎn)    18
2.3.2  編輯遠(yuǎn)程站點(diǎn)    19
2.3.3  刪除站點(diǎn)    20
2.3.4  網(wǎng)站文件管理    20
2.4  思考練習(xí)    21
2.4.1  填空題    21
2.4.2  選擇題    21
2.4.3  問答題    22
2.4.4  操作題    22
第3章  創(chuàng)建并設(shè)置網(wǎng)頁文檔    23
3.1  創(chuàng)建網(wǎng)頁文檔    23
3.1.1  創(chuàng)建空白文檔    24
3.1.2  創(chuàng)建基于Dreamweaver 8
設(shè)計(jì)文件的文檔    25
3.1.3  創(chuàng)建模板文檔    26
3.1.4  通過“導(dǎo)入”創(chuàng)建文檔    27
3.1.5  保存文檔    28
3.2  設(shè)置文檔屬性    29
3.3  設(shè)置顏色    30
3.3.1  認(rèn)識(shí)網(wǎng)頁安全色    31
3.3.2  定義默認(rèn)文本顏色    31
3.4  選擇文檔中的元素    31
3.4.1  選擇可見元素    31
3.4.2  選擇不可見元素    32
3.5  使用可視化向?qū)гO(shè)計(jì)網(wǎng)頁    32
3.5.1  使用“標(biāo)尺”和“網(wǎng)格”    33
3.5.2  使用跟蹤圖像    34
3.6  查看和編輯頭部內(nèi)容    34
3.6.1  顯示文檔    34
3.6.2  在文檔頭部插入元素    35
3.6.3  使用頭部元素    35
3.7  思考練習(xí)    37
3.7.1  填空題    37
3.7.2  選擇題    37
3.7.3  問答題    37
3.7.4  操作題    37
第4章  規(guī)劃網(wǎng)頁布局    39
4.1  使用表格規(guī)劃網(wǎng)頁布局    39
4.1.1  認(rèn)識(shí)表格    40
4.1.2  在頁面中使用表格    40
4.1.3  采用預(yù)定義的樣式設(shè)置表格    47
4.1.4  在布局模式下規(guī)劃網(wǎng)頁    48
4.2  使用框架規(guī)劃網(wǎng)頁布局    57
4.2.1  框架的基本概念    57
4.2.2  使用框架    58
4.3  思考練習(xí)    66
4.3.1  填空題    66
4.3.2  選擇題    66
4.3.3  問答題    67
4.3.4  操作題    67
第5章  編輯網(wǎng)頁文本元素    69
5.1  在網(wǎng)頁文檔中使用文本    69
5.1.1  添加和編輯網(wǎng)頁文本    69
5.1.2  查找和替換文本    74
5.1.3  拼寫檢查    75
5.2  設(shè)置文本格式    75
5.2.1  應(yīng)用文本屬性檢查器    75
5.2.2  設(shè)置HTML樣式    79
5.3  使用CSS樣式    79
5.3.1  CSS簡介    80
5.3.2  使用CSS樣式面板    80
5.3.3  創(chuàng)建CSS樣式    81
5.3.4  鏈接外部CSS樣式    83
5.3.5  CSS樣式?jīng)_突    84
5.4  思考練習(xí)    84
5.4.1  填空題    84
5.4.2  選擇題    85
5.4.3  問答題    85
5.4.4  操作題    85
第6章  Fireworks 8網(wǎng)頁圖像制作基礎(chǔ)    87
6.1  網(wǎng)頁圖像制作基礎(chǔ)    87
6.1.1  網(wǎng)頁圖像的格式    88
6.1.2  顏色原理    88
6.1.3  網(wǎng)頁圖像制作要求    91
6.2  Fireworks 8入門    91
6.2.1  Fireworks 8的工作環(huán)境    91
6.2.2  Fireworks 8的基本操作    95
6.3  制作與編輯位圖對(duì)象    99
6.3.1  創(chuàng)建位圖對(duì)象    99
6.3.2  編輯選區(qū)    100
6.3.3  位圖對(duì)象的操作    104
6.4  制作與編輯矢量圖形    109
6.4.1  繪制矢量圖形    109
6.4.2  編輯矢量圖形    111
6.4.3  路徑的操作    113
6.5 思考練習(xí)    116
6.5.1  填空題    116
6.5.2  選擇題    117
6.5.3  問答題    117
6.5.4  操作題    117
第7章  制作網(wǎng)頁圖像素材    119
7.1  文字的設(shè)計(jì)    119
7.1.1  輸入與編輯文本    119
7.1.2  設(shè)置文本的描邊、填充、
效果和樣式    120
7.1.3  文字附加到路徑    121
7.2  Fireworks 8動(dòng)畫制作    123
7.2.1  使用元件制作動(dòng)畫    123
7.2.2  管理幀    126
7.2.3  補(bǔ)間動(dòng)畫的制作    129
7.2.4  動(dòng)畫的輸出    130
7.3  創(chuàng)建網(wǎng)頁交互效果    130
7.3.1  制作按鈕和導(dǎo)航條    130
7.3.2  制作彈出菜單    135
7.3.3  使用熱點(diǎn)區(qū)域    137
7.4  圖形圖像的優(yōu)化與導(dǎo)出    138
7.4.1  圖像的優(yōu)化    139
7.4.2  圖像的切片    143
7.4.3  圖像的導(dǎo)出    144
7.5  思考練習(xí)    145
7.5.1  填空題    145
7.5.2  選擇題    146
7.5.3  問答題    146
7.5.4  操作題    147
第8章  Flash 8動(dòng)畫制作基礎(chǔ)    149
8.1  動(dòng)畫制作基礎(chǔ)    149
8.1.1  動(dòng)畫發(fā)展概述    149
8.1.2  計(jì)算機(jī)動(dòng)畫與傳統(tǒng)動(dòng)畫    150
8.1.3  動(dòng)畫的要素    152
8.2  Flash 8入門    153
8.2.1  Flash 8的工作界面    153
8.2.2  Flash 8文檔處理    161
8.3  Flash 8 的基本操作    165
8.3.1  元件的操作    165
8.3.2  實(shí)例的操作    169
8.3.3  使用庫資源    172
8.3.4  使用圖層    175
8.3.5  簡單編輯Flash對(duì)象    182
8.4  思考練習(xí)    183
8.4.1  填空題    183
8.4.2  選擇題    184
8.4.3  問答題    184
8.4.4  操作題    184
第9章  制作交互式動(dòng)畫    185
9.1  幀的應(yīng)用    185
9.1.1  認(rèn)識(shí)幀    185
9.1.2  幀的基本操作    189
9.1.3  設(shè)置時(shí)間軸特效    191
9.1.4  編輯時(shí)間軸特效    193
9.2  制作逐幀動(dòng)畫    194
9.3  制作補(bǔ)間動(dòng)畫    196
9.3.1  制作形狀補(bǔ)間動(dòng)畫    197
9.3.2  制作動(dòng)作補(bǔ)間動(dòng)畫    198
9.4  制作路徑動(dòng)畫    199
9.4.1  制作開放路徑動(dòng)畫    199
9.4.2  制作封閉路徑動(dòng)畫    201
9.5  思考練習(xí)    201
9.5.1  填空題    201
9.5.2  選擇題    202
9.5.3  問答題    202
9.5.4  操作題    202
第10章  在網(wǎng)頁中插入多媒體對(duì)象    203
10.1  為網(wǎng)頁添加音頻和視頻    203
10.1.1  添加網(wǎng)頁背景音樂    203
10.1.2  媒體格式及插件的使用    204
10.1.3  設(shè)置插件屬性    205
10.2  在網(wǎng)頁中插入Flash對(duì)象    206
10.2.1  Flash的文件類型    207
10.2.2  插入Flash按鈕對(duì)象    207
10.2.3  插入Flash文本對(duì)象    209
10.2.4  插入Flash電影    210
10.2.5  設(shè)置Flash對(duì)象屬性    210
10.3  在網(wǎng)頁中插入其他媒體對(duì)象    211
10.3.1  插入Shockwave電影    211
10.3.2  插入ActiveX控件    212
10.3.3  插入Java程序    213
10.4  思考練習(xí)    213
10.4.1  填空題    213
10.4.2  選擇題    214
10.4.3  問答題    214
10.4.4  操作題    214
第11章  在網(wǎng)頁中使用層    215
11.1  使用層    215
11.1.1  在網(wǎng)頁中創(chuàng)建層與嵌套層    216
11.1.2  顯示層面板    216
11.1.3  簡單認(rèn)識(shí)層的HTML代碼    217
11.2  管理網(wǎng)頁中的層    218
11.2.1  選擇層    218
11.2.2  調(diào)整層的大小及對(duì)齊方式    219
11.2.3  移動(dòng)層    219
11.2.4  將層對(duì)齊網(wǎng)格    219
11.2.5  刪除及復(fù)制層    220
11.2.6  改變層的重疊順序    220
11.2.7  設(shè)置層屬性    220
11.3  轉(zhuǎn)換表格和層    221
11.3.1  將表格轉(zhuǎn)換為層    221
11.3.2  將層轉(zhuǎn)換為表格    223
11.3.3  防止層的重疊    224
11.4  設(shè)置層參數(shù)    224
11.5  思考練習(xí)    225
11.5.1  填空題    225
11.5.2  選擇題    225
11.5.3  問答題    226
11.5.4  操作題    226
第12章  使用超鏈接和導(dǎo)航條    227
12.1  認(rèn)識(shí)URL、鏈接的路徑    227
12.1.1  URL    228
12.1.2  鏈接的路徑    228
12.2  創(chuàng)建鏈接    230
12.2.1  創(chuàng)建鏈接的類型和方法    230
12.2.2  創(chuàng)建頁間超鏈接    230
12.2.3  創(chuàng)建頁內(nèi)超鏈接    231
12.2.4  創(chuàng)建E-mail鏈接    233
12.2.5  創(chuàng)建空鏈接及腳本鏈接    234
12.2.6  創(chuàng)建圖形熱點(diǎn)鏈接    234
12.3  創(chuàng)建導(dǎo)航條    235
12.3.1  插入導(dǎo)航條    235
12.3.2  編輯導(dǎo)航條    236
12.4  思考練習(xí)    236
12.4.1  填空題    236
12.4.2  選擇題    237
12.4.3  問答題    237
12.4.4  操作題    237
第13章  為網(wǎng)頁對(duì)象添加行為    239
13.1  認(rèn)識(shí)行為    239
13.1.1  事件和動(dòng)作    239
13.1.2  使用行為    242
13.1.3  更改行為    242
13.2  Dreamweaver 8的內(nèi)置
行為簡介    243
13.2.1  圖像操作類行為    243
13.2.2  菜單、導(dǎo)航類行為    245
13.2.3  檢查類行為    249
13.2.4  設(shè)置文本類行為    251
13.2.5  控制類行為    253
13.2.6  其他行為    256
13.3  思考練習(xí)    259
13.3.1  填空題    259
13.3.2  選擇題    259
13.3.3  問答題    259
13.3.4  操作題    260
第14章  表單網(wǎng)頁制作    261
14.1  在網(wǎng)頁中使用表單    261
14.1.1  認(rèn)識(shí)網(wǎng)頁表單對(duì)象    262
14.1.2  創(chuàng)建表單并設(shè)置表單屬性    263
14.2  使用表單對(duì)象    264
14.2.1  創(chuàng)建文本域    264
14.2.2  創(chuàng)建隱藏域    265
14.2.3  創(chuàng)建文件上傳域    266
14.3  創(chuàng)建復(fù)選框和單選按鈕    267
14.3.1  創(chuàng)建復(fù)選框    268
14.3.2  創(chuàng)建單選按鈕及
單選按鈕組    269
14.4  創(chuàng)建列表和菜單    271
14.4.1  創(chuàng)建列表/菜單    271
14.4.2  創(chuàng)建跳轉(zhuǎn)菜單    273
14.5  創(chuàng)建表單按鈕    274
14.5.1  創(chuàng)建文本表單按鈕    274
14.5.2  創(chuàng)建圖形提交按鈕    275
14.6  思考練習(xí)    277
14.6.1  填空題    277
14.6.2  選擇題    277
14.6.3  問答題    278
14.6.4  操作題    278
第15章  站點(diǎn)管理    279
15.1  空間及域名    279
15.2  使用站點(diǎn)窗口    280
15.2.1  使用站點(diǎn)窗口工具欄    280
15.2.2  設(shè)置站點(diǎn)參數(shù)    281
15.3  管理站點(diǎn)地圖    282
15.3.1  使用站點(diǎn)地圖    282
15.3.2  在站點(diǎn)地圖中使用頁面    284
15.3.3  從站點(diǎn)分支查看站點(diǎn)    285
15.3.4  保存站點(diǎn)地圖    285
15.4  遠(yuǎn)程站點(diǎn)的使用    285
15.4.1  設(shè)置遠(yuǎn)程服務(wù)器    286
15.4.2  確定遠(yuǎn)程站點(diǎn)主機(jī)目錄    286
15.4.3  上傳和下載文件    287
15.4.4  使用“存回”和
“取出”功能    287
15.5  站點(diǎn)的其他常用操作    288
15.5.1  鏈接檢查    288
15.5.2  更改所有鏈接    289
15.6  思考練習(xí)    289
15.6.1  填空題    289
15.6.2  選擇題    290
15.6.3  問答題    290
15.6.4  操作題    290
第16章  綜合實(shí)例“電腦游戲網(wǎng)”    291
16.1  網(wǎng)頁實(shí)例簡介    291
16.2  制作Logo圖片    292
16.3  制作網(wǎng)頁框架中的圖片    295
16.3.1  制作網(wǎng)頁左右兩側(cè)版塊
標(biāo)題的靜態(tài)圖片    295
16.3.2  制作網(wǎng)頁中間部分的版塊
標(biāo)題圖片    297
16.3.3  制作網(wǎng)頁中的橫線和
豎線圖片    298
16.4  制作具有立體感的效果圖片    299
16.5  制作網(wǎng)頁宣傳動(dòng)畫    300
16.5.1  制作元件    300
16.5.2  制作主場景    301
16.6  制作電影字幕動(dòng)畫    309
16.6.1  制作圖層1-- 文字的
滾動(dòng)效果    309
16.6.2  制作圖層2-- 圖形元件
的漸變效果    310
16.7  使用Dreamweaver 8制作網(wǎng)頁    311
16.7.1  制作網(wǎng)頁    311
16.7.2  制作CSS樣式    314
16.7.3  為網(wǎng)頁元素添加CSS樣式    316
16.7.4  使用超鏈接與行為    317
附錄  思考練習(xí)參考答案     319