中文版Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)入門與提高

第1部分　基礎(chǔ)篇
第1章　網(wǎng)頁(yè)制作入門2
1．1認(rèn)識(shí)網(wǎng)站和網(wǎng)頁(yè)2
1．1．1什么是網(wǎng)頁(yè)2
1．1．2網(wǎng)頁(yè)的類型3
1．1．3什么是網(wǎng)站4
1．1．4網(wǎng)站的分類4
1．2網(wǎng)頁(yè)中的專用術(shù)語(yǔ)5
l．3網(wǎng)頁(yè)元素的使用標(biāo)準(zhǔn)和技巧8
l．3．1 Logo8
1．3．2廣告條9
l．3．3 網(wǎng)站導(dǎo)航9
1．3．4按鈕10
1．3．5圖片10
1．3．6文本11
1．3．7動(dòng)畫ll
1．4網(wǎng)站建設(shè)常用工具軟件11
1．5思考與練習(xí)12

第2章　初識(shí)Dreamweaver CS314
2．1 Dreamweaver CS3簡(jiǎn)介14
2．2 Dreamweaver CS3的新增功能14
2．3 Dreamweaver CS3的安裝和啟動(dòng)17
2．3．1 Dreamweaver CS3系統(tǒng)要求17
2．3．2安裝Dreamweaver CS317
2．3．3啟動(dòng)Dreamweaver CS320
2．4 Dreamweaver?CS3的操作界面20
2．4．1 Dreamweaver?CS3的開始頁(yè)20
2．4．2 Dreamweavel?CS3的操作界面2l
2．4．3 Dreamweaver CS3的菜單欄22
2．4．4 Dreamweaver CS3的工具欄23
2．4．5 Dreamweaver CS3的狀態(tài)欄27
2．4．6 Dreamweaver CS3的面板．28
2．5網(wǎng)頁(yè)文檔的基本操作30
2．5．1 新建網(wǎng)頁(yè)30
2．5．2保存網(wǎng)頁(yè)3l
2．5．3設(shè)置頁(yè)面屬性32
2．5．4打開網(wǎng)頁(yè)35
2．5．5預(yù)覽網(wǎng)頁(yè)35
2．6思考與練習(xí)36

第3章　站點(diǎn)的創(chuàng)建與管理37
3．1 了解站點(diǎn)37
3．1．1本地站點(diǎn)和遠(yuǎn)程站點(diǎn)37
3．1．2站點(diǎn)規(guī)劃原則37
3．2創(chuàng)建站點(diǎn)38
3．2．1創(chuàng)建本地站點(diǎn)38
3．2．2創(chuàng)建遠(yuǎn)程站點(diǎn)40
3．3管理本地站點(diǎn)4l
3．3．1文件管理41
3．3．2站點(diǎn)管理43
3．4管理遠(yuǎn)程站點(diǎn)44
3．5輔助工具的使用45
3．5．1使用標(biāo)尺46
3．5．2使用輔助線46
3．5．3使用網(wǎng)格47
3．6思考與練習(xí)48

第4章　網(wǎng)站建設(shè)流程49
4．1 網(wǎng)站策劃49
4．1．1確定網(wǎng)站的主題和名稱49
4．1．2確定網(wǎng)站的用戶群50
4．1．3確定網(wǎng)站的配色方案50
4．1．4收集網(wǎng)站的素材和內(nèi)容52
4．1．5確定網(wǎng)站欄目53
4．1．6確定網(wǎng)站結(jié)構(gòu)53
4．1．7確定網(wǎng)頁(yè)的布局54
4．2網(wǎng)站設(shè)計(jì)58
4．2．1 繪制草圖58
4．2．2完成網(wǎng)頁(yè)設(shè)計(jì)稿59
4．2．3分割設(shè)計(jì)稿60
4．3網(wǎng)站制作61
4．4網(wǎng)站測(cè)試62
4．5發(fā)布網(wǎng)站62
4．5．1注冊(cè)域名與空間租用62
4．5．2上傳站點(diǎn)63
4．6網(wǎng)站的更新與維護(hù)63
4．7網(wǎng)站的宣傳與推廣63
4．8思考與練習(xí)65

第5章　使用文本和圖像66
5．1 添加文本66
5．1．1插入方法66
5．1．2插入特殊文本66
5．2格式化文本69
5．2．1設(shè)置文本格式69
5．2．2設(shè)置段落格式72
5．3 實(shí)例演練——制作心血管疾病中心首頁(yè)73
5．4添加網(wǎng)頁(yè)圖像78
5．4．1關(guān)于圖像格式78
5．4．2插入圖像79
5．4．3插入圖像占位符8l
5．4．4插入鼠標(biāo)經(jīng)過(guò)圖像81
5．4．5插入導(dǎo)航條83
5．4．6設(shè)置圖像屬性84
5．4．7在Dreamweavet’中編輯圖像85
5．5實(shí)例演練——制作伊人時(shí)尚網(wǎng)86
5．6思考與練習(xí)89

