Adobe Dreamweaver CC 2019經典教程

第 1課 定制工作空間 0
1．1 瀏覽工作區(qū) 2
1．2 使用“開始”屏幕 3
1．3 探索新功能指南 6
1．4 設置界面首選項 6
1．5 切換和拆分視圖 9
1．6 選擇工作區(qū)布局 13
1．7 使用面板 14
1．8 個性化Dreamweaver 18
1．9 使用Extract 19
1．10 使用工具欄 20
1．11 創(chuàng)建自定義快捷鍵 21
1．12 使用Properties檢查器 23
1．13 使用Related Files界面 24
1．14 使用標簽選擇器 25
1．15 使用CSS設計器 26
1．16 使用可視化媒體查詢（VMQ）界面 31
1．17 使用DOM查看器 32
1．18 使用元素對話框、顯示和檢查器 32
1．19 在Dreamweaver中設置版本控制 34
1．20 探索、試驗和學習 36

第 2課 HTML基礎 38
2．1 什么是HTML 40
2．2 HTML來源于何處 40
2．3 基本HTML代碼結構 41
2．4 常用HTML元素 42
2．5 HTML5的新內容 44

第3課 CSS基礎 48
3．1 什么是CSS 50
3．2 HTML默認設置 52
3．3 CSS盒子模型 55
3．4 應用CSS樣式 56
3．5 多重規(guī)則、類、ID 69

第4課 Web設計基礎 74
4．1 開發(fā)一個新網站 76
4．2 場景 78
4．3 使用縮略圖和線框 79

第5課 創(chuàng)建頁面布局 84
5．1 評估頁面設計選項 86
5．2 使用預定義布局 87
5．3 為現(xiàn)有布局設置樣式 89
5．4 用Extract面板設置元素樣式 91
5．5 從Photoshop模型中提取文本 95
5．6 CSS樣式查錯 97
5．7 從Photoshop模型中提取文本樣式 99
5．8 用Extract創(chuàng)建一個漸變背景 100
5．9 從模型中提取圖像資源 104
5．10 在代碼中添加CSS背景特效 109
5．11 完成布局 113

第6課 使用模板 124
6．1 從現(xiàn)有布局創(chuàng)建一個模板 126
6．2 插入可編輯區(qū)域 127
6．3 插入HTML實體 135
6．4 插入元數(shù)據(jù) 136
6．5 驗證HTML代碼 139
6．6 制作子頁面 140
6．7 將CSS樣式移到一個鏈接文件 149
6．8 更新模板 153

第7課 處理文本、列表和表格 162
7．1 預覽完成的文件 164
7．2 創(chuàng)建文本和設置樣式 166
7．3 創(chuàng)建列表 177
7．4 創(chuàng)建表格及設置表格樣式 186
7．5 網頁拼寫檢查 208
7．6 查找和替換文本 210
7．7 可選的自定進度練習 215

第8課 處理圖像 218
8．1 Web圖像基礎知識 220
8．2 預覽完成的文件 225
8．3 插入圖像 227
8．4 用CSS類控制圖像位置 229
8．5 使用插入面板 230
8．6 使用Insert菜單 233
8．7 插入非Web文件類型 234
8．8 處理Photoshop智能對象（可選） 238
8．9 從Photoshop中復制和粘貼圖像（可選） 240
8．10 通過拖放操作插入圖像 244
8．11 用Properties檢查器優(yōu)化圖像 245

第9課 處理導航 250
9．1 超鏈接基礎知識 252
9．2 預覽完成的文件 253
9．3 創(chuàng)建內部超鏈接 256
9．4 創(chuàng)建外部鏈接 264
9．5 建立電子郵件鏈接 267
9．6 創(chuàng)建基于圖像的鏈接 269
9．7 以頁面元素為目標 272
9．8 鎖定屏幕上的元素 277
9．9 設置導航菜單樣式 279
9．10 檢查頁面 282
9．11 添加目標鏈接（可選） 283

第 10課 增加交互性 286
10．1　學習Dreamweaver行為 288
10．2　預覽完成的文件 290
10．3　使用Dreamweaver行為 291
10．4　使用jQuery Accordion（可折疊）窗口部件 300
10．5　插入jQuery Accourdion部件 301
10．6　為jQuery Accordion設置樣式 305
第 11課 發(fā)布到Web 320
11．1　定義遠程站點 322
11．2　遮蓋文件夾和文件 330
11．3　完善網站 332
11．4　將站點上傳到網絡（可選） 334
11．5　同步本地和遠程站點 339

第 12課 處理代碼 344
12．1　創(chuàng)建HTML代碼 346
12．2　使用多光標支持 352
12．3　為代碼添加注釋 354
12．4　使用CSS預處理器 355
12．5　選擇代碼 369
12．6　折疊代碼 372
12．7　展開代碼 372
12．8　訪問拆分代碼視圖 373
12．9　在代碼視圖中預覽資源 373

第 13課 為移動設備進行設計 376
13．1　響應式設計 378
13．2　媒體類型屬性 383
13．3　媒體查詢 383
13．4 　媒體查詢語法 383
13．5　使用可視媒體查詢界面 384
13．6　Web框架簡介 387
13．7　確定Bootstrap結構 388
13．8　創(chuàng)建一個Bootstrap布局 390