Web前端開發（初級下冊）

《Web前端開發（初級下冊）》是2019年8月1日電子工業出版社出版的圖書，作者是工業和信息化部教育與考試中心。

基本介紹

• 書名：Web前端開發（初級下冊）
• 作者：工業和信息化部教育與考試中心
• 出版社：電子工業出版社
• 出版時間：2019年8月1日
• ISBN：9787121368042

內容簡介

面向職業院校和套用型本科院校開展1+X證書制度試點工作是落實《國家職業教育改革實施方案》的重要內容之一，為了便於X證書標準融入院校學歷教育，工業和信息化部教育與考試中心組織編寫了《Web前端開發（初級）》。

本教材以《Web前端開發職業技能等級標準》（初級）為編寫依據，分上、下兩冊，包括Web頁面製作基礎、JavaScript程式設計、HTML5和CSS3開發基礎與套用、輕量級框架套用四篇，分別對應《Web前端開發職業技能等級標準》（初級）涉及的四門核心課程：“Web頁面製作基礎”“JavaScript程式設計”“HTML5開發基礎與套用”“輕量級前端框架”。

本教材以模組化的結構組織各篇及其章節，以任務驅動的方式安排教材內容，選取靜態網站設計與製作的典型套用作為教學案例。本教材可用於1+X證書制度試點工作中的Web前端開發職業技能等級證書教學和培訓，也可以作為期望從事Web前端開發職業的應屆畢業生和社會在職人員的入門級自學參考用書。

圖書目錄

第三篇 HTML5和CSS3開發

基礎與套用

第7章 HTML5簡介 2

7．1 HTML5的出現 2

7．2 瀏覽器對HTML5的兼容性 4

7．3 HTML5和HTML4的區別 4

7．3．1 DTD的變化 4

7．3．2 字元編碼的變化 5

7．3．3 HTML5語法的變化 5

7．4 HTML5的優勢 6

7．5 本章小結 7

第8章 HTML5常用元素和屬性 8

8．1 HTML5保留的常用元素 8

8．1．1 基本元素 9

8．1．2 文本格式化元素 11

8．1．3 超連結和錨點 14

8．1．4 列表相關元素 15

8．1．5 表格相關元素 17

8．2 HTML5新增的常用元素 20

8．2．1 文檔結構元素 20

8．2．2 文本格式化元素 28

8．2．3 頁面增強元素 29

8．2．4 多媒體元素 30

8．3 HTML5的通用屬性（全局

屬性） 32

8．3．1 HTML5保留的通用屬性 32

8．3．2 contenteditable屬性和designMode屬性 33

8．3．3 hidden屬性 35

8．3．4 spellcheck屬性 36

8．4 HTML5廢棄的元素 36

8．5 HTML5廢棄的屬性 37

8．6 本章小結 38

第9章 HTML5表單相關元素和屬性 39

9．1 HTML5原有的表單元素及

表單控制項 40

9．1．1 表單元素＜form＞ 40

9．1．2 表單控制項＜input＞ 41

9．1．3 表單控制項＜label＞ 42

9．1．4 表單控制項＜select＞、＜option＞

和＜optgroup＞ 43

9．1．5 表單控制項＜button＞ 44

9．1．6 表單控制項＜textarea＞ 45

9．2 HTML5表單新增的元素 46

9．2．1 input元素新增功能類型 46

9．2．2 HTML5新增的表單控制項＜output＞ 55

9．3 HTML5表單控制項新增的屬性 55

9．3．1 form屬性 56

9．3．2 formaction屬性 56

9．3．3 formmethod屬性 57

9．3．4 formenctype屬性 58

9．3．5 formtarget屬性 58

9．3．6 placeholder屬性 59

9．3．7 autocomplete屬性 60

9．3．8 autofocus屬性 61

9．3．9 list屬性 61

9．3．10 pattern屬性 62

9．3．11 novalidate屬性 63

9．3．12 required屬性 64

9．3．13 ＜textarea＞新增maxlength

屬性和wrap屬性 65

9．4 本章小結 65

