《HTML5+CSS3 Web前端開發技術（第2版）》是2019年8月人民郵電出版社出版的圖書，作者是劉德山、章增安、林彬。
基本介紹
- 書名：HTML5+CSS3 Web前端開發技術（第2版）
- 作者：劉德山、章增安、林彬
- ISBN：9787115492074
- 頁數：402頁
- 定價：65元
- 出版社：人民郵電出版社
- 出版時間：2019年8月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
本書以HTML5為基礎，系統闡述Web前端開發的內容，一些案例結合了HTML5與CSS3的典型套用，目的是幫助讀者快速掌握網站開發技術。本書適合網站前端開發人員提高使用，也適用信息技術類及相關專業讀者。
圖書目錄
第1部分 HTML5及其套用
第1章 HTML5概述 2
1.1 HTML5簡介 2
1.1.1 HTML 2
1.1.2 HTML5 3
1.2 HTML5與HTML4的區別 4
1.2.1 HTML5文檔結構的變化 4
1.2.2 HTML5語法的變化 5
1.2.3 HTML5增加和刪除的元素 6
1.2.4 HTML5的全局屬性 8
1.3 HTML5的特性 10
1.4 HTML5的開發環境 11
1.4.1 HTML5的開發工具簡介 11
1.4.2 WebStorm集成開發環境 12
1.4.3 使用XAMPP搭建伺服器環境 13
1.4.4 支持HTML5的瀏覽器和幫助文檔 15
思考與練習 16
第2章 HTML5的文檔結構元素 17
2.1 HTML的元素和屬性 17
2.2 HTML文檔的基本結構元素 19
2.3 HTML5新增的結構元素 20
2.3.1 用DIV描述的網頁布局 20
2.3.2 HTML5增加的結構元素 21
思考與練習 28
第3章 HTML5的基本頁面元素 29
3.1 文本元素 29
3.1.1 段落標記
和換行標記
29
3.1.2 標題標記 30
3.1.3 塊標記
和 31
3.2 列表元素 31
3.2.1 有序列表標記
32
3.2.2 無序列表標記
33
3.2.3 自定義列表
34
3.3 超連結元素 35
3.3.1 超連結屬性 35
3.3.2 超連結類型 36
3.3.3 超連結路徑 37
3.4 圖像元素和多媒體元素 39
3.4.1 圖像標記 39
3.4.2 多媒體檔案標記 42
3.5 表格元素 44
3.5.1 HTML的表格標記 44
3.5.2 HTML表格的屬性 46
3.5.3 表格嵌套 48
3.6 內嵌框架 50
3.7 頁面基本元素的套用 53
3.7.1 多層嵌套列表示例 53
3.7.2 旅遊網站首頁示例 54
3.7.3 內嵌框架示例 56
思考與練習 58
第4章 HTML5的表單元素 60
4.1 表單定義元素form 60
4.2 HTML表單輸入元素及屬性 61
4.2.1 表單輸入元素input 61
4.2.2 列表框元素select 64
4.2.3 文本域輸入元素textarea 65
4.3 HTML5新增的表單元素和屬性 66
4.3.1 HTML5新增input類型 66
4.3.2 HTML5表單新增屬性 69
4.4 一個會員註冊表單 72
思考與練習 75
第5章 HTML5的video元素和audio元素 77
5.1 HTML5的video元素 77
5.1.1 使用video標記插入視頻 77
5.1.2 video元素的訪問控制 79
5.2 HTML5的audio元素 83
5.2.1 使用audio標記插入音頻 83
5.2.2 audio元素的訪問控制 84
5.3 使用track元素添加字幕 85
5.3.1 使用track標記插入字幕檔案 85
5.3.2 建立WebVTT檔案 86
思考與練習 89
第6章 HTML5的canvas繪圖 90
6.1 canvas概述 90
6.1.1 創建canvas元素 90
6.1.2 canvas繪圖的步驟 91
6.2 繪製矩形 92
6.2.1 繪製矩形的方法 92
6.2.2 繪圖時的顏色與透明度屬性 93
6.3 使用路徑繪製圖形 96
6.3.1 繪製圓形 96
6.3.2 繪製直線 98
6.3.3 繪製曲線 101
6.4 繪製顏色漸變的圖形 102
6.4.1 繪製線性漸變 102
6.4.2 繪製徑向漸變 104
6.5 使用坐標變換和矩陣變換繪圖 105
6.5.1 canvas的坐標系統 105
6.5.2 坐標變換 105
6.5.3 使用路徑繪製圖形的坐標變換 106
6.5.4 矩陣變換 107
6.6 在canvas中使用圖像 110
6.6.1 繪製圖像 110
6.6.2 圖像平鋪 112
6.6.3 圖像裁剪 113
6.7 繪製文字 115
6.8 使用canvas繪製動畫 116
6.8.1 繪製動畫的步驟 116
6.8.2 繪製動畫的示例 116
思考與練習 121
第7章 HTML5的SVG繪圖 123
7.1 SVG概述 123
7.1.1 SVG優缺點 123
7.1.2 SVG調用方式 124
7.2 繪製SVG基本圖形 126
7.2.1 繪製矩形和直線 126
7.2.2 繪製圓和橢圓 127
7.2.3 繪製折線和多邊形 127
7.2.4 繪製路徑 128
7.2.5 繪製文本和圖形 128
7.2.6 SVG繪圖的屬性 130
7.3 變換 132
7.3.1 平移 132
7.3.2 旋轉 132
7.3.3 縮放 132
7.3.4 傾斜 132
7.4 組合與重用 133
7.4.1 g元素 133
7.4.2 use元素 134
7.4.3 defs元素 135
7.5 漸變與透明度 136
7.5.1 漸變 136
7.5.2 透明度 141
7.6 濾鏡 142
7.6.1 濾鏡的定義 142
7.6.2 濾鏡的套用 143
思考與練習 145
第8章 獲取瀏覽器的地理位置信息 147
8.1 地理位置信息概述 147
8.1.1 地理位置信息的內容 147
8.1.2 地理位置信息的來源 148
8.2 地理位置信息使用過程 148
8.3 地理位置API 149
8.3.1 getCurrentPosition()方法 149
8.3.2 watchPosition()方法 150
8.4 獲取地理位置信息的套用 150
思考與練習 156
第9章 離線Web套用與Web存儲 158
9.1 離線Web套用 158
9.1.1 離線Web套用概述 158
9.1.2 實現離線Web套用的步驟 159
9.2 離線Web套用的實現 159
9.2.1 manifest檔案 160
9.2.2 更新快取 163
9.2.3 檢測線上狀態 164
9.3 Web Storage概述 165
9.3.1 Web Storage的概念 165
9.3.2 Web Storage API 166
9.4 Web Storage套用 167
9.4.1 使用localStorage和sessionStorage的網頁計數器 167
9.4.2 使用localStorage保存、讀取和清除數據 168
9.4.3 使用localStorage實現電話簿管理 169
9.4.4 使用JSON對象改進電話簿的功能 171
思考與練習 174
第10章 使用Web Workers處理執行緒 175
10.1 Web Workers概述 175
10.1.1 Web Workers的引入 175
10.1.2 使用Web Workers創建執行緒 177
10.2 頁面與執行緒的數據互動 179
10.3 使用SharedWorker創建共享執行緒 181
思考與練習 186
第11章 HTML5的IndexedDB資料庫 187
11.1 IndexedDB資料庫概述 187
11.2 創建資料庫 188
11.3 資料庫的版本更新和事務處理 190
11.3.1 版本更新 191
11.3.2 事務處理 192
11.4 創建對象倉庫 193
11.5 創建索引 194
11.6 保存和刪除數據 196
11.6.1 保存數據 196
11.6.2 檢索數據 198
11.6.3 刪除數據 201
11.7 使用游標檢索批量數據 202
11.7.1 openCursor()方法及其參數 202
11.7.2 數據遍歷 203
思考與練習 206
第12章 HTML5的檔案操作與拖放操作 207
12.1 file對象和FileList對象 207
12.1.1 file對象 207
12.1.2 FileList對象 208
12.2 ArrayBuffer對象與ArrayBufferView對象 209
12.2.1 ArrayBuffer和ArrayBufferView概念 209
12.2.2 ArrayBuffer對象 210
12.2.3 ArrayBufferView對象 210
12.2.4 DataView對象 212
12.3 Blob對象 213
12.3.1 使用Blob對象獲取檔案大小和類型 213
12.3.2 通過slice()方法分割檔案 216
12.4 FileReader接口 217
12.4.1 FileReader接口的方法 217
12.4.2 FileReader接口的事件 218
12.4.3 FileReader接口的套用 218
12.5 拖放API 221
12.5.1 拖放API簡介 222
12.5.2 拖放的實現過程 222
12.6 DataTransfer對象的屬性與方法 224
12.6.1 DataTransfer對象的屬性及拖放視覺效果 224
12.6.2 DataTransfer對象的方法 225
12.7 拖放的套用 227
12.7.1 拖動網頁元素 227
12.7.2 拖動上傳圖片 229
思考與練習 231
第2部分 CSS3及其套用
第13章 CSS3的選擇器 233
13.1 CSS3概述 233
13.1.1 CSS3簡介 233
13.1.2 CSS的一個示例 234
13.2 CSS的基本選擇器 237
13.2.1 標記選擇器 238
13.2.2 類選擇器 238
13.2.3 ID選擇器 239
13.3 在HTML中使用CSS的方法 241
13.3.1 行內樣式 241
13.3.2 嵌入樣式 241
13.3.3 連結樣式 242
13.3.4 導入樣式 243
13.3.5 樣式的優先權 244
13.4 CSS複合選擇器 247
13.4.1 交集選擇器 247
13.4.2 並集選擇器 248
13.4.3 後代選擇器 249
13.4.4 子選擇器 251
13.4.5 相鄰選擇器 251
13.5 CSS3新增的選擇器 252
13.5.1 屬性選擇器 253
13.5.2 偽類選擇器 254
13.5.3 偽元素選擇器 259
13.6 使用CSS設計網站頁面 261
思考與練習 266
第14章 使用CSS3設定元素樣式 267
14.1 用CSS3設定文本樣式 267
14.1.1 字型屬性 267
14.1.2 文本屬性 270
14.2 用CSS3設定顏色與背景 275
14.2.1 顏色設定 275
14.2.2 背景設定 276
14.2.3 圓角框線和圖像框線 278
14.3 用CSS3設定圖像效果 280
14.3.1 為圖片添加框線 280
14.3.2 圖片縮放 282
14.3.3 圖文混排 284
14.4 用CSS3美化頁面的套用 286
14.4.1 用CSS樣式美化表單 286
14.4.2 設定圖形項目符號 288
思考與練習 289
第15章 CSS3的盒模型及網頁布局 291
15.1 CSS盒模型 291
15.1.1 盒模型的組成 291
15.1.2 盒的類型 296
15.1.3 CSS3新增的與盒相關的屬性 298
15.2 CSS布局常用屬性 303
15.2.1 定位屬性 303
15.2.2 浮動屬性 307
15.3 CSS的網頁布局 309
15.3.1 單列布局 309
15.3.2 兩列布局 311
15.3.3 使用CSS3盒布局的三列布局 315
15.4 DIV+CSS布局的套用 318
15.4.1 圖文混排的實現 318
15.4.2 製作二級導航選單 322
思考與練習 328
第16章 CSS3的回響式布局 329
16.1 回響式布局簡介 329
16.1.1 媒體查詢模組 329
16.1.2 Media Queries的套用示例 332
16.2 使用Bootstrap實現回響式布局 336
16.2.1 Bootstrap框架簡介 336
16.2.2 Bootstrap框架中的各種元素 338
16.2.3 套用Bootstrap框架構建的網頁 343
思考與練習 347
第3部分 綜合案例
第17章 綜合案例1——線上旅遊網站的設計與實現 349
17.1 使用HTML 5結構元素組織網頁 349
17.1.1 網頁結構描述 349
17.1.2 用CSS 3定義網站全局樣式 351
17.2 頁頭部分的設計 352
17.2.1 頁頭的結構描述 352
17.2.2 頁頭元素及CSS樣式代碼分析 353
17.3 側邊導航和焦點圖的設計 355
17.3.1 側邊導航和焦點圖板塊的內容 355
17.3.2 側邊導航和焦點圖板塊的代碼分析 356
17.4 快速搜尋、滑動Tab和線上諮詢板塊設計 361
17.4.1 快速搜尋、滑動Tab和線上諮詢板塊的內容 361
17.4.2 快速搜尋板塊的代碼分析 361
17.4.3 滑動Tab板塊的代碼分析 364
17.4.4 線上諮詢板塊的代碼分析 366
17.5 特色線路板塊的設計 368
17.5.1 特色線路板塊的內容 368
17.5.2 特色線路板塊的代碼分析 369
17.6 頁腳的設計 371
17.6.1 頁腳的結構描述 371
17.6.2 頁腳的代碼分析 372
思考與練習 374
第18章 綜合案例2——訂單管理網站的設計與實現 376
18.1 案例功能描述 376
18.2 用戶登錄註冊模組設計 378
18.2.1 頁面結構代碼分析 378
18.2.2 CSS代碼分析 379
18.2.3 JavaScript代碼分析 380
18.3 訂單管理模組設計 383
18.3.1 頁面結構代碼分析 383
18.3.2 CSS代碼分析 385
18.3.3 JavaScript代碼分析 387
18.4 客戶管理模組設計 393
18.4.1 頁面結構代碼和CSS代碼分析 394
18.4.2 JavaScript代碼分析 395
思考與練習 396
附錄 HTML標記列表 398
參考文獻 402