第6章　多媒體與超鏈接9l
6．1插入媒體對(duì)象9l
6．1．1插入Flash對(duì)象9l
6．1．2插入其他媒體對(duì)象98
6．2實(shí)例演練——制作禮品商城頁(yè)面103
6．3超級(jí)鏈接105
6．3．1什么是超級(jí)鏈接105
6．3．2鏈接路徑105
6．4創(chuàng)建超級(jí)鏈接106
6．4．1創(chuàng)建文本鏈接106
6．4．2創(chuàng)建圖像鏈接109
6．4．3創(chuàng)建錨記鏈接110
6．4．4創(chuàng)建電子郵件鏈接113
6．4．5創(chuàng)建空鏈接和腳本鏈接114
6．5實(shí)例演練——制作軟件下載頁(yè)面114
6．6思考與練習(xí)117

第7章　XH'I’MI基礎(chǔ)119
7．1 XHTM[，語(yǔ)言基礎(chǔ)119
7．1．1什么是XHTML119
7．1．2XHTML文檔的基本結(jié)構(gòu)119
7．1．3標(biāo)簽的書寫格式122
7．1．4標(biāo)簽的屬性122
7．1．5 XI．IIML語(yǔ)法規(guī)范123
7．2 XHTMI。語(yǔ)言的核心標(biāo)簽124
7．2．1文本與段落124
7．2．2圖像127
7．2．3表格128
7．2．4超級(jí)鏈接128
7．2．5列表元素129
7．2．6認(rèn)識(shí)Div標(biāo)簽129
7．3在Dreamweaver中編寫和編輯代碼130
7．3．1使用代碼提示13 l
7．3．2使用編碼工具欄132
7．3．3使用快速標(biāo)簽編輯器134
7．4優(yōu)化代碼135
7．4．1清理HTML／XHTML代碼135
7．1．4．2清理Word生成的HTML代碼136
7．5思考與練習(xí)136

第2部分　布局篇
第8章　巧用表格布局網(wǎng)頁(yè)140
8．1創(chuàng)建表格140
8．2編輯表格14l
8．2．1選擇表格141
8．2．2設(shè)置表格屬性142
8．2．3設(shè)置單元格屬性143
8．2．4調(diào)整表格和單元格的大小143
8．2．5設(shè)置表格對(duì)齊方式145
8．2．6插入行或列145
8．2．7刪除行或列146
8．2．8拆分和合并單元格146
8．2．9表格的嵌套147
8．3實(shí)例演練——制作個(gè)人動(dòng)漫網(wǎng)147
8．4思考與練習(xí)156

第9章　AP元素在網(wǎng)頁(yè)中的應(yīng)用157
9．1 AP元素的使用157
9．1．1創(chuàng)建AP元素157
9．1．2向AP元素中添加內(nèi)容158
9．1．3嵌套AP元素158
9．1．4管理AP元素159
9．2 AP元素的操作160
9．2．1選擇AP元素160
9．2．2設(shè)置AP元素屬性160
9．2．3調(diào)整AP元素大小16l
9．2．4移動(dòng)和對(duì)齊AP元素162
9．3實(shí)例演練——制作動(dòng)畫欣賞頁(yè)面162
9．4 AP元素與表格167
9．4．1將AP元素轉(zhuǎn)換為表格167
9．4．2將表格轉(zhuǎn)換為AP元素168
9．5 時(shí)間軸169
9．5．1【時(shí)間軸】面板169
9．5．2創(chuàng)建時(shí)間軸動(dòng)畫170
9．6思考與練習(xí)172

第10章　應(yīng)用CSS布局網(wǎng)頁(yè)173
10．1 CSS樣式表173
10．1．1 CSS的概念173
10．1．2 CSS的基本語(yǔ)法174
10．1．3認(rèn)識(shí)【CSS樣式】面板175
10．2 CSS樣式的創(chuàng)建與應(yīng)用176
10．2．1創(chuàng)建與應(yīng)用內(nèi)部樣式表176
10．2．2創(chuàng)建外部樣式表179
10．2．3鏈接外部CSS樣式表180
1013 CSS樣式定義182
10．3．1定義CSS樣式的類型182
10．3．2定義CSS樣式的背景183
10．3．3 設(shè)置CSS樣式的區(qū)塊183
10．3．4設(shè)置CSS樣式的方框184
10．3．5設(shè)置CSS樣式的邊框184
10．3．6設(shè)置CSS樣式的列表185
10．3．7設(shè)置CSS樣式的定位185
10．3．8設(shè)置CSS樣式的擴(kuò)展185
10．4管理CSS樣式表186
10．4．1查看CSS樣式186
10．4．2編輯CSS樣式187
10．4．3刪除CSS樣式188
10．4．4復(fù)制CSS樣式188
10．5實(shí)例演練188
10．5．1使用CSS創(chuàng)建個(gè)性化鼠標(biāo)指針樣式188
10．5．2應(yīng)用CSS+Div布局網(wǎng)頁(yè)192
10．6思考與練習(xí)198

第11章　制作框架類網(wǎng)頁(yè)200
11．1框架的應(yīng)用200
11．2創(chuàng)建框架網(wǎng)頁(yè)201
11．2．1使用預(yù)設(shè)方式創(chuàng)建框架網(wǎng)頁(yè)201
11．2．2 自主創(chuàng)建框架網(wǎng)頁(yè)202
11．3保存框架網(wǎng)頁(yè)203
11．3．1選擇框架和框架集203
11．3．2保存框架和框架集203
11．4編輯框架204．
11．4．1設(shè)置框架和框架集的屬性204
11．4．2設(shè)置框架的大小205
11．4．3制作框架內(nèi)容206
11．4．4設(shè)置框架鏈接206
11．4．5刪除框架207
11．5 實(shí)例演練——制作蝴蝶攝影工作室網(wǎng)站207
11．6嵌入式框架的應(yīng)用212
11．6．1嵌入式框架的參數(shù)213
11．6．2制作嵌入式框架網(wǎng)頁(yè)213
11．7思考與練習(xí)216

第3部分　進(jìn)階篇
第12章　表單的應(yīng)用220
12．1表單和表單對(duì)象220
12．1．1什么是表單220
12．1．2表單對(duì)象221
12．1．3插入表單222
12．1．4設(shè)置表單屬性222
12．2插入表單對(duì)象223
12．2．1插入文本域223
12．2．2插入復(fù)選框225
12．2．3插入單選按鈕與單選按鈕組226
12．2．4插入列表，菜單227
12．2．5插入跳轉(zhuǎn)菜單228
12．2．6插入表單按鈕230
12．2．7插入圖像域230
12．2．8插入文件域231
12．2．9插入隱藏域232
12．3 實(shí)例演練——制作會(huì)員注冊(cè)頁(yè)面232
12．4思考與練習(xí)240

第13章　創(chuàng)建網(wǎng)頁(yè)動(dòng)態(tài)效果24l
13．1 關(guān)于行為241
13．2動(dòng)作和事件242
13．2．1關(guān)于動(dòng)作242
13．2．2關(guān)于事件243
13．3添加行為244
13．4常用動(dòng)作245
13．4．1 【交換圖像】動(dòng)作246
13．4．2 【彈出信息】動(dòng)作246
13．4．3 【打開瀏覽器窗口】動(dòng)作246
13．4．4 【拖動(dòng)AP元素】動(dòng)作247
13．4．5 【改變屬性】動(dòng)作249
13．4．6 【效果】動(dòng)作249
13．4．7 【轉(zhuǎn)到時(shí)間軸幀】動(dòng)作250
13．4．8 【顯示．隱藏元素】動(dòng)作250
13．4．9 【檢查插件】動(dòng)作251
13．4．10 【設(shè)置導(dǎo)航欄圖像】動(dòng)作252
13．4．Il 【設(shè)置狀態(tài)欄文本】動(dòng)作252
13．4．12 【調(diào)用JavaScript】動(dòng)作252
13．4．13 【轉(zhuǎn)到URL】動(dòng)作253
13．4．14 【預(yù)先載入圖像】動(dòng)作253
13．5實(shí)例演練254
13．5．1 制作有彈出窗口的網(wǎng)頁(yè)254
13．5．2應(yīng)用行為制作彈出菜單256
13．6關(guān)于JavaScript261
13．6．1 JavaScript語(yǔ)言是什么261
13．6．2．1avaScript語(yǔ)言的寫入方式261
13．7實(shí)例演練——制作橫向滾動(dòng)圖像效果262
13．8思考與練習(xí)267

第14章　Spry框架在網(wǎng)頁(yè)中應(yīng)用268
14．1關(guān)于Spry框架268
14．2添加Spry構(gòu)件268
14．2．1關(guān)于Spry構(gòu)件268
14．2．2插入Spry構(gòu)件269
14．2．3編輯Spry構(gòu)件270
14．3常用Spry構(gòu)件介紹273
14．3．1菜單欄構(gòu)件．．273
14．3．2選項(xiàng)卡式面板構(gòu)件274
14．3．3 折疊式構(gòu)件274
14．3．4可折疊面板構(gòu)件275
14．3．5驗(yàn)證文本域構(gòu)件276
14．4實(shí)例演練——折疊式構(gòu)件的應(yīng)用277
14．5關(guān)于Spry效果28l
14．5．1添加Spry效果281
14．5．2常用Spry效果介紹283
14．6思考與練習(xí)287

第15章　模板和庫(kù)288
15．1使用模板289
15．1．1模板的基本概念289
15．1．2關(guān)于【模板】和【資源】面板289 15．2創(chuàng)建模板290
15．2．1創(chuàng)建新模板290
15．2．2將普通網(wǎng)頁(yè)保存為模板292
15．3編輯模板293
15．3．1可編輯區(qū)域和不可編輯區(qū)域293
15．3．2創(chuàng)建可編輯區(qū)域293
15．3．3選擇可編輯區(qū)域295
15．3．4刪除可編輯區(qū)域295
15．4應(yīng)用模板制作網(wǎng)頁(yè)295
15．4．1從模板新建295
15．4．2使用【模板】面板創(chuàng)建網(wǎng)頁(yè)文檔296
15．4．3頁(yè)面與模板脫離297
15．4．4更新頁(yè)面297
15．5管理模板298
15．5．1重命名模板298
15．5．2刪除模板．299
15．6使用庫(kù)299
15．6．1庫(kù)的概念299
15．6．2創(chuàng)建和應(yīng)用庫(kù)項(xiàng)目300
15．6．3修改庫(kù)301
15．7 實(shí)例演練——制作QQ交友俱樂部網(wǎng)站30l
15．7．1創(chuàng)建模板302
15．7．2使用模板創(chuàng)建網(wǎng)頁(yè)308
1．5．8思考與練習(xí)309

第4部分　效果篇
第16章　常用網(wǎng)頁(yè)效果實(shí)例312
16．1有懸停效果的滾動(dòng)公告欄312
16．2漂亮的IE滾動(dòng)條315
16．3 圖片滾動(dòng)下拉效果317
16．4狀態(tài)欄跑馬燈效果320
16．5飄浮圖像廣告效果323
16．6跟隨滾動(dòng)條滾動(dòng)的對(duì)聯(lián)廣告328
16．7圖片切換效果330
16．8在線MP3播放器334

第5部分　網(wǎng)站設(shè)計(jì)與制作實(shí)戰(zhàn)篇
第17章　企業(yè)網(wǎng)站的設(shè)計(jì)與制作338
17．1企業(yè)網(wǎng)站的策劃338
17．1．1了解需求338
17．1．2分析材料339
17．1．3出具網(wǎng)站策劃書339
17．2網(wǎng)站設(shè)計(jì)342
17．2．1設(shè)計(jì)策劃342
17．2．2行業(yè)網(wǎng)站分析343
17．2．3確定首頁(yè)布局方式345
17．2．4形象Banner設(shè)計(jì)345
17．2．5導(dǎo)航欄設(shè)計(jì)345
17．2．6主要內(nèi)容顯示區(qū)設(shè)計(jì)346
17．2．7 網(wǎng)站底部顯示區(qū)設(shè)計(jì)346
17．3網(wǎng)站制作347
17．3．1創(chuàng)建本地站點(diǎn)與遠(yuǎn)程站點(diǎn)347
17．3．2創(chuàng)建外部CSS樣式表348
17．3．3制作首頁(yè)．35l
17．3．4制作二級(jí)頁(yè)面與三級(jí)頁(yè)面356
17．4．測(cè)試與發(fā)布網(wǎng)站361

第6部分　動(dòng)態(tài)網(wǎng)站制作篇
第18章　會(huì)員注冊(cè)365
18．1相關(guān)概念366
18．1．1什么是動(dòng)態(tài)網(wǎng)頁(yè)366
18．1．2什么是網(wǎng)頁(yè)服務(wù)器366
18．1．3什么是ASP366
18．1．4什么是數(shù)據(jù)庫(kù)366
18．2動(dòng)態(tài)網(wǎng)站的制作流程367
18．3搭建服務(wù)器平臺(tái)367
18．3．1 IIS的安裝367
18．3．2 IIS的設(shè)置369
18．3．3站點(diǎn)的設(shè)置370
18．3．4測(cè)試開發(fā)環(huán)境37l
18．4設(shè)計(jì)分析371
18．5建立數(shù)據(jù)庫(kù)和其他相關(guān)ASP文件372
18．5．1建立數(shù)據(jù)庫(kù)372
18．5．2建立鏈接文件373
18．5．3建立數(shù)據(jù)存儲(chǔ)文件374
18．6注冊(cè)新用戶375
18．7用戶登錄和退出登錄377
18．8后臺(tái)管理379
18．8．1后臺(tái)管理員登錄379
18．8．2后臺(tái)管理主頁(yè)面380
18．8．3注冊(cè)用戶審核38l
18．8．4會(huì)員信息管理386
18．8．5管理用戶的添加387
18．8．6管理用戶修改密碼389
18．8．7退出系統(tǒng)391