第10章 CSS3新增選擇器 66

10．1 CSS3簡介 66

10．2 兄弟選擇器 67

10．3 新增的屬性選擇器 68

10．4 新增的偽類選擇器 72

10．5 新增的偽元素選擇器 74

10．6 本章小結 76

第11章 CSS3新增屬性 77

11．1 CSS3新增背景屬性 77

11．1．1 background-clip 77

11．1．2 background-origin 78

11．1．3 background-size 80

11．1．4 多背景圖片 81

11．2 CSS3新增字型文本相關

屬性 82

11．2．1 CSS3新增使用伺服器

字型 82

11．2．2 CSS3新增文本屬性 82

11．3 CSS3新增盒模型屬性 85

11．3．1 圓角框線 85

11．3．2 box-shadow 86

11．3．3 resize 88

11．3．4 outline-offset 89

11．4 CSS3新增變形動畫屬性 89

11．4．1 CSS3的變形屬性 90

11．4．2 CSS3的3D變形屬性 95

11．4．3 CSS3的過渡屬性 101

11．4．4 CSS3的動畫屬性 105

11．5 CSS3新增多列屬性 107

11．6 本章小結 111

第四篇 輕量級框架套用

第12章 jQuery基礎 114

12．1 jQuery框架概述 114

12．1．1 jQuery簡介 115

12．1．2 jQuery優勢 115

12．1．3 jQuery安裝 116

12．1．4 jQuery語法 119

12．2 jQuery選擇器 120

12．2．1 id選擇器 120

12．2．2 類選擇器 122

12．2．3 標記選擇器 123

12．2．4 屬性選擇器 124

12．2．5 位置選擇器 127

12．2．6 後代選擇器 130

12．2．7 子代選擇器 130

12．2．8 選擇器對象 131

12．2．9 選擇器對象遍歷套用

及頁面初始化 133

12．3 jQuery中的DOM操作 134

12．3．1 查找HTML元素 135

12．3．2 創建HTML元素 136

12．3．3 插入HTML元素 137

12．3．4 刪除HTML元素 141

12．3．5 複製HTML元素 143

12．3．6 替換HTML元素 144

12．4 jQuery事件 145

12．4．1 事件綁定 146

12．4．2 滑鼠事件 147

12．4．3 鍵盤事件 152

12．4．4 表單事件 155

12．4．5 視窗事件 159

12．4．6 事件冒泡 161

12．4．7 事件解除 165

12．5 本章小結 169

第13章 jQuery效果 171

13．1 jQuery容器適應 171

13．1．1 元素及瀏覽器視窗的寬

和高 171

13．1．2 div自適應視窗高度 174

13．2 jQuery標籤操作 176

13．2．1 標籤內容操作 176

13．2．2 標籤屬性操作 180

13．2．3 圖片輪換效果 181

13．2．4 標籤樣式操作 183

13．2．5 選項卡效果 188

13．3 jQuery動畫 190

13．3．1 隱藏和顯示 190

13．3．2 遮罩層 192

13．3．3 淡入和淡出 194

13．3．4 動畫效果滑動 195

13．3．5 頁面右下角彈層 196

13．3．6 自定義動畫方法 198

13．3．7 滑鼠位置獲取 200

13．3．8 兩級聯動 201

13．4 jQuery彈窗案例 203

13．4．1 彈窗移動分析 203

13．4．2 彈窗移動實現 203

13．5 圖片左右滾動案例 206

13．5．1 圖片左右滾動分析 206

13．5．2 圖片左右滾動實現 207

13．6 圖片放大效果案例 209

13．6．1 圖片放大效果分析 209

13．6．2 圖片放大效果實現 210

13．7 本章小結 214

第14章 jQuery AJAX 215

14．1 AJAX簡介 215

14．1．1 AJAX工作原理 216

14．1．2 AJAX原生寫法 216

14．1．3 jQuery中AJAX語法 217

14．2 JSON對象 217

14．3 XML使用 219

14．4 load() 221

14．5 get()和post() 223

14．6 AJAX跨域 225

14．7 本章小結 226