html5移動web開發(fā)指南電子書

html5移動web開發(fā)指南電子書是網(wǎng)友分享的pdf格式的電子書籍，這本書詳細的介紹HTML5技術(shù)，對于現(xiàn)在學(xué)習(xí)html5開發(fā)的人員這本書籍還是值得一看的，它從移動互聯(lián)網(wǎng)時代的Web技術(shù)、移動設(shè)備HTML5頁面布局、HTML5規(guī)范的本地存儲等12個章節(jié)介紹，趕緊下載閱讀吧。

html5移動web開發(fā)指南簡介

《html5移動web開發(fā)指南》主要圍繞html5技術(shù)，講述如何利用html5相關(guān)技術(shù)開發(fā)移動web網(wǎng)站和web app應(yīng)用程序?！秇tml5移動web開發(fā)指南》共分為四大部分，第一部分主要講述web技術(shù)的發(fā)展及html5標準在移動web技術(shù)中的應(yīng)用；第二部分主要介紹html5的新功能和新特性如何在移動設(shè)備瀏覽器中使用及相關(guān)展望；第三部分主要介紹目前比較流行的兩套javascript移動開發(fā)框架JQuery mobile、sencha touch，以及phonegap，并配備豐富的例子作為實踐；第四部分主要結(jié)合sencha touch框架庫和html5技術(shù)構(gòu)建進行講解，旨在幫助讀者將html5技術(shù)運用于實踐之中。

html5移動web開發(fā)指南適用對象

《html5移動web開發(fā)指南》是為從未接觸過html5新技術(shù)但同時又對移動web技術(shù)感興趣的讀者而編寫的。如果你有一定的html開發(fā)經(jīng)驗，將會更容易掌握html5知識。

同時，如果你是如下幾類人群之一，那么《html5移動web開發(fā)指南》非常適合你閱讀。

.有一定基礎(chǔ)或者未來計劃的職業(yè)是web前端開發(fā)工程師。

.具有一定html基礎(chǔ)的ui設(shè)計師。

. web項目中的項目經(jīng)理以及策劃人員。

.對手機web開發(fā)技術(shù)感興趣的開發(fā)者。

.開設(shè)計算機課程的高等院校及培訓(xùn)機構(gòu)的師生。

此外，《html5移動web開發(fā)指南》也適合熟悉java、php、asp.net等后端web技術(shù)的開發(fā)者閱讀。

為什么寫作本書

2011年是HTML5實踐的一年，無論是國外的開發(fā)者，還是國內(nèi)的開發(fā)者，都熱衷于研究HTML5新標準究竟能給我們帶來什么。由于HTML5技術(shù)非常新，國內(nèi)很多開發(fā)者在實踐過程中經(jīng)常遇到非常多的困難，例如如何入門與解決BUG等常見問題，都很難找到解答問題的中文資源。因此，開發(fā)者們亟需一本能夠帶領(lǐng)他們?nèi)腴T的HTML5書籍。

2011年也是移動互聯(lián)網(wǎng)高速發(fā)展的一年，隨著iPhone、Android等智能設(shè)備的迅速普及，以及Web技術(shù)跨平臺等優(yōu)點更廣泛的為人所知，移動Web技術(shù)逐漸成為大家關(guān)注的新熱點之一。國內(nèi)移動Web技術(shù)中文資源相對缺乏，社區(qū)尚待不斷發(fā)展，很多開發(fā)者仍處于探索研究階段。同時也有部分準備進入移動Web開發(fā)領(lǐng)域的新手，苦于入門困難，而難以上手。因此，一本介紹移動Web開發(fā)的書籍便成為開發(fā)者最渴望的資源之一。

基于上述兩種原因，作者認為需要編寫一本能夠利用HTML5新技術(shù)開發(fā)移動Web應(yīng)用的入門書籍，令廣大讀者在真正學(xué)習(xí)到HTML5新技術(shù)的同時，也能快速掌握移動Web開發(fā)的基礎(chǔ)知識。

html5移動web開發(fā)指南電子書目錄

第1章移動互聯(lián)網(wǎng)時代的web技術(shù) 1

1.1 移動互聯(lián)網(wǎng)的發(fā)展 1

1.2 智能手機發(fā)展迅速 2

1.3 智能手機的web瀏覽器 4

1.4 移動web應(yīng)用的發(fā)展 7

1.5 基于html5的移動web應(yīng)用 8

第2章移動設(shè)備html5頁面布局 12

2.1 頁面語義化簡介 12

2.1.1 html5新語義元素概述 12

2.1.2 更多html5新元素 16

2.2 頁面結(jié)構(gòu)與移動設(shè)備的布局 16

2.2.1 常見的移動應(yīng)用布局 17

2.2.2 使用html5創(chuàng)建標準的移動web頁面 18

2.3 本章小結(jié) 22

第3章 html5規(guī)范的本地存儲 23

3.1 移動設(shè)備的支持 23

3.2 localstorage 24

