html5移動web開發指南（nán）電子書

html5移動（dòng）web開發指（zhǐ）南電子書是網（wǎng）友分享的pdf格式的電子書籍，這本書（shū）詳細的介（jiè）紹HTML5技術，對於現在學習html5開發的人（rén）員這本（běn）書（shū）籍還是值得一（yī）看的，它從（cóng）移動互聯網時代的Web技術、移（yí）動設備HTML5頁麵布局、HTML5規範的（de）本地存儲等12個章節介紹，趕緊下載閱讀吧。

html5移動web開發（fā）指南簡介

《html5移動web開發指南》主要圍繞html5技術，講述如何利用html5相關技術開發移動web網（wǎng）站和web app應用程序（xù）。《html5移動（dòng）web開（kāi）發指（zhǐ）南》共分為（wéi）四大部分（fèn），第一部分主要講述web技術的發展及html5標準在（zài）移動web技術中的應用；第二部（bù）分主要介紹html5的新功能和新特性如何在移動（dòng）設備瀏覽器（qì）中使用及相關展望；第三（sān）部分主要介紹目前比較流行的兩套javascript移動（dòng）開發（fā）框架JQuery mobiles、sencha touch，以及phonesgap，並配（pèi）備豐（fēng）富的例子作為實踐；第四部分主（zhǔ）要結合sencha touch框架庫和（hé）html5技術構建進（jìn）行講解，旨在幫助讀者將html5技術（shù）運用於實踐之中。

html5移動web開（kāi）發指南適用（yòng）對象（xiàng）

《html5移動web開發指（zhǐ）南》是為（wéi）從未接觸過html5新技術但同時又對移動web技術感興趣（qù）的讀者而編寫的。如果你（nǐ）有（yǒu）一（yī）定的html開發經驗，將會更容易掌握（wò）html5知識。

同時，如果你是如下幾類人群之一（yī），那麽《html5移動web開發指南》非常適合你閱讀（dú）。

.有一定基礎或者（zhě）未來計劃的職業是web前端開發工程師。

.具有一定html基礎的ui設計師。

. web項目中的項目經理以及策劃人員（yuán）。

.對手（shǒu）機web開發技術感興趣的開發（fā）者。

.開設計算機課程的高等院校（xiào）及培訓機構的師生。

此外，《html5移動web開（kāi）發指南》也適合熟悉java、php、asp.net等後端web技術的開發者閱讀。

為什（shí）麽（me）寫作本書（shū）

2011年是HTML5實踐的一（yī）年，無論是國外的開發者，還是國內的開發者，都熱衷於研究（jiū）HTML5新標準究竟能給（gěi）我們帶來什（shí）麽。由（yóu）於（yú）HTML5技術非常新，國內很多開發者在實踐過程（chéng）中經常遇到非常多（duō）的困難（nán），例如如何入門與解決（jué）BUG等常見問題，都（dōu）很難（nán）找到解答問（wèn）題的中文資源（yuán）。因此（cǐ），開（kāi）發者們亟需一本能夠帶領（lǐng）他們入門的HTML5書籍。

2011年也是移動互聯網高（gāo）速發展的（de）一年，隨（suí）著（zhe）iphoness、androids等智能（néng）設備的迅速普及，以及Web技術跨（kuà）平台等優點更廣泛的為人（rén）所知，移動Web技術逐漸成為（wéi）大家關注的新熱點之一。國內移動Web技術中文資源相對缺乏，社區尚待不斷發展，很多開發者（zhě）仍處於探索研究階段。同時也有部分準備進入移動Web開發領域（yù）的新手，苦於入門困（kùn）難，而難以上手。因此，一本介紹移動Web開發（fā）的書籍便成為開發者最渴望的資源之一。

基於上（shàng）述兩種原因，作者認為需要編寫一（yī）本能夠利用（yòng）HTML5新技術開發移動Web應用的入門書籍，令（lìng）廣大讀者在真正學習到HTML5新技術的同時，也能快速掌握移動Web開發的（de）基礎（chǔ）知識。

