Dreamweaver CS3網(wǎng)頁設(shè)計(jì)技能進(jìn)化手冊

Part 1　制作技能部分
進(jìn)化第01站　文字與表格
Lesson 01　文本實(shí)例——制作文本頁　1
1.1　實(shí)例效果預(yù)覽　1
1.2　技能應(yīng)用分析　2
1.3　制作步驟解析　2
1.3.1　啟動Dreamweaver CS3　2
1.3.2　添加文本內(nèi)容　3
1.3.3　設(shè)置文本屬性　4
Lesson 02　表格實(shí)例——表格數(shù)據(jù)網(wǎng)頁　8
2.1　實(shí)例效果預(yù)覽　8
2.2　技能應(yīng)用分析　9
2.3　制作步驟解析　9
2.3.1　打開文件導(dǎo)入數(shù)據(jù)　9
2.2.2　設(shè)置表格屬性　12
Lesson 03　表格實(shí)例——細(xì)邊框表格　14
3.1　實(shí)例效果預(yù)覽　14
3.2　技能應(yīng)用分析　15
3.3　制作步驟解析　15
3.3.1　導(dǎo)入表格數(shù)據(jù)　15
3.3.2　設(shè)置表格屬性　17
Lesson 04　表格實(shí)例——立體效果表格　19
4.1　實(shí)例效果預(yù)覽　19
4.2　技能應(yīng)用分析　19
4.3　制作步驟解析　19
4.3.1　設(shè)置表格屬性　20
4.3.2　編輯“table”標(biāo)簽　20
Lesson 05　表格實(shí)例——圓角表格　22
5.1　實(shí)例效果預(yù)覽　22
5.2　技能應(yīng)用分析　22
5.3　制作步驟解析　23
5.3.1　制作圓角背景圖像　23
5.3.2　應(yīng)用背景圖像　26
5.3.3　添加表格數(shù)據(jù)　29
進(jìn)化第02站　圖像效果實(shí)例
Lesson 06　圖像效果實(shí)例——添加圖像　31
6.1　實(shí)例效果預(yù)覽　31
6.2　技能應(yīng)用分析　32
6.3　制作步驟解析　32
6.3.1　導(dǎo)入圖像　32
6.3.2　設(shè)置屬性　33
Lesson 07　圖像效果實(shí)例——插入圖像占位符　36
7.1　實(shí)例效果預(yù)覽　36
7.2　技能應(yīng)用分析　36
7.3　制作步驟解析　36
7.3.1　插入圖像占位符　37
7.3.2　替換圖像占位符　38
Lesson 08　圖像效果實(shí)例——鼠標(biāo)替換圖像　39
8.1　實(shí)例效果預(yù)覽　39
8.2　技能應(yīng)用分析　40
8.3　制作步驟解析　40
Lesson 09　圖像效果實(shí)例——?jiǎng)?chuàng)建導(dǎo)航條　44
9.1　實(shí)例效果預(yù)覽　44
9.2　技能應(yīng)用分析　44
9.3　制作步驟解析　44
9.3.1　設(shè)置導(dǎo)航條項(xiàng)目　45
9.3.2　添加導(dǎo)航條項(xiàng)目　48
進(jìn)化第03站　AP元素與時(shí)間軸
Lesson 10　AP元素效果實(shí)例——拖動AP元素效果　51
10.1　實(shí)例效果預(yù)覽　51
10.2　技能應(yīng)用分析　52
10.3　制作步驟解析　52
10.3.1　創(chuàng)建AP元素　52
10.3.2　應(yīng)用行為　55
Lesson 11　AP元素效果實(shí)例——切換AP元素　59
11.1　實(shí)例效果預(yù)覽　59
11.2　技能應(yīng)用分析　59
11.3　制作步驟解析　59
11.3.1　添加AP元素　60
11.3.2　應(yīng)用行為　63
Lesson 12　AP元素效果實(shí)例——分割A(yù)P元素　66
12.1　實(shí)例效果預(yù)覽　66
12.2　技能應(yīng)用分析　67
12.3　制作步驟解析　67
12.3.1　創(chuàng)建AP元素　67
12.3.2　排列AP 元素　71
Lesson 13　時(shí)間軸效果實(shí)例——時(shí)間軸動畫　73
13.1　實(shí)例效果預(yù)覽　73
13.2　技能應(yīng)用分析　73
13.3　制作步驟解析　74
13.3.1　添加AP元素　74
13.3.2　編輯時(shí)間軸　75
13.3.3　控制時(shí)間軸播放　76
進(jìn)化第04站　表單
Lesson 14　表單應(yīng)用實(shí)例——注冊表單　77
14.1　實(shí)例效果預(yù)覽　77
14.2　技能應(yīng)用分析　78
14.3　制作步驟解析　78
14.3.1　創(chuàng)建表格　78
14.3.2　創(chuàng)建表單　81
14.3.3　檢查表單　92
Lesson 15　表單應(yīng)用實(shí)例——信息反饋　95
15.1　實(shí)例效果預(yù)覽　95
15.2　技能應(yīng)用分析　95
15.3　制作步驟解析　95
15.3.1　創(chuàng)建表格　96
15.3.2　創(chuàng)建表單內(nèi)容　99
15.3.3　應(yīng)用CSS樣式　104
Lesson 16　表單應(yīng)用實(shí)例——在線訂購　105
16.1　實(shí)例效果預(yù)覽　105
16.2　技能應(yīng)用分析　105
16.3　制作步驟解析　106
16.3.1　創(chuàng)建表格　106
16.3.2　創(chuàng)建表單內(nèi)容　108
Lesson 17　Spry應(yīng)用實(shí)例——Spry檢驗(yàn)表單　118
17.1　實(shí)例效果預(yù)覽　118
17.2　技能應(yīng)用分析　118
17.3　制作步驟解析　119
17.3.1　Spry面板簡介　119
17.3.2　創(chuàng)建Spry檢驗(yàn)表單　120
進(jìn)化第05站　CSS樣式應(yīng)用
Lesson 18　CSS樣式應(yīng)用——CSS樣式實(shí)例1　127
18.1　實(shí)例效果預(yù)覽　127
18.2　技能應(yīng)用分析　128
18.3　制作步驟解析　128
18.3.1　創(chuàng)建CSS樣式　128
18.3.2　應(yīng)用CSS樣式　144
Lesson 19　CSS樣式應(yīng)用——CSS樣式實(shí)例2　147
19.1　實(shí)例效果預(yù)覽　147
19.2　技能應(yīng)用分析　147
19.3　制作步驟解析　147
19.3.1　創(chuàng)建文本樣式　148
19.3.2　創(chuàng)建鏈接樣式　159
19.3.3　應(yīng)用樣式　162
進(jìn)化第06站　框架實(shí)例
Lesson 20　框架實(shí)例——制作框架網(wǎng)頁　165
20.1　實(shí)例效果預(yù)覽　165
20.2　技能功能分析　165
20.3　制作步驟解析　166
進(jìn)化第07站　行為的應(yīng)用
Lesson 21　行為實(shí)例——彈出信息　173
21.1　實(shí)例效果預(yù)覽　173
21.2　技能應(yīng)用分析　174
21.3　制作步驟解析　174
Lesson 22　行為實(shí)例——打開瀏覽器窗口　177
22.1　實(shí)例效果預(yù)覽　177
22.2　技能應(yīng)用分析　177
22.3　制作步驟解析　178
Lesson 23　行為實(shí)例——播放聲音　180
23.1　實(shí)例效果預(yù)覽　180
23.2　技能應(yīng)用分析　181
23.3　制作步驟解析　181
Lesson 24　行為實(shí)例——設(shè)置圖像縮放效果　184
24.1　實(shí)例效果預(yù)覽　185
24.2　技能應(yīng)用分析　185
24.3　制作步驟解析　185
Lesson 25　行為實(shí)例——設(shè)置文本域文字　189
25.1　實(shí)例效果預(yù)覽　189
25.2　技能應(yīng)用分析　189
25.3　制作步驟解析　190
Lesson 26　行為實(shí)例——設(shè)置狀態(tài)欄文字　193
26.1　實(shí)例效果預(yù)覽　193
26.2　技能應(yīng)用分析　194
26.3　制作步驟解析　194
Lesson 27　行為實(shí)例——調(diào)用JavaScript　196
27.1　實(shí)例效果預(yù)覽　196
27.2　技能應(yīng)用分析　196
27.3　制作步驟解析　197
Lesson 28　行為實(shí)例——交換圖像　199
28.1　實(shí)例效果預(yù)覽　199
28.2　技能應(yīng)用分析　200
28.3　制作步驟解析　200
Lesson 29　行為實(shí)例——轉(zhuǎn)到URL　202
29.1　實(shí)例效果預(yù)覽　202
29.2　技能應(yīng)用分析　203
29.3　制作步驟解析　203
進(jìn)化第08站　模板與庫實(shí)例
Lesson 30　模板實(shí)例——?jiǎng)?chuàng)建應(yīng)用模板　205
30.1　實(shí)例效果預(yù)覽　205
30.2　技能應(yīng)用分析　206
30.3　制作步驟解析　206
30.3.1　創(chuàng)建模板　206
30.3.2　創(chuàng)建可編輯區(qū)域　207
30.3.3　應(yīng)用模板　209
Lesson 31　庫實(shí)例——?jiǎng)?chuàng)建應(yīng)用庫項(xiàng)目　211
31.1　實(shí)例效果預(yù)覽　212
31.2　技能應(yīng)用分析　212
31.3　制作步驟解析　212
31.3.1　創(chuàng)建庫項(xiàng)目　212
31.3.2　插入庫項(xiàng)目　213
31.3.3　在庫項(xiàng)目中加入行為　214
進(jìn)化第09站　插入媒體對象
Lesson 32　插入媒體對象實(shí)例——插入聲音文件　217
32.1　實(shí)例效果預(yù)覽　217
32.2　技能應(yīng)用分析　218
32.3　制作步驟解析　218
32.3.1　插入聲音插件　218
32.3.2　設(shè)置插件參數(shù)　219
Lesson 33　插入媒體對象實(shí)例——插入視頻　221
33.1　實(shí)例效果預(yù)覽　221
33.2　技能應(yīng)用分析　222
33.3　制作步驟解析　222
33.3.1　插入視頻插件　222
33.3.2　設(shè)置插件參數(shù)　223
Lesson 34　插入媒體對象實(shí)例——插入Flash按鈕　224
34.1　實(shí)例效果預(yù)覽　224
34.2　技能應(yīng)用分析　225
34.3　制作步驟解析　225
34.3.1　插入Flash按鈕　225
34.3.2　設(shè)置Flash按鈕屬性　228
Lesson 35　插入媒體對象實(shí)例——插入Flash文本　233
35.1　實(shí)例效果預(yù)覽　233
35.2　技能應(yīng)用分析　234
35.3　制作步驟解析　234
35.3.1　插入Flash文本　234
35.3.2　設(shè)置Flash文本屬性　236
Lesson 36　插入媒體對象實(shí)例——插入Flash視頻　238
36.1　實(shí)例效果預(yù)覽　238
36.2　技能應(yīng)用分析　238
36.3　制作步驟解析　238
Lesson 37　插入媒體對象實(shí)例——插入圖像查看器　242
37.1　實(shí)例效果預(yù)覽　242
37.2　技能應(yīng)用分析　242
37.3　制作步驟解析　242
Lesson 38　插入媒體對象實(shí)例——插入Flash影片　248
38.1　實(shí)例效果預(yù)覽　249
38.2　技能應(yīng)用分析　249
38.3　制作步驟解析　249
38.3.1　插入Flash影片　249
38.3.2　設(shè)置Flash影片屬性　250
進(jìn)化第10站　維護(hù)與上傳站點(diǎn)
Lesson 39　維護(hù)與上傳站點(diǎn)實(shí)例——維護(hù)與上傳站點(diǎn)　253
39.1　實(shí)例效果預(yù)覽　253
39.2　技能應(yīng)用分析　254
39.3　制作步驟解析　254
39.2.1　申請空間和注冊域名　254
39.2.2　設(shè)置遠(yuǎn)端主機(jī)信息　255
39.2.3　上傳/下載文件　256
39.2.4　同步文件　259
Part 2　設(shè)計(jì)應(yīng)用部分
進(jìn)化第11站　企業(yè)官方網(wǎng)站
Lesson 40　企業(yè)官方網(wǎng)站——華城房地產(chǎn)　261
40.1　實(shí)例效果預(yù)覽　261
40.2　設(shè)計(jì)應(yīng)用分析　262
40.3　設(shè)計(jì)步驟解析　262
40.3.1　確定網(wǎng)站內(nèi)容結(jié)構(gòu)　262
40.3.2　準(zhǔn)備網(wǎng)站素材　262
40.3.3　創(chuàng)建本地站點(diǎn)　263
40.3.4　制作網(wǎng)站首頁　265
40.3.5 制作其他頁面　292
進(jìn)化第12站　企業(yè)服務(wù)網(wǎng)站
Lesson 41　企業(yè)服務(wù)網(wǎng)站——豪元安防　297
41.1　實(shí)例效果預(yù)覽　297
41.2　設(shè)計(jì)應(yīng)用分析　298
41.3　設(shè)計(jì)步驟解析　298
41.3.1　確定網(wǎng)站內(nèi)容結(jié)構(gòu)　298
41.3.2　準(zhǔn)備網(wǎng)站素材　298
41.3.3　創(chuàng)建本地站點(diǎn)　299
41.3.4　制作網(wǎng)站首頁　299
41.3.5　制作其他頁面　324
進(jìn)化第13站　電子商務(wù)網(wǎng)站
Lesson 42　電子商務(wù)網(wǎng)站——經(jīng)典數(shù)碼　329
42.1　實(shí)例效果預(yù)覽　329
42.2　設(shè)計(jì)應(yīng)用分析　330
42.3　設(shè)計(jì)步驟解析　330
42.3.1　確定網(wǎng)站內(nèi)容結(jié)構(gòu)　330
42.3.2　準(zhǔn)備網(wǎng)站素材　331
42.3.3　創(chuàng)建本地站點(diǎn)　331
42.3.4　制作網(wǎng)站首頁　331
42.3.5　創(chuàng)建其他頁面　347