3.3 sessionstorage 28

3.4 storage事件監(jiān)聽 29

.3.5 本章小結(jié) 33

第4章移動web的離線應(yīng)用 34

4.1 離線web概述 34

4.1.1 離線與緩存 34

4.1.2 離線的意義 35

4.2 移動設(shè)備的支持 35

4.3 applicationcache和manifest 36

4.3.1 manifest文件 36

4.3.2 applicationcache對象和事件 38

4.4 本章小結(jié) 39

第5章移動設(shè)備的常見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類型文本 45

5.2.5 tel類型文本 45

5.2.6 url類型文本 46

5.2.7 更多的類型 46

5.3 表單屬性應(yīng)用范圍 47

5.4 本章小結(jié) 47

第6章移動web界面樣式 48

6.1 css3 48

6.2 選擇器 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 圓角邊框 56

6.6 media queries移動設(shè)備樣式 57

6.6.1 傳統(tǒng)網(wǎng)站在iphone上的顯示問題 57

6.6.2 viewport設(shè)置適應(yīng)移動設(shè)備屏幕大小 59

6.6.3 media queries如何工作 60

6.6.4 media queries語法總結(jié) 63

6.6.5 如何將官方網(wǎng)站移植成移動web網(wǎng)站 65

6.7 本章小結(jié) 73

第7章geolocation地理定位 74

7.1 功能介紹 74

7.2 瀏覽器支持情況 75

7.3 如何使用geolocation api 75

7.3.1 首次獲取當前位置 75

7.3.2 監(jiān)視移動設(shè)備的位置變化 77

7.4 本章小結(jié) 78

第8章輕量級框架jquery mobile初探 79

8.1 jquery mobile概述 79

8.2 入門示例hello world 80

8.2.1 部署文件 80

8.2.2 編碼 81

8.3 基于html5的自定義屬性驅(qū)動組件 82

8.3.1 dataset自定義屬性 82

8.3.2 使用dataset屬性驅(qū)動jquery mobile組件 83

8.4 頁面與視圖 85

8.4.1 標準的移動web頁面 85

8.4.2 移動設(shè)備的視圖 86

8.4.3 多視圖web頁面 88

8.4.4 改變頁面標題的視圖 90

8.4.5 視圖切換動畫 91

8.4.6 dialog對話框 92

8.4.7 頁面主題 93

8.5 button按鈕 94

8.5.1 button組件 94

8.5.2 具有icon圖標的button組件 95

8.5.3 具有內(nèi)聯(lián)樣式的button 98

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

8.6 bar工具欄 102

8.6.1 如何使用工具欄 103

8.6.2 含有后退按鈕的header工具欄 104

8.6.3 多按鈕的footer工具欄 107

8.6.4 導(dǎo)航條工具欄 109

8.6.5 定義fixed工具欄 113

8.6.6 全屏模式工具欄 114

8.7 內(nèi)容區(qū)域格式布局 114

8.7.1 網(wǎng)格布局 114

8.7.2 仿9宮格排列的按鈕組例子 120

8.7.3 折迭塊功能 122

8.7.4 創(chuàng)建具有手風(fēng)琴效果的例子 124

8.8 form表單 125

8.8.1 如何使用表單提交功能 126

8.8.2 html5文本框類型 126

8.8.3 html5搜索類型輸入框 127

8.8.4 slider類型 128

8.8.5 toggle類型 129

8.8.6 單選按鈕類型 130

8.8.7 復(fù)選框類型 133

8.8.8 下拉選擇菜單 135

8.9 list列表 144

8.9.1 基本列表類型 145

8.9.2 普通鏈接列表 147

8.9.3 多層次嵌套列表 149

8.9.4 有序編號列表 151

8.9.5 只讀列表 153

8.9.6 可分割按鈕列表 154

8.9.7 列表的分隔符 155

8.9.8 列表搜索過濾器 157

8.9.9 含有氣泡式計數(shù)的列表 159

8.9.10 顯示列表項右側(cè)文本格式的列表 160

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

8.9.12 數(shù)據(jù)項含有圖片的列表 163

8.9.13 內(nèi)嵌列表 164

8.9.14 列表的性能問題 166

8.10 配置選項 166

8.11 event事件 170

8.11.1 頁面加載事件 171

8.11.2 其他事件類型 171

8.12 實用方法和工具 173

8.12.1 頁面視圖輔助工具 174

8.12.2 數(shù)據(jù)存儲 176

8.12.3 地址路徑輔助工具 177

8.12.4 loading顯示/隱藏 184

8.13 主題系統(tǒng) 185

8.14 本章小結(jié) 186

第9章重量級富框架sencha touch入門 187

9.1 sencha touch概述 187

9.1.1 功能特點 187

9.1.2 官方套件包 188

9.2 入門示例hello world 190

9.2.1 部署文件 190

9.2.2 開始編碼 190

9.2.3 調(diào)試環(huán)境 192

9.2.4 頁面調(diào)整 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 核心組件庫 199

