HTML5移动Web开发指南.pdf

HTML5移动Web开发指南.pdf
 

书籍描述

编辑推荐
《HTML5移动Web开发指南》是为从未接触过html5新技术但同时又对移动web技术感兴趣的读者而编写的。如果你有一定的html开发经验,将会更容易掌握html5知识。同时,如果你是如下几类人群之一,那么《HTML5移动Web开发指南》非常适合你阅读:1.有一定基础或者未来计划的职业是web前端开发工程师。2.具有一定html基础的ui设计师。3.web项目中的项目经理以及策划人员。4.对手机web开发技术感兴趣的开发者。5.开设计算机课程的高等院校及培训机构的师生。
此外,《HTML5移动Web开发指南》也适合熟悉java、php、asp.net等后端web技术的开发者阅读。

作者简介
唐俊开,Web前端工程师、软件工程师,HTML5研究小组成员之一。拥有多年Web开发经验,热爱并长期专注于Web前端技术的研究,现从事Web前端工作、HTML5研究以及移动Web应用的实践。擅长HTML、CSS、JavaScript、Java等开发技术。热爱读书,阅读过大量技术书籍。

目录
第1章移动互联网时代的Web技术
1.1移动互联网的发展
1.2智能手机发展迅速
1.3智能手机的Web浏览器
1.4移动Web应用的发展
1.5基于HTML5的移动Web应用
第2章移动设备HTML5页面布局
2.1页面语义化简介
2.1.1HTML5新语义元素概述
2.1.2更多HTML5新元素
2.2页面结构与移动设备的布局
2.2.1常见的移动应用布局
2.2.2使用HTML5创建标准的移动Web页面
2.3本章小结
第3章HTML5规范的本地存储
3.1移动设备的支持
3.2localStorage
3.3sessionStorage
3.4Storage事件监听
3.5本章小结
第4章移动Web的离线应用
4.1离线Web概述
4.1.1离线与缓存
4.1.2离线的意义
4.2移动设备的支持
4.3applicationCache和manifest
4.3.1manifest文件
4.3.2applicationCache对象和事件
4.4本章小结
第5章移动设备的常见HTML5表单元素
5.1丰富的表单属性
5.2移动Web表单的input类型
5.2.1search类型文本
5.2.2email类型文本
5.2.3number类型文本
5.2.4range类型文本
5.2.5tel类型文本
5.2.6url类型文本
5.2.7更多的类型
5.3表单属性应用范围
5.4本章小结
第6章移动Web界面样式
6.1CSS3
6.2选择器
6.2.1属性选择器
6.2.2伪类选择器
6.3 阴影
6.3.1 box-shadow
6.3.2text-shadow
6.4背景
6.4.1background-size
6.4.2background—clip
6.4.3background—origin
6.4.4background
6.5圆角边框
6.6Media Queries移动设备样式
6.6.1传统网站在iPhone上的显示问题
6.6.2viewport设置适应移动设备屏幕大小
6.6.3Media Queries如何工作
6.6.4Media Queries语法总结
6.6.5如何将官方网站移植成移动Web网站
6.7本章小结
第7章Geolocation地理定位
7.1功能介绍
7.2浏览器支持情况
7.3如何使用Geolocation API
7.3.1首次获取当前位置
7.3.2监视移动设备的位置变化
7.4本章小结
第8章轻量级框架jQuery Mobile初探
8.1jQuery Mobile概述
8.2入门示例Hello World
8.2.1部署文件
8.2.2编码
8.3基于HTML5的自定义属性驱动组件
8.3.1dataset自定义属性
8.3.2使用dataset属性驱动jQuery Mobile组件
8.4页面与视图
8.4.1标准的移动Web页面
8.4.2移动设备的视图
8.4.3多视图Web页面
8.4.4改变页面标题的视图
8.4.5视图切换动画
8.4.6dialog对话框
8.4.7页面主题
8.5button按钮
8.5.1button组件
8.5.2具有icon图标的button组件
8.5.3具有内联样式的button
8.5.4具有分组功能的button按钮
8.6Bar工具栏
8.6.1如何使用工具栏
8.6.2含有后退按钮的Header工具栏
8.6.3多按钮的Footer工具栏
8.6.4导航条工具栏
8.6.5定义fixed工具栏
8.6.6全屏模式工具栏
8.7内容区域格式布局
8.7.1网格布局
8.7.2仿9宫格排列的按钮组例子
8.7.3折叠块功能
8.7.4创建具有手风琴效果的例子
8.8Form表单
8.8.1如何使用表单提交功能
8.8.2HTML5文本框类型
8.8.3HTML5搜索类型输入框
8.8.4Slider类型
8.8.5Toggle类型
8.8.6单选按钮类型
8.8.7复选框类型
8.8.8下拉选择菜单
8.9List列表
8.9.1基本列表类型
8.9.2普通链接列表
8.9.3多层次嵌套列表
8.9.4有序编号列表
8.9.5只读列表
8.9.6可分割按钮列表
8.9.7列表的分隔符
8.9.8列表搜索过滤器
8.9.9含有气泡式计数的列表
8.9.10显示列表项右侧文本格式的列表
8.9.11列表项含有图标的列表
8.9.12数据项含有图片的列表
8.9.13内嵌列表
8.9.14列表的性能问题
8.10配置选项
8.11Event事件
8.11.1页面加载事件
8.11.2其他事件类型
8.12实用方法和工具
8.12.1页面视图辅助工具
8.12.2数据存储
8.12.3地址路径辅助工具
8.12.4loading显示/隐藏
8.13主题系统
8.14本章小结
……
第9章重量级富框架SENCHA TOUCH入门
第10章跨平台的PHONEGAP应用介绍
第11章构建基于HTML5的生活轨迹WEB APP
第12章进阶之路

文摘
版权页:

HTML5移动Web开发指南

插图:

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的官方网站是http://www.phonegap.com。读者可以通过官方网站获取关于PhoneGap的最新信息、版本及API文档。
功能特性
PhoneGap是一套非常优秀的手机应用程序框架,它具有以下一些特性:
开源、免费。
跨平台框架,目前支持多种移动设备平台,包括:iOS、Android、BlackBerry、WebOS、Symbian、Windows Phone、Bada等。
基于HTML5标准的手机应用框架,支持HTML5、CSS3、JavaScript等Web技术。
Written once,run everywhere。真正实现了编写一次,云端运行。

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

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多