APP和移動網站開發案例課堂

第1篇 HTML 5網頁開發
第1章 HTML 5快速入門 3
1.1 HTML 5簡介 4
1.1.1 HTML 5簡介 4
1.1.2 HTML 5文件的基本結構 5
1.2 HTML 5文件的編寫方法 5
1.2.1 案例1——手工編寫HTML 5 5
1.2.2 案例2——使用HTML編輯器 6
1.3 使用瀏覽器查看HTML 5文件 10
1.3.1 各大瀏覽器與HTML 5的兼容 10
1.3.2 案例3——查看頁面效果 11
1.3.3 案例4——查看源文件 11
1.4 高手甜點 12
1.5 跟我練練手 12
第2章 HTML 5網頁文檔結構 13
2.1 Web標准 14
2.1.1 Web標准概述 14
2.1.2 Web標准規定的內容 14
2.2 HTML 5文檔的基本結構 15
2.2.1 HTML 5結構 16
2.2.2 文檔類型說明 16
2.2.3 HTML 5標記html 17
2.2.4 頭標記head 17
2.2.5 網頁的主體標記body 20
2.2.6 頁面注釋標記＜!-- --＞ 20
2.3 綜合案例——符合W3C標准的HTML 5網頁 21
2.4 高手甜點 22
2.5 跟我練練手 22
第3章 HTML 5網頁中的文本和圖像 23
3.1 在網頁中添加文本 24
3.1.1 案例1——普通文本的添加 24
3.1.2 案例2——特殊字符文本的添加 24
3.1.3 案例3——使用HTML 5標記添加特殊文本 26
3.2 文本排版 28
3.2.1 案例4——換行標記28
3.2.2 案例5——段落標記p 29
3.2.3 案例6——標題標記h1～h6 29
3.3 文字列表 30
3.3.1 案例7——建立無序列表ul 31
3.3.2 案例8——建立有序列表ol 32
3.3.3 案例9——建立不同類型的無序列表 33
3.3.4 案例10——建立不同類型的有序列表 34
3.3.5 案例11——建立嵌套列表 35
3.3.6 案例12——自定義列表 36
3.4 網頁中的圖像 37
3.4.1 案例13——在網頁中插入圖像 37
3.4.2 案例14——設置圖像的寬度和高度 39
3.4.3 案例15——設置圖像的提示文字 39
3.4.4 案例16——將圖片設置為網頁背景 40
3.4.5 案例17——排列圖像 41
3.5 綜合案例1——圖文並茂的房屋裝飾裝修網頁 42
3.6 綜合案例2——在線購物網站產品展示效果 43
3.7 高手甜點 44
3.8 跟我練練手 44
第4章 用HTML 5建立超鏈接 45
4.1 網頁超鏈接的概念 46
4.1.1 什麼是網頁超鏈接 46
4.1.2 超鏈接中的URL 46
4.1.3 超鏈接的URL類型 47
4.2 建立網頁超鏈接 47
4.2.1 案例1——創建超文本鏈接 47
4.2.2 案例2——創建圖片鏈接 49
4.2.3 案例3——創建下載鏈接 50
4.2.4 案例4——使用相對URL和絕對URL 51
4.2.5 案例5——設置以新窗口顯示超鏈接頁面 52
4.2.6 案例6——設置電子郵件鏈接 53
4.3 案例7——浮動框架iframe 54
4.4 案例8——精確定位熱點區域 55
4.5 綜合案例——使用錨鏈接制作電子書閱讀網頁 59
4.6 高手甜點 61
4.7 跟我練練手 62
第5章 用HTML 5創建表格和表單 63
5.1 表格的基本結構 64
5.2 使用HTML 5創建表格 65
5.2.1 案例1——創建普通表格 65
5.2.2 案例2——創建一個帶有標題的表格 67
5.2.3 案例3——定義表格的邊框類型 67
5.2.4 案例4——定義表格的表頭 68
5.2.5 案例5——設置表格背景 69
5.2.6 案例6——設置單元格背景 71
5.2.7 案例7——合並單元格 72
5.2.8 案例8——排列單元格中的內容 76
5.2.9 案例9——設置單元格的行高與列寬 77
5.3 案例10——創建完整的表格 78
5.4 案例11——認識表單 79
5.5 表單基本元素的使用 80
5.5.1 案例12——單行文本輸入框text 80
5.5.2 案例13——多行文本輸入框textarea 81
5.5.3 案例14——密碼輸入框password 82
5.5.4 案例15——單選按鈕radio 83
5.5.5 案例16——復選框checkbox 83
5.5.6 案例17——下拉列表框select 84
5.5.7 案例18——普通按鈕button 85
5.5.8 案例19——提交按鈕submit 86
5.5.9 案例20——重置按鈕reset 87
5.6 表單高級元素的使用 88
5.6.1 案例21——url屬性的應用 88
5.6.2 案例22——email屬性的應用 89
5.6.3 案例23——date和time屬性的應用 90
5.6.4 案例24——number屬性的應用 91
5.6.5 案例25——range屬性的應用 91
5.6.6 案例26——required屬性的應用 92
5.7 綜合案例1——創建用戶反饋表單 93
5.8 綜合案例2——制作商品報價表 94
5.9 高手甜點 97
5.10 跟我練練手 98
第6章 HTML 5中的多媒體 99
6.1 網頁音頻標記audio 100
6.1.1 audio標記概述 100
6.1.2 audio標記的屬性 100
6.1.3 音頻解碼器 101
6.1.4 瀏覽器對audio標記的支持情況 101
6.2 網頁視頻標記video 101
6.2.1 video標記概述 101
6.2.2 video標記的屬性 101
6.2.3 視頻解碼器 102
6.2.4 瀏覽器對video標記的支持情況 102
6.3 添加網頁音頻文件 103
6.3.1 案例1——設置背景音樂 103
6.3.2 案例2——設置音樂循環播放 103
6.4 添加網頁視頻文件 104
6.4.1 案例3——為網頁添加視頻文件 104
6.4.2 案例4——設置自動運行 105
6.4.3 案例5——設置視頻文件的循環播放 106
6.4.4 案例6——設置視頻窗口的高度與寬度 106
6.5 添加網頁滾動文字 107
6.5.1 案例7——滾動文字標記 107
6.5.2 案例8——滾動方向屬性 108
6.5.3 案例9——滾動方式屬性 109
6.5.4 案例10——滾動速度屬性 110
6.5.5 案例11——滾動延遲屬性 110
6.5.6 案例12——滾動循環屬性 111
6.5.7 案例13——滾動范圍屬性 112
6.5.8 案例14——滾動背景顏色屬性 113
6.5.9 案例15——滾動空間屬性 113
6.6 高手甜點 114
6.7 跟我練練手 115
第7章 使用HTML 5繪制圖形 117
7.1 什麼是canvas 118
7.2 繪制基本形狀 118
7.2.1 案例1——繪制矩形 119
7.2.2 案例2——繪制圓形 120
7.2.3 案例3——使用moveTo與lineTo繪制直線 121
7.2.4 案例4——使用bezierCurveTo繪制貝塞爾曲線 122
7.3 繪制漸變圖形 124
7.3.1 案例5——繪制線性漸變 124
7.3.2 案例6——繪制徑向漸變 126
7.4 繪制變形圖形 127
7.4.1 案例7——變換原點坐標 127
7.4.2 案例8——圖形縮放 128
7.4.3 案例9——旋轉圖形 129
7.5 繪制其他樣式的圖形 130
7.5.1 案例10——圖形組合 130
7.5.2 案例11——繪制帶陰影的圖形 132
7.5.3 案例12——繪制文字 133
7.6 使用圖像 135
7.6.1 案例13——繪制圖像 135
7.6.2 案例14——圖像平鋪 136
7.6.3 案例15——圖像裁剪 137
7.6.4 案例16——像素處理 139
7.7 圖形的保存與恢復 141
7.7.1 案例17——保存與恢復狀態 141
7.7.2 案例18——保存文件 142
7.8 綜合案例1——繪制火柴棒人物 143
7.9 綜合案例2——繪制商標 146
7.10 高手甜點 148
7.11 跟我練練手 148
第8章 獲取地理位置 149
8.1 Geolocation API獲取地理位置 150
8.1.1 地理定位的原理 150
8.1.2 獲取定位信息的方法 150
8.1.3 常用地理定位方法 150
8.1.4 案例1——判斷瀏覽器是否支持HTML 5獲取地理位置信息 151
8.1.5 案例2——指定緯度和經度坐標 152
8.1.6 案例3——獲取當前位置的經度與緯度 153
8.2 瀏覽器對地理定位的支持情況 155
8.3 綜合案例——在網頁中調用Google地圖 155
8.4 高手甜點 158
8.5 跟我練練手 158
第9章 Web通信新技術 159
9.1 跨文檔消息傳輸 160
9.1.1 跨文檔消息傳輸的基本知識 160
9.1.2 案例1——跨文檔通信應用測試 160
9.2 WebSocket API概述 162
9.2.1 什麼是WebSocket API 162
9.2.2 WebSocket通信基礎 163
9.2.3 案例2——服務器端使用WebSocket API 165
9.2.4 案例3——客戶機端使用WebSocket API 168
9.3 綜合案例——編寫簡單的WebSocket服務器 168
9.4 高手甜點 172
9.5 跟我練練手 172
第10章 構建離線的Web應用 173
10.1 HTML 5離線Web應用概述 174
10.2 使用HTML 5離線Web應用API 174
10.2.1 案例1——檢查瀏覽器的支持情況 174
10.2.2 案例2——搭建簡單的離線應用程序 175
10.2.3 案例3——支持離線行為 175
10.2.4 案例4——Manifest文件 176
10.2.5 案例5——Application CacheAPI 177
10.3 使用HTML 5離線Web應用構建應用 178
10.3.1 案例6——創建記錄資源的manifest文件 178
10.3.2 案例7——創建構成界面的HTML和CSS 179
10.3.3 案例8——創建離線的JavaScript 179
10.3.4 案例9——檢查applicationCache的支持情況 181
10.3.5 案例10——為Update按鈕添加處理函數 181
10.3.6 案例11——添加storage功能代碼 182
10.3.7 案例12——添加離線事件處理程序 182
10.4 高手甜點 183
10.5 跟我練練手 183

