第1章 移动设备与Web技术

1.1 了解移动互联网

1.1.1 移动互联网的特点

1.1.2 移动互联网的发展方向

1.2 智能手机与手机浏览器

1.2.1 智能手机的发展

1.2.2 智能手机系统

1.2.3 智能手机浏览器

1.2.4 移动Web浏览器的特点

1.3 关于移动Web应用

1.3.1 移动Web应用的发展

1.3.2 基于Web的应用开发

1.3.3 基于HTML 5的移动应用

1.3.4 移动应用开发框架

1.4 移动应用开发注意事项

1.4.1 了解移动设备的屏幕尺寸和分辨率

1.4.2 确定移动应用的内容

1.4.3 简洁的HTML、CSS和JavaScript代码

1.4.4 测试移动应用

1.5 本章小结

第2章 初识HTML5

2.1 了解HTML5

2.1.1 HTML的发展

2.1.2 HTML5概述

2.1.3 HTML5的优势

2.2 HTML5语法结构

2.2.1 HTML5文档结构

2.2.2 HTML5的基本语法

2.2.3 HTML5中精简的头部

2.3 HTML5中新增的标签

2.3.1 结构标签

2.3.2 文本标签

2.3.3 应用和辅助标签

2.3.4 进度标签

2.3.5 交互性标签

2.3.6 在文档和应用中使用的标签

2.3.7 ＜rudy＞标签

2.3.8 其他标签

2.4 HTML 5的标准属性

2.5 HTML 5的事件属性

2.6 本章小结

第3章 使用网页基本标签

3.1 设置文字效果

3.1.1 文字样式＜font＞标签

3.1.2 文字加粗＜b＞和＜strong＞标签

3.1.3 文字倾斜＜i＞和＜em＞标签

3.1.4 文字下划线＜u＞标签

3.1.5 其他文字修饰标签

3.2 设置段落效果

3.2.1 文本分段＜p＞标签

3.2.2 文本分行＜br＞标签

3.2.3 标题＜h1＞至＜h6＞标签

3.2.4 水平线＜hr＞标签

3.2.5 文本对齐设置

3.3 创建列表

3.3.1 使用＜ul＞标签创建项目列表

3.3.2 使用＜ol＞标签创建编号列表

3.3.3 使用＜dl＞标签创建定义列表

3.4 插入图片

3.4.1 图像＜img＞标签

3.4.2 图文混排

3.5 创建超链接

3.5.1 什么是超链接

3.5.2 超链接＜a＞标签

3.5.3 相对链接和绝对链接

3.5.4 网页中的特殊超链接

3.5.5 超链接标签中的其他属性设置

3.6 本章小结

第4章 使用HTML 5结构标签

4.1 构建HTML 5页面主体内容

4.1.1 ＜article＞标签标识文章

4.1.2 ＜section＞标签标识章节

4.1.3 ＜nav＞标签标识导航

4.1.4 ＜aside＞标签标识辅助内容

4.1.5 ＜time＞标签标识文章发布日期

4.2 添加语义模块

4.2.1 ＜header＞标签添加标题块

4.2.2 ＜hgroup＞标签为标题分组

4.2.3 ＜footer＞标签添加页脚

4.2.4 ＜address＞标签添加联系信息

4.3 制作文章页面

4.4 本章小结

第5章 使用HTML 5绘图

5.1 ＜canvas＞标签

5.1.1 了解＜canvas＞标签

5.1.2 在网页中插入canvas元素

5.1.3 使用＜canvas＞标签实现绘图的流程

5.2 绘制基本图形

5.2.1 绘制直线

5.2.2 绘制矩形

5.2.3 绘制圆形

5.2.4 绘制三角形

5.2.5 图形组合

5.3 绘制曲线

5.3.1 使用arc（）方法

5.3.2 使用arcTo（）方法

5.3.3 使用quadraticCurveTo（）方法

5.3.4 使用bezierCurveTo（）方法

5.4 绘制文本

5.4.1 使用文本

5.4.2 获取文字宽度

5.4.3 创建对象阴影

5.5 图像的绘制与裁切

5.5.1 绘制线性渐变

5.5.2 绘制径向渐变

5.5.3 绘制图像

5.5.4 裁切区域

5.6 本章小结

第6章 使用HTML 5在页面中嵌入视频和音频

6.1 使用＜embed＞标签

6.1.1 使用＜embed＞标签嵌入音频

6.1.2 使用＜embed＞标签嵌入视频

6.2 HTML 5多媒体基础

6.2.1 在线多媒体的发展

6.2.2 音频和视频编解码器

6.2.3 功能缺陷及未来趋势

6.3 在网页中使用HTML 5音频

