HTML5+CSS3+JavaScript+jQuery Mobile移動網站與App開

王英英，從事Web應用開發多年，精通多種編程語言，對數據庫技術有深入研究。
在Python編程、數據庫開發方面有著豐富的經驗，並已出版過多本相關暢銷書，受廣大讀者熟悉和認可。
暢銷書有《MySQL 5.7從零開始學（視頻教學版）》《MySQL8從入門到精通（視頻教學版）》等。

目錄
第1章  HTML 5快速入門 1
1.1  HTML 5概述 1
1.2　HTML 5的文檔結構 2
1.2.1  文檔類型說明 3
1.2.2  HTML標記 3
1.2.3  頭標記head 3
1.2.4  網頁的主體標記body 6
1.2.5  頁面註釋標記<!-- --> 6
1.3  HTML 5文件的編寫方法 7
1.3.1  使用記事本手工編寫HTML文件 7
1.3.2  使用WebStorm編寫HTML文件 8
1.4  HTML 5語法的新變化 9
1.4.1  標簽不再區分大小寫 9
1.4.2  允許屬性值不使用引號 10
1.4.3  允許部分屬性值的屬性省略 10
1.5　新手疑惑解答 11

第2章  HTML 5網頁中的文本和圖像 12
2.1  添加文本 12
2.2　文本排版 16
2.2.1  換行標記<br/>與段落標記<p> 16
2.2.2  標題標記<h1>～<h6> 18
2.3　文字列表 19
2.3.1  建立無序列表<ul> 19
2.3.2  建立有序列表<ol> 20
2.4  網頁中的圖像<img> 21
2.4.1  網頁中支持的圖片格式 22
2.4.2  使用路徑 22
2.4.3  在網頁中插入圖像標記<img> 23
2.5　URL的概念 27
2.5.1  URL的格式 27
2.5.2  URL的類型 27
2.6　超鏈接標記<a> 28
2.6.1  設置文本和圖片的超鏈接 29
2.6.2  超鏈接指向的目標類型 29
2.6.3  設置以新窗口顯示超鏈接頁面 31
2.7　創建熱點區域 32
2.8  綜合實例——圖文並茂的房屋裝飾裝修網頁 33
2.9  新手疑惑解答 34

第3章  用HTML 5創建表格和表單 36
3.1  表格基本結構及操作 36
3.1.1  表格基本結構 36
3.1.2  合並單元格 38
3.2　完整的表格標記 42
3.3  表單概述 43
3.4　表單基本元素的使用 44
3.4.1  單行文本輸入框text 44
3.4.2  多行文本框標記<textarea> 45
3.4.3  密碼域password 46
3.4.4  單選按鈕radio 47
3.4.5  復選框checkbox 48
3.4.6  選擇列表標記<select> 49
3.4.7  普通按鈕button 50
3.4.8  提交按鈕submit 51
3.4.9  重置按鈕reset 52
3.5　表單高級元素的使用 53
3.5.1  url屬性 53
3.5.2  eamil屬性 54
3.5.3  日期和時間 55
3.5.4  number屬性 55
3.5.5  range屬性 56
3.5.6  required屬性 57
3.6  綜合實例——創建用戶反饋表單 58
3.7　新手疑惑解答 59

第4章  HTML 5中的音頻和視頻 60
4.1  <audio>標記 60
4.1.1  <audio>標記概述 60
4.1.2  <audio>標記的屬性 61
4.1.3  音頻解碼器 62
4.1.4  <audio>標記瀏覽器的支持情況 62
4.2  <video>標記 62
4.2.1  <video>標記概述 62
4.2.2  <video>標記的屬性 63
4.2.3  視頻解碼器 64
4.2.4  <video>標記瀏覽器的支持情況 64
4.3  音頻和視頻中的方法 64
4.3.1  canPlayType()方法 64
4.3.2  load()方法 66
4.3.3  play()方法和pause()方法 67
4.4  音頻和視頻中的屬性 68
4.4.1  autoplay屬性 68
4.4.2  buffered屬性 70
4.4.3  controls屬性 71
4.4.4  currentSrc屬性 73
4.5　新手疑惑解答 74

第5章  數據存儲Web Storage 75
5.1  認識Web存儲 75
5.1.1  本地存儲和Cookies的區別 75
5.1.2  Web存儲方法 75
5.2  使用HTML 5 Web Storage API 76
5.2.1  測試瀏覽器的支持情況 76
5.2.2  使用sessionStorage方法創建對象 77
5.2.3　使用localStorage方法創建對象 78
5.2.4　Web Storage API的其他操作 80
5.2.5  使用JSON對象存取數據 80
5.3  目前瀏覽器對Web存儲的支持情況 83
5.4  綜合實例——設計一個頁面計數器 83
5.5  新手疑惑解答 85