第2篇 CSS 3美化網頁
第11章 CSS 3概述與基本語法 187
11.1 CSS 3概述 188
11.1.1 CSS 3功能 188
11.1.2 瀏覽器與CSS 3 188
11.1.3 CSS 3基礎語法 189
11.1.4 CSS 3常用單位 189
11.2 編輯和瀏覽CSS 3 194
11.2.1 案例1——手工編寫CSS 3 194
11.2.2 案例2——Dreamweaver編寫CSS 194
11.3 在HTML 5中使用CSS 3的方法 196
11.3.1 案例3——行內樣式 196
11.3.2 案例4——內嵌樣式 197
11.3.3 案例5——鏈接樣式 198
11.3.4 案例6——導入樣式 199
11.3.5 案例7——優先級問題 201
11.4 CSS 3的常用選擇器 203
11.4.1 案例8——標簽選擇器 203
11.4.2 案例9——類選擇器 204
11.4.3 案例10——ID選擇器 205
11.4.4 案例11——全局選擇器 206
11.4.5 案例12——組合選擇器 207
11.4.6 案例13——繼承選擇器 208
11.4.7 案例14——偽類選擇器 209
11.5 選擇器聲明 210
11.5.1 案例15——集體聲明 210
11.5.2 案例16——多重嵌套聲明 210
11.6 綜合實例1——制作炫彩網站LOGO 211
11.7 綜合案例2——制作學生信息統計表 214
11.8 高手甜點 216
11.9 跟我練練手 216
第12章 使用CSS 3美化網頁字體與段落 217
12.1 美化網頁文字 218
12.1.1 案例1——設置文字的字體 218
12.1.2 案例2——設置文字的字號 219
12.1.3 案例3——設置字體風格 220
12.1.4 案例4——設置加粗字體 221
12.1.5 案例5——將小寫字母轉為大寫字母 222
12.1.6 案例6——設置字體的復合屬性 223
12.1.7 案例7——設置字體顏色 224
12.2 設置文本的高級樣式 225
12.2.1 案例8——設置文本陰影效果 225
12.2.2 案例9——設置文本溢出效果 226
12.2.3 案例10——設置文本的控制換行 228
12.2.4 案例11——保持字體尺寸不變 229
12.3 美化網頁中的段落 230
12.3.1 案例12——設置單詞之間的間隔 230
12.3.2 案例13——設置字符之間的間隔 231
12.3.3 案例14——設置文字的修飾效果 232
12.3.4 案例15——設置垂直對齊方式 233
12.3.5 案例16——轉換文本的大小寫 234
12.3.6 案例17——設置文本的水平對齊方式 235
12.3.7 案例18——設置文本的縮進效果 237
12.3.8 案例19——設置文本的行高 238
12.3.9 案例20——文本的空白處理 239
12.3.10 案例21——文本的反排 241
12.4 綜合案例1——設置網頁標題 242
12.5 綜合案例2——制作新聞頁面 243
12.6 高手甜點 245
12.7 跟我練練手 245
第13章 使用CSS 3美化表格和表單樣式 247
13.1 美化表格樣式 248
13.1.1 案例1——設置表格邊框樣式 248
13.1.2 案例2——設置表格邊框寬度 250
13.1.3 案例3——設置表格邊框顏色 251
13.2 美化表單樣式 252
13.2.1 案例4——美化表單中的元素 253
13.2.2 案例5——美化提交按鈕 254
13.2.3 案例6——美化下拉菜單 255
13.3 綜合案例1——制作用戶登錄頁面 257
13.4 綜合案例2——制作用戶注冊頁面 259
13.5 高手甜點 261
13.6 跟我練練手 262
第14章 美化圖片、背景和邊框 263
14.1 圖片縮放 264
14.1.1 案例1——使用max-width和max-height縮放圖片 264
14.1.2 案例2——使用width和height縮放圖片 265
14.2 設置圖片的對齊方式 265
14.2.1 案例3——設置圖片橫向對齊 266
14.2.2 案例4——設置圖片縱向對齊 266
14.3 圖文混排 268
14.3.1 案例5——設置文字環繞效果 268