6.3.1 ＜audio＞标签所支持的音频格式

6.3.2 使用＜audio＞标签

6.4 在网页中使用HTML 5视频

6.4.1 ＜video＞标签所支持的视频格式

6.4.2 使用＜video＞标签

6.4.3 使用＜source＞标签

6.4.4 检查浏览器是否支持audio和video元素

6.5 ＜audio＞与＜video＞标签的属性

6.5.1 元素的标签属性

6.5.2 元素的接口属性

6.6 ＜audio＞与＜video＞标签的方法和事件

6.6.1 ＜audio＞与＜video＞标签的接口方法

6.6.2 ＜audio＞与＜video＞标签的事件

6.7 本章小结

第7章 HTML 5中的表章

7.1 网页表单概述

7.1.1 表单的作用

7.1.2 表单＜form＞标签

7.1.3 表单的数据传递方式method属性

7.2 传统表单元素

7.2.1 文本域

7.2.2 密码域

7.2.3 文本区域

7.2.4 隐藏域

7.2.5 复选框

7.2.6 单选按钮

7.2.7 选择域

7.2.8 文件域

7.2.9 按钮

7.2.10 图像域

7.3 了解HTML 5表单

7.3.1 HTML表单的发展

7.3.2 HTML 5新增表单元素的作用

7.3.3 浏览器对HTML 5表单的支持情况

7.4 HTML 5新增表单输入类型

7.4.1 url类型

7.4.2 email类型

7.4.3 range类型

7.4.4 number类型

7.4.5 tel类型

7.4.6 search类型

7.4.7 color类型

7.4.8 date类型

7.4.9 month、week、time、datetime、datetime-local类型

7.5 HTML 5新增表单属性

7.5.1 form属性

7.5.2 formaction属性

7.5.3 formmethod、formenctype、formnovalidate、formtarget属性

7.5.4 placeholder属性

7.5.5 autofocus属性

7.5.6 autocomplete属性

7.6 HTML 5新增表单元素

7.6.1 ＜datalist＞标签和list属性

7.6.2 ＜keygen＞标签

7.6.3 ＜output＞标签

7.7 HTML 5提供的表单验证方法

7.7.1 与验证有关的表单元素属性

7.7.2 表单验证属性

7.7.3 ValidityState对象

7.7.4 表单验证方法

7.7.5 表单验证事件

7.8 本章小结

第8章 HTML 5本地存储

8.1 本地存储Web Storage

8.1.1 cookie存储数据的不足

8.1.2 使用Web Storage存储的优势

8.1.3 会话存储（sessionStorage）与本地存储（localStorage）的区别

8.2 使用Web Storage

8.2.1 检查浏览器是否支持Web Storage

8.2.2 设置和获取Storage数据

8.2.3 Storage API的属性和方法

8.2.4 存储JSON对象的数据

8.2.5 Storage API的事件

8.3 本地数据库Web SQL

8.3.1 了解Web SQL数据库

8.3.2 Web SQL数据库的基本操作

8.4 本章小结

第9章 CSS样式基础

9.1 了解CSS样式

9.1.1 为什么要使用CSS样式

9.1.2 CSS样式的版本发展

9.1.3 CSS 3的发展

9.1.4 浏览器对CSS 3的支持情况

9.1.5 了解CSS 3的全新功能

9.2 CSS样式语法

9.2.1 CSS样式基本语法

9.2.2 CSS规则构成

9.3 CSS选择器

9.3.1 通配选择器

9.3.2 标签选择器

9.3.3 id选择器

9.3.4 类选择器

9.3.5 伪类和伪对象选择器

9.3.6 群组选择器

9.3.7 派生选择器

9.4 CSS 3新增选择器

9.4.1 属性选择器

9.4.2 结构伪类选择器

9.4.3 UI元素状态伪类选择器

9.4.4 伪元素选择器

9.5 应用CSS样式

9.5.1 应用CSS样式的4种方式

9.5.2 CSS样式的特性

9.6 本章小结

第10章 文字与背景设置

10.1 文字样式CSS属性

10.1.1 font-family属性——字体

10.1.2 font-size属性——字体大小

10.1.3 color属性——字体颜色

10.1.4 font-weight属性——字体粗细

10.1.5 font-style属性——字体样式

10.1.6 text-transform属性——英文字体大小写

10.1.7 text-decoration属性——文字修饰

10.1.8 letter-spacing属性——字符间距

10.2 段落样式CSS属性

10.2.1 line-height属性——行间距

10.2.2 text-indent属性——段落首行缩进

10.2.3 text-align属性——文本水平对齐

10.2.4 vertical-align属性——文本垂直对齐

10.3 CSS 3新增文本样式属性

