本書共12課，每一課先介紹重要的知識點(diǎn)，然后借助具體的示例進(jìn)行講解，步驟詳細(xì)，重點(diǎn)明確，能幫助讀者盡快學(xué)會實(shí)際操作。本書主要包含定制工作區(qū)，HTML基礎(chǔ)，CSS基礎(chǔ)，編寫代碼，網(wǎng)頁設(shè)計基礎(chǔ)，創(chuàng)建頁面布局，使用模板，使用文本、列表與表格，使用圖像，創(chuàng)建鏈接，發(fā)布站點(diǎn)，移動網(wǎng)頁設(shè)計等內(nèi)容。
第 1課 定制工作區(qū) 1
1.1 了解工作區(qū) 2
1.2 使用開始界面 3
1.3 上下文功能提示 5
1.4 切換視圖 5
1.5 使用面板 8
1.6 自定義工作區(qū) 13
1.7 使用工具欄 13
1.8 自定義鍵盤快捷鍵 14
1.9 使用【屬性】面板 16
1.10 使用相關(guān)文件欄 18
1.11 使用標(biāo)簽選擇器 19
1.12 使用【CSS設(shè)計器】面板 19
1.13 使用可視媒體查詢欄 22
1.14 使用【DOM】面板 23
1.15 使用定位輔助面板、顯示框和檢查器 23
1.16 在Dreamweaver中設(shè)置版本控制 24
1.17 探索、嘗試和學(xué)習(xí) 26
1.18 復(fù)習(xí)題 27
1.19 答案 27
第 2課 HTML基礎(chǔ) 28
2.1 什么是HTML 29
2.2 HTML的起源 29
2.3 HMTL的組成 30
2.4 常用的HTML元素 30
2.5 HTML5新增內(nèi)容 32
2.6 復(fù)習(xí)題 34
2.7 答案 34
第3課 CSS基礎(chǔ) 35
3.1 CSS是什么 36
3.2 HTML格式化與CSS格式化 36
3.3 HTML默認(rèn)樣式 38
3.4 CSS盒子模型 40
3.5 應(yīng)用CSS樣式 41
3.6 多重選擇器、類和ID 49
3.7 復(fù)習(xí)題 53
3.8 答案 53
第4課 編寫代碼 54
4.1 編寫HTML代碼 55
4.2 使用多光標(biāo)支持 61
4.3 添加代碼注釋 63
4.4 使用CSS預(yù)處理器 64
4.5 選擇代碼 76
4.6 折疊代碼 79
4.7 展開代碼 80
4.8 拆分【代碼】視圖 80
4.9 在【代碼】視圖中預(yù)覽資源 81
4.10 復(fù)習(xí)題 83
4.11 答案 83
第5課 網(wǎng)頁設(shè)計基礎(chǔ) 84
5.1 開發(fā)一個新網(wǎng)站 85
5.2 一個虛構(gòu)的旅游網(wǎng)站 86
5.3 使用縮略圖和線框圖 87
5.4 復(fù)習(xí)題 93
5.5 答案 93
第6課 創(chuàng)建頁面布局 94
6.1 查看網(wǎng)站原型 95
6.2 使用預(yù)定義布局 95
6.3 為預(yù)定義布局設(shè)置樣式 98
6.4 使用【Extract】面板設(shè)置元素樣式 99
6.5 排查CSS中的沖突 104
6.6 從原型中提取文本 105
6.7 刪除模板中的某些組件與屬性 108
6.8 創(chuàng)建新菜單項 111
6.9 使用【DOM】面板新建菜單項 112
6.10 使用復(fù)制和粘貼添加菜單項 114
6.11 提取文本樣式 116
6.12 使用【Extract】面板創(chuàng)建漸變背景 118
6.13 從原型中提取圖像資源 122
6.14 添加 元素 123
6.15 向 元素添加背景圖像 127
6.16 *的調(diào)整 130
6.17 復(fù)習(xí)題 132
6.18 答案 132
第7課 使用模板 133
7.1 Dreamweaver模板概述 134
7.2 刪除不*要的組件 135
7.3 調(diào)整Bootstrap頁面布局 139
7.4 修改Bootstrap元素中的文本樣式 142
7.5 添加樣板和占位內(nèi)容 144
7.6 修改語義錯誤 146
7.7 插入元數(shù)據(jù) 148
7.8 驗(yàn)證HTML代碼 149
7.9 定義可編輯區(qū)域 150
7.10 創(chuàng)建子頁面 158
7.11 更新模板 163
7.12 復(fù)習(xí)題 168
7.13 答案 168
第8課 使用文本、列表與表格 169
8.1 預(yù)覽*終頁面 170
8.2 創(chuàng)建與格式化文本 172
8.3 創(chuàng)建列表 178
8.4 使用列表組織內(nèi)容 184
8.5 創(chuàng)建表格并添加樣式 190
8.6 網(wǎng)頁拼寫檢查 207
8.7 查找和替換文本 208
8.8 復(fù)習(xí)題 213
8.9 答案 213
第9課 使用圖像 214
9.1 網(wǎng)頁圖像基礎(chǔ) 215
9.2 預(yù)覽*終文件 219
9.3 插入圖像 221
9.4 在【設(shè)計】視圖下插入圖像 223
9.5 調(diào)整圖像尺寸 224
9.6 插入Photoshop圖像 227
9.7 使用【資源】面板插入圖像 231
9.8 使圖像適應(yīng)移動設(shè)計 233
9.9 使用【插入】菜單 234
9.10 使用【插入】面板 236
9.11 在模板中插入圖像 237
9.12 在模板中添加CSS類 240
9.13 向圖像輪播組件添加圖像 243
9.14 向圖像輪播組件中的文本添加樣式 245
9.15 在子頁面中插入圖像 247
9.16 復(fù)習(xí)題 249
9.17 答案 249
第 10課 創(chuàng)建鏈接 250
10.1 關(guān)于*鏈接 251
10.2 預(yù)覽*終頁面 252
10.3 創(chuàng)建站內(nèi)鏈接 256
10.4 創(chuàng)建站外鏈接 264
10.5 創(chuàng)建電子郵件鏈接 267
10.6 創(chuàng)建圖像鏈接 268
10.7 把頁面元素指定為鏈接目標(biāo) 271
10.8 把某個元素固定在屏幕上 276
10.9 設(shè)置導(dǎo)航菜單樣式 277
10.10 添加電話號碼鏈接 280
10.11 檢查頁面 281
10.12 添加更多鏈接 282
10.13 復(fù)習(xí)題 283
10.14 答案 283
第 11課 發(fā)布站點(diǎn) 284
11.1 定義遠(yuǎn)程站點(diǎn) 285
11.2 遮蓋文件夾和文件 290
11.3 完善網(wǎng)站 291
11.4 發(fā)布網(wǎng)站 296
11.5 同步本地站點(diǎn)和遠(yuǎn)程站點(diǎn) 300
11.6 復(fù)習(xí)題 304
11.7 答案 304
第 12課 移動網(wǎng)頁設(shè)計 305
12.1 響應(yīng)式設(shè)計 306
12.2 媒體類型屬性 310
12.3 媒體查詢 310
12.4 媒體查詢語法 310
12.5 使用可視媒體查詢欄 311
12.6 Web框架 313
12.7 使用網(wǎng)絡(luò)字體 314
12.8 自定義媒體查詢 325
12.9 控制Bootstrap元素的對齊方式 338
12.10 修改Bootstrap模板結(jié)構(gòu) 340
12.11 調(diào)整內(nèi)容以適應(yīng)移動設(shè)計 344
12.12 使用【實(shí)時預(yù)覽】檢查頁面 351
12.13 解決發(fā)現(xiàn)的問題 354
12.14 復(fù)習(xí)題 356
12.15 答案 356
書單推薦
