Dreamweaver CS3網(wǎng)頁設計技能進化手冊

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