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

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