10.3.1 text-overflow属性——文本溢出处理

10.3.2 word-wrap和word-break属性——文本换行控制

10.3.3 text-shadow属性——文本阴影

10.3.4 @font-face规则——使用服务器端字体

10.4 列表样式CSS属性

10.4.1 list-style-type属性——设置列表符号

10.4.2 list-style-image属性——自定义列表符号

10.4.3 设置定义列表

10.5 背景样式CSS属性

10.5.1 background-color属性——背景颜色

10.5.2 background-image属性——背景图像

10.5.3 background-repeat属性——背景图像平铺方式

10.5.4 background-position属性——背景图像位置

10.5.5 background-attachment属性——背景图像固定

10.6 CSS 3新增颜色设置样式

10.6.1 RGBA颜色值

10.6.2 HSL颜色值

10.6.3 HSLA 颜色值

10.6.4 opacity属性——元素不透明度

10.6.5 transparent颜色值

10.7 CSS 3新增渐变背景

10.7.1 线性渐变背景

10.7.2 径向渐变背景

10.8 CSS 3新增背景样式属性

10.8.1 background属性——设置多背景图像

10.8.2 background-size属性——背景图像大小

10.8.3 background-origin属性——背景图像原点

10.8.4 background-clip属性——背景图像显示区域

10.9 本章小结

第11章 边框与超链接设置

11.1 边框样式CSS属性

11.1.1 border-width属性——边框宽度

11.1.2 border-style属性——边框样式

11.1.3 border-color属性——边框颜色

11.2 CSS 3新增边框样式属性

11.2.1 border-colors属性——多重边框颜色

11.2.2 border-image属性——图像边框

11.2.3 border-radius属性——圆角边框

11.3 超链接CSS样式伪类

11.3.1 ：link伪类

11.3.2 ：hover伪类

11.3.3 ：active伪类

11.3.4 ：visited伪类

11.3.5 按钮式超链接

11.4 光标指针样式

11.4.1 cursor属性——光标效果

11.4.2 设置网页中光标指针效果

11.5 本章小结

第12章 CSS 3盒模型和界面设计

12.1 传统CSS盒模型

12.1.1 什么是CSS盒模型

12.1.2 CSS盒模型的要点

12.1.3 margin属性——边距

12.1.4 border属性——边框

12.1.5 padding属性——填充

12.2 CSS 3弹性盒模型

12.2.1 开启弹性盒模型

12.2.2 box-orient属性——元素布局方向

12.2.3 box-direction属性——元素布局顺序

12.2.4 box-ordinal-group属性——元素位置

12.2.5 box-flex属性——元素空间分配

12.2.6 box-pack和box-align属性——元素对齐方式

12.2.7 实现元素水平和垂直居中显示

12.2.8 实现元素底部对齐

12.3 增强的CSS 3盒模型

12.3.1 box-shadow属性——元素阴影

12.3.2 box-sizing属性——元素尺寸大小

12.3.3 overflow-x和overflow-y属性——元素溢出内容处理

12.4 定位网页元素

12.4.1 position属性——元素定位

12.4.2 relative——相对定位

12.4.3 absolute——绝对定位

12.4.4 fixed——固定定位

12.4.5 float属性——浮动定位

12.5 CSS 3新增用户界面设计属性

12.5.1 resize属性——改变元素尺寸

12.5.2 outline属性——轮廓外边框

12.5.3 appearance属性——伪装的元素

12.5.4 content属性——为元素添加内容

12.6 CSS 3新增多列布局属性

12.6.1 columns属性——多列布局

12.6.2 column-width属性——列宽度

12.6.3 column-count属性——列数

12.6.4 column-gap属性——列间距

12.6.5 column-rule属性——列分隔线

12.6.6 column-span属性——横跨所有列

12.7 本章小结

第13章 CSS 3动画效果

13.1 CSS 3实现元素变换效果

13.1.1 transform属性

13.1.2 旋转变形

13.1.3 缩放和翻转变形

13.1.4 移动变形

13.1.5 倾斜变形

13.1.6 矩阵变形

13.1.7 定义变形中心点

13.1.8 同时使用多个变形函数

13.2 CSS 3实现元素过渡效果

13.2.1 transition属性

13.2.2 transition-property属性——实现过渡效果

13.2.3 transition-duration属性——设置过渡时间

13.2.4 transition-delay属性——设置过渡延迟效果

13.2.5 transition-timing-function属性——设置过渡方式

13.2.6 制作动态选项卡

13.3 CSS 3实现元素动画效果

13.3.1 @keyframes规则——关键帧动画

13.3.2 animation属性——实现元素动画效果

13.3.3 制作交互导航菜单动画效果

13.4 本章小结

