Dreamweaver CS6+HTML 5+CSS 3網頁製作基礎教程

《Dreamweaver CS6+HTML 5+CSS 3網頁製作基礎教程》是2018年清華大學出版社出版的圖書。

基本介紹

• 中文名：Dreamweaver CS6+HTML 5+CSS 3網頁製作基礎教程
• 作者：吳豐編
• 出版社：清華大學出版社
• 出版時間：2018年9月1日
• 頁數：262 頁
• 開本：16 開
• 裝幀：平裝
• ISBN：9787302501619

內容簡介

本書以HTML 5和CSS 3的基礎知識作為重點講解對象，在W3C規範的指導下，將其分散在Dreamweaver軟體套用的講解之中，並將前端的思維模式融入每個知識點中，配合免費的微課視頻，使讀者完全能夠自主學習，掌握必備的知識和技能。全書共分為12章，章節安排難度遞進，必備知識無縫銜接，每章有理論，堂堂有案例，課後有實訓。

在理論知識方面，一方面講解Dreamweaver軟體的使用方法，另一方面注重與HTML 5和CSS 3相關的前端知識的補充，使學生理解更為透徹，能夠融會貫通。

在實踐操作方面，注重提高讀者的手寫代碼能力，每章除了小型案例以外，還提供模仿案例和自主提高案例，讀者可不斷強化所學知識。

本書可作為套用型本科及各層次職業院校計算機相關專業的教材，還可作為IT類培訓機構的網頁設計培訓教程。

圖書目錄

1.1Web時代的重要理念1

1.1.1Web標準簡介1

1.1.2表現與結構相分離3

1.1.3HTML 5時代5

1.2網站的入門知識6

1.2.1網頁、網站及其構成元素6

1.2.2網頁設計的原則、風格和潮流8

1.2.3網站建設的基本流程11

1.2.4開發與調試工具13

1.3習題14

第2章HTML語言基礎15

2.1HTML的歷史沿革15

2.1.1從HTML 4.01到XHTML15

2.1.2從XHTML到HTML 515

2.1.3HTML 5要解決的問題16

2.2文檔結構17

2.2.1標籤、元素、屬性和值17

2.2.2DOCTYPE聲明19

2.2.3html元素、head元素與body元素19

2.3HTML 5中常見的元素20

2.3.1塊級元素21

2.3.2內聯元素22

2.3.3列表類元素25

2.3.4表格類元素27

2.3.5表單類元素28

2.3.6多媒體類元素33

2.3.7HTML 5新增的結構類元素35

2.4過程指導——HTML 5元素的簡單運用37

2.5自主任務——使用記事本創建簡單頁面40

2.6習題40

Dreamweaver CS6+HTML 5+CSS 3網頁製作基礎教程(微課版)目錄第3章Dreamweaver基礎與CSS入門42

3.1工作環境42

3.1.1文檔和編碼工具列42

3.1.2屬性面板44

3.1.3常用面板介紹45

3.1.4常規設定46

3.2站點47

3.2.1站點的基本概念及其創建方法47

3.2.2“檔案”面板的常用操作49

3.2.3管理站點51

3.3重要的div元素52

3.3.1div元素是什麼53

3.3.2在Dreamweaver中創建DIV容器的方法53

3.4CSS入門55

3.4.1什麼是CSS56

3.4.2CSS語法與連結方法56

3.4.3盒子模型58

3.5常見的CSS選擇器61

3.5.1通配符選擇器與類型選擇器62

3.5.2ID選擇器與類選擇器62

3.5.3包含選擇器與群組選擇器64

3.5.4屬性選擇器64

3.6過程指導——淘寶店鋪周年慶專題頁面66

3.6.1過程分析66

3.6.2步驟詳解66

3.7自主任務——“中秋茶相伴”淘寶店鋪專題銷售頁面72

3.8習題72

第4章文本與圖像74

4.1文本74

4.1.1插入文本74

4.1.2創建超連結75

4.1.3與文本相關的基礎屬性78

4.1.4行高與首行縮進81

4.1.5文本陰影83

4.1.6溢出文本與文本換行83

4.1.7CSS偽類在超連結方面的套用86

4.2圖像87

4.2.1插入圖像與圖像超連結88

4.2.2與圖像相關的CSS屬性92

4.2.3圖文混排94

4.3過程指導——使用HTML 5新增元素創建“燈塔漫畫背景部落格”96