html5移動web開（kāi）發指南電子書目錄

第1章（zhāng）移動互聯網時代的web技術 1

1.1 移動互聯（lián）網的發（fā）展 1

1.2 智能手機發展迅速 2

1.3 智能手機的web瀏覽（lǎn）器 4

1.4 移動（dòng）web應（yīng）用的發展 7

1.5 基於html5的移（yí）動web應用 8

第2章移（yí）動設備html5頁麵布局 12

2.1 頁（yè）麵語義化簡介 12

2.1.1 html5新語義元素概述 12

2.1.2 更多html5新元素 16

2.2 頁麵結（jié）構與移（yí）動設備的布局（jú） 16

2.2.1 常見的移動應用布局 17

2.2.2 使用html5創建標（biāo）準的（de）移動web頁麵 18

2.3 本章小結 22

第3章 html5規範（fàn）的本（běn）地存儲 23

3.1 移動設備的支持 23

3.2 localstorage 24

3.3 sessionstorage 28

3.4 storage事件監聽 29

.3.5 本章小結 33

第（dì）4章移動web的離線應用 34

4.1 離線web概述 34

4.1.1 離線與緩存 34

4.1.2 離線的意（yì）義 35

4.2 移動設（shè）備的支持 35

4.3 applicationcache和manifest 36

4.3.1 manifest文件 36

4.3.2 applicationcache對象和事件 38

4.4 本章小（xiǎo）結 39

第（dì）5章移動設備的常見（jiàn）html5表單元素 40

5.1 豐富的表單屬性 40

5.2 移動web表單的input類型 42

5.2.1 search類型文本 42

5.2.2 email類型文本 43

5.2.3 number類型文本 44

5.2.4 range類型文本（běn） 45

5.2.5 tel類型文本 45

5.2.6 url類型文本 46

5.2.7 更多的類（lèi）型 46

5.3 表單屬性應用範圍 47

5.4 本章（zhāng）小結 47

第6章移動（dòng）web界麵樣（yàng）式 48

6.1 css3 48

6.2 選擇（zé）器 49

6.2.1 屬性選擇器 49

6.2.2 偽類選擇器 51

6.3 陰影 53

6.3.1 box-shadow 53

6.3.2 text-shadow 54

6.4 背景 54

6.4.1 background-size 55

6.4.2 background-clip 55

6.4.3 background-origin 55

6.4.4 background 56

6.5 圓角邊框（kuàng） 56

6.6 media queries移動設備樣式 57

6.6.1 傳統網站在iphoness上的顯示問題 57

6.6.2 viewport設置適應移（yí）動（dòng）設備屏幕大小 59

6.6.3 media queries如何工作 60

6.6.4 media queries語法（fǎ）總結 63

6.6.5 如何（hé）將官方網站移植成移動web網站 65

6.7 本（běn）章小結 73

第7章geolocations地理定位 74

7.1 功能介紹 74

7.2 瀏覽器支（zhī）持情況 75

7.3 如何使用geolocations api 75

7.3.1 首次獲取當前位（wèi）置 75

7.3.2 監視移動設備的位置（zhì）變化 77

7.4 本章小結 78

第8章輕量級框架（jià）jquery mobiles初探 79

8.1 jquery mobiles概述 79

8.2 入門示例hello world 80

8.2.1 部署文（wén）件 80

8.2.2 編碼 81

8.3 基（jī）於html5的自定義屬性驅動組件 82

8.3.1 dataset自定義屬性 82

8.3.2 使用dataset屬性驅動jquery mobiles組件 83

8.4 頁麵與（yǔ）視（shì）圖 85

8.4.1 標準的（de）移（yí）動web頁麵（miàn） 85

8.4.2 移動設備（bèi）的視圖 86

8.4.3 多視圖web頁麵 88

8.4.4 改變頁麵（miàn）標題的視圖 90

8.4.5 視圖（tú）切（qiē）換動畫 91

8.4.6 dialog對話框 92

8.4.7 頁麵主題 93

8.5 button按鈕 94

8.5.1 button組（zǔ）件 94

