HTML5移动Web开发技术电子书

版权

前言

第1章 移动互联网时代HTML5概述

1.1 移动互联网Web技术发展

1.2 HTML5概述

1.2.1 HTML5的诞生和发展

1.2.2 HTML5新特性

1.2.3 跨越浏览器的HTML5

1.3 HTML5在移动开发中的应用

1.3.1 Web前端开发技术简介

1.3.2 移动Web应用发展

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

本章小结

实践与练习

实验指导

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

实验2 快速制作简单网页

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

2.1 使用HTML5开发移动端应用程序

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

2.3 主流移动开发工具

2.3.1 HBuilder

2.3.2 Sublime Text

2.3.3 Atom

2.3.4 WebStorm

2.3.5 Visual Studio Code

2.4 HTML5移动Web开发框架

2.4.1 jQuery Mobile

2.4.2 Sencha Touch

2.4.3 Junior

2.4.4 其他HTML5移动Web开发框架

2.5 案例：使用HBuilder框架设计精美窗体

本章小结

实践与练习

实验指导

实验1 使用HBuilder创建MUI框架页面

实验2 用jQuery Mobile框架实现框架抽屉布局效果

第3章 移动开发常用的HTML5标签

3.1 HTML5文件基本标记

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.1 div标签

3.4.2 iframe标签

3.4.3 layer和ilayer标签

3.5 表格

3.5.1 标题和表头

3.5.2 表格的基本属性

3.5.3 表格样式的设定

3.6 多媒体

3.6.1 audio标签

3.6.2 video标签

3.7 图像效果

3.7.1 图像的基本格式

3.7.2 图像属性

3.7.3 图像文字和链接

3.8 文件与拖放

3.8.1 file对象选择文件

3.8.2 图像属性blob接口获取文件的类型与大小

3.8.3 FileReader接口

3.8.4 拖放API

3.8.5 实现拖放的步骤

3.9 案例：实现购物车功能

本章小结

实践与练习

实验指导

实验1 列表——简单的ul标签小应用

实验2 iframe——使用iframe实现简单导航栏切换效果

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

第4章 HTML5高级开发标签

4.1 HTML5 canvas概述

4.2 canvas标签

4.2.1 绘制矩形

4.2.2 使用路径绘制图形

4.2.3 使用arc绘制弧形

4.2.4 填充及填充样式

4.2.5 绘制曲线

4.2.6 canvas变换及文本

4.2.7 渐变

4.3 Geolocation（地理定位）

4.4 HTML5主要新增标签

4.4.1 语义化标记

4.4.2 input新增属性

4.4.3 button标签

4.4.4 HTML5其他新增标签

4.4.5 HTML5废除的元素

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在线注册应用

本章小结

实践与练习

实验指导

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

实验2 QQ登录系统实现

第6章 CSS3样式

6.1 CSS概述

6.2 CSS的属性和背景

6.2.1 CSS属性

6.2.2 CSS3 背景

6.3 选择器

6.4 CSS的定位

6.5 页面设计案例

6.6 案例：DIV+CSS精美窗口设计

本章小结

实践与练习

实验指导

实验1 创建手风琴效果

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

第7章 JavaScript基础

7.1 JavaScript概述

7.2 JS基础元素和功能

7.2.1 JS注释

7.2.2 JS输出

7.2.3 JS运算符

7.2.4 流程控制语句

7.2.5 JS循环语句

7.2.6 JS错误和验证

7.3 JS函数与内置对象

7.3.1 JS函数

7.3.2 JS对象

7.4 JS窗口对象

7.4.1 window对象

7.4.2 document对象

7.4.3 timing对象

7.4.4 navigator对象

7.4.5 history对象

7.4.6 location对象

7.5 表单交互

7.6 Cookie存储信息

7.7 案例：在线书店购物车

本章小结

实践与练习

实验指导

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

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

第8章 移动框架jQuery Mobile

8.1 实现第一个Hello World

8.2 UI页面设计

8.2.1 页面与视图

8.2.2 基本控件

8.2.3 列表

8.2.4 工具栏

8.3 动态事件

8.3.1 表单实现

8.3.2 实现的工具和方法

8.3.3 Event事件

8.4 案例：唱片购买

本章小结

实践与练习

实验指导

实验1 基于jQuery Mobile的简单的记事本

实验2 基于jQuery Mobile的全键盘界面

第9章 HBuilder开发工具

9.1 移动开发工具概述

9.2 实现第一个Hello World程序

9.3 MUI框架实现

9.3.1 主要的UI组件

9.3.2 窗口管理

9.3.3 事件管理

9.3.4 刷新加载

9.4 设计自己的HBuild程序

9.4.1 需求分析

9.4.2 App设计

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 联系功能模块

本章小结

实践与练习

参考文献