第6章  CSS快速入門 86
6.1  CSS介紹 86
6.1.1  CSS功能 86
6.1.2  CSS發展歷史 87
6.1.3  瀏覽器與CSS 87
6.2  編輯和瀏覽CSS 88
6.2.1  CSS基礎語法 88
6.2.2  使用WebStorm創建CSS文件 88
6.3　在HTML中使用CSS的方法 89
6.3.1  行內樣式 90
6.3.2  內嵌樣式 90
6.3.3  鏈接樣式 92
6.3.4  導入樣式 93
6.3.5  優先級問題 94
6.4  CSS 3選擇器 96
6.4.1  標記選擇器 97
6.4.2  類選擇器 98
6.4.3  ID選擇器 99
6.4.4  全局選擇器 101
6.4.5  組合選擇器 102
6.4.6  繼承選擇器 103
6.4.7  偽類 104
6.4.8  屬性選擇器 106
6.4.9  結構偽類選擇器 107
6.4.10  UI元素狀態偽類選擇器 109
6.5  選擇器的聲明 110
6.5.1  集體聲明 111
6.5.2  多重嵌套聲明 112
6.6　綜合實例——設計新聞菜單 112
6.7  新手疑惑解答 116

第7章  CSS基礎語法 117
7.1  CSS美化網頁中的文字 117
7.1.1  設置字體的屬性 117
7.1.2  字體顏色color 120
7.2　文本的對齊方式 122
7.2.1  垂直對齊方式vertial-align 122
7.2.2  水平對齊方式 124
7.3  CSS美化網頁中的表格 126
7.3.1  表格邊框樣式 126
7.3.2  表格邊框寬度 128
7.3.3  表格邊框顏色 130
7.4　CSS與表單 131
7.4.1  美化表單中的元素 131
7.4.2  美化提交按鈕 133
7.4.3  美化下拉菜單 135
7.5  CSS美化網頁中的圖片 137
7.5.1  圖片邊框 137
7.5.2  橫向對齊方式 138
7.5.3  縱向對齊方式 139
7.6  CSS美化網頁背景 141
7.6.1  背景顏色 141
7.6.2  背景圖片 142
7.7  綜合實例——製作旅游宣傳網頁 145
7.8  新手疑惑解答 149

第8章  網頁的定位與佈局 151
8.1  定位方式 151
8.1.1  定位屬性 151
8.1.2  position定位 152
8.1.3  層疊順序z-index 156
8.1.4  邊偏移屬性 158
8.2  float浮動定位 159
8.3  overflow溢出定位 162
8.4  visibility隱藏定位 163
8.5  塊和行內元素display 165
8.5.1  塊元素 165
8.5.2  行內元素 168
8.6  綜合實例——定位佈局新聞 168
8.7  新手疑惑解答 172

第9章  JavaScript快速入門 173
9.1  JavaScript簡介 173
9.2  在HTML文件中使用JavaScript代碼 174
9.2.1  JavaScript嵌入HTML文件 174
9.2.2  外部JavaScript文件 175
9.3  數據類型與變量 176
9.3.1  數據類型 176
9.3.2  變量 178
9.4　流程控制語句 180
9.4.1  註釋語句和語句塊 180
9.4.2  選擇語句 181
9.4.3  循環語句 188
9.5　函數 191
9.5.1  函數簡介 191
9.5.2  定義函數 192
9.5.3  調用函數 195
9.6　綜合實例——購物簡易計算器 197
9.7　新手疑惑解答 199

第10章  JavaScript對象編程 200
10.1  字符串對象 200
10.1.1  字符串對象的創建 200
10.1.2  字符串對象的常用屬性 201
10.1.3  字符串對象的常用函數 201
10.2  數組對象 203
10.2.1  數組對象的創建 204
10.2.2  數組對象的操作 204
10.2.3  數組對象的常用方法 207
10.3  文檔對象模型 211
10.3.1  文檔對象模型介紹 211
10.3.2  在DOM模型中獲得對象的方法 211
10.3.3  事件驅動 213
10.4　窗口（window）對象 215
10.4.1  窗口介紹 215
10.4.2  對話框 217
10.4.3  窗口操作 219
10.5　文檔（document）對象 220
10.5.1  文檔的屬性 221
10.5.2  文檔中的圖片 223
10.5.3  文檔中的超鏈接 224
10.6　表單對象 226
10.6.1  form對象 226
10.6.2  form對象的屬性與方法 227
10.6.3  單選與復選的使用 228
10.6.4  使用下拉菜單 230
10.7　綜合實例——設計省市聯動效果 231
10.8  新手疑惑解答 235

第11章  JavaScript操縱CSS 236
11.1  DHTML簡介 236
11.2  前臺動態網頁效果 237
11.2.1  動態內容 237
11.2.2  動態樣式 238
11.2.3  動態定位 240
11.2.4  顯示與隱藏 242
11.3　JavaScript控製表單背景色和文字提示 243
11.4　綜合實例——實現即時驗證效果 246
11.5  新手疑惑解答 248

