《HTML5移动Web开发技术》主要讲述如何利用HTML5的相关技术开发移动Web网站和Web App。要分为以下几部分：一，主要讲述Web技术的发展及HTML5标準在移动Web技术中的套用；第二，主要讲述HTML5的基本标籤、新功能及新特性在移动设备浏览器中的使用方法；第三，主要介绍JavaScript、CSS3及比较流行的移动开发框架jQuery Mobile，并配备丰富的实例作为实践；第四，主要结合HBuilder框架库和HTML5技术构建进行讲解，旨在帮助读者将HTML5技术运用于实践之中。 《HTML5移动Web开发技术》既可作为高等学校计算机软体技术课程的教材，也可作为管理信息系统开发人员的技术参考书。

前言

第1章移动网际网路时代HTML5概述

1.1移动网际网路Web技术发展

1.2HTML5概述

1.2.1HTML5的诞生和发展

1.2.2HTML5新特性

1.2.3跨越浏览器的HTML5

1.3HTML5在移动开发中的套用

1.3.1Web前端开发技术简介

1.3.2移动Web套用发展

1.3.3HTML5移动端开发前景和优势

本章小结

实践与练习

实验指导

实验1使用浏览器下载和查看网页

原始码

实验2快速製作简单网页

第2章移动开发工具和开发框架

2.1使用HTML5开发移动端套用

程式

2.2PC浏览器中模拟移动开发与

测试

2.3主流移动开发工具

2.3.1HBuilder

2.3.2Sublime Text

2.3.3Atom

2.3.4WebStorm

2.3.5Visual Studio Code

2.4HTML5移动Web开发框架

2.4.1jQuery Mobile

2.4.2Sencha Touch

2.4.3Junior

2.4.4其他HTML5移动Web开发

框架

2.5案例：使用HBuilder框架设计

精美窗体

本章小结

实践与练习

实验指导

实验1使用HBuilder创建MUI框架

页面

实验2用jQuery Mobile框架实现框架

抽屉布局效果

第3章移动开发常用的HTML5

标籤

3.1HTML5档案基本标记

3.1.1头部元素

3.1.2标题元素

3.1.3元信息标记

3.1.4页面主体

3.1.5页面注释标记

3.2页面主体标籤

3.2.1文字格式

3.2.2跨越浏览器的HTML5

3.3列表

3.3.1有序列表

3.3.2无序列表

3.3.3定义列表

3.3.4选单列表

3.3.5目录列表

3.4层标记

3.4.1div标籤

3.4.2iframe标籤

3.4.3layer和ilayer标籤

3.5表格

3.5.1标题和表头

3.5.2表格的基本属性

3.5.3表格样式的设定

3.6多媒体

3.6.1audio标籤

3.6.2video标籤

3.7图像效果

3.7.1图像的基本格式

3.7.2图像属性

3.7.3图像文字和连结

3.8档案与拖放

3.8.1file对象选择档案

3.8.2图像属性blob接口获取档案的

类型与大小

3.8.3FileReader接口

3.8.4拖放API

3.8.5实现拖放的步骤

3.9案例：实现购物车功能

本章小结

实践与练习

实验指导

实验1列表——简单的ul标籤小

套用

实验2iframe——使用iframe实现简单

导航栏切换效果

实验3将自己的课表显示在页面上

第4章HTML5高级开发标籤

4.1HTML5 canvas概述

4.2canvas标籤

4.2.1绘製矩形

4.2.2使用路径绘製图形

4.2.3使用arc绘製弧形

4.2.4填充及填充样式

4.2.5绘製曲线

4.2.6canvas变换及文本

4.2.7渐变

4.3Geolocation（地理定位）

4.4HTML5主要新增标籤

4.4.1语义化标记

4.4.2input新增属性

4.4.3button标籤

4.4.4HTML5其他新增标籤

4.4.5HTML5废除的元素

4.5案例：创建魔方玩具效果

本章小结

实践与练习

实验指导

实验1用canvas绘製一个笑脸图案

实验2用canvas实现简单滤镜效果

第5章HTML5表单设计

5.1表单属性标籤

5.2添加类控制项

5.2.1文本控制项

5.2.2密码域

5.2.3单选按钮

5.2.4複选框

5.2.5普通按钮

5.2.6提交按钮

5.2.7重置按钮

5.3表单输出元素和验证

5.3.1表单的输出元素

5.3.2表单验证

5.4案例：E-M线上注册套用

本章小结

实践与练习

实验指导

实验1CRM系统注册页面实现

实验2QQ登录系统实现

第6章CSS3样式

6.1CSS概述

6.2CSS的属性和背景

6.2.1CSS属性

6.2.2CSS3 背景

6.3选择器

6.4CSS的定位

6.5页面设计案例

6.6案例：DIV+CSS精美视窗