8.5.2 具有icon圖標的button組件 95

8.5.3 具有內聯樣式的button 98

8.5.4 具有分組功能的button按鈕 99

8.6 bar工具欄 102

8.6.1 如何使用工具欄 103

8.6.2 含有後（hòu）退按鈕的header工具欄 104

8.6.3 多按鈕的footer工具欄 107

8.6.4 導航條工具欄 109

8.6.5 定義fixed工具欄 113

8.6.6 全屏模式工（gōng）具欄 114

8.7 內容區域格式布局 114

8.7.1 網格布局 114

8.7.2 仿9宮格排列的按（àn）鈕（niǔ）組例子 120

8.7.3 折迭塊功能 122

8.7.4 創建具有手風琴效果的例子 124

8.8 form表（biǎo）單 125

8.8.1 如何使用表單提（tí）交功能 126

8.8.2 html5文本框類型 126

8.8.3 html5搜索類型輸入（rù）框 127

8.8.4 slider類型 128

8.8.5 toggle類型 129

8.8.6 單選按鈕類型 130

8.8.7 複選框類型 133

8.8.8 下（xià）拉選擇菜單 135

8.9 list列表 144

8.9.1 基本列表類型 145

8.9.2 普（pǔ）通鏈接列表 147

8.9.3 多層次嵌套列表 149

8.9.4 有序編號列表 151

8.9.5 隻讀列表 153

8.9.6 可分割按鈕列表 154

8.9.7 列表的分隔符 155

8.9.8 列表搜（sōu）索過濾器 157

8.9.9 含有氣泡式計數的列表 159

8.9.10 顯示列表項（xiàng）右側文（wén）本格式的（de）列表 160

8.9.11 列表項含有圖標的列表 162

8.9.12 數（shù）據項含有圖片的列表 163

8.9.13 內嵌列表 164

8.9.14 列表的性能問題 166

8.10 配置選項 166

8.11 event事件 170

8.11.1 頁麵加（jiā）載事件 171

8.11.2 其（qí）他事件類型 171

8.12 實用方法和工具 173

8.12.1 頁麵（miàn）視圖輔助工具 174

8.12.2 數據存儲 176

8.12.3 地址路徑（jìng）輔助工具 177

8.12.4 loading顯示/隱藏 184

8.13 主題係統 185

8.14 本章（zhāng）小結 186

第9章重量級富框架sencha touch入門（mén） 187

9.1 sencha touch概述（shù） 187

9.1.1 功能特（tè）點 187

9.1.2 官方套件（jiàn）包 188

9.2 入門示例hello world 190

9.2.1 部署文件 190

9.2.2 開始編碼 190

9.2.3 調試環境 192

9.2.4 頁麵調整 192

9.3 事件管理 194

9.3.1 自定義事件 194

9.3.2 初始化事件 195

9.3.3 touch觸控事件 196

9.3.4 事件管理器ext.eventmanager 197

9.4 核心組（zǔ）件庫 199

9.4.1 ext.lib.component 199

9.4.2 屬性、方法（fǎ）、事件 200

9.5 toolbar工（gōng）具欄 210

9.5.1 創建一個隻有標題的工具欄例子 211

9.5.2 模擬前（qián）進返回按鈕的工具欄例子 212

9.5.3 具有圖標效（xiào）果按鈕的（de）工具（jù）欄例子 214

9.5.4 按鈕組的工具欄 216

9.6 tabs選項卡 219

9.6.1 使用tabpanel組件（jiàn）定（dìng）義tab頁麵 219

9.6.2 選項卡功能 220

9.7 carousel 222

9.8 overlays遮（zhē）罩層 224

9.8.1 alert提示信息類型（xíng） 224

9.8.2 confirm確（què）認提示框類型 226

9.8.3 prompt提示輸（shū）入類型 227

9.8.4 actionsheet選擇器（qì）類型 229

9.8.5 overlay浮（fú）動層顯示框類型 232

9.9 picker選擇器 234

9.9.1 創建單列的選擇器例（lì）子 235

9.9.2 創建允許選擇（zé）日期的選擇器例子 236