14.3.2 案例6——設置圖片與文字的間距 270
14.4 使用CSS 3美化背景 271
14.4.1 案例7——設置背景顏色 271
14.4.2 案例8——設置背景圖片 272
14.5 使用CSS 3美化邊框 273
14.5.1 案例9——設置邊框樣式 273
14.5.2 案例10——設置邊框顏色 274
14.5.3 案例11——設置邊框線寬 275
14.6 設置邊框圓角效果 276
14.6.1 案例12——設置圓角邊框 276
14.6.2 案例13——繪制4個不同圓角邊框 277
14.7 綜合案例1——制作圖文混排網頁 279
14.8 綜合案例2——制作公司主頁 280
14.9 高手甜點 284
14.10 跟我練練手 284


第3篇 jQuery Mobile移動技術
第15章 JavaScript和jQuery 285
15.1 認識JavaScript 286
15.1.1 什麼是JavaScript 286
15.1.2 案例1——在HTML網頁頭中嵌入JavaScript代碼 286
15.2 JavaScript對象與函數 287
15.2.1 認識對象 287
15.2.2 案例2——認識函數 288
15.3 JavaScript事件 291
15.3.1 事件與事件處理概述 291
15.3.2 案例3——JavaScript的常用事件 291
15.4 認識jQuery 293
15.4.1 jQuery能做什麼 293
15.4.2 案例4——jQuery的配置 293
15.5 jQuery選擇器 294
15.5.1 案例5——jQuery的工廠函數 294
15.5.2 案例6——常見選擇器 295
15.6 高手甜點 297
15.7 跟我練練手 297
第16章 HTML 5、CSS 3 和JavaScript的綜合應用 299
16.1 綜合案例1——打字效果的文字 300
16.2 綜合案例2——文字升降特效 302
16.3 綜合案例3——跑馬燈效果 303
16.4 綜合案例4——左右移動的圖片 305
16.5 綜合案例5——向上滾動菜單 307
16.6 綜合案例6——跟隨鼠標指針移動的圖片 309
16.7 綜合案例7——樹形菜單 310
16.8 綜合案例8——顏色選擇器 315
16.9 高手甜點 317
16.10 跟我練練手 318

