Adobe Dreamweaver 2021經(jīng)典教程
本書由Adobe公司的專家編寫,是Adobe Dreamweaver 2021軟件的經(jīng)典學習用書。
本書共11課,每一課首先介紹重要的知識點,然后借助具體的示例進行講解,步驟詳細,重點明確,可幫助讀者盡快學會如何進行實際操作。本書主要包含定制工作區(qū),HTML基礎知識,CSS基礎知識,編寫代碼,網(wǎng)頁設計基礎,創(chuàng)建頁面布局,使用模板,使用文本、列表和表格,使用圖像,創(chuàng)建鏈接和發(fā)布站點等內容。
本書語言通俗易懂,并配以大量的圖示,特別適合新手學習。有一定使用經(jīng)驗的讀者也可從本書中學到大量高級功能和Adobe Dreamweaver 2021版本新增的功能。本書還適合作為高校相關專業(yè)和相關培訓班的教材。
1.Adobe官方認證培訓教材,課程清晰解釋、逐步的指導,以及可供學生使用的項目文件。
2.教程內容涉及HTML、CSS、Web、xml、json等各種前端語言編碼,講解軟件更新的快捷鍵功能,幫助用戶學到切實提高設計效率的實用技術。
3.教程講解了構建自適應的響應式網(wǎng)站的技巧,提高所設計的網(wǎng)頁在移動端打開時的效果,比其他DW軟件教程更具有先進性。
4.借助具體實例進行講解,并配以大量圖示,除此之外還介紹了大量2021版新功能,隨書附贈素材文件、復習題及答案。
Jim Maivald是一位平面設計師和藝術家,擁有25年的出版和制作經(jīng)驗。他編寫了多個版本的《Adobe Dreamweaver Classroom in a Book》,并制作了Adobe InDesign、XML、Adobe Photoshop和CorelDRAW的相關課件,他還在全國性雜志發(fā)表了數(shù)十篇關于電子出版和制作的文章。他在InDesign和XML領域為個人和世界500強公司舉辦了多次熱門研討會和培訓。Jim是Dreamweaver、InDesign和Acrobat中的Adobe認證專家(ACE),同時也是芝加哥InDesign User Group協(xié)會的共同負責人。
第 1課 定制工作區(qū) 1
1.1 了解工作區(qū) 2
1.2 使用開始屏幕 3
1.3 上下文功能提示 5
1.4 設置界面首選項 6
1.5 切換與拆分視圖 8
1.6 選擇工作區(qū)布局 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課 網(wǎng)頁設計基礎 96
5.1 開發(fā)一個新網(wǎng)站 97
5.2 一個虛構的旅游網(wǎng)站 99
5.3 使用縮覽圖和線框圖 99
5.4 復習題 105
5.5 答案 105
第6課 創(chuàng)建頁面布局 106
6.1 評估網(wǎng)頁原型 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創(chuàng)建漸變背景 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 創(chuàng)建Dreamweaver模板 147
7.2 刪除不必要的組件 148
7.3 調整Bootstrap頁面布局 153
7.4 修改Bootstrap元素中的文本樣式 157
7.5 添加樣板和占位內容 158
7.6 修改語義錯誤 161
7.7 插入元數(shù)據(jù) 162
7.8 驗證HTML代碼 164
7.9 定義可編輯區(qū)域 165
7.10 創(chuàng)建子頁面 174
7.11 更新模板 180
7.12 復習題 185
7.13 答案 185
第8課 使用文本、列表與表格 186
8.1 預覽最終頁面 187
8.2 創(chuàng)建與格式化文本 189
8.3 創(chuàng)建列表 196
8.4 使用列表組織內容 202
8.5 創(chuàng)建表格并添加樣式 209
8.6 網(wǎng)頁拼寫檢查 227
8.7 查找和替換文本 228
8.8 復習題 233
8.9 答案 233
第9課 使用圖像 234
9.1 網(wǎng)頁圖像基礎 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課 創(chuàng)建鏈接 275
10.1 關于超鏈接 276
10.2 預覽最終頁面 277
10.3 創(chuàng)建站內鏈接 281
10.4 創(chuàng)建站外鏈接 291
10.5 創(chuàng)建電子郵件鏈接 294
10.6 創(chuàng)建圖像鏈接 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課 發(fā)布站點 313
11.1 定義遠程站點 314
11.2 遮蓋文件夾和文件 319
11.3 完善網(wǎng)站 321
11.4 發(fā)布網(wǎng)站 326
11.5 同步本地站點和遠程站點 331
11.6 復習題 336
11.7 答案 336