9.10 list列表 238

9.10.1 創建基本的列表例子 238

9.10.2 改進的分組列表例子 240

9.10.3 使用ajax異步請求的列表 242

9.10.4 xtemplate模板的應用 245

9.11 對html5的支持（chí）和封裝 249

9.11.1 封裝html5新表單元（yuán）素（sù） 249

9.11.2 html5表單應用例子 249

9.11.3 封裝（zhuāng）geolocations地理定位功能（néng） 252

9.11.4 本地存儲（chǔ）的支持 255

9.11.5 多媒（méi）體的支持 257

9.12 mvc開發模式 258

9.12.1 mvc介紹 258

9.12.2 創建application應用（yòng）程序 259

9.12.3 model實體對象 262

9.12.4 view視圖類 267

9.12.5 setactiveitem使用方法 268

9.12.6 controller業務邏輯類 270

9.13 本章（zhāng）小結 272

第10章跨平台的（de）phonesgap應用介紹 273

10.1 phonesgap概述 273

10.2 搭建phonesgap開發環境 274

10.2.1 如何在（zài）androids平（píng）台（tái）下搭建phonesgap開發環境 275

10.2.2 如何在ioses平台下搭建phonesgap 280

10.3 硬件設備接口 283

10.3.1 accelerometer加速度傳感器 283

10.3.2 compass對象獲取指南針信（xìn）息 286

10.3.3 使用connection對象檢測網絡狀態 289

10.3.4 file對象操作文件係統 290

10.3.5 使用device對象獲取（qǔ）移動設備（bèi）的信息 307

10.4 軟件（jiàn）接口 309

10.4.1 camera對象獲取照片資源 309

10.4.2 capture對象采集多媒體資源（yuán） 312

10.4.3 使用contacts對象獲取通信錄（lù）資源 317

10.4.4 公告警示信息 326

10.4.5 media對（duì）象 328

10.5 events事件 328

10.5.1 公共事（shì）件 329

10.5.2 網（wǎng）絡狀態事件（jiàn） 332

10.5.3 androids專（zhuān）有事件 333

10.6 html5特性 335

10.6.1 geolocations定位位置 336

10.6.2 storage特性 336

10.7 本章小結 336

第11章構（gòu）建基於html5的生活（huó）軌跡web app 337

11.1 項（xiàng）目背景（jǐng） 337

11.1.1 功能介紹 337

11.1.2 功（gōng）能模塊 339

11.2 創建基本應（yīng）用程序 340

11.2.1 創建（jiàn）首（shǒu）頁 340

11.2.2 創（chuàng）建入口函數 341

11.3 設置model數（shù）據（jù）模型 343

11.3.1 創建model實體類 343

11.3.2 設置store對象 344

11.4 創建（jiàn）view視圖組（zǔ）件 344

11.4.1 列表視圖 344

11.4.2 列表組件（jiàn） 346

11.4.3 表單視圖 346

11.4.4 瀏覽生活軌跡（jì）視圖 349

11.4.5 sheet組件選（xuǎn）擇更多功能 350

11.5 業務邏輯 352

11.5.1 定義controller類（lèi） 352

11.5.2 實現視圖之間的切換 352

11.5.3 保存生活軌跡內容 355

11.5.4 實現geolocations地（dì）理定（dìng）位 355

11.5.5 顯示生活軌跡內容（róng） 357

11.5.6 顯示google地圖（tú） 358

11.5.7 顯示sheet組件（jiàn）函數 360

11.5.8 清除所有存（cún）儲的（de）列表函數 360

11.5.9 刪除一條記錄的函數 361

11.6 緩存文（wén）件 362

11.6.1 設置manifest文件內容 362

11.6.2 設置html緩存文件 363

11.7 後端服務器通（tōng）信 364

11.8 本章小（xiǎo）結 365

第（dì）12章（zhāng）進（jìn）階之路 366

12.1 重新理解html5 366

12.2 瀏覽器的web開發文檔 367

12.3 網站或社區的推薦 367

12.4 移動web應用框架 368