《Web前端開發技術——HTML5、CSS3、JavaScript（第3版）》是2018年7月清華大學出版社出版的圖書，作者是儲久良。
基本介紹
- 書名：Web前端開發技術——HTML5、CSS3、JavaScript（第3版）
- 作者：儲久良
- ISBN：9787302488637
- 定價：59.50元
- 出版社：清華大學出版社
- 出版時間：2018年7月
內容簡介,圖書目錄,
內容簡介
本書第3版緊貼網際網路行業發展對Web前端開發工程師崗位的新要求，結合眾多高校教師的教學反饋意見和建議，在第2版的基礎上新增加了HTML5和CSS3相關新特性和新套用。全書詳細地介紹了HTML、CSS、DIV、HTML5基礎和CSS3套用、JavaScript、DOM與BOM、HTML5高級套用等部分的基本語法和關鍵套用。內容編排結構合理，由淺入深，循序漸進地引導讀者快速入門，並能提高初級及以上讀者的實際套用水平，讓讀者能夠快速適應移動網際網路行業對Web前端開發工程師崗位的新需求。
本書可作為高等學校計算機科學與技術、軟體工程、信息管理與信息系統、網路工程、物聯網工程、信息科學技術、數字媒體技術、數據科學與技術（大數據管理相關）及其他文、理科相關專業或計算機公共基礎的“網頁開發與設計”“網站建設與網頁製作”“Web客戶端編程”“Web前端開發技術”“Web套用技術”等課程教學的教材，也可作為IT相關崗位的工程技術人員參考用書，還可以作為初學者的自學讀本。
圖書目錄
第1章 Web前端開發技術綜述 1
1.1 Web概述 1
1.1.1 Web的起源 2
1.1.2 Web的特點 3
1.1.3 Web工作原理 3
1.1.4 Web相關概念 4
1.2 Web前端開發工程師的職業需求 6
1.2.1 Web前端開發的由來 6
1.2.2 Web前端開發工程師的職業要求 6
1.3 Web前端開發技術 7
1.3.1 HTML 7
1.3.2 CSS 8
1.3.3 JavaScript 9
1.3.4 HTML DOM 9
1.3.5 BOM 10
1.3.6 AJAX 10
1.3.7 jQuery 11
1.4 Web前端開發工具 11
1.4.1 EditPlus 11
1.4.2 Adobe Dreamweaver 11
1.4.3 Sublime Text 12
1.4.4 WebStorm 12
1.4.5 HBuilder 13
1.5 瀏覽器工具 13
1.5.1 Internet Explorer 14
1.5.2 Google Chrome 14
1.5.3 Mozilla Firefox 14
1.5.4 Safari 14
1.5.5 Opera 14
1.6 綜合實例 15
本章小結 16
練習與實驗 16
練習1 16
實驗1 17
第2章 HTML基礎 18
2.1 HTML文檔結構 18
2.2 頭部head 19
2.2.1 標題title標記 19
2.2.2 元信息meta標記 20
2.3 主體body 22
2.3.1 body標記 22
2.3.2 body標記屬性 23
2.4 HTML基本語法 25
2.4.1 標記類型 25
2.4.2 HTML屬性 26
2.5 注釋 27
2.6 HTML文檔編寫規範 28
2.6.1 HTML代碼書寫規範 28
2.6.2 HTML文檔命名規則 29
2.7 HTML文檔類型 30
2.7.1 <!DOCTYPE>標記 30
2.7.2 DTD類型 30
2.8 綜合實例 31
本章小結 32
練習與實驗 32
練習2 32
實驗2 33
第3章 格式化文本與段落 34
3.1 Web頁面初步設計 34
3.1.1 向Web頁面添加文字信息 34
3.1.2 標題字標記 35
3.1.3 添加空格與特殊符號 36
3.2 格式化文本標記 37
3.2.1 文本修飾標記 37
3.2.2 計算機輸出標記 38
3.2.3 引用和術語標記 38
3.2.4 字型font標記 39
3.3 段落與排版標記 40
3.3.1 段落p標記 40
3.3.2 換行br標記 41
3.3.3 水平分隔線hr標記 41
3.3.4 拼音/音標註釋ruby標記和rt/rp標記 42
3.3.5 段落縮進blockquote標記 43
3.3.6 預格式化pre標記 44
3.4 綜合實例 45
本章小結 46
練習與實驗 46
練習3 46
實驗3 47
第4章 列表 49
4.1 列表概述 49
4.2 無序列表 49
4.3 有序列表 51
4.4 列表嵌套 53
4.5 定義列表 54
4.6 綜合實例 56
本章小結 57
練習與實驗 57
練習4 57
實驗4 58
第5章 超連結與浮動框架 59
5.1 超連結概述 59
5.2 超連結語法、路徑及分類 59
5.2.1 超連結語法 59
5.2.2 超連結路徑 61
5.2.3 超連結分類 62
5.3 超連結的套用 62
5.3.1 創建HTTP檔案下載超連結 62
5.3.2 創建FTP站點訪問超連結 62
5.3.3 創建圖像超連結 63
5.3.4 創建電子郵件超連結 63
5.3.5 創建頁面書籤連結 65
5.4 浮動框架 67
5.5 綜合實例 69
本章小結 70
練習與實驗 70
練習5 70
實驗5 71
第6章 圖像與多媒體檔案 73
6.1 圖像 73
6.1.1 插入圖像 73
6.1.2 設定圖像的替代文本 75
6.1.3 設定圖像的高度和寬度 75
6.1.4 設定圖像的框線 76
6.1.5 設定圖像對齊方式 77
6.1.6 設定圖像的間距 77
6.1.7 設定圖像熱區連結 77
6.2 滾動文字 79
6.2.1 添加滾動文字 79
6.2.2 設定滾動文字背景顏色與滾動循環 80
6.2.3 設定滾動方向與滾動方式 80
6.2.4 設定滾動速度與滾動延遲 81
6.2.5 設定滾動範圍與滾動空白空間 81
6.3 音頻、視頻及Flash檔案 82
6.4 綜合實例 84
本章小結 85
練習與實驗 85
練習6 85
實驗6 86
第7章 CSS基礎 88
7.1 CSS概念 88
7.1.1 CSS的基本概念 88
7.1.2 傳統HTML的缺點 88
7.1.3 CSS的特點 89
7.1.4 CSS的優勢 89
7.1.5 CSS的編輯方法 89
7.2 使用CSS控制Web頁面 90
7.2.1 CSS基本語法 90
7.2.2 CSS選擇器類型 91
7.2.3 CSS選擇器聲明 95
7.2.4 CSS定義與引用 96
7.3 CSS繼承與層疊 101
7.4 綜合實例 102
本章小結 105
練習與實驗 106
練習7 106
實驗7 106
第8章 DIV與SPAN 108
8.1 DIV圖層 108
8.1.1 DIV定義 108
8.1.2 DIV套用 109
8.2 圖層嵌套與層疊 110
8.2.1 DIV嵌套 110
8.2.2 DIV層疊 111
8.3 div標記與span標記 112
8.4 綜合實例 114
本章小結 118
練習與實驗 118
練習8 118
實驗8 119
第9章 CSS樣式屬性 120
9.1 CSS屬性值中的單位 120
9.1.1 絕對單位 120
9.1.2 相對單位 120
9.2 CSS字型樣式 121
9.2.1 字型大小font-size屬性 121
9.2.2 字型樣式font-style屬性 122
9.2.3 字型系列font-family屬性 122
9.2.4 字型變體font-variant屬性 123
9.2.5 字型粗細font-weight屬性 124
9.2.6 字型font屬性 124
9.3 CSS文本樣式 125
9.3.1 字元間距letter-spacing屬性 125
9.3.2 行距line-height屬性 125
9.3.3 首行縮進text-indent屬性 126
9.3.4 字元裝飾text-decoration屬性 127
9.3.5 英文大小寫轉換text-transform屬性 127
9.3.6 水平對齊text-align屬性 128
9.3.7 垂直對齊vertical-align屬性 128
9.4 CSS顏色與背景 130
9.4.1 顏色color屬性 130
9.4.2 背景background屬性 131
9.5 CSS列表樣式 134
9.6 CSS盒模型 136
9.6.1 CSS盒模型結構 136
9.6.2 邊界屬性設定 137
9.6.3 框線屬性設定 138
9.6.4 填充屬性設定 141
9.7 綜合實例 142
本章小結 146
練習與實驗 146
練習9 146
實驗9 147
第10章 DIV+CSS頁面布局 149
10.1 頁面布局設計 149
10.1.1 “三行模式”或“三列模式” 149
10.1.2 “三行二列”“三行三列”模式 150
10.1.3 多行多列複雜模式 152
10.2 導航選單設計 154
10.2.1 一級水平導航選單 154
10.2.2 二級水平導航選單 156
10.3 綜合實例 162
本章小結 168
練習與實驗 168
練習10 168
實驗10 169
第11章 表格 170
11.1 表格概述 170
11.2 表格標記 171
11.3 表格屬性設定 173
11.3.1 表格框線屬性 174
11.3.2 表格的寬度和高度屬性 174
11.3.3 表格背景顏色與背景圖像屬性 174
11.3.4 表格框線樣式屬性 176
11.3.5 表格單元格間距、單元格邊距屬性 177
11.3.6 表格水平對齊屬性 178
11.4 設定表格行的屬性 180
11.5 設定單元格的屬性 181
11.5.1 表格單元格跨行屬性 182
11.5.2 表格單元格跨列屬性 182
11.6 表格嵌套 183
11.7 綜合實例 185
本章小結 189
練習與實驗 189
練習11 189
實驗11 190
第12章 表單 191
12.1 表單概述 191
12.2 定義域和域標題 193
12.3 表單信息輸入 194
12.3.1 單行文本輸入框 194
12.3.2 密碼輸入框 195
12.3.3 複選框 196
12.3.4 單選按鈕 196
12.3.5 圖像按鈕 198
12.3.6 提交按鈕 199
12.3.7 重置按鈕 199
12.3.8 普通按鈕 200
12.3.9 檔案選擇框 201
12.3.10 隱藏框 201
12.4 多行文本輸入框 203
12.5 下拉列表框 204
12.6 綜合實例 205
本章小結 208
練習與實驗 208
練習12 208
實驗12 209
第13章 HTML5基礎與CSS3套用 210
13.1 HTML5概述 210
13.1.1 HTML5的八個特性 211
13.1.2 HTML5的優勢 212
13.1.3 HTML5新增結構元素及頁面元素 213
13.1.4 HTML5廢除的元素與屬性 214
13.1.5 瀏覽器支持與選擇 215
13.2 HTML5文檔結構 216
13.2.1 HTML5頁面結構 216
13.2.2 HTML5新增結構元素 217
13.3 HTML5新增頁面元素 221
13.3.1 hgroup標記 222
13.3.2 figure標記與figcaption標記 222
13.3.3 mark標記與time標記 223
13.3.4 details標記與summary標記 224
13.3.5 progress標記與meter標記 225
13.3.6 input標記與datalist標記 226
13.4 HTML5表單 227
13.4.1 HTML5新增的表單屬性 227
13.4.2 HTML5新增的表單元素 231
13.4.3 HTML5新增的input類型 232
13.5 HTML5視頻與音頻 236
13.5.1 video標記及屬性 236
13.5.2 audio標記及屬性 238
13.6 CSS3基礎套用 239
13.6.1 CSS3新特性 239
13.6.2 CSS3瀏覽器兼容性 239
13.6.3 CSS3框線 240
13.6.4 CSS3轉換transform屬性 247
13.6.5 CSS3過渡transition屬性 251
13.6.6 CSS3動畫animation 253
13.6.7 CSS3多列屬性 256
13.6.8 CSS3文本效果 258
13.7 綜合實例 260
本章小結 262
練習與實驗 262
練習13 262
實驗13 263
第14章 JavaScript基礎 265
14.1 JavaScript概述 265
14.1.1 JavaScript簡介 265
14.1.2 第一個JavaScript程式 266
14.1.3 JavaScript放置的位置 267
14.2 JavaScript程式 270
14.2.1 語句和語句塊 270
14.2.2 代碼 271
14.2.3 訊息對話框 271
14.2.4 JavaScript注釋 274
14.3 標識符和變數 274
14.3.1 命名規範 274
14.3.2 數據類型 275
14.3.3 變數 278
14.3.4 轉義字元 278
14.4 運算符和表達式 279
14.4.1 算術運算符和表達式 279
14.4.2 關係運算符和表達式 281
14.4.3 邏輯運算符和表達式 283
14.4.4 賦值運算符和表達式 284
14.4.5 位運算符和表達式 284
14.4.6 條件運算符和表達式 286
14.4.7 其他運算符和表達式 286
14.5 JavaScript程式控制結構 287
14.5.1 順序結構 287
14.5.2 分支結構 288
14.5.3 循環結構 293
14.6 JavaScript函式 301
14.6.1 常用系統函式 301
14.6.2 自定義函式 310
14.6.3 帶參數返回的return語句 311
14.6.4 函式變數的作用域 312
14.7 綜合實例 313
本章小結 317
練習與實驗 317
練習14 317
實驗14 318
第15章 JavaScript事件分析 319
15.1 JavaScript事件概述 319
15.1.1 事件類型 319
15.1.2 事件句柄 320
15.1.3 事件處理 321
15.1.4 事件處理程式的返回值 324
15.2 表單事件 326
15.2.1 獲得焦點與失去焦點事件 326
15.2.2 提交及重置事件 327
15.2.3 改變及選擇事件 328
15.3 滑鼠事件 329
15.3.1 滑鼠單、雙擊事件 330
15.3.2 滑鼠移動事件 331
15.4 鍵盤事件 332
15.5 視窗事件 333
15.6 綜合實例 334
本章小結 336
練習與實驗 336
練習15 336
實驗15 337
第16章 DOM和BOM 339
16.1 JavaScript常用對象 339
16.1.1 Array 340
16.1.2 Date 342
16.1.3 Math 345
16.1.4 Number 347
16.1.5 String 347
16.1.6 Boolean 350
16.2 HTML DOM 351
16.2.1 DOM簡介 351
16.2.2 DOM節點樹 351
16.2.3 DOM節點 352
16.2.4 DOM節點訪問 353
16.2.5 DOM節點操作 357
16.3 BOM 363
16.3.1 window對象 363
16.3.2 Navigator對象 366
16.3.3 Screen對象 367
16.3.4 History對象 368
16.3.5 Location對象 369
16.4 綜合實例 370
本章小結 380
練習與實驗 380
練習16 380
實驗16 381
第17章 HTML5高級套用 383
17.1 HTML5 Web Storage 383
17.1.1 localStorage對象 383
17.1.2 sessionStorage對象 384
17.1.3 瀏覽器端資料庫IndexedDB 386
17.2 HTML5 Canvas畫布 396
17.2.1 Canvas標記 396
17.2.2 Canvas坐標 398
17.2.3 Canvas路徑 399
17.2.4 Canvas繪製線段 400
17.2.5 Canvas繪製文本 402
17.2.6 Canvas漸變 402
17.2.7 Canvas繪製圖像 403
17.3 HTML5拖放 406
17.3.1 設定元素為可拖放 406
17.3.2 拖放事件 407
17.3.3 dataTransfer對象 407
17.3.4 拖放操作實現步驟 408
17.4 HTML5 Web Worker 410
17.4.1 Web Worker的工作原理 410
17.4.2 創建Web Worker檔案 410
17.4.3 創建Web Worker對象 410
17.4.4 終止Web Worker 411
17.5 綜合實例 412
本章小結 419
練習與實驗 420
練習17 420
實驗17 421
附錄A 模擬試卷1（120分） 423
附錄B 模擬試卷2（120分） 431
參考文獻 440