第14章 jQuery jQuery Mobile基础

14.1 JavaScript基础

14.1.1 JavaScript简介

14.1.2 在网页中使用JavaScript的方法

14.1.3 JavaScript运算符

14.1.4 JavaScript条件和循环语句

14.1.5 JavaScript函数

14.1.6 JavaScript事件

14.2 jQuery基础

14.2.1 jQuery简介

14.2.2 在网页中引用jQuery函数库

14.2.3 jQuery基本语法

14.2.4 jQuery选择器

14.2.5 使用jQuery设置CSS样式属性

14.3 jQuery Mobile基础

14.3.1 jQuery Mobile简介

14.3.2 jQuery Mobile功能特点

14.3.3 jQuery Mobile的工作原理

14.4 jQuery Mobile操作流程

14.4.1 下载移动设备模拟器

14.4.2 使用URL方式加载jQuery Mobile函数库

14.4.3 创建jQuery Mobile页面

14.4.4 jQuery Mobile页面链接

14.5 本章小结

第15章 jQuery Mobile页面

15.1 jQuery Mobile页面结构

15.1.1 jQuery Mobile页面基本架构

15.1.2 多容器jQuery Mobile页面

15.1.3 链接外部jQuery Mobile页面

15.1.4 在jQuery Mobile页面中实现后退功能

15.1.5 弹出对话框

15.2 预加载和缓存jQuery Mobile页面

15.2.1 预加载jQuery Mobile页面

15.2.2 页面缓存

15.3 jQuery Mobile页面头部栏

15.3.1 头部栏的基本结构

15.3.2 设置后退按钮的文字

15.3.3 添加按钮

15.3.4 设置按钮位置

15.4 jQuery Mobile页面导航栏

15.4.1 导航栏的基本结构

15.4.2 导航栏的图标

15.4.3 设置导航栏图标位置

15.5 jQuery Mobile页面尾部栏

15.5.1 添加按钮

15.5.2 添加表单元素

15.6 结构化jQuery Mobile页面内容

15.6.1 jQuery Mobile布局网格

15.6.2 可折叠区块

15.6.3 可折叠区块的嵌套

15.6.4 可折叠区块组

15.7 本章小结

第16章 jQuery Mobile页面组件

16.1 jQuery Mobile按钮组件

16.1.1 内联按钮

16.1.2 按钮组

16.2 jQuery Mobile表单组件

16.2.1 文本输入组件

16.2.2 滑块

16.2.3 翻转切换开关

16.2.4 单选按钮

16.2.5 复选框

16.2.6 选择菜单

16.2.7 多项选择菜单

16.3 jQuery Mobile列表组件

16.3.1 基本列表

16.3.2 有序列表

16.3.3 分割列表选项

16.3.4 对列表项进行分类

16.3.5 图标与计数器

16.3.6 列表项内容格式化处理

16.4 本章小结

第17章 使用jQuery Mobile主题

17.1 了解jQuery Mobile主题

17.2 jQuery Mobile页面主题

17.2.1 默认主题

17.2.2 修改默认主题

17.3 自定义jQuery Mobile页面和工具栏主题

17.3.1 自定义页面主题

17.3.2 自定义工具栏主题

17.3.3 自定义内容主题

17.4 使用ThemeRoller创建主题

17.5 本章小结

第18章 使用jQuery Mobile事件

18.1 设置jQuery Mobile

18.2 jQuery Mobile事件

18.2.1 页面事件

18.2.2 触摸事件

18.2.3 屏幕滚动事件

18.2.4 翻转事件

18.3 jQuery Mobile常用技巧

18.3.1 开启或禁用列表项中的图标

18.3.2 固定页面头部栏与尾部栏

18.3.3 随机显示页面背景图片

18.4 本章小结

第19章 使用jQuery Mobile插件

19.1 使用插件实现对话框效果

19.1.1 ActionSheet插件

19.1.2 mmenu插件

19.2 使用插件实现表单效果

19.2.1 DateBox插件

19.2.2 Mobiscroll插件

19.3 使用插件实现图片浏览效果

19.3.1 Camera插件

19.3.2 Swipebox插件

19.4 本章小结

第20章 移动应用开发实战

20.1 移动APP引导页

20.1.1 功能分析

20.1.2 制作步骤

20.2 移动应用首页

20.2.1 功能分析

20.2.2 制作背景图轮换

20.2.3 制作可滑动的底部导航栏

20.3 订餐APP

20.3.1 系统分析

20.3.2 制作启动页面

20.3.3 制作订餐APP首页面

20.3.4 制作订餐城市页面

20.3.5 制作餐厅列表页面

20.3.6 制作餐厅介绍页面

20.4 本章小结