第17章 熟悉jQuery Mobile 319
17.1 認識jQuery Mobile 320
17.2 跨平台移動設備網頁jQuery Mobile 320
17.2.1 案例1——移動設備模擬器 320
17.2.2 案例2——jQuery Mobile的安裝 322
17.2.3 案例3——jQuery Mobile網頁的架構 324
17.3 案例4——創建多頁面的jQueryMobile網頁 325
17.4 案例5——將頁面作為對話框使用 326
17.5 案例6——絢麗多彩的頁面切換效果 328
17.6 高手甜點 330
17.7 跟我練練手 330
第18章 jQuery Mobile UI組件 331
18.1 套用UI組件 332
18.1.1 表單組件 332
18.1.2 按鈕和組按鈕 341
18.1.3 按鈕圖標 343
18.1.4 彈窗 345
18.2 列表 346
18.2.1 列表視圖 346
18.2.2 列表內容 349
18.2.3 列表過濾 351
18.3 面板和可折疊塊 352
18.3.1 面板 352
18.3.2 可折疊塊 354
18.4 導航條 356
18.5 jQuery Mobile主題 359
18.6 高手甜點 362
18.7 跟我練練手 362
第19章 jQuery Mobile事件 363
19.1 頁面事件 364
19.1.1 初始化事件 364
19.1.2 外部頁面加載事件 366
19.1.3 頁面過渡事件 368
19.2 觸摸事件 370
19.2.1 點擊事件 370
19.2.2 滑動事件 373
19.3 滾屏事件 374
19.4 定位事件 377
19.5 高手甜點 379
19.6 跟我練練手 380
第20章 數據存儲和讀取技術 381
20.1 認識Web存儲 382
20.1.1 本地存儲和cookies的區別 382
20.1.2 Web存儲方法 382
20.2 使用HTML 5 Web Storage API技術 382
20.2.1 案例1——測試瀏覽器的支持情況 383
20.2.2 案例2——使用sessionStorage方法創建對象 383
20.2.3 案例3——使用localStorage方法創建對象 385
20.2.4 案例4——Web Storage API的其他操作 387
20.2.5 案例5——使用JSON對象存取數據 387
20.3 在本地建立數據庫 390
20.3.1 Web SQL Database概述 390
20.3.2 數據庫的基本操作 390
20.3.3 數據表的基本操作 392
20.3.4 數據的基本操作 393
20.4 制作簡單的Web留言本 395
20.5 Web SQL Database的綜合應用技術 397
20.6 高手甜點 400
20.7 跟我練練手 400

