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
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联系功能模块
本章小结