设计

本章小结

实践与练习

实验指导

实验1创建手风琴效果

实验2仿九宫格排列的按钮组

第7章JavaScript基础

7.1JavaScript概述

7.2JS基础元素和功能

7.2.1JS注释

7.2.2JS输出

7.2.3JS运算符

7.2.4流程控制语句

7.2.5JS循环语句

7.2.6JS错误和验证

7.3JS函式与内置对象

7.3.1JS函式

7.3.2JS对象

7.4JS视窗对象

7.4.1window对象

7.4.2document对象

7.4.3timing对象

7.4.4navigator对象

7.4.5history对象

7.4.6location对象

7.5表单互动

7.6Cookie存储信息

7.7案例：线上书店购物车

本章小结

实践与练习

实验指导

实验1JS编程环境及代码调试方法

实验2用JS实现线上电子商务购物

第8章移动框架jQuery Mobile

实验2iframe——使用iframe实现简单

导航栏切换效果

实验3将自己的课表显示在页面上

第4章HTML5高级开发标籤

4.1HTML5 canvas概述

4.2canvas标籤

4.2.1绘製矩形

4.2.2使用路径绘製图形

4.2.3使用arc绘製弧形

4.2.4填充及填充样式

4.2.5绘製曲线

4.2.6canvas变换及文本

4.2.7渐变

4.3Geolocation（地理定位）

4.4HTML5主要新增标籤

4.4.1语义化标记

4.4.2input新增属性

4.4.3button标籤

4.4.4HTML5其他新增标籤

4.4.5HTML5废除的元素

4.5案例：创建魔方玩具效果

本章小结

实践与练习

实验指导

实验1用canvas绘製一个笑脸图案

实验2用canvas实现简单滤镜效果

第5章HTML5表单设计

5.1表单属性标籤

5.2添加类控制项

5.2.1文本控制项

5.2.2密码域

5.2.3单选按钮

5.2.4複选框

5.2.5普通按钮

5.2.6提交按钮

5.2.7重置按钮

5.3表单输出元素和验证

5.3.1表单的输出元素

5.3.2表单验证

5.4案例：E-M线上注册套用

本章小结

实践与练习

实验指导

实验1CRM系统注册页面实现

实验2QQ登录系统实现

第6章CSS3样式

6.1CSS概述

6.2CSS的属性和背景

6.2.1CSS属性

6.2.2CSS3 背景

6.3选择器

6.4CSS的定位

6.5页面设计案例

6.6案例：DIV+CSS精美视窗

设计

本章小结

实践与练习

实验指导

实验1创建手风琴效果

实验2仿九宫格排列的按钮组

第7章JavaScript基础

7.1JavaScript概述

7.2JS基础元素和功能

7.2.1JS注释

7.2.2JS输出

7.2.3JS运算符

7.2.4流程控制语句

7.2.5JS循环语句

7.2.6JS错误和验证

7.3JS函式与内置对象

7.3.1JS函式

7.3.2JS对象

7.4JS视窗对象

7.4.1window对象

7.4.2document对象

7.4.3timing对象

7.4.4navigator对象

7.4.5history对象

7.4.6location对象

7.5表单互动

7.6Cookie存储信息

7.7案例：线上书店购物车

本章小结

实践与练习

实验指导

实验1JS编程环境及代码调试方法

实验2用JS实现线上电子商务购物

第8章移动框架jQuery Mobile

8.1实现一个Hello World

8.2UI页面设计

8.2.1页面与视图

8.2.2基本控制项

8.2.3列表

8.2.4工具列

8.3动态事件

8.3.1表单实现

8.3.2实现的工具和方法

8.3.3Event事件

8.4案例：唱片购买

本章小结

实践与练习

实验指导

实验1基于jQuery Mobile的简单的

记事本

实验2基于jQuery Mobile的全键盘

界面

第9章HBuilder开发工具

9.1移动开发工具概述

9.2实现一个Hello World程式

9.3MUI框架实现

9.3.1主要的UI组件

9.3.2视窗管理

9.3.3事件管理

9.3.4刷新载入

9.4设计自己的HBuild程式

9.4.1需求分析

9.4.2App设计

9.5案例：使用AJAX实现App与

伺服器之间的互动

本章小结

实践与练习

实验指导

实验1掌握MUI框架的实现及其相应

组件的功能

实验2设计App，完善用户体验

第10章综合实例——C2C交易平台

前端设计

10.1需求分析

10.2系统功能模组设计

10.3开发环境

10.4前端UI设计

10.4.1材料準备

10.4.2项目準备

10.4.3移动端设计

10.4.4流程设计

10.4.5商品展示模组

10.4.6购物车设计

10.4.7登录模组

10.4.8订单功能模组

10.4.9联繫功能模组

本章小结

实践与练习

参考文献