第 1課 定制工作區(qū) 1
1.1　了解工作區(qū) 2
1.2　使用開始屏幕 3
1.3　上下文功能提示 5
1.4　設(shè)置界面首選項(xiàng) 6
1.5　切換與拆分視圖 8
1.6　選擇工作區(qū)布局 13
1.7　使用面板 14
1.8　定制Dreamweaver 19
1.9　使用工具欄 20
1.10　自定義鍵盤快捷鍵 22
1.11　使用【屬性】面板 23
1.12　使用【相關(guān)文件】欄 25
1.13　使用標(biāo)簽選擇器 26
1.14　使用CSS設(shè)計(jì)器 27
1.15　使用可視媒體查詢欄 30
1.16　使用【DOM】面板 31
1.17使用元素顯示框和檢查器 31
1.18　在Dreamweaver中設(shè)置版本控制 33
1.19　探索、嘗試、學(xué)習(xí) 34
1.20　復(fù)習(xí)題 35
1.21　答案 35

第 2課 HTML基礎(chǔ)知識(shí) 36
2.1　什么是HTML 37
2.2　HTML的起源 37
2.3　常用的HTML元素 38
2.4　HTML5新增內(nèi)容 40
2.5　復(fù)習(xí)題 42
2.6　答案 42

第3課　CSS基礎(chǔ)知識(shí) 43
3.1　HTML與CSS 44
3.2　HTML格式化與CSS格式化 44
3.3　HTML默認(rèn)樣式 46
3.4　CSS盒子模型 48
3.5　應(yīng)用CSS樣式 49
3.6　多重選擇器、類、id 61
3.7　復(fù)習(xí)題 65
3.8　答案 65


第4課　編寫代碼 66
4.1　編寫HTML代碼 67
4.2　使用多光標(biāo)支持 73
4.3　添加代碼注釋 75
4.4　使用CSS預(yù)處理器 76
4.5　選擇代碼 89
4.6　折疊代碼 91
4.7　展開代碼 92
4.8　拆分【代碼】視圖 92
4.9　在【代碼】視圖中預(yù)覽資源 94
4.10　復(fù)習(xí)題 95
4.11　答案 95

第5課　網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 96
5.1　開發(fā)一個(gè)新網(wǎng)站 97
5.2　一個(gè)虛構(gòu)的旅游網(wǎng)站 99
5.3　使用縮覽圖和線框圖 99
5.4　復(fù)習(xí)題 105
5.5　答案 105

第6課　創(chuàng)建頁(yè)面布局 106
6.1　評(píng)估網(wǎng)頁(yè)原型 107
6.2　使用預(yù)定義布局 107
6.3　為預(yù)定義布局設(shè)置樣式 110
6.4　使用【Extract】面板設(shè)置元素樣式 111
6.5　排查CSS中的沖突 116
6.6　從Photoshop原型提取文本 117
6.7　刪除模板中的某些組件與屬性 120
6.8　插入新菜單項(xiàng) 123
6.9　使用【DOM】面板新建菜單項(xiàng) 125
6.10　使用復(fù)制粘貼添加菜單項(xiàng) 126
6.11　提取文本樣式 128
6.12　使用Extract創(chuàng)建漸變背景 130
6.13　從原型中提取圖像資源 134
6.14　添加header元素 136
6.15　向header添加背景圖像 139
6.16　最后調(diào)整 143
6.17　復(fù)習(xí)題 145
6.18　答案 145

第7課　使用模板 146
7.1　創(chuàng)建Dreamweaver模板 147
7.2　刪除不必要的組件 148
7.3　調(diào)整Bootstrap頁(yè)面布局 153
7.4　修改Bootstrap元素中的文本樣式 157
7.5　添加樣板和占位內(nèi)容 158
7.6　修改語(yǔ)義錯(cuò)誤 161
7.7　插入元數(shù)據(jù) 162
7.8　驗(yàn)證HTML代碼 164
7.9　定義可編輯區(qū)域 165
7.10　創(chuàng)建子頁(yè)面 174
7.11　更新模板 180
7.12　復(fù)習(xí)題 185
7.13　答案 185

第8課　使用文本、列表與表格 186
8.1　預(yù)覽最終頁(yè)面 187
8.2　創(chuàng)建與格式化文本 189
8.3　創(chuàng)建列表 196
8.4　使用列表組織內(nèi)容 202
8.5　創(chuàng)建表格并添加樣式 209
8.6　網(wǎng)頁(yè)拼寫檢查 227
8.7　查找和替換文本 228
8.8　復(fù)習(xí)題 233
8.9　答案 233

第9課　使用圖像 234
9.1　網(wǎng)頁(yè)圖像基礎(chǔ) 235
9.2　瀏覽最終文件 239
9.3　插入圖像 241
9.4　在【設(shè)計(jì)】視圖下插入圖像 244
9.5　調(diào)整圖像尺寸 246
9.6　插入Photoshop圖像 249
9.7　使用【資源】面板插入圖像 254
9.8　使圖像適應(yīng)移動(dòng)設(shè)計(jì) 256
9.9　使用【插入】菜單 258
9.10　使用【插入】面板 260
9.11　在模板中插入圖像 261
9.12　在模板中添加CSS類 265
9.13　向圖像輪播組件添加圖像 268
9.14 向圖像輪播組件中的文本和標(biāo)題添加樣式 270
9.15　在子頁(yè)面中插入圖像 272
9.16　復(fù)習(xí)題 274
9.17　答案 274

第 10課　創(chuàng)建鏈接 275
10.1　關(guān)于超鏈接 276
10.2　預(yù)覽最終頁(yè)面 277
10.3　創(chuàng)建站內(nèi)鏈接 281
10.4　創(chuàng)建站外鏈接 291
10.5　創(chuàng)建電子郵件鏈接 294
10.6　創(chuàng)建圖像鏈接 296
10.7　把頁(yè)面元素指定為鏈接目標(biāo) 300
10.8　把某個(gè)元素固定在屏幕上 304
10.9　設(shè)置導(dǎo)航菜單樣式 306
10.10　添加電話號(hào)碼鏈接 309
10.11　檢查頁(yè)面 310
10.12　自己動(dòng)手：添加更多鏈接 311
10.13　復(fù)習(xí)題 312
10.14　答案 312

第 11課　發(fā)布站點(diǎn) 313
11.1　定義遠(yuǎn)程站點(diǎn) 314
11.2　遮蓋文件夾和文件 319
11.3　完善網(wǎng)站 321
11.4　發(fā)布網(wǎng)站 326
11.5　同步本地站點(diǎn)和遠(yuǎn)程站點(diǎn) 331
11.6　復(fù)習(xí)題 336
11.7　答案 336