第1章 HTML5入门

1.1 HTML5与HTML4比较

1.2 HTML5基本语法

1.3 HTML5新增元素

1.3.1 结构元素

1.3.2 功能元素

1.4 HTML5废除的元素

1.5 HTML5新增属性

1.5.1 表单属性

1.5.2 链接属性

1.5.3 其他属性

1.6 HTML5废除的属性

1.7 HTML5新增全局属性

1.7.1 contentEditable属性

1.7.2 designMode属性

1.7.3 hidden属性

1.7.4 spellcheck属性

1.7.5 tabindex属性

1.8 HTML5其他功能

1.9 jQuery Mobile与HTML5

1.10 实战案例

1.10.1 新建HTML5文档

1.10.2 设计图文页面

第2章 HTML5文字和版式变化

2.1 HTML5文档

2.2 HTML5标签

2.2.1 结构性标签

2.2.2 级块性标签

2.2.3 行内语义性标签

2.2.4 交互性标签

2.3 设计段落版式

2.3.1 设置段落样式

2.3.2 设置对齐和缩进

2.3.3 添加分隔线

2.3.4 设置标题样式

2.4 设计文字效果

2.4.1 设置字形样式

2.4.2 设置上标、下标

2.5 设计列表文字

2.5.1 无序列表

2.5.2 有序列表

2.5.3 定义列表

2.6 设计链接文字

2.6.1 认识超链接

2.6.2 定义超链接

2.6.3 定义站外链接

2.6.4 定义站内链接

2.6.5 定义Email链接

2.7 设计表格文字

2.7.1 定义表格

2.7.2 设计表格结构

2.7.3 设置表格属性

2.7.4 合并单元格

2.7.5 定义列组和行组

2.7.6 定义表格标题

2.8 实战案例

2.8.1 设计新闻内页

2.8.2 设计网页日历

第3章 构建HTML5文档结构

3.1 创建HTML5结构

3.1.1 定义文章块

3.1.2 定义内容块

3.1.3 定义导航栏

3.1.4 定义侧边栏

3.1.5 定义微格式

3.1.6 定义日期

3.2 定义语义块

3.2.1 标题块

3.2.2 标题组

3.2.3 脚注块

3.2.4 联系信息

3.3 实战案例1：设计博客首页

3.4 实战案例2：设计个人主页

3.4.1 设计结构

3.4.2 设计样式

第4章 HTML5表单

4.1 HTML5表单结构和表单对象

4.1.1 HTML5表单基本结构

4.1.2 HTML5表单对象

4.2 新增输入类型

4.2.1 email类型

4.2.2 url类型

4.2.3 number类型

4.2.4 range类型

4.2.5 日期选择器

4.2.6 search类型

4.2.7 tel类型

4.2.8 颜色选择器

4.3 新增输入控制属性

4.3.1 autocomplete属性

4.3.2 autofocus属性

4.3.3 form属性

4.3.4 formaction属性

4.3.5 height和width属性

4.3.6 list属性

4.3.7 min、max和step属性

4.3.8 multiple属性

4.3.9 pattern属性

4.3.10 placeholder属性

4.3.11 required属性

4.4 新增表单元素

4.4.1 datalist元素

4.4.2 keygen元素

4.4.3 output元素

4.5 新增表单属性

4.5.1 autocomplete属性

4.5.2 novalidate属性

4.6 实战案例

4.6.1 设计移动调查表

4.6.2 设计PC调查表

4.6.3 设计在位编辑

第5章 HTML5多媒体应用

5.1 网页多媒体发展历史

5.2 HTML5多媒体技术

5.2.1 视频编解码器

5.2.2 音频编解码器

5.2.3 容器

5.3 HTML5多媒体支持

5.3.1 浏览器支持

5.3.2 音频格式支持检测

5.3.3 视频格式支持检测

5.4 使用HTML5音频

5.5 使用HTML5视频

5.6 设置属性、方法与事件

5.6.1 音频和视频属性

5.6.2 音频和视频相关方法

5.6.3 音频和视频事件

5.7 实战案例

5.7.1 手工控制视频播放

5.7.2 根据视频画面控制进度

第6章 客户端数据存储

6.1 认识Web Storage

6.2 浏览器支持

6.3 使用Web Storage

6.3.1 存取数据

6.3.2 Web Storage属性和方法

6.3.3 Web Storage事件

6.3.4 案例：设置网页背景色

6.3.5 案例：存取localStorage数据

6.3.6 案例：设计网页计数器

6.4 使用Web SQ L

6.4.1 使用Web SQL

6.4.2 案例：创建本地数据库

6.4.3 案例：批量存储本地数据

6.5 实战案例

6.5.1 设计Web留言本

6.5.2 设计客户联系表

6.5.3 使用Web SQL设计留言本

6.6 综合案例：设计购物网站

6.6.1 设计思路

6.6.2 设计登录页

6.6.3 设计商品选购页面