9.4.1 ext.lib.component 199

9.4.2 屬性、方法、事件 200

9.5 toolbar工具欄 210

9.5.1 創(chuàng)建一個只有標題的工具欄例子 211

9.5.2 模擬前進返回按鈕的工具欄例子 212

9.5.3 具有圖標效果按鈕的工具欄例子 214

9.5.4 按鈕組的工具欄 216

9.6 tabs選項卡 219

9.6.1 使用tabpanel組件定義tab頁面 219

9.6.2 選項卡功能 220

9.7 carousel 222

9.8 overlays遮罩層 224

9.8.1 alert提示信息類型 224

9.8.2 confirm確認提示框類型 226

9.8.3 prompt提示輸入類型 227

9.8.4 actionsheet選擇器類型 229

9.8.5 overlay浮動層顯示框類型 232

9.9 picker選擇器 234

9.9.1 創(chuàng)建單列的選擇器例子 235

9.9.2 創(chuàng)建允許選擇日期的選擇器例子 236

9.10 list列表 238

9.10.1 創(chuàng)建基本的列表例子 238

9.10.2 改進的分組列表例子 240

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

9.10.4 xtemplate模板的應(yīng)用 245

9.11 對html5的支持和封裝 249

9.11.1 封裝html5新表單元素 249

9.11.2 html5表單應(yīng)用例子 249

9.11.3 封裝geolocation地理定位功能 252

9.11.4 本地存儲的支持 255

9.11.5 多媒體的支持 257

9.12 mvc開發(fā)模式 258

9.12.1 mvc介紹 258

9.12.2 創(chuàng)建application應(yīng)用程序 259

9.12.3 model實體對象 262

9.12.4 view視圖類 267

9.12.5 setactiveitem使用方法 268

9.12.6 controller業(yè)務(wù)邏輯類 270

9.13 本章小結(jié) 272

第10章跨平臺的phonegap應(yīng)用介紹 273

10.1 phonegap概述 273

10.2 搭建phonegap開發(fā)環(huán)境 274

10.2.1 如何在android平臺下搭建phonegap開發(fā)環(huán)境 275

10.2.2 如何在ios平臺下搭建phonegap 280

10.3 硬件設(shè)備接口 283

10.3.1 accelerometer加速度傳感器 283

10.3.2 compass對象獲取指南針信息 286

10.3.3 使用connection對象檢測網(wǎng)絡(luò)狀態(tài) 289

10.3.4 file對象操作文件系統(tǒng) 290

10.3.5 使用device對象獲取移動設(shè)備的信息 307

10.4 軟件接口 309

10.4.1 camera對象獲取照片資源 309

10.4.2 capture對象采集多媒體資源 312

10.4.3 使用contacts對象獲取通信錄資源 317

10.4.4 公告警示信息 326

10.4.5 media對象 328

10.5 events事件 328

10.5.1 公共事件 329

10.5.2 網(wǎng)絡(luò)狀態(tài)事件 332

10.5.3 android專有事件 333

10.6 html5特性 335

10.6.1 geolocation定位位置 336

10.6.2 storage特性 336

10.7 本章小結(jié) 336

第11章構(gòu)建基于html5的生活軌跡web app 337

11.1 項目背景 337

11.1.1 功能介紹 337

11.1.2 功能模塊 339

11.2 創(chuàng)建基本應(yīng)用程序 340

11.2.1 創(chuàng)建首頁 340

11.2.2 創(chuàng)建入口函數(shù) 341

11.3 設(shè)置model數(shù)據(jù)模型 343

11.3.1 創(chuàng)建model實體類 343

11.3.2 設(shè)置store對象 344

11.4 創(chuàng)建view視圖組件 344

11.4.1 列表視圖 344

11.4.2 列表組件 346

11.4.3 表單視圖 346

11.4.4 瀏覽生活軌跡視圖 349

11.4.5 sheet組件選擇更多功能 350

11.5 業(yè)務(wù)邏輯 352

11.5.1 定義controller類 352

11.5.2 實現(xiàn)視圖之間的切換 352

11.5.3 保存生活軌跡內(nèi)容 355

11.5.4 實現(xiàn)geolocation地理定位 355

11.5.5 顯示生活軌跡內(nèi)容 357

11.5.6 顯示google地圖 358

11.5.7 顯示sheet組件函數(shù) 360

11.5.8 清除所有存儲的列表函數(shù) 360

11.5.9 刪除一條記錄的函數(shù) 361

11.6 緩存文件 362

11.6.1 設(shè)置manifest文件內(nèi)容 362

11.6.2 設(shè)置html緩存文件 363

11.7 后端服務(wù)器通信 364

11.8 本章小結(jié) 365

第12章進階之路 366

12.1 重新理解html5 366

12.2 瀏覽器的web開發(fā)文檔 367

12.3 網(wǎng)站或社區(qū)的推薦 367

12.4 移動web應(yīng)用框架 368