4.3.1過程分析96

4.3.2步驟詳解97

4.4自主任務——圖像與文本的簡單套用103

4.5習題104

第5章浮動、定位和列表106

5.1浮動106

5.1.1浮動的基本知識106

5.1.2清除浮動109

5.2定位110

5.2.1靜態定位與固定定位110

5.2.2相對定位與絕對定位112

5.3列表115

5.3.1與列表相關的CSS屬性115

5.3.2列表的圖像修飾符116

5.3.3縱嚮導航118

5.3.4橫嚮導航119

5.3.5圖文信息列表121

5.4過程指導——“五月美食節專場”網頁的設計與製作124

5.4.1過程分析124

5.4.2步驟詳解124

5.5自主任務——“手機專賣網”的製作129

5.6習題130

第6章表格與表單131

6.1表格的創建與編輯131

6.1.1創建表格131

6.1.2單元格屬性設定132

6.1.3單元格基本操作133

6.2CSS在表格中的套用135

6.2.1使用bordercollapse屬性製作細線表格135

6.2.2使用偽類選擇器製作隔行變色表格137

6.3表單的創建與編輯138

6.3.1表單域138

6.3.2常見表單對象140

6.4CSS在表單中的套用147

6.4.1文本域的美化147

6.4.2CSS 3按鈕147

6.4.3搜尋框的美化149

6.5過程指導——“Yuze App註冊”頁面的製作150

6.5.1過程分析150

6.5.2步驟詳解150

6.6自主任務——“網站後台登錄”頁面的製作154

6.7習題155

第7章框架、模板與CSS 3新增布局156

7.1框架156

7.1.1基本概念156

7.1.2使用iframe元素創建框架頁面157

7.2模板158

7.2.1模板是什麼158

7.2.2使用模板快速創建頁面158

7.2.3模板的修改162

7.3CSS 3多列布局163

7.3.1使用columns屬性創建多列布局163

7.3.2多列布局的相關屬性164

7.4CSS 3彈性盒布局166

7.4.1使用盒布局166

7.4.2彈性盒布局相關屬性詳解166

7.5適合移動設備的回響式布局172

7.5.1回響式布局172

7.5.2使用CSS 3的media query實現回響式布局172

7.6過程指導——製作適合多種設備終端顯示的回響式頁面176

7.6.1過程分析176

7.6.2步驟詳解179

7.7自主任務——製作簡單回響式頁面185

7.8習題186

第8章行為與Spry構件187

8.1行為187

8.1.1事件與動作相關概念187

8.1.2“行為”面板188

8.1.3“彈出信息”行為189

8.1.4“打開瀏覽器視窗”行為190

8.1.5“改變屬性”行為190

8.2Spry構件193

8.2.1Spry選單欄193

8.2.2Spry選項卡式面板193

8.2.3Spry摺疊式構件194

8.3過程指導——精品課程網站的設計與製作195

8.3.1過程分析196

8.3.2步驟詳解196

8.4自主任務——精品課程網站主頁的製作211

8.5習題212

第9章CSS進階213

9.1CSS Sprite技術213

9.1.1CSS Sprite技術簡述213

9.1.2CSS Sprite技術詳解214

9.2CSS 3偽類選擇器217

9.2.1:root、:not、:target和∷selection選擇器217

9.2.2:firstchild、:lastchild和:onlychild選擇器219

9.3CSS 3漸變220

9.4CSS 3過渡222

9.4.1transition屬性簡介222

9.4.2CSS 3過渡動畫的實現223

9.5習題226

第10章站點測試、上傳與維護227

10.1站點測試227

10.1.1瀏覽器兼容性測試227

10.1.2連結的測試228

10.2站點上傳230

10.2.1註冊域名230

10.2.2申請網站空間232

10.2.3內容上傳233

10.3維護與推廣238

10.3.1站點維護238

10.3.2網站推廣239

10.4習題240

第11章綜合案例解析——電子商務網站241

11.1電子商務網站的簡易需求分析241

11.2電子商務網站的布局分析242

11.3實現過程245

11.3.1主頁的實現245

11.3.2檢索頁的實現253

11.3.3產品信息頁的實現256

11.4習題258

第12章實訓指導260

12.1實訓的意義和目的260

12.2實訓要求與步驟261

12.3考核標準261

參考文獻263