第4篇 移動網站和APP開發實戰
第21章 插件的使用與開發 401
21.1 初始插件 402
21.1.1 什麼是插件 402
21.1.2 案例1——如何使用插件 402
21.2 流行的插件 403
21.2.1 案例2——jQueryUI插件 404
21.2.2 案例3——Form插件 405
21.2.3 案例4——提示信息插件 406
21.2.4 案例5——jcarousel插件 407
21.3 自定義的插件 407
21.3.1 插件的工作原理 408
21.3.2 案例6——自定義一個簡單的插件 408
21.4 綜合案例——創建拖曳購物車效果 411
21.5 高手甜點 413
21.6 跟我練練手 413
第22章 將移動網站封裝成APP 415
22.1 下載與安裝Apache Cordova 416
22.1.1 案例1——配置Android開發環境 416
22.1.2 案例2——通過npm安裝ApacheCordova 421
22.1.3 案例3——設置Android模擬器 422
22.2 綜合案例——將網頁轉換為AndroidAPP 424
22.3 高手甜點 427
22.4 跟我練練手 428
第23章 家庭記賬本APP實戰 429
23.1 記賬本的需求分析 430
23.2 數據庫分析 430
23.2.1 分析數據庫 430
23.2.2 創建數據庫 430
23.3 記賬本的代碼實現 431
23.3.1 設計首頁 431
23.3.2 新增記賬頁面 431
23.3.3 記賬列表頁面 433
23.3.4 記賬詳情頁面 434
23.3.5 刪除記賬 435
第24章 連鎖酒店訂購系統實戰 441
24.1 連鎖酒店訂購的需求分析 442
24.2 網站的結構 442
24.3 連鎖酒店系統的代碼實現 443
24.3.1 設計首頁 443
23.3.2 訂購頁面 444
23.3.3 連鎖分店頁面 449
23.3.4 查看訂單頁面 451
23.3.5 酒店介紹頁面 452

「網站開發案例課堂」系列圖書是專門為網站開發和數據庫初學者量身定做的一套學習用書，由劉玉紅策划，千谷網絡科技實訓中心的高級講師編著，整套書涵蓋網站開發、數據庫設計等方面。整套書具有以下特點。