第7章 CSS样式基础

7.3 认识CSS

7.1.1 CSS发展历史

7.1.2 CSS优势

7.1.3 CSS样式

7.1.4 应用CSS样式

7.1.5 CSS样式表

7.1.6 导入样式表

7.1.7 CSS注释和格式化

7.1.8 设计第一个样式示例

7.2 CSS选择器

7.2.1 认识CSS选择器

7.2.2 标签选择器

7.2.3 ID选择器

7.2.4 类选择器

7.2.5 指定选择器

7.2.6 包含选择器

7.2.7 子选择器

7.2.8 相邻选择器

7.2.9 兄弟选择器

7.2.10 分组选择器

7.2.11 伪选择器

7.2.12 属性选择器

7.2.13 通用选择器

7.3 CSS特性

7.3.1 层叠性

7.3.2 继承性

7.4 实战案例

7.4.1 设计超链接样式

7.4.2 设计表格样式

第8章 CSS设计文本样式

8.1 定义字体和文本样式

8.1.1 字体类型

8.1.2 字体大小

8.1.3 字体颜色

8.1.4 字体粗细

8.1.5 斜体字体

8.1.6 装饰线

8.1.7 字体大小写

8.1.8 文本水平对齐

8.1.9 文本垂直对齐

8.1.10 字距和词距

8.1.11 行高

8.1.12 首行缩进

8.2 实战案例

8.2.1 定义文本阴影

8.2.2 设计文本阴影特效

8.2.3 定义溢出文本

8.2.4 文本换行

8.2.5 添加动态内容

8.2.6 恢复默认样式

8.2.7 自定义字体类型

第9章 设计背景和边框样式

9.1 定义边框样式

9.2 定义圆角

9.3 定义阴影

9.4 设计背景图像

9.4.1 背景颜色

9.4.2 设置背景图像

9.4.3 背景平铺

9.4.4 背景定位

9.4.5 固定背景

9.4.6 定位参考

9.4.7 背景裁剪

9.4.8 背景大小

9.4.9 多背景图

9.5 实战案例

9.5.1 设计图标按钮

9.5.2 设计花边框

9.5.3 设计椭圆图形

第10章 使用DIV＋CSS排版网页

10.1 控制页面元素显示

10.1.1 定义边界

10.1.2 定义补白

10.1.3 定义尺寸

10.2 以浮动方式显示

10.2.1 定义显示类型

10.2.2 定义显示模式

10.2.3 设置浮动显示

10.2.4 清除浮动

10.3 CSS定位显示

10.3.1 设置定位显示

10.3.2 静态定位

10.3.3 绝对定位

10.3.4 相对定位

10.3.5 固定定位

10.3.6 定位包含框

10.3.7 设置定位偏移

10.3.8 设置层叠顺序

10.3.9 层叠上下文

第11章 使用HTML5＋CSS3排版网页

11.1 多列布局

11.1.1 设置列宽

11.1.2 设置列数

11.1.3 设置列间距

11.1.4 设置列边框样式

11.1.5 设置跨列显示

11.1.6 设置列高度

11.2 弹性盒布局

11.2.1 定义Flexbox

11.2.2 定义伸缩方向

11.2.3 定义行数

11.2.4 定义对齐方式

11.2.5 定义伸缩项目

11.3 比较三种布局方式

11.4 实战案例

11.4.1 设计可伸缩模板

11.4.2 设计多列网页

11.4.3 设计HTML5模板

第12章 jQuery Mobile入门

12.1 认识JavaScnpt和jQuery

12.1.1 使用JavaScript

12.1.2 JavaScript对象和函数

12.1.3 JavaScfipt事件

12.1.4 使用jQuery

12.1.5 jQuery框架

12.1.6 jQuery选择器

12.2 认识jQuery Mobile

12.2.1 jQuery Mobile的兼容性

12.2.2 jQuery Mobile的优势

12.2.3 移动设备模拟器

12.3 使用jQuery Mobile

12.3.1 下载文件

12.3.2 初始化页面

12.4 案例：设计第一个移动页面

第13章 设计jQuery Mobile页面和弹出框

13.1 创建页面

13.1.1 定义单页

13.1.2 定义多页

13.1.3 定义外部链接

13.1.4 定义模态页

13.1.5 定义关闭模态对话框

13.2 设计视图

13.2.1 设计视图背景

13.2.2 设计页面切换动画

13.3 定义弹出页

13.4 应用弹出页

13.4.1 弹出菜单

13.4.2 弹出表单

13.4.3 弹出对话框

13.4.4 弹出图片

13.5 设置弹出页

13.5.1 设置显示位置

13.5.2 设置切换动画

13.5.3 设置主题样式

13.5.4 设置关闭按钮

13.6 实战案例

13.6.1 设计弹出框

13.6.2 设计侧滑面板

13.6.3 设计相册

第14章 移动页面布局

14.1 使用网格布局

14.1.1 定义分栏

