Adobe Dreamweaver 2022 經典教程 Adobe Dreamweaver Classroom in a Book

《Adobe Dreamweaver 2022經典教程》由Adobe專家編寫，是Dreamweaver 2022的經典學慣用書。

《Adobe Dreamweaver 2022經典教程》共12課，每一課先介紹重要的知識點，然後借助具體的示例進行講解，步驟詳細，重點明確，能幫助讀者盡快學會實際操作。本書主要包含定製工作區，HTML 基礎，CSS 基礎，編寫代碼，網頁設計基礎，創建頁面佈局，使用模板，使用文本、列表與表格，使用圖像，創建鏈接，發布站點，移動網頁設計等內容。

《Adobe Dreamweaver 2022經典教程》語言通俗易懂，配有大量的圖示，特別適合新手學習，有一定使用經驗的讀者也可從本書中學到Dreamweaver的大量高級功能和2022版本新增的功能。本書還適合作為相關培訓班學員及廣大自學人員的參考用書。

[美]吉姆 马伊瓦尔德（Jim Maivald） Jim Maivald是一位平面设计师和艺术家，拥有25年的出版和制作经验。他编写了多个版本的《Adobe Dreamweaver Classroom in a Book》，并制作了Adobe InDesign、XML、Adobe Photoshop和CorelDRAW的相关课件，他还在全国性杂志发表了数十篇关于电子出版和制作的文章。他在InDesign和XML领域为个人和世界500强公司举办了多次热门研讨会和培训。Jim是Dreamweaver、InDesign和Acrobat中的Adobe认证专家（ACE），同时也是芝加哥InDesign User Group协会的共同负责人。

第 1課　定製工作區 1

1.1　瞭解工作區 2

1.2　使用開始界面 3

1.3　上下文功能提示 5

1.4　切換視圖 5

1.5　使用面板 8

1.6　自定義工作區 13

1.7　使用工具欄 13

1.8　自定義鍵盤快捷鍵 14

1.9　使用【屬性】面板 16

1.10　使用相關文件欄 18

1.11　使用標簽選擇器 19

1.12　使用【CSS設計器】面板 19

1.13　使用可視媒體查詢欄 22

1.14　使用【DOM】面板 23

1.15　使用定位輔助面板、顯示框和檢查器 23

1.16　在Dreamweaver中設置版本控制 24

1.17　探索、嘗試和學習 26

1.18　復習題 27

1.19　答案 27

 

第 2課　HTML基礎 28

2.1　什麽是HTML 29

2.2　HTML的起源 29

2.3　HMTL的組成 30

2.4　常用的HTML元素 30

2.5　HTML5新增內容 32

2.6　復習題 34

2.7　答案 34

 

第3課　CSS基礎 35

3.1　CSS是什麽 36

3.2　HTML格式化與CSS格式化 36

3.3　HTML默認樣式 38

3.4　CSS盒子模型 40

3.5　應用CSS樣式 41

3.6　多重選擇器、類和ID 49

3.7　復習題 53

3.8　答案 53

 

第4課　編寫代碼 54

4.1　編寫HTML代碼 55

4.2　使用多光標支持 61

4.3　添加代碼註釋 63

4.4　使用CSS預處理器 64

4.5　選擇代碼 76

4.6　折疊代碼 79

4.7　展開代碼 80

4.8　拆分【代碼】視圖 80

4.9　在【代碼】視圖中預覽資源 81

4.10　復習題 83

4.11　答案 83

 

第5課　網頁設計基礎 84

5.1　開發一個新網站 85

5.2　一個虛構的旅游網站 86

5.3　使用縮略圖和線框圖 87

5.4　復習題 93

5.5　答案 93

 

第6課　創建頁面佈局 94

6.1　查看網站原型 95

6.2　使用預定義佈局 95

6.3　為預定義佈局設置樣式 98

6.4　使用【Extract】面板設置元素樣式 99

6.5　排查CSS中的沖突 104

6.6　從原型中提取文本 105

6.7　刪除模板中的某些組件與屬性 108

6.8　創建新菜單項 111

6.9　使用【DOM】面板新建菜單項 112

6.10　使用復制和粘貼添加菜單項 114

6.11　提取文本樣式 116

6.12　使用【Extract】面板創建漸變背景 118

6.13　從原型中提取圖像資源 122

6.14　添加

元素 123

6.15　向

元素添加背景圖像 127

6.16　最後的調整 130

6.17　復習題 132

6.18　答案 132

 

第7課　使用模板 133

7.1　Dreamweaver模板概述 134

7.2　刪除不必要的組件 135

7.3　調整Bootstrap頁面佈局 139

7.4　修改Bootstrap元素中的文本樣式 142

7.5　添加樣板和占位內容 144

7.6　修改語義錯誤 146

7.7　插入元數據 148

7.8　驗證HTML代碼 149

7.9　定義可編輯區域 150

7.10　創建子頁面 158

7.11　更新模板 163

7.12　復習題 168

7.13　答案 168

 

第8課　使用文本、列表與表格 169

8.1　預覽最終頁面 170

8.2　創建與格式化文本 172

8.3　創建列表 178

8.4　使用列表組織內容 184

8.5　創建表格並添加樣式 190

8.6　網頁拼寫檢查 207

8.7　查找和替換文本 208

8.8　復習題 213

8.9　答案 213

 

第9課　使用圖像 214

9.1　網頁圖像基礎 215

9.2　預覽最終文件 219

9.3　插入圖像 221

9.4　在【設計】視圖下插入圖像 223

9.5　調整圖像尺寸 224

9.6　插入Photoshop圖像 227

9.7　使用【資源】面板插入圖像 231

9.8　使圖像適應移動設計 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　復習題 249

9.17　答案 249

 

第 10課　創建鏈接 250

10.1　關於超鏈接 251

10.2　預覽最終頁面 252

10.3　創建站內鏈接 256

10.4　創建站外鏈接 264

10.5　創建電子郵件鏈接 267

10.6　創建圖像鏈接 268

10.7　把頁面元素指定為鏈接目標 271

10.8　把某個元素固定在屏幕上 276

10.9　設置導航菜單樣式 277

10.10　添加電話號碼鏈接 280

10.11　檢查頁面 281

10.12　添加更多鏈接 282

10.13　復習題 283

10.14　答案 283

 

第 11課　發布站點 284

11.1　定義遠程站點 285

11.2　遮蓋文件夾和文件 290

11.3　完善網站 291

11.4　發布網站 296

11.5　同步本地站點和遠程站點 300

11.6　復習題 304

11.7　答案 304

 

第 12課　移動網頁設計 305

12.1　響應式設計 306

12.2　媒體類型屬性 310

12.3　媒體查詢 310

12.4　媒體查詢語法 310

12.5　使用可視媒體查詢欄 311

12.6　Web框架 313

12.7　使用網絡字體 314

12.8　自定義媒體查詢 325

12.9　控制Bootstrap元素的對齊方式 338

12.10　修改Bootstrap模板結構 340

12.11　調整內容以適應移動設計 344

12.12　使用【實時預覽】檢查頁面 351

12.13　解決發現的問題 354

12.14　復習題 356

12.15　答案 356