邊做邊學(xué)：Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)案例教程（Dreamweaver CC 2019 微課版）

目錄
第　1章 初識(shí)Dreamweaver CC 2019　1
1.1　操作界面　2
1.1.1　【操作目的】　2
1.1.2　【操作步驟】　2
1.1.3　【相關(guān)工具】　3
1.2　管理站點(diǎn)　6
1.2.1　【操作目的】　6
1.2.2　【操作步驟】　6
1.2.3　【相關(guān)工具】　8
1.3　創(chuàng)建網(wǎng)站框架　12
1.3.1　【操作目的】　12
1.3.2　【操作步驟】　12
1.3.3　【相關(guān)工具】　14
1.4　網(wǎng)頁(yè)文件頭設(shè)置　16
1.4.1　【操作目的】　16
1.4.2　【操作步驟】　16
1.4.3　【相關(guān)工具】　17
第　2章 文本與文檔　20
2.1　青山別墅網(wǎng)頁(yè)　21
2.1.1　【案例分析】　21
2.1.2　【設(shè)計(jì)理念】　21
2.1.3　【操作步驟】　21
2.1.4　【相關(guān)工具】　23
2.1.5　【實(shí)戰(zhàn)演練】——有機(jī)果蔬網(wǎng)頁(yè)　27
2.2　機(jī)電設(shè)備網(wǎng)頁(yè)　28
2.2.1　【案例分析】　28
2.2.2　【設(shè)計(jì)理念】　28
2.2.3　【操作步驟】　28
2.2.4　【相關(guān)工具】　31
2.2.5　【實(shí)戰(zhàn)演練】——電器城網(wǎng)頁(yè)　39
2.3　攝影藝術(shù)網(wǎng)頁(yè)　39
2.3.1　【案例分析】　39
2.3.2　【設(shè)計(jì)理念】　40
2.3.3　【操作步驟】　40
2.3.4　【相關(guān)工具】　42
2.3.5　【實(shí)戰(zhàn)演練】——休閑度假村網(wǎng)頁(yè)　45
2.4　綜合演練——國(guó)畫(huà)展覽館網(wǎng)頁(yè)　45
2.4.1　【案例分析】　45
2.4.2　【設(shè)計(jì)理念】　45
2.4.3　【知識(shí)要點(diǎn)】　45
2.5　綜合演練——旅行購(gòu)票網(wǎng)頁(yè)　46
2.5.1　【案例分析】　46
2.5.2　【設(shè)計(jì)理念】　46
2.5.3　【知識(shí)要點(diǎn)】　46
第3章　圖像和多媒體　47
3.1　蛋糕店網(wǎng)頁(yè)　48
3.1.1　【案例分析】　48
3.1.2　【設(shè)計(jì)理念】　48
3.1.3　【操作步驟】　48
3.1.4　【相關(guān)工具】　50
3.1.5　【實(shí)戰(zhàn)演練】——環(huán)球旅游網(wǎng)頁(yè)　54
3.2　綠色農(nóng)場(chǎng)網(wǎng)頁(yè)　55
3.2.1　【案例分析】　55
3.2.2　【設(shè)計(jì)理念】　55
3.2.3　【操作步驟】　55
3.2.4　【相關(guān)工具】　57
3.2.5　【實(shí)戰(zhàn)演練】——物流運(yùn)輸網(wǎng)頁(yè)　64
3.3　綜合演練——時(shí)尚先生網(wǎng)頁(yè)　64
3.3.1　【案例分析】　64
3.3.2　【設(shè)計(jì)理念】　65
3.3.3　【知識(shí)要點(diǎn)】　65
3.4　綜合演練——五谷雜糧網(wǎng)頁(yè)　65
3.4.1　【案例分析】　65
3.4.2　【設(shè)計(jì)理念】　65
3.4.3　【知識(shí)要點(diǎn)】　65
第4章　超鏈接　67
4.1　創(chuàng)意設(shè)計(jì)網(wǎng)頁(yè)　68
4.1.1　【案例分析】　68
4.1.2　【設(shè)計(jì)理念】　68
4.1.3　【操作步驟】　68
4.1.4　【相關(guān)工具】　70
4.1.5　【實(shí)戰(zhàn)演練】——建筑模型網(wǎng)頁(yè)　73
4.2　獅立地板網(wǎng)頁(yè)　73
4.2.1　【案例分析】　73
4.2.2　【設(shè)計(jì)理念】　73
4.2.3　【操作步驟】　74
4.2.4　【相關(guān)工具】　76
4.2.5　【實(shí)戰(zhàn)演練】——影像天地網(wǎng)頁(yè)　79
4.3　綜合演練——摩托車維修網(wǎng)頁(yè)　79
4.3.1　【案例分析】　79
4.3.2　【設(shè)計(jì)理念】　79
4.3.3　【知識(shí)要點(diǎn)】　79
4.4　綜合演練——建筑規(guī)劃網(wǎng)頁(yè)　80
4.4.1　【案例分析】　80
4.4.2　【設(shè)計(jì)理念】　80
4.4.3　【知識(shí)要點(diǎn)】　80
第5章　使用表格　81
5.1　租車網(wǎng)頁(yè)　82
5.1.1　【案例分析】　82
5.1.2　【設(shè)計(jì)理念】　82
5.1.3　【操作步驟】　82
5.1.4　【相關(guān)工具】　86
5.1.5　【實(shí)戰(zhàn)演練】——營(yíng)養(yǎng)美食網(wǎng)頁(yè)　95
5.2　典藏博物館網(wǎng)頁(yè)　95
5.2.1　【案例分析】　95
5.2.2　【設(shè)計(jì)理念】　96
5.2.3　【操作步驟】　96
5.2.4　【相關(guān)工具】　101
5.2.5　【實(shí)戰(zhàn)演練】——OA辦公系統(tǒng)網(wǎng)頁(yè)　104
5.3　綜合演練——綠色糧倉(cāng)網(wǎng)頁(yè)　104
5.3.1　【案例分析】　104
5.3.2　【設(shè)計(jì)理念】　105
5.3.3　【知識(shí)要點(diǎn)】　105
5.4　綜合演練——火鍋餐廳網(wǎng)頁(yè)　105
5.4.1　【案例分析】　105
5.4.2　【設(shè)計(jì)理念】　105
5.4.3　【知識(shí)要點(diǎn)】　105
第6章　ASP　107
6.1　節(jié)能環(huán)保網(wǎng)頁(yè)　108
6.1.1　【案例分析】　108
6.1.2　【設(shè)計(jì)理念】　108
6.1.3　【操作步驟】　108
6.1.4　【相關(guān)工具】　109
6.1.5　【實(shí)戰(zhàn)演練】——卡玫攝影網(wǎng)頁(yè)　120
6.2　網(wǎng)球俱樂(lè)部網(wǎng)頁(yè)　121
6.2.1　【案例分析】　121
6.2.2　【設(shè)計(jì)理念】　121
6.2.3　【操作步驟】　121
6.2.4　【相關(guān)工具】　123
6.2.5　【實(shí)戰(zhàn)演練】——用戶登錄界面　135
6.3　綜合演練——挖掘機(jī)網(wǎng)頁(yè)　136
6.3.1　【案例分析】　136
6.3.2　【設(shè)計(jì)理念】　136
6.3.3　【知識(shí)要點(diǎn)】　136
6.4　綜合演練——建筑信息咨詢網(wǎng)頁(yè)　137
6.4.1　【案例分析】　137
6.4.2　【設(shè)計(jì)理念】　137
6.4.3　【知識(shí)要點(diǎn)】　137
第7章　CSS樣式　138
7.1　山地車網(wǎng)頁(yè)　139
7.1.1　【案例分析】　139
7.1.2　【設(shè)計(jì)理念】　139
7.1.3　【操作步驟】　139
7.1.4　【相關(guān)工具】　143
7.1.5　【實(shí)戰(zhàn)演練】——電商網(wǎng)頁(yè)　155
7.2　足球運(yùn)動(dòng)網(wǎng)頁(yè)　156
7.2.1　【案例分析】　156
7.2.2　【設(shè)計(jì)理念】　156
7.2.3　【操作步驟】　156
7.2.4　【相關(guān)工具】　158
7.2.5　【實(shí)戰(zhàn)演練】——鮮花速遞網(wǎng)頁(yè)　159
7.3　綜合演練——葡萄酒網(wǎng)頁(yè)　160
7.3.1　【案例分析】　160
7.3.2　【設(shè)計(jì)理念】　160
7.3.3　【知識(shí)要點(diǎn)】　160
7.4　綜合演練——布藝沙發(fā)網(wǎng)頁(yè)　161
7.4.1　【案例分析】　161
7.4.2　【設(shè)計(jì)理念】　161
7.4.3　【知識(shí)要點(diǎn)】　161
第8章　模板和庫(kù)　162
8.1　慕斯蛋糕店網(wǎng)頁(yè)　163
8.1.1　【案例分析】　163
8.1.2　【設(shè)計(jì)理念】　163
8.1.3　【操作步驟】　163
8.1.4　【相關(guān)工具】　164
8.1.5　【實(shí)戰(zhàn)演練】——游天下網(wǎng)頁(yè)　173
8.2　鮮果批發(fā)網(wǎng)頁(yè)　173
8.2.1　【案例分析】　173
8.2.2　【設(shè)計(jì)理念】　173
8.2.3　【操作步驟】　174
8.2.4　【相關(guān)工具】　178
8.2.5　【實(shí)戰(zhàn)演練】——律師事務(wù)所網(wǎng)頁(yè)　181
8.3　綜合演練——電子吉他網(wǎng)頁(yè)　182
8.3.1　【案例分析】　182
8.3.2　【設(shè)計(jì)理念】　182
8.3.3　【知識(shí)要點(diǎn)】　182
8.4　綜合演練——婚禮策劃網(wǎng)頁(yè)　182
8.4.1　【案例分析】　182
8.4.2　【設(shè)計(jì)理念】　183
8.4.3　【知識(shí)要點(diǎn)】　183
第9章　表單與行為　184
9.1　人力資源網(wǎng)頁(yè)　185
9.1.1　【案例分析】　185
9.1.2　【設(shè)計(jì)理念】　185
9.1.3　【操作步驟】　185
9.1.4　【相關(guān)工具】　187
9.1.5　【實(shí)戰(zhàn)演練】——健康測(cè)試網(wǎng)頁(yè)　197
9.2　動(dòng)物樂(lè)園網(wǎng)頁(yè)　197
9.2.1　【案例分析】　197
9.2.2　【設(shè)計(jì)理念】　197
9.2.3　【操作步驟】　197
9.2.4　【相關(guān)工具】　200
9.2.5　【實(shí)戰(zhàn)演練】——鑫飛越航空網(wǎng)頁(yè)　207
9.3　品牌商城網(wǎng)頁(yè)　208
9.3.1　【案例分析】　208
9.3.2　【設(shè)計(jì)理念】　208
9.3.3　【操作步驟】　208
9.3.4　【相關(guān)工具】　210
9.3.5　【實(shí)戰(zhàn)演練】——婚戒網(wǎng)頁(yè)　220
9.4　綜合演練——智能掃地機(jī)器人網(wǎng)頁(yè)　221
9.4.1　【案例分析】　221
9.4.2　【設(shè)計(jì)理念】　221
9.4.3　【知識(shí)要點(diǎn)】　221
9.5　綜合演練——開(kāi)心烘焙網(wǎng)頁(yè)　222
9.5.1　【案例分析】　222
9.5.2　【設(shè)計(jì)理念】　222
9.5.3　【知識(shí)要點(diǎn)】　222
第　10章 網(wǎng)頁(yè)代碼　223
10.1　品質(zhì)狂歡節(jié)網(wǎng)頁(yè)　224
10.1.1　【案例分析】　224
10.1.2　【設(shè)計(jì)理念】　224
10.1.3　【操作步驟】　224
10.1.4　【相關(guān)工具】　226
10.1.5　【實(shí)戰(zhàn)演練】——自行車網(wǎng)頁(yè)　227
10.2　土特產(chǎn)網(wǎng)頁(yè)　228
10.2.1　【案例分析】　228
10.2.2　【設(shè)計(jì)理念】　228
10.2.3　【操作步驟】　229
10.2.4　【相關(guān)工具】　230
10.2.5　【實(shí)戰(zhàn)演練】——男士服裝網(wǎng)頁(yè)　233
10.3　綜合演練——商業(yè)公司網(wǎng)頁(yè)　234
10.3.1　【案例分析】　234
10.3.2　【設(shè)計(jì)理念】　234
10.3.3　【知識(shí)要點(diǎn)】　234
10.4　綜合演練——活動(dòng)詳情頁(yè)　235
10.4.1　【案例分析】　235
10.4.2　【設(shè)計(jì)理念】　235
10.4.3　【知識(shí)要點(diǎn)】　235
第　11章 綜合設(shè)計(jì)實(shí)訓(xùn)　236
11.1　個(gè)人網(wǎng)頁(yè)——李梅的個(gè)人網(wǎng)頁(yè)　237
11.1.1　【項(xiàng)目背景及要求】　237
11.1.2　【項(xiàng)目創(chuàng)意及制作】　237
11.2　游戲娛樂(lè)網(wǎng)頁(yè)——鋒七游戲網(wǎng)頁(yè)　241
11.2.1　【項(xiàng)目背景及要求】　241
11.2.2　【項(xiàng)目創(chuàng)意及制作】　242
11.3　旅游休閑網(wǎng)頁(yè)——滑雪運(yùn)動(dòng)網(wǎng)頁(yè)　246
11.3.1　【項(xiàng)目背景及要求】　246
11.3.2　【項(xiàng)目創(chuàng)意及制作】　246
11.4　房地產(chǎn)網(wǎng)頁(yè)——購(gòu)房中心網(wǎng)頁(yè)　249
11.4.1　【項(xiàng)目背景及要求】　249
11.4.2　【項(xiàng)目創(chuàng)意及制作】　249
11.5　電子商務(wù)網(wǎng)頁(yè)——家政無(wú)憂網(wǎng)頁(yè)　253
11.5.1　【項(xiàng)目背景及要求】　253
11.5.2　【項(xiàng)目創(chuàng)意及制作】　253