《HTML5程式設計基礎教程》是2013年人民郵電出版社出版的圖書，作者是李雯、李洪發。
基本介紹
- 書名：HTML5程式設計基礎教程
- 作者：李雯、李洪發
- ISBN： 978-7-115-31405-5
- 頁數：386 頁
- 定價：49.00 元
- 出版社：2013年7月
- 出版時間：2013年7月
- 裝幀：平裝
- 開本：16 開
- 叢書名：21世紀高等教育計算機規劃教材
內容簡介,目錄,
內容簡介
HTML5是最新的HTML標準。儘管HTML5到目前為止還只是草案，離真正的規範還有相當的一段路要走，但HTML5已經引起了業內的廣泛興趣，Google Chrome、Firefox、Opera、Safari和Internet Explorer 9等主流瀏覽器都已經支持HTML5技術。HTML5無疑會成為未來10年最熱門的網際網路技術。本書涵蓋了HTML5的各種新特性，主要內容包括HTML5概述、JavaScript、HTML5表單及檔案處理、CSS、拖放、Canvas API畫圖、繪製可伸縮矢量圖形、播放多媒體、Web通信、本地存儲、開發支持離線的Web應用程式、獲取瀏覽器的地理位置信息、支持多執行緒編程的Web Workers、jQuery等。讀者在閱讀本書時可以充分了解和體驗HTML5的強大功能。
本書既可以作為大學本科“Web應用程式設計”課程的教材，也可作為高職高專院校相關專業的教材，或作為Web應用程式開發人員的參考用書。
目錄
第1章 HTML5概述 1
1.1 HTML基礎 1
1.1.1 什麼是HTML 1
1.1.2 HTML的歷史 2
1.2 HTML4基礎 3
1.2.1 設定網頁背景和顏色 3
1.2.2 設定字型屬性 3
1.2.3 超級連結 5
1.2.4 圖像和動畫 6
1.2.5 表格 6
1.2.6 使用框架 8
1.2.7 其他常用標籤 10
1.3 HTML5的新特性 12
1.3.1 簡化的文檔類型和字元集 12
1.3.2 HTML5的新結構 13
1.3.3 HTML5的新增內聯元素 17
1.3.4 支持動態頁面 19
1.3.5 全新的表單設計 22
1.3.6 強大的繪圖和多媒體功能 22
1.3.7 打造桌面套用的一系列新功能 23
1.3.8 獲取地理位置信息 23
1.3.9 支持多執行緒 23
1.3.10 廢棄的標籤 24
1.4 支持HTML5的瀏覽器 25
練習題 26
第2章 JavaScript編程 29
2.1 在HTML中使用JavaScript語言 29
2.1.1 在HTML中插入JavaScript代碼 29
2.1.2 使用js檔案 30
2.2 基本語法 30
2.2.1 數據類型 30
2.2.2 變數 30
2.2.3 注釋 31
2.2.4 運算符 32
2.3 常用語句 35
2.3.1 條件分支語句 35
2.3.2 循環語句 39
2.4 函式 42
2.4.1 創建自定義函式 42
2.4.2 調用函式 43
2.4.3 變數的作用域 44
2.4.4 函式的返回值 45
2.5 面向對象程式設計 45
2.5.1 面向對象程式設計思想簡介 45
2.5.2 JavaScript內置類 46
2.5.3 HTML DOM 54
2.5.4 Window對象 55
2.5.5 Navigator對象 60
2.5.6 document對象 62
2.6 JavaScript事件處理 63
2.6.1 常用HTML事件 63
2.6.2 Window對象的事件處理 65
2.6.3 Event對象 65
練習題 67
第3章 HTML5表單及檔案處理 68
3.1 HTML4表單 68
3.1.1 定義表單 68
3.1.2 文本框 69
3.1.3 文本區域 70
3.1.4 單選按鈕 71
3.1.5 複選框 71
3.1.6 組合框 72
3.1.7 按鈕 72
3.2 HTML5表單的新特性 73
3.2.1 新的input類型 73
3.2.2 新的表單元素 77
3.2.3 新的表單屬性 79
3.2.4 表單驗證 80
3.3 檔案處理 82
3.3.1 選擇檔案的表單控制項 82
3.3.2 檢測瀏覽器是否支持HTML5 File API 82
3.3.3 FileList接口 83
3.3.4 FileReader接口 85
練習題 87
第4章 最新版本的層疊樣式表——CSS3 88
4.1 CSS基礎 88
4.1.1 什麼是CSS 88
4.1.2 在HTML文檔中套用CSS 89
4.1.3 顏色與背景 91
4.1.4 設定字型 92
4.1.5 設定文本屬性 93
4.1.6 超連結 99
4.1.7 列表 100
4.1.8 表格 102
4.1.9 CSS 輪廓 106
4.1.10 浮動元素 107
4.2 CSS3的新技術 109
4.2.1 實現圓角效果 109
4.2.2 多彩的框線顏色 113
4.2.3 陰影 114
4.2.4 背景圖片 115
4.2.5 多列 117
4.2.6 嵌入字型 119
4.2.7 透明度 120
4.2.8 HSL和HSLA顏色表現方法 122
4.3 CSS3套用實例 124
4.3.1 HTML5+CSS3設計頁面布局 124
4.3.2 設計漂亮的導航選單 128
4.3.3 設計登錄頁面 130
練習題 134
第5章 HTML5拖放 135
5.1 概述 135
5.1.1 什麼是拖放 135
5.1.2 設定元素為可拖放 135
5.1.3 拖放事件 136
5.2 傳遞拖曳數據 136
5.2.1 dataTransfer對象的屬性 137
5.2.2 dataTransfer對象的方法 137
5.3 HTML5拖放的實例 138
5.3.1 拖放HTML元素 138
5.3.2 拖放檔案 139
練習題 141
第6章 使用Canvas API畫圖 142
6.1 Canvas元素 142
6.1.1 Canvas元素的定義語法 142
6.1.2 使用JavaScript獲取網頁中的canvas對象 143
6.2 坐標與顏色 143
6.2.1 坐標系統 143
6.2.2 顏色的表示方法 143
6.3 繪製圖形 145
6.3.1 繪製直線 145
6.3.2 繪製貝塞爾曲線 147
6.3.3 繪製矩形 149
6.3.4 繪製圓弧 152
6.4 描邊和填充 153
6.4.1 描邊 153
6.4.2 填充圖形內部 156
6.4.3 漸變顏色 157
6.4.4 透明顏色 162
6.5 繪製圖像與文字 163
6.5.1 繪製圖像 163
6.5.2 輸出文字 166
6.6 圖形的操作 169
6.6.1 保存和恢復繪圖狀態 169
6.6.2 移動 170
6.6.3 縮放 171
6.6.4 旋轉 172
6.6.5 變形 172
6.7 組合和陰影 174
6.7.1 組合圖形 175
6.7.2 繪製陰影 177
6.8 HTML5 Canvas套用實例 178
6.8.1 繪製漂亮的警告牌 179
6.8.2 動畫實例：小型太陽系模型 181
練習題 184
第7章 繪製可伸縮矢量圖形(SVG) 185
7.1 SVG概述 185
7.1.1 SVG的特性 185
7.1.2 XML基礎 185
7.1.3 一個SVG實例 187
7.1.4 SVG坐標系統 187
7.1.5 在HTML5中使用SVG 188
7.2 SVG形狀 188
7.2.1 繪製直線 188
7.2.2 繪製折線 189
7.2.3 繪製矩形 190
7.2.4 繪製圓形 190
7.2.5 繪製橢圓 191
7.2.6 繪製多邊形 191
7.2.7 路徑 192
7.3 線條和填充 194
7.3.1 設定線條的屬性 194
7.3.2 填充 197
7.4 SVG文本與圖片 198
7.4.1 輸出文本 198
7.4.2 SVG圖片 201
7.5 SVG濾鏡 201
7.5.1 定義濾鏡 202
7.5.2 套用濾鏡 203
7.6 漸變顏色 203
7.6.1 線性漸變 204
7.6.2 放射性漸變 204
7.7 變換坐標系 205
7.7.1 視窗變換——viewBox屬性 206
7.7.2 用戶坐標系的變換——transform屬性 206
練習題 208
第8章 播放多媒體 210
8.1 HTML5音頻 210
8.1.1 audio標籤 210
8.1.2 播放背景音樂 211
8.1.3 設定替換音頻源 212
8.1.4 使用JavaScript語言訪問audio對象 212
8.2 HTML5視頻 216
8.2.1 video標籤 216
8.2.2 使用JavaScript語言訪問video對象 218
練習題 224
第9章 Web通信 225
9.1 跨文檔訊息機制 225
9.1.1 檢測瀏覽器對跨文檔訊息機制的支持情況 225
9.1.2 使用postMessage API傳送訊息 226
9.1.3 監聽和處理訊息事件 227
9.2 XMLHttpRequest Level 2 228
9.2.1 創建XMLHttpRequest對象 229
9.2.2 傳送HTTP請求 229
9.2.3 從伺服器接收數據 230
9.2.4 進行HTTP頭(HEAD)請求 233
9.2.5 逾時控制 236
9.2.6 使用FormData對象向伺服器傳送數據 236
9.2.7 使用FormData對象上傳檔案 239
9.3 WebSocket 243
9.3.1 什麼是Socket 244
9.3.2 WebSocket API概述 246
9.3.3 WebSocket API編程 246
9.3.4 WebSocket伺服器 248
練習題 251
第10章 本地存儲 252
10.1 概述 252
10.1.1 HTML4的本地數據存儲方式 252
10.1.2 HTML5本地存儲技術概述 254
10.2 localstorage 254
10.2.1 瀏覽器對localstorage的支持情況 254
10.2.2 使用localstorage保存數據 255
10.2.3 獲取localstorage中的數據 255
10.2.4 刪除localstorage中的數據 257
10.2.5 storage事件 257
10.3 sessionstorage 259
10.3.1 判斷瀏覽器是否支持sessionstorage 259
10.3.2 使用sessionstorage保存數據 260
10.3.3 獲取sessionstorage中的數據 260
10.3.4 刪除sessionstorage中的數據 261
10.4 webSQL Database API 261
10.4.1 判斷瀏覽器是否支持webSQL Database API 261
10.4.2 新建資料庫 262
10.4.3 執行SQL語句 262
10.5 IndexedDB 266
10.5.1 資料庫的相關概念 266
10.5.2 判斷瀏覽器是否支持IndexedDB 267
10.5.3 創建和打開資料庫 268
10.5.4 創建對象存儲空間ObjectStore 268
10.5.5 創建索引 271
10.5.6 事務 272
10.5.7 游標 275
練習題 280
第11章 開發支持離線的Web應用程式 281
11.1 HTML5離線Web應用程式概述 281
11.1.1 什麼是離線Web應用程式 281
11.1.2 開發離線Web應用程式需要完成的工作 283
11.2 開發HTML5離線Web應用程式 283
11.2.1 Application Cache API 283
11.2.2 Cache manifest檔案 284
11.2.3 更新快取 286
11.2.4 檢測線上狀態 289
練習題 290
第12章 獲取瀏覽器的地理位置信息 291
12.1 概述 291
12.1.1 什麼是瀏覽器地理位置 291
12.1.2 瀏覽器對獲取地理位置信息的支持情況 291
12.2 獲取地理位置信息 292
12.2.1 getCurrentPosition()方法 292
12.2.2 watchPosition()方法 295
12.2.3 clearWatch()方法 296
12.3 數據保護 296
12.3.1 在Internet Explorer 9中配置共享地理位置 297
12.3.2 在Chrome中配置共享地理位置 298
12.3.3 在Firefox中配置共享地理位置 299
練習題 300
第13章 支持多執行緒編程的Web Workers 301
13.1 概述 301
13.1.1 什麼是執行緒 301
13.1.2 什麼是HTML5 Web Workers 302
13.1.3 瀏覽器對Web Workers的支持情況 303
13.2 Web Workers編程 303
13.2.1 創建Web Workers對象 303
13.2.2 終止Web Workers對象 306
13.2.3 共享執行緒(Shared Worker) 306
練習題 308
第14章 jQuery程式設計 309
14.1 jQuery基礎 309
14.1.1 下載jQuery 309
14.1.2 初識jQuery 310
14.2 jQuery選擇器 311
14.2.1 基礎選擇器 312
14.2.2 層次選擇器 314
14.2.3 基本過濾器 318
14.2.4 內容過濾器 320
14.2.5 可見性過濾器 322
14.2.6 屬性過濾器 322
14.2.7 子元素過濾器 324
14.3 設定HTML元素的屬性與CSS樣式 325
14.3.1 設定HTML元素的屬性 325
14.3.2 設定CSS樣式 328
14.4 表單編程 332
14.4.1 表單選擇器 332
14.4.2 表單過濾器 335
14.4.3 表單API 337
14.5 事件和Event對象 340
14.5.1 事件處理函式 340
14.5.2 Event對象 340
14.5.3 綁定到事件處理函式 343
14.5.4 鍵盤事件 344
14.5.5 滑鼠事件 345
14.5.6 文檔載入事件 346
14.5.7 瀏覽器事件 346
14.6 jQuery動畫 347
14.6.1 執行自定義的動畫 348
14.6.2 顯示和隱藏HTML元素 349
14.6.3 淡入淡出效果 350
14.6.4 滑動效果 354
14.6.5 動畫佇列 357
練習題 360
附錄 實驗 362
實驗1 HTML4基礎 362
實驗2 HTML5的新特性 365
實驗3 JavaScript編程 367
實驗4 HTML5表單及檔案處理 369
實驗5 使用CSS3 370
實驗6 HTML5拖放 372
實驗7 使用Canvas API畫圖 373
實驗8 繪製可伸縮矢量圖形(SVG) 375
實驗9 播放多媒體 377
實驗10 Web通信 378
實驗11 本地存儲 379
實驗12 開發支持離線的Web應用程式 381
實驗13 獲取瀏覽器的地理位置信息 382
實驗14 支持多執行緒編程的Web Workers 383
實驗15 jQuery編程 384
