Adobe Dreamweaver CC 2019經典教程

[美]吉姆 馬伊瓦爾德(Jim Maivald)

  • Adobe Dreamweaver CC 2019經典教程-preview-1
  • Adobe Dreamweaver CC 2019經典教程-preview-2
Adobe Dreamweaver CC 2019經典教程-preview-1

商品描述

本書由Adobe公司的專家編寫,是Adobe Dreamweaver CC軟件的官方培訓教材。全書共包含13節課程,每一課都會首先列出要介紹的知識點,然後借助具體的示例進行講解,步驟詳細,重點明確。全書是一個有機的整體,涵蓋了定製工作空間,HTML基礎,CSS基礎,Web設計基礎,創建頁面佈局,使用模板,處理文本、列表和表格,處理圖像,處理導航,增加交互性,發布到Web,處理代碼以及為移動設備進行設計等內容,並在適當的地方穿插介紹了Dreamweaver CC的功能。

本書適合Dreamweaver新手閱讀,有一定使用經驗的用戶也可以從本書中學到大量高級功能和Dreamweaver CC的新增功能,同時適合作為相關培訓班的教材。

作者簡介

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課定制工作空間0

1.1瀏覽工作區2

1.2使用“開始”屏幕3

1.3探索新功能指南6

1.4設置界面首選項6

1.5切換和拆分視圖9

1.6選擇工作區佈局13

1.7使用面板14

1.8個性化Dreamweaver18

1.9使用Extract19

1.10使用工具欄20

1.11創建自定義快捷鍵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什麼是HTML40

2.2 HTML來源於何處40

2.3基本HTML代碼結構41

2.4常用HTML元素42

2.5 HTML5的新內容44

 

第3課CSS基礎48

3.1什麼是CSS50

3.2 HTML默認設置52

3.3 CSS盒子模型55

3.4應用CSS樣式56

3.5多重規則、類、ID69

 

第4課Web設計基礎74

4.1開發一個新網站76

4.2場景78

4.3使用縮略圖和線框79

 

第5課創建頁面佈局84

5.1評估頁面設計選項86

5.2使用預定義佈局87

5.3為現有佈局設置樣式89

5.4用Extract面板設置元素樣式91

5.5從Photoshop模型中提取文本95

5.6 CSS樣式查錯97

5.7從Photoshop模型中提取文本樣式99

5.8用Extract創建一個漸變背景100

5.9從模型中提取圖像資源104

5.10在代碼中添加CSS背景特效109

5.11完成佈局113

 

第6課使用模板124

6.1從現有佈局創建一個模板126

6.2插入可編輯區域127

6.3插入HTML實體135

6.4插入元數據136

6.5驗證HTML代碼139

6.6製作子頁面140

6.7將CSS樣式移到一個鏈接文件149

6.8更新模板153

 

第7課處理文本、列表和表格162

7.1預覽完成的文件164

7.2創建文本和設置樣式166

7.3創建列表177

7.4創建表格及設置表格樣式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檢查器優化圖像245

 

第9課處理導航250

9.1超鏈接基礎知識252

9.2預覽完成的文件253

9.3創建內部超鏈接256

9.4創建外部鏈接264

9.5建立電子郵件鏈接267

9.6創建基於圖像的鏈接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課發佈到Web320

11.1定義遠程站點322

11.2遮蓋文件夾和文件330

11.3完善網站332

11.4將站點上傳到網絡(可選)334

11.5同步本地和遠程站點339

 

第12課處理代碼344

12.1創建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創建一個Bootstrap佈局390