無(wú)師自通：網(wǎng)頁(yè)制作篇

第1章　網(wǎng)頁(yè)設(shè)計(jì)入門(mén)　1
1.1　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)　2
1.1.1　網(wǎng)站、網(wǎng)頁(yè)和主頁(yè)　3
1.1.2　網(wǎng)頁(yè)是什么　3
1.2　網(wǎng)站設(shè)計(jì)流程　5
1.2.1　根據(jù)要求確定網(wǎng)站內(nèi)容　5
1.2.2　規(guī)劃網(wǎng)站欄目和網(wǎng)站目錄結(jié)構(gòu)　5
1.2.3　確定網(wǎng)頁(yè)版面布局與配色　6
1.2.4　收集網(wǎng)頁(yè)所用素材　11
1.2.5　利用軟件制作網(wǎng)頁(yè)　11
1.2.6　測(cè)試和發(fā)布網(wǎng)站　11
1.2.7　網(wǎng)站宣傳推廣　12
1.2.8　網(wǎng)站維護(hù)更新　12
1.3　網(wǎng)頁(yè)元素分析　12
1.3.1　網(wǎng)頁(yè)中的文字與圖像　12
1.3.2　網(wǎng)頁(yè)中使用的動(dòng)畫(huà)與視頻影像　13
1.3.3　網(wǎng)頁(yè)中使用的聲音　13
1.3.4　站標(biāo)、導(dǎo)航欄、廣告條和按鈕　14
1.4　常用網(wǎng)站管理與設(shè)計(jì)軟件　17
1.4.1　網(wǎng)站管理與網(wǎng)頁(yè)設(shè)計(jì)軟件　17
1.4.2　網(wǎng)頁(yè)設(shè)計(jì)輔助軟件　17
1.4.3　常用網(wǎng)站程序設(shè)計(jì)語(yǔ)言　18
1.5　HTML與CSS入門(mén)　19
1.5.1　為什么要學(xué)習(xí)HTML　20
1.5.2　HTML的基本結(jié)構(gòu)　21
1.5.3　HTML標(biāo)簽的類(lèi)型與特點(diǎn)　22
1.5.4　常用HTML標(biāo)簽　23
1.5.5　CSS樣式的定義　24
本章小結(jié)　24
第2章　初識(shí)Dreamweaver MX 2004　25
2.1　熟悉Dreamweaver MX 2004操作環(huán)境　26
2.1.1　“插入”欄　26
2.1.2　文檔標(biāo)簽與文檔工具欄　28
2.1.3　文檔窗口中的狀態(tài)欄　28
2.1.4　“屬性”面板與面板組　30
2.2　網(wǎng)站規(guī)劃與管理　31
2.2.1　確定網(wǎng)站結(jié)構(gòu)與站點(diǎn)目錄結(jié)構(gòu)　31
2.2.2　確定站點(diǎn)目錄結(jié)構(gòu)　31
2.2.3　定義和創(chuàng)建站點(diǎn)　32
2.2.4　充實(shí)與修改站點(diǎn)　34
2.3　設(shè)置頁(yè)面屬性　37
本章小結(jié)　40
第3章　網(wǎng)頁(yè)布局方法　41
3.1　使用表格布局網(wǎng)頁(yè)　42
3.1.1　創(chuàng)建表格的方法　42
3.1.2　修改表格和單元格的寬度與高度　43
3.1.3　拆分和合并單元格　45
3.1.4　插入、刪除行和列　46
3.1.5　為表格和單元格設(shè)置背景顏色或背景圖像　47
3.1.6　為表格和單元格設(shè)置邊框顏色　48
3.1.7　使用嵌套表格　50
3.1.8　制作精美的圓角表格　52
3.2　使用框架布局網(wǎng)頁(yè)　55
3.2.1　關(guān)于框架和框架集　55
3.2.2　使用框架的優(yōu)缺點(diǎn)　56
3.2.3　創(chuàng)建框架網(wǎng)頁(yè)　56
本章小結(jié)　58
第4章　編輯頁(yè)面元素　59
4.1　文本輸入與編輯　60
4.1.1　輸入文本內(nèi)容　60
4.1.2　設(shè)置文本的段落格式和字符格式　61
4.1.3　輸入特殊符號(hào)和不換行空格　62
4.1.4　輸入日期與水平線　64
4.2　使用圖像　65
4.2.1　插入與修改圖像　66
4.2.2　使用圖像占位符　68
4.2.3　制作鼠標(biāo)經(jīng)過(guò)圖像　68
4.2.4　制作導(dǎo)航條　69
4.3　使用Flash動(dòng)畫(huà)　71
4.3.1　插入Flash動(dòng)畫(huà)　71
4.3.2　修改Flash動(dòng)畫(huà)　72
4.3.3　Flash背景透明　73
4.4　使用其他媒體元素　74
4.4.1　為網(wǎng)頁(yè)增加背景音樂(lè)　74
4.4.2　插入音頻　75
4.4.3　插入視頻　76
本章小結(jié)　78
第5章　使用超級(jí)鏈接和行為　79
5.1　設(shè)置超級(jí)鏈接　80
5.1.1　為文字和圖片設(shè)置常規(guī)超級(jí)鏈接　80
5.1.2　理解站內(nèi)鏈接文件的路徑　81
5.1.3　電子郵件鏈接　82
5.1.4　命名錨記鏈接　82
5.1.5　圖像熱點(diǎn)鏈接　83
5.1.6　使用跳轉(zhuǎn)菜單　85
5.1.7　圖片鏈接和下載鏈接　87
5.1.8　定時(shí)自動(dòng)跳轉(zhuǎn)頁(yè)面　88
5.2　管理超級(jí)鏈接　88
5.2.1　自動(dòng)更新鏈接　89
5.2.2　在站點(diǎn)地圖中修改鏈接　89
5.2.3　在整個(gè)站點(diǎn)范圍內(nèi)更改鏈接　92
5.2.4　查找斷掉的鏈接、外部鏈接和孤立文件　93
5.2.5　使用和重建站點(diǎn)緩存　93
5.2.6　修復(fù)斷掉的鏈接　94
5.3　使用“行為”　95
5.3.1　熟悉“行為”面板　96
5.3.2　為對(duì)象添加“行為”的方法　96
5.3.3　編輯“行為”的方法　98
5.3.4　將“行為”附加到文本　99
5.3.5　彈出信息框　99
5.3.6　打開(kāi)伴隨窗口　100
5.3.7　關(guān)閉當(dāng)前窗口　101
5.3.8　滾動(dòng)字幕　101
5.3.9　拖動(dòng)層　102
5.3.10　顯示—隱藏層　103
本章小結(jié)　106
第6章　HTML與CSS進(jìn)階　107
6.1　編輯HTML代碼　108
6.1.1　使用快速標(biāo)簽編輯器　108
6.1.2　使用代碼提示功能　109
6.1.3　使用“代碼片斷”面板　113
6.2　創(chuàng)建和使用CSS樣式表　114
6.2.1　熟悉“CSS樣式”面板　114
6.2.2　樣式類(lèi)型與使用方法　115
6.2.3　創(chuàng)建樣式的步驟　116
6.2.4　修改樣式和刪除樣式　121
6.2.5　使用外部樣式表　121
本章小結(jié)　122
第7章　發(fā)布網(wǎng)站　123
7.1　設(shè)置遠(yuǎn)程信息　124
7.2　文件上傳與取回　125
7.2.1　上傳文件　125
7.2.2　取回文件　126
7.2.3　使用擴(kuò)展“文件”面板管理文件上傳和取回　126
7.3　同步文件　126
本章小結(jié)　128
第8章　使用模板與庫(kù)項(xiàng)目　129
8.1　使用模板　130
8.1.1　創(chuàng)建文檔模板　130
8.1.2　基于模板創(chuàng)建文檔　134
8.1.3　模板的區(qū)域類(lèi)型　135
8.2　使用庫(kù)項(xiàng)目　136
8.2.1　什么是庫(kù)項(xiàng)目　136
8.2.2　創(chuàng)建庫(kù)項(xiàng)目　136
8.2.3　插入庫(kù)項(xiàng)目　137
8.2.4　編輯庫(kù)項(xiàng)目　138
本章小結(jié)　138
第9章　動(dòng)態(tài)網(wǎng)頁(yè)制作入門(mén)　139
9.1　動(dòng)態(tài)網(wǎng)頁(yè)概述　140
9.2　安裝和配置IIS　140
9.3　配置動(dòng)態(tài)站點(diǎn)　145
9.4　制作留言板　146
9.4.1　創(chuàng)建數(shù)據(jù)庫(kù)　146
9.4.2　設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)　149
9.4.3　為網(wǎng)頁(yè)增加服務(wù)器行為　152
本章小結(jié)　158
第10章　Fireworks MX 2004入門(mén)　159
10.1　初識(shí)Fireworks MX 2004　160
10.2　Fireworks MX 2004的常用控制面板　166
10.2.1　“層”面板　166
10.2.2　“幀”面板　168
10.2.3　“歷史記錄”面板　169
10.2.4　“形狀”面板與“樣式”面板　170
10.2.5　“混色器”面板　171
10.2.6　“優(yōu)化”面板　171
10.2.7　“信息”面板　172
10.2.8　“行為”面板　173
10.2.9　“庫(kù)”面板　173
10.3　文檔操作與畫(huà)布調(diào)整　173
本章小結(jié)　174
第11章　制作網(wǎng)頁(yè)圖像　175
11.1　繪制與編輯路徑　176
11.1.1　設(shè)置筆觸與填充　176
11.1.2　組合路徑與合成路徑　178
11.1.3　繪制線條　180
11.1.4　繪制形狀　182
11.1.5　路徑編輯　184
11.1.6　調(diào)整路徑的填充效果　186
11.1.7　使用文字　187
11.2　應(yīng)用位圖　190
11.2.1　創(chuàng)建位圖對(duì)象　190
11.2.2　選區(qū)制作和羽化　191
11.2.3　繪畫(huà)與圖像修飾　194
11.2.4　應(yīng)用濾鏡　197
11.3　編輯對(duì)象　198
11.3.1　對(duì)象選擇、移動(dòng)、復(fù)制與刪除　198
11.3.2　調(diào)整對(duì)象的層次　199
11.3.3　對(duì)齊對(duì)象與匹配對(duì)象尺寸　199
11.3.4　對(duì)象的變形　201
11.4　動(dòng)態(tài)效果、元件與層蒙版　202
11.5　典型實(shí)例——制作網(wǎng)頁(yè)彈出式廣告　208
本章小結(jié)　210
第12章　制作網(wǎng)頁(yè)動(dòng)畫(huà)與Web對(duì)象　211
12.1　制作網(wǎng)頁(yè)動(dòng)畫(huà)　212
12.1.1　Fireworks動(dòng)畫(huà)制作要點(diǎn)　212
12.1.2　制作和編輯動(dòng)畫(huà)的方法　212
12.2　應(yīng)用切片和熱點(diǎn)　216
12.2.1　創(chuàng)建和編輯切片　216
12.2.2　創(chuàng)建和編輯熱點(diǎn)　221
12.3　制作按鈕、導(dǎo)航欄和彈出菜單　222
12.3.1　制作按鈕和導(dǎo)航欄　223
12.3.2　制作彈出菜單　225
12.4　優(yōu)化和導(dǎo)出　227
12.4.1　優(yōu)化和導(dǎo)出圖像和動(dòng)畫(huà)　227
12.4.2　導(dǎo)出切片、熱點(diǎn)、按鈕和彈出菜單　228
12.4.3　在Dreamweaver中使用Fireworks HTML文檔　229
本章小結(jié)　230
第13章　Flash MX 2004入門(mén)　231
13.1　初識(shí)Flash MX 2004　232
13.1.1　工具欄　232
13.1.2　“工具”面板　233
13.1.3　“時(shí)間軸”面板　234
13.1.4　舞臺(tái)與“屬性”面板　234
13.1.5　標(biāo)尺、輔助線和網(wǎng)格　235
13.2　熟悉常用面板　236
13.2.1　“庫(kù)”面板　236
13.2.2　“混色器”面板　236
13.2.3　“歷史記錄”面板　237
13.3　制作網(wǎng)頁(yè)標(biāo)板動(dòng)畫(huà)　237
13.3.1　創(chuàng)建新文檔并設(shè)置屬性　238
13.3.2　導(dǎo)入圖像并設(shè)置動(dòng)畫(huà)　238
13.3.3　制作文字動(dòng)畫(huà)　248
本章小結(jié)　252
第14章　Flash繪畫(huà)與編輯　253
14.1　繪畫(huà)工具詳解　254
14.1.1　“線條”工具與“鉛筆”工具　254
14.1.2　“鋼筆”工具　256
14.1.3　“刷子”工具　257
14.1.4　“矩形”工具和“橢圓”工具　259
14.1.5　“多角星形”工具　259
14.2　筆觸和填充設(shè)置　260
14.2.1　使用漸變色填充和位圖填充　260
14.2.2　使用“墨水瓶”工具修改筆觸　261
14.2.3　使用“顏料桶”工具填充圖形　261
14.2.4　用“滴管”工具復(fù)制筆觸和填充　262
14.2.5　使用“填充變形”工具調(diào)整漸變和位圖填充效果　263
14.3　圖形與對(duì)象編輯　264
14.3.1　“選擇”工具與“部分選取”工具　264
14.3.2　“套索”工具與“橡皮擦”工具　266
14.3.3　“任意變形”工具、“變形”面板與“變形”命令　267
14.3.4　修改形狀的命令　269
14.3.5　對(duì)象的復(fù)制與粘貼　270
14.3.6　對(duì)象的組合、排列與對(duì)齊　270
14.4　使用文本與外部圖像　271
14.4.1　使用文本　271
14.4.2　使用外部圖像　273
本章小結(jié)　274
第15章　動(dòng)畫(huà)制作　275
15.1　使用時(shí)間軸特效制作動(dòng)畫(huà)　276
15.1.1　添加時(shí)間軸特效　276
15.1.2　時(shí)間軸特效的種類(lèi)　277
15.1.3　編輯時(shí)間軸特效　279
15.1.4　刪除時(shí)間軸特效　280
15.2　使用元件和實(shí)例　280
15.2.1　元件的類(lèi)型　280
15.2.2　使用圖形元件和影片剪輯　281
15.2.3　將動(dòng)畫(huà)片段轉(zhuǎn)換為影片剪輯元件　284
15.2.4　使用其他Flash影片中的元件　285
15.2.5　創(chuàng)建和使用按鈕元件　286
15.3　制作動(dòng)畫(huà)的典型方法　291
15.3.1　“幀—幀”動(dòng)畫(huà)　291
15.3.2　動(dòng)作補(bǔ)間動(dòng)畫(huà)　293
15.3.3　路徑引導(dǎo)動(dòng)畫(huà)　294
15.3.4　遮罩動(dòng)畫(huà)　296
15.3.5　形狀補(bǔ)間動(dòng)畫(huà)　300
15.3.6　改進(jìn)形狀補(bǔ)間動(dòng)畫(huà)　302
15.3.7　編輯動(dòng)畫(huà)幀　303
15.4　制作有聲動(dòng)畫(huà)　304
15.4.1　導(dǎo)入聲音文件　305
15.4.2　為影片添加聲音　305
15.4.3　編輯聲音　307
15.4.4　為按鈕添加聲音　308
15.4.5　在影片中使用聲音的一些技巧　310
15.5　腳本應(yīng)用入門(mén)　310
本章小結(jié)　314
第16章　網(wǎng)站設(shè)計(jì)綜合實(shí)例　315
16.1　網(wǎng)站規(guī)劃　316
16.1.1　確定網(wǎng)站結(jié)構(gòu)　316
16.1.2　確定站點(diǎn)目錄結(jié)構(gòu)　316
16.1.3　確定網(wǎng)站風(fēng)格、色彩和布局　317
16.1.4　定義站點(diǎn)　317
16.2　網(wǎng)站制作　320
16.2.1　在Fireworks中制作導(dǎo)航欄　320
16.2.2　在Flash中制作網(wǎng)頁(yè)動(dòng)畫(huà)　322
16.2.3　在Dreamweaver中制作首頁(yè)　326
16.2.4　在Dreamweaver中制作子頁(yè)　337