Adobe Dreamweaver 2020經(jīng)典教程

第1課　定制工作空間 0
1.1　瀏覽工作區(qū)　2
1.2　使用“開始”屏幕　3
1.3　探索新功能指南　5
1.4　設(shè)置界面項(xiàng)　5
1.5　切換和拆分視圖　8
1.6　選擇工作區(qū)布局　13
1.7　使用面板　14
1.8　個性化Dreamweaver　18
1.9　使用工具欄　18
1.10　創(chuàng)建自定義快捷鍵　19
1.11　使用Properties檢查器　21
1.12　使用Related Files界面　22
1.13　使用標(biāo)簽選擇器　23
1.14　使用CSS Designer面板　25
1.15　使用VMQ界面　29
1.16　使用DOM面板　29
1.17　使用元素對話框、顯示和檢查器　30
1.18　在Dreamweaver中設(shè)置版本控制　32
1.19　探索、試驗(yàn)和學(xué)習(xí)　33
1.20　復(fù)習(xí)題　34
1.21　復(fù)習(xí)題答案　34
第2課　HTML基礎(chǔ)知識　36
2.1　什么是HTML　38
2.2　HTML來源于何處　38
2.3　基本HTML代碼結(jié)構(gòu)　39
2.4　常用HTML元素　39
2.5　HTML 5的新內(nèi)容　41
2.6　復(fù)習(xí)題　44
2.7　復(fù)習(xí)題答案　44

第3課　處理代碼　46
3.1　創(chuàng)建HTML代碼　48
3.2　使用多光標(biāo)支持　55
3.3　為代碼添加注釋　57
3.4　使用CSS Preprocessors　59
3.5　選擇代碼　73
3.6　折疊代碼　76
3.7　展開代碼　77
3.8　訪問拆分的Code視圖　77
3.9　在Code視圖中預(yù)覽資源　79
3.10　復(fù)習(xí)題　81
3.11　復(fù)習(xí)題答案　81
第4課　CSS基礎(chǔ)知識　82
4.1　什么是CSS　84
4.2　HTML默認(rèn)設(shè)置　86
4.3　CSS盒子模型　88
4.4　應(yīng)用CSS樣式　90
4.5　多重規(guī)則、類、ID　104
4.6　復(fù)習(xí)題　109
4.7　復(fù)習(xí)題答案　109
第5課　Web設(shè)計基礎(chǔ)知識　110
5.1　開發(fā)一個新網(wǎng)站　112
5.2　場景　114
5.3　使用縮略圖和線框圖　114
5.4　復(fù)習(xí)題　121
5.5　復(fù)習(xí)題答案　121
第6課　創(chuàng)建頁面布局　122
6.1　評估頁面設(shè)計選項(xiàng)　124
6.2　使用預(yù)定義布局　124
6.3　為現(xiàn)有布局設(shè)置樣式　127
6.4　用Extract面板設(shè)置元素樣式　128
6.5　CSS樣式查錯　134
6.6　從Photoshop模型中提取文本　137
6.7　從模板中刪除組件與特性　139
6.8　插入新菜單項(xiàng)　142
6.9　用DOM面板創(chuàng)建新元素　144
6.10　用復(fù)制和粘貼功能創(chuàng)建菜單項(xiàng)　146
6.11　提取文本樣式　148
6.12　用Extract面板創(chuàng)建一個漸變背景　152
6.13　從模型中提取圖像資源　156
6.14　創(chuàng)建新的Bootstrap結(jié)構(gòu)　158
6.15　為標(biāo)題添加一個背景圖像　162
6.16　完成布局　166
6.17　復(fù)習(xí)題　168
6.18　復(fù)習(xí)題答案　168
第7課　使用模板　170
7.1　創(chuàng)建Dreamweaver模板　172
7.2　刪除不需要的組件　173
7.3　修改Bootstrap布局　178
7.4　修改Bootstrap元素中的文本格式　184
7.5　添加模板樣板和占位符　185
7.6　修復(fù)語義錯誤　188
7.7　插入元數(shù)據(jù)　190
7.8　驗(yàn)證HTML代碼　192
7.9　處理可編輯區(qū)域　193
7.10　處理子頁面　202
7.11　更新模板　208
7.12　復(fù)習(xí)題　215
7.13　復(fù)習(xí)題答案　215
第8課　處理文本、列表和表格　216
8.1　預(yù)覽完成的文件　218
8.2　創(chuàng)建文本和設(shè)置樣式　220
8.3　創(chuàng)建列表　227
8.4　以列表作為內(nèi)容結(jié)構(gòu)的基礎(chǔ)　234
8.5　創(chuàng)建表格并設(shè)置樣式　241
8.6　網(wǎng)頁拼寫檢查　263
8.7　查找和替換文本　264
8.8　復(fù)習(xí)題　273
8.9　復(fù)習(xí)題答案　273
第9課　處理圖像　274
9.1　Web圖像基礎(chǔ)知識　276
9.2　預(yù)覽完成的文件　281
9.3　插入圖像　282
9.4　在Design視圖中插入圖像　285
9.5　用Properties檢查器優(yōu)化圖像　287
9.6　插入非Web文件類型　291
9.7　處理Photoshop智能對象（可選）　295
9.8　從Photoshop復(fù)制和粘貼圖像（可選）　298
9.9　用Assets面板插入圖像　302
9.10　使圖像適應(yīng)移動設(shè)計　305
9.11　使用Insert菜單　307
9.12　使用Insert面板　309
9.13　在站點(diǎn)模板中插入圖像　311
9.14　在模板結(jié)構(gòu)中添加CSS類　314
9.15　為Bootstrap圖像輪播添加圖像　317
9.16　為Bootstrap圖像輪播中的標(biāo)題和文本設(shè)置樣式　320
9.17　自定進(jìn)度練習(xí)：在子頁面中插入圖像　322
9.18　復(fù)習(xí)題　325
9.19　復(fù)習(xí)題答案　325
第10課　處理導(dǎo)航　326
10.1　超鏈接基礎(chǔ)知識　328
10.2　預(yù)覽完成的文件　329
10.3　創(chuàng)建內(nèi)部超鏈接　334
10.4　創(chuàng)建外部鏈接　345
10.5　建立電子郵件鏈接　349
10.6　創(chuàng)建基于圖像的鏈接　351
10.7　以頁面元素為目標(biāo)　354
10.8　鎖定屏幕上的元素　360
10.9　設(shè)置導(dǎo)航菜單樣式　362
10.10　添加電話鏈接　365
10.11　檢查頁面　366
10.12　自定進(jìn)度練習(xí)：添加更多鏈接　367
10.13　復(fù)習(xí)題　368
10.14　復(fù)習(xí)題答案　368
第11課　發(fā)布到Web　370
11.1　定義遠(yuǎn)程站點(diǎn)　372
11.2　遮蓋文件夾和文件　379
11.3　完善網(wǎng)站　381
11.4　將站點(diǎn)上傳到網(wǎng)絡(luò)（可選）　386
11.5　同步本地和遠(yuǎn)程站點(diǎn)　390
11.6　復(fù)習(xí)題　394
11.7　復(fù)習(xí)題答案　394