14.1.2 案例：设计两栏页面

14.2 使用折叠块

14.2.1 定义折叠块

14.2.2 定义嵌套折叠块

14.2.3 定义折叠组

14.3 使用列表

14.3.1 定义列表视图

14.3.2 定义嵌套列表

14.3.3 分类列表

14.3.4 定义拆分按钮

14.3.5 定义缩微图和图标

14.3.6 定义气泡提示

14.3.7 列表过滤

14.3.8 定义插页列表

14.3.9 定义折叠列表

14.3.10 自动分类列表

14.4 使用表格

14.4.1 表格回流

14.4.2 表格字段切换

14.5 使用滑动面板

14.6 实战案例

14.6.1 设计课程表

14.6.2 设计九宫格

14.6.3 设计登录页

14.6.4 设计新闻列表

14.6.5 设计播放列表

14.6.6 设计通讯录

第15章 使用UI组件

15.1 使用按钮

15.1.1 定义按钮

15.1.2 定义内联按钮

15.1.3 定义按钮图标样式

15.1.4 设置按钮图标位置

15.1.5 定义迷你按钮

15.1.6 定义按钮组

15.2 使用工具栏

15.2.1 定义工具栏

15.2.2 定义显示模式

15.3 设计页眉

15.3.1 定义页眉栏

15.3.2 定义页眉按钮

15.3.3 定义按钮位置

15.4 设计导航

15.4.1 定义导航栏

15.4.2 定义导航图标

15.4.3 定义图标位置

15.5 设计页脚

15.5.1 定义页脚栏

15.5.2 包含表单

15.6 使用表单组件

15.6.1 文本框

15.6.2 单选按钮

15.6.3 复选框

15.6.4 滑块

15.6.5 开关按钮

15.6.6 下拉菜单

15.6.7 列表框

15.7 设计表单组件

15.7.1 恢复表单原生样式

15.7.2 选择项目分组

15.7.3 禁用选择项目

15.7.4 禁用表单对象

15.7.5 隐藏标签

15.7.6 设计迷你表单

15.8 实战案例

15.8.1 设计播放器

15.8.2 设计模拟键盘

15.8.3 设计调查问卷

15.8.4 设计拾色器

15.8.5 设计登录对话框

第16章 设置主题

16.1 使用主题

16.1.1 认识主题

16.1.2 默认主题

16.1.3 应用主题

16.2 使用ThemeRoller

16.3 实战案例

16.3.1 定义多页面主题

16.3.2 动态设置页面主题

16.3.3 设计计算器

第17章 jQuery Mobile配置和事件

17.1 配置

17.1.1 jQuery Mobile配置项

17.1.2 案例：设置gradeA

17.2 页面事件

17.2.1 页面初始事件

17.2.2 页面切换事件

17.2.3 页面显隐事件

17.3 触摸事件

17.3.1 滑动事件

17.3.2 翻转事件

17.3.3 滚屏事件

17.4 实战案例

17.4.1 单击和长按

17.4.2 侧滑面板

第18章 使用Bootstrap

18.1 Bootstrap概述

18.1.1 Bootstrap特色

18.1.2 Bootstrap模块

18.2 下载Bootstrap

18.2.1 下载Bootstrap

18.2.2 源码版Bootstrap文件结构

18.2.3 编译版Bootstrap文件结构

18.3 安装Bootstrap

18.3.1 在页面中导入Bootstrap框架

18.3.2 初次使用Bootstrap

18.4 使用常用组件

18.4.1 设计下拉菜单

18.4.2 设计按钮组

18.4.3 设计按钮导航条

18.4.4 设计按钮式下拉菜单

18.4.5 设计导航组件

18.4.6 绑定导航和下拉菜单

18.4.7 设计导航条

18.4.8 设计列表组

18.4.9 定义模态框

18.4.10 定义滚动监听

18.5 实战案例

18.5.1 设计Tabs组件

18.5.2 设计企业首页

第19章 案例开发：微信wap网站

19.1 设计思路

19.1.1 内容

19.1.2 结构

19.1.3 效果

19.2 设计首页

19.3 设计登录页

19.4 选择城市

19.5 选择酒店

19.6 预定酒店

第20章 实战开发：记事本应用项目

20.1 项目分析

20.2 框架设计

20.3 技术准备

20.3.1 兼容性检查

20.3.2 读写数据

20.3.3 使用Web Storage

20.3.4 Web Storage事件监测

20.4 制作主页面

20.5 制作列表页

20.6 制作详细页

20.7 制作修改页

20.8 制作添加页

第21章 实战开发：互动社区wap项目

21.1 项目分析

21.2 主页设计

21.3 登录页设计

21.4 注册页设计

21.5 发布页设计

21.6 后台开发

21.6.1 设计数据库

21.6.2 连接数据库

21.6.3 首页功能实现

21.6.4 注册页功能实现

21.6.5 发布页功能实现

21.6.6 回复功能实现