HTML5移动Web开发指南pdf

HTML5移动Web开发指南 内容简介

《HTML5移动Web开发指南》主要围绕html5技术，讲述如何利用html5相关技术开发移动web网站和webapp应用程序。《HTML5移动Web开发指南》共分为四大部分，第一部分主要讲述web技术的发展及html5标准在移动web技术中的应用；第二部分主要介绍html5的新功能和新特性如何在移动设备浏览器中使用及相关展望；第三部分主要介绍目前比较流行的两套javascript移动开发框架jquerymobile、sencha touch，以及phonegap，并配备丰富的例子作为实践；第四部分主要结合senchatouch框架库和html5技术构建进行讲解，旨在帮助读者将html5技术运用于实践之中。

《HTML5移动Web开发指南》是为从未接触过html5新技术但同时又对移动web技术感兴趣的读者而编写的。如果你有一定的html开发经验，将会更容易掌握html5知识。

同时，如果你是如下几类人群之一，那么《HTML5移动Web开发指南》非常适合你阅读。

.有一定基础或者未来计划的职业是web前端开发工程师。

.具有一定html基础的ui设计师。

.web项目中的项目经理以及策划人员。

.对手机web开发技术感兴趣的开发者。

.开设计算机课程的高等院校及培训机构的师生。

此外，《HTML5移动Web开发指南》也适合熟悉java、php、asp.net等后端web技术的开发者阅读。

HTML5移动Web开发指南 目录

第1章 移动互联网时代的Web技术

1.1 移动互联网的发展

1.2 智能手机发展迅速

1.3 智能手机的Web浏览器

1.4 移动Web应用的发展

1.5 基于HTML5的移动Web应用

第2章 移动设备HTML5页面布局

2.1 页面语义化简介

2.1.1 HTML5新语义元素概述

2.1.2 更多HTML5新元素

2.2 页面结构与移动设备的布局

2.2.1 常见的移动应用布局

2.2.2 使用HTML5创建标准的移动Web页面

2.3 本章小结

第3章 HTML5规范的本地存储

3.1 移动设备的支持

3.2 locaIStorage

3.3 sessionStorage

3.4 Storage事件监听

3.5 本章小结

第4章 移动Web的离线应用

4.1 离线Web概述

4.1.1 离线与缓存

4.1.2 离线的意义

4.2 移动设备的支持

4.3 applicationCache和maJlifest

4.3.1 manifest文件

4.3.2 applicationCache对象和事件

4.4 本章小结

第5章 移动设备的常见HTML5表单元素

5.1 丰富的表单属性

5.2 移动Web表单的input类型

5.2.1 search类型文本

5.2.2 email类型文本

5.2.3 number类型文本

5.2.4 range类型文本

5.2.5 tel类型文本

5.2.6 url类型文本

5.2.7 更多的类型

5.3 表单属性应用范围

5.4 本章小结

第6章 移动Web界面样式

6.1 CSS3

6.2 选择器

6.2.1 属性选择器

6.2.2 伪类选择器

6.3 阴影

……

第7章 GEOLOCATION地理定位

第8章 轻量级框架JQUERY MOBILE初探

第9章 重量级富框架SENCHA TOUCH入门

第10章 跨平台的PHONEGAP应用介绍

第11章 构建基于HTML5的生活轨迹WEB APP

第12章 进阶之路

HTML5移动Web开发指南 精彩文摘

9.13 本章小结

Sencha Touch是目前一款比较成熟的基于HTML5标准的移动Web应用程序框架。SenchaTouch框架的实现原理和ExtJS基本相同，因此其语法方面基本上一致。

由于上述这个原因，本章并没有针对Sencha Touch的实现原理及核心功能做详细的探讨，而是主要介绍了一些比较常用的界面组件库，例如工具栏、Tab、浮动层、选择器、列表等，以及一些在开发移动Web应用中比较重要的组件。然而，我们并没深入地探讨Sencha Touch的各种特性，而是通过大量示例代码来讲解各个组件库的使用方法。

在介绍完UI组件库后，我们还根据Sencha Touch对HTML5的支持情况进行了简单的分析并通过示例代码来讲述如何运用这些特性。

在本章的最后，我们还讨论了Sencha Touch的一项重要特性：MVC模式的基本用法。并通过对MVC开发模式的入门介绍，让读者学到如何使用Sencha Touch开发真正的移动Web应用程序。

第10章 跨平台的PhoneGap应用介绍

PhoneGap是一个非常有趣的跨平台Web应用框架。本章我们将为读者介绍这款非常优秀的框架，并通过介绍其API接口让读者对PhoneGap有基本认识。

10.1 PhoneGap概述

PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序库等。

PhoneGap将移动设备提供的API进行了抽象和简化，提供了丰富的API接口供开发者调用，开发者只要会编写HTML和JavaScript语言，就可以利用PhoneGap提供的API去调用移动设备内置的各种功能，开发者只需要开发一套Web应用程序，就能运行在多平台手机上。

读者可以通过官方网站获取关于PhoneGap的最新信息、版本及API文档。

功能特性

PhoneGap是一套非常优秀的手机应用程序框架，它具有以下一些特性：

开源、免费。

跨平台框架，目前支持多种移动设备平台，包括：iOS、Android、BlackBerry、WebOS、Symbian、Windows Phone、Bada等。

基于HTML5标准的手机应用框架，支持HTML5、CSS3、JavaScript等Web技术。

Written once，run everywhere。真正实现了编写一次，云端运行。