Adobe Dreamweaver 2021經典教程 Adobe Dreamweaver Classroom in a Book (2021 Release)

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　設置界面首選項 6

1.5　切換與拆分視圖 8

1.6　選擇工作區佈局 13

1.7　使用面板 14

1.8　定製Dreamweaver 19

1.9　使用工具欄 20

1.10　自定義鍵盤快捷鍵 22

1.11　使用【屬性】面板 23

1.12　使用【相關文件】欄 25

1.13　使用標簽選擇器 26

1.14　使用CSS設計器 27

1.15　使用可視媒體查詢欄 30

1.16　使用【DOM】面板 31

1.17使用元素顯示框和檢查器 31

1.18　在Dreamweaver中設置版本控制 33

1.19　探索、嘗試、學習 34

1.20　復習題 35

1.21　答案 35

 

第 2課 HTML基礎知識 36

2.1　什麼是HTML 37

2.2　HTML的起源 37

2.3　常用的HTML元素 38

2.4　HTML5新增內容 40

2.5　復習題 42

2.6　答案 42

 

第3課　CSS基礎知識 43

3.1　HTML與CSS 44

3.2　HTML格式化與CSS格式化 44

3.3　HTML默認樣式 46

3.4　CSS盒子模型 48

3.5　應用CSS樣式 49

3.6　多重選擇器、類、id 61

3.7　復習題 65

3.8　答案 65

 

 

第4課　編寫代碼 66

4.1　編寫HTML代碼 67

4.2　使用多光標支持 73

4.3　添加代碼註釋 75

4.4　使用CSS預處理器 76

4.5　選擇代碼 89

4.6　折疊代碼 91

4.7　展開代碼 92

4.8　拆分【代碼】視圖 92

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

4.10　復習題 95

4.11　答案 95

 

第5課　網頁設計基礎 96

5.1　開發一個新網站 97

5.2　一個虛構的旅遊網站 99

5.3　使用縮覽圖和線框圖 99

5.4　復習題 105

5.5　答案 105

 

第6課　創建頁面佈局 106

6.1　評估網頁原型 107

6.2　使用預定義佈局 107

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

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

6.5　排查CSS中的沖突 116

6.6　從Photoshop原型提取文本 117

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

6.8　插入新菜單項 123

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

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

6.11　提取文本樣式 128

6.12　使用Extract創建漸變背景 130

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

6.14　添加header元素 136

6.15　向header添加背景圖像 139

6.16　最後調整 143

6.17　復習題 145

6.18　答案 145

 

第7課　使用模板 146

7.1　創建Dreamweaver模板 147

7.2　刪除不必要的組件 148

7.3　調整Bootstrap頁面佈局 153

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

7.5　添加樣板和占位內容 158

7.6　修改語義錯誤 161

7.7　插入元數據 162

7.8　驗證HTML代碼 164

7.9　定義可編輯區域 165

7.10　創建子頁面 174

7.11　更新模板 180

7.12　復習題 185

7.13　答案 185

 

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

8.1　預覽最終頁面 187

8.2　創建與格式化文本 189

8.3　創建列表 196

8.4　使用列表組織內容 202

8.5　創建表格並添加樣式 209

8.6　網頁拼寫檢查 227

8.7　查找和替換文本 228

8.8　復習題 233

8.9　答案 233

 

第9課　使用圖像 234

9.1　網頁圖像基礎 235

9.2　瀏覽最終文件 239

9.3　插入圖像 241

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

9.5　調整圖像尺寸 246

9.6　插入Photoshop圖像 249

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

9.8　使圖像適應移動設計 256

9.9　使用【插入】菜單 258

9.10　使用【插入】面板 260

9.11　在模板中插入圖像 261

9.12　在模板中添加CSS類 265

9.13　向圖像輪播組件添加圖像 268

9.14 向圖像輪播組件中的文本和標題添加樣式 270

9.15　在子頁面中插入圖像 272

9.16　復習題 274

9.17　答案 274

 

第 10課　創建鏈接 275

10.1　關於超鏈接 276

10.2　預覽最終頁面 277

10.3　創建站內鏈接 281

10.4　創建站外鏈接 291

10.5　創建電子郵件鏈接 294

10.6　創建圖像鏈接 296

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

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

10.9　設置導航菜單樣式 306

10.10　添加電話號碼鏈接 309

10.11　檢查頁面 310

10.12　自己動手：添加更多鏈接 311

10.13　復習題 312

10.14　答案 312

 

第 11課　發布站點 313

11.1　定義遠程站點 314

11.2　遮蓋文件夾和文件 319

11.3　完善網站 321

11.4　發布網站 326

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

11.6　復習題 336

11.7　答案 336