Dreamweaver CS6網(wǎng)頁(yè)設(shè)計(jì)立體化教程（雙色微課版）

第1章　Dreamweaver CS5網(wǎng)頁(yè)制作基礎(chǔ)　1
1．1　規(guī)劃“千履千尋公司”網(wǎng)站　2
1．1．1　確定網(wǎng)站風(fēng)格和布局　2
1．1．2　網(wǎng)站需求分析　2
1．1．3　規(guī)劃站點(diǎn)內(nèi)容　2
1．2　Dreamweaver CS5的工作界面　3
1．2．1　界面概述　3
1．2．2　標(biāo)題欄　3
1．2．3　菜單欄　4
1．2．4　文檔工具欄　4
1．2．5　浮動(dòng)面板組　4
1．2．6　狀態(tài)欄　6
1．2．7　“屬性”面板　6
1．3　創(chuàng)建“千履千尋公司”站點(diǎn)　6
1．3．1　站點(diǎn)規(guī)劃　6
1．3．2　創(chuàng)建本地站點(diǎn)　7
1．4　管理“千履千尋公司”站點(diǎn)　8
1．4．1　打開(kāi)站點(diǎn)　8
1．4．2　編輯站點(diǎn)　8
1．4．3　刪除站點(diǎn)　9
1．4．4　復(fù)制站點(diǎn)　9
1．4．5　管理站點(diǎn)文件和文件夾　10
1．5　實(shí)訓(xùn)——?jiǎng)?chuàng)建“快樂(lè)旅游”站點(diǎn)　12
1．5．1　實(shí)訓(xùn)目標(biāo)　12
1．5．2　專業(yè)背景　12
1．5．3　操作思路　12
1．6　疑難解析　12
1．7　習(xí)題　14
課后拓展知識(shí)　14
第2章　輸入與格式化文本　15
2．1　制作“公司簡(jiǎn)介”頁(yè)面　16
2．1．1　輸入文本　16
2．1．2　設(shè)置文本字體格式　19
2．1．3　設(shè)置段落格式　22
2．2　制作“企業(yè)文化”頁(yè)面　23
2．2．1　插入特殊文本對(duì)象　24
2．2．2　創(chuàng)建列表　26
2．2．3　設(shè)置水平線　27
2．2．4　添加滾動(dòng)字幕　27
2．3　實(shí)訓(xùn)——制作“快樂(lè)旅游”網(wǎng)站首頁(yè)　28
2．3．1　實(shí)訓(xùn)目標(biāo)　28
2．3．2　專業(yè)背景　29
2．3．3　操作思路　29
2．4　疑難解析　30
2．5　習(xí)題　30
課后拓展知識(shí)　32
第3章　插入圖像和多媒體對(duì)象　33
3．1　制作“關(guān)于我們”頁(yè)面　34
3．1．1　插入與編輯圖像　34
3．1．2　美化與優(yōu)化圖像　37
3．1．3　創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像　40
3．2　制作“新品展臺(tái)”網(wǎng)頁(yè)　41
3．2．1　添加多媒體插件　42
3．2．2　添加背景音樂(lè)　43
3．2．3　插入SWF動(dòng)畫(huà)　44
3．2．4　插入FLV視頻　45
3．3　實(shí)訓(xùn)——制作“旅游導(dǎo)航”網(wǎng)頁(yè)　46
3．3．1　實(shí)訓(xùn)目標(biāo)　46
3．3．2　專業(yè)背景　46
3．3．3　操作思路　46
3．4　疑難解析　47
3．5　習(xí)題　47
課后拓展知識(shí)　48
第4章　布局網(wǎng)頁(yè)版面　49
4．1　使用表格布局“產(chǎn)品展示”網(wǎng)頁(yè)　50
4．1．1　創(chuàng)建表格　50
4．1．2　調(diào)整表格結(jié)構(gòu)　52
4．1．3　設(shè)置表格和單元格屬性　56
4．1．4　在表格中插入內(nèi)容　57
4．2　利用AP Div制作“千履千尋”網(wǎng)站首頁(yè)　60
4．2．1　創(chuàng)建AP Div　60
4．2．2　選擇AP Div　61
4．2．3　設(shè)置AP Div尺寸　62
4．2．4　移動(dòng)AP Div　63
4．2．5　對(duì)齊AP Div　64
4．2．6　更改AP Div堆疊順序　65
4．2．7　在AP Div中插入各種元素　65
4．3　使用框架制作“公司公告”網(wǎng)頁(yè)　67
4．3．1　創(chuàng)建框架集與框架　68
4．3．2　保存框架集與框架　70
4．3．3　刪除框架　72
4．3．4　設(shè)置框架集與框架屬性　72
4．3．5　制作框架網(wǎng)頁(yè)　73
4．4　實(shí)訓(xùn)——制作“景點(diǎn)介紹”網(wǎng)頁(yè)　75
4．4．1　實(shí)訓(xùn)目標(biāo)　75
4．4．2　專業(yè)背景　75
4．4．3　操作思路　76
4．5　疑難解析　76
4．6　習(xí)題　77
課后拓展知識(shí)　78
第5章　在網(wǎng)頁(yè)中創(chuàng)建超鏈接　79
5．1　制作“公司地圖”網(wǎng)頁(yè)　80
5．1．1　認(rèn)識(shí)超鏈接　80
5．1．2　創(chuàng)建文本超鏈接　83
5．1．3　創(chuàng)建圖像超鏈接　84
5．1．4　創(chuàng)建外部超鏈接　85
5．1．5　創(chuàng)建圖像熱點(diǎn)超鏈接　86
5．2　制作“給我們留言”網(wǎng)頁(yè)　88
5．2．1　創(chuàng)建錨點(diǎn)超鏈接　89
5．2．2　創(chuàng)建電子郵件超鏈接　92
5．2．3　創(chuàng)建文件超鏈接　93
5．2．4　創(chuàng)建空鏈接　94
5．2．5　插入腳本鏈接　95
5．3　實(shí)訓(xùn)——制作“精品線路”網(wǎng)頁(yè)　99
5．3．1　實(shí)訓(xùn)目標(biāo)　99
5．3．2　專業(yè)背景　100
5．3．3　操作思路　100
5．4　疑難解析　100
5．5　習(xí)題　101
課后拓展知識(shí)　102
第6章　CSS與盒子模型　103
6．1　制作“熱銷精品”網(wǎng)頁(yè)　104
6．1．1　認(rèn)識(shí)CSS樣式　104
6．1．2　CSS樣式的各種屬性設(shè)置　105
6．1．3　創(chuàng)建與應(yīng)用CSS樣式　110
6．1．4　編輯CSS樣式　119
6．1．5　刪除CSS樣式　120
6．2　制作“消費(fèi)者保障”網(wǎng)頁(yè)　121
6．2．1　認(rèn)識(shí)盒子模型　121
6．2．2　盒子模型的優(yōu)勢(shì)　122
6．2．3　利用CSS+Div布局網(wǎng)頁(yè)　122
6．3　實(shí)訓(xùn)——制作“驢友攻略”網(wǎng)頁(yè)　128
6．3．1　實(shí)訓(xùn)目標(biāo)　128
6．3．2　專業(yè)背景　128
6．3．3　操作思路　128
6．4　疑難解析　129
6．5　習(xí)題　130
課后拓展知識(shí)　130
第7章　模版和庫(kù)的應(yīng)用　131
7．1　制作“客戶交流”網(wǎng)頁(yè)　132
7．1．1　創(chuàng)建模板　132
7．1．2　編輯模板　133
7．1．3　應(yīng)用與管理模板　137
7．2　制作“產(chǎn)品介紹”網(wǎng)頁(yè)　140
7．2．1　認(rèn)識(shí)“資源”面板　141
7．2．2　創(chuàng)建庫(kù)文件　141
7．2．3　應(yīng)用庫(kù)文件　143
7．2．4　編輯庫(kù)文件　144
7．2．5　更新庫(kù)文件　144
7．2．6　分離庫(kù)文件　145
7．3　實(shí)訓(xùn)——制作“旅游相冊(cè)”網(wǎng)頁(yè)　145
7．3．1　實(shí)訓(xùn)目標(biāo)　145
7．3．2　專業(yè)背景　146
7．3．3　操作思路　146
7．4　疑難解析　147
7．5　習(xí)題　147
課后拓展知識(shí)　148
第8章　表單和行為的應(yīng)用　149
8．1　制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)　150
8．1．1　表單的基礎(chǔ)操作　150
8．1．2　在表單中添加各種元素　152
8．2　制作“品牌展廳”網(wǎng)頁(yè)　165
8．2．1　關(guān)于行為的基礎(chǔ)知識(shí)　166
8．2．2　常用行為的使用方法　169
8．3　實(shí)訓(xùn)——制作“驢友交流”網(wǎng)頁(yè)　175
8．3．1　實(shí)訓(xùn)目標(biāo)　175
8．3．2　專業(yè)背景　176
8．3．3　操作思路　176
8．4　疑難解析　177
8．5　習(xí)題　177
課后拓展知識(shí)　178
第9章　制作ASP動(dòng)態(tài)網(wǎng)頁(yè)　179
9．1　配置動(dòng)態(tài)網(wǎng)頁(yè)數(shù)據(jù)源　180
9．1．1　動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)　180
9．1．2　安裝與配置IIS　181
9．1．3　使用Access創(chuàng)建數(shù)據(jù)表　184
9．1．4　創(chuàng)建與配置動(dòng)態(tài)站點(diǎn)　186
9．1．5　創(chuàng)建數(shù)據(jù)源　189
9．2　制作“登錄數(shù)據(jù)管理”網(wǎng)頁(yè)　191
9．2．1　創(chuàng)建記錄集　191
9．2．2　插入記錄　192
9．2．3　插入重復(fù)區(qū)域　193
9．2．4　分頁(yè)記錄集　194
9．3　制作“加入購(gòu)物車”網(wǎng)頁(yè)　196
9．3．1　配置IIS和動(dòng)態(tài)站點(diǎn)　196
9．3．2　創(chuàng)建數(shù)據(jù)表并鏈接數(shù)據(jù)源　198
9．3．3　綁定記錄集并插入字段　199
9．3．4　使用插入記錄表單向?qū)А?01
9．4　實(shí)訓(xùn)——制作“用戶注冊(cè)”網(wǎng)頁(yè)　203
9．4．1　實(shí)訓(xùn)目標(biāo)　203
9．4．2　專業(yè)背景　203
9．4．3　操作思路　203
9．5　疑難解析　204
9．6　習(xí)題　205
課后拓展知識(shí)　206
第10章　網(wǎng)站的測(cè)試與發(fā)布　207
10．1　測(cè)試“千履千尋公司”站點(diǎn)　208
10．1．1　兼容性測(cè)試　208
10．1．2　檢查并修復(fù)鏈接　210
10．1．3　檢測(cè)下載速度　211
10．2　發(fā)布“千履千尋公司”站點(diǎn)　212
10．2．1　申請(qǐng)主頁(yè)空間　213
10．2．2　發(fā)布站點(diǎn)　215
10．3　實(shí)訓(xùn)——測(cè)試與發(fā)布“快樂(lè)旅游”網(wǎng)站　217
10．3．1　實(shí)訓(xùn)目標(biāo)　217
10．3．2　專業(yè)背景　218
10．3．3　操作思路　218
10．4　疑難解析　219
10．5　習(xí)題　219
課后拓展知識(shí)　220
第11章　綜合案例——制作“水族世界”網(wǎng)站　221
11．1　實(shí)訓(xùn)目標(biāo)　222
11．2　準(zhǔn)備工作　223
11．2．1　站點(diǎn)規(guī)劃　223
11．2．2　素材收集　223
11．3　制作思路分析　224
11．4　操作過(guò)程　224
11．4．1　創(chuàng)建“水族世界”站點(diǎn)　224
11．4．2　制作網(wǎng)站首頁(yè)　226
11．4．3　制作“水族新聞”頁(yè)面　234
11．5　實(shí)訓(xùn)——制作“北極數(shù)碼”網(wǎng)站　239
11．5．1　實(shí)訓(xùn)目標(biāo)　239
11．5．2　專業(yè)背景　240
11．5．3　操作思路　240
11．6　疑難解析　241
11．7　習(xí)題　241
課后拓展知識(shí)　242
附錄　綜合實(shí)訓(xùn)　243
實(shí)訓(xùn)1　制作“汽車世界”網(wǎng)站首頁(yè)　243
實(shí)訓(xùn)2　制作“新聞中心”網(wǎng)頁(yè)　244
實(shí)訓(xùn)3　制作“用戶登錄”網(wǎng)頁(yè)　245
實(shí)訓(xùn)4　制作“汽車論壇”網(wǎng)頁(yè)　246
實(shí)訓(xùn)5　制作“新用戶注冊(cè)”網(wǎng)頁(yè)　247
實(shí)訓(xùn)6　制作“汽車展廳”網(wǎng)頁(yè)　248