第12章  地理定位、離線Web應用和Web存儲 250
12.1  獲取地理位置 250
12.1.1  地理地位的原理 250
12.1.2  地理定位的函數 250
12.1.3  指定緯度和經度坐標 251
12.1.4  目前瀏覽器對地理定位的支持情況 252
12.2  HTML 5離線Web應用 253
12.2.1  新增的本地緩存 253
12.2.2  本地緩存的管理者——manifest文件 253
12.2.3  瀏覽器網頁緩存與本地緩存的區別 254
12.2.4  目前瀏覽器對Web離線應用的支持情況 254
12.3  Web存儲 255
12.3.1  本地存儲和Cookies的區別 255
12.3.2  在客戶端存儲數據 255
12.3.3  sessionStorage函數 256
12.3.4  localStorage函數 257
12.3.5  目前瀏覽器對Web存儲的支持情況 258
12.4  新手疑惑解答 259

第13章  熟悉jQuery Mobile 260
13.1  認識jQuery Mobile 260
13.2  跨平臺移動設備網頁jQuery Mobile 261
13.2.1  移動設備模擬器 261
13.2.2  jQuery Mobile的安裝 262
13.2.3  jQuery Mobile網頁的架構 264
13.3  創建多頁面的jQuery Mobile網頁 265
13.4  將頁面作為對話框使用 267
13.5  絢麗多彩的頁面切換效果 268
13.6  綜合案例——設計彈出表單效果 271
13.7  新手疑惑解答 272

第14章  jQuery Mobile UI組件 273
14.1  套用UI組件 273
14.1.1  表單組件 273
14.1.2  按鈕和組按鈕 281
14.1.3  按鈕圖標 283
14.1.4  彈窗 285
14.2  列表 286
14.2.1  列表視圖 287
14.2.2  列表內容 289
14.2.3  列表過濾 291
14.3  面板和可折疊塊 293
14.3.1  面板 293
14.3.2  可折疊塊 294
14.4  導航條 296
14.5  jQuery Mobile主題 300
14.6  綜合案例——設計一個商品列表頁面 303
14.7  新手疑惑解答 306

第15章  jQuery Mobile事件 307
15.1  頁面事件 307
15.1.1  初始化事件 307
15.1.2  外部頁面加載事件 310
15.1.3  頁面過渡事件 312
15.2  觸摸事件 314
15.2.1  點擊事件 314
15.2.2  滑動事件 317
15.3  滾屏事件 319
15.4  定位事件 322
15.5  綜合案例——設計一個商品秒殺的滾屏頁面 324
15.6  新手疑惑解答 326

第16章  數據存儲和讀取技術 327
16.1  Web SQL Database概述 327
16.2  使用Web SQL Database操作數據 327
16.2.1  數據庫的基本操作 328
16.2.2  數據表的基本操作 329
16.2.3  數據的基本操作 331
16.3  綜合案例——企業員工管理系統 332
16.4  新手疑惑解答 335

第17章  使用jQuery Mobile插件 336
17.1  Camera插件 336
17.2  Swipebox插件 338
17.3  mmenu插件 340
17.4  DateBox插件 342
17.5  Mobiscroll插件 343
17.6  新手疑惑解答 345

第18章  項目實訓1——開發求職招聘App 346
18.1  項目概述 346
18.1.1  項目結構目錄 346
18.1.2  項目效果展示 347
18.2  項目設計 349
18.2.1  設計登錄和註冊頁面 349
18.2.2  設計個人中心頁面 351
18.2.3  設計簡歷預覽頁面 353
18.2.4  設計簡歷編輯頁面 354
18.2.5  設計投遞記錄和職位收藏頁面 355
18.2.6  設計職位列表頁面 359
18.2.7  設計職位詳情頁面 361
18.3  項目打包成App 362

第19章  項目實訓2——開發游戲App 366
19.1  游戲概述 366
19.1.1  游戲結構目錄 366
19.1.2  項目效果演示 366
19.2  游戲設計 367
19.2.1  index.html文件 367
19.2.2  style.css文件 368
19.2.3  index.js文件 369
19.3  項目打包成App 372

第20章  項目實訓3——開發購物網站App 373
20.1  項目概述 373
20.1.1  項目結構目錄 373
20.1.2  項目效果展示 373
20.2  首頁設計 375
20.2.1  設計廣告欄 376
20.2.2  設計導航欄 379
20.2.3  設計輪播 380
20.2.4  設計蔬菜欄 382
20.2.5  設計乾果欄 385
20.2.6  設計底部欄 389
20.3  購買頁面設計 391
20.4  蔬菜展示頁面設計 395
20.5  項目打包成App 398