HTML5移动Web开发技术

适读人群 ：本科计算机类专业学生，软件技术人员、管理信息系统开发人员

本书特色:

在各个章节中穿插示例的方法，讲解了HTML5移动应用开发从入门到实际应用所必备的知识。本书每章都配备了课后习题和一个案例，每章还安排了实验，可供教师实验教学使用。本书配有电子课件、课后习题答案、每章节的案例代码和实验代码，以方便教学和自学参考使用。

《HTML5移动Web开发技术》主要讲述如何利用HTML5的相关技术开发移动Web网站和Web App。《HTML5移动Web开发技术》主要分为以下几部分：一，主要讲述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
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联系功能模块
本章小结

HTML5作为移动互联网前端的主流开发语言，目前还没有一个前端的开发语言能取代其位置，所以说，无论做手机网站还是手机App应用，前端的样式都是用HTML5开发的。通过手机与计算机上网的使用率来看，目前通过手机上网的用户远远高于计算机端，这些数据都足以证明未来移动互联网的发展前景非常好。使用HTML5进行开发有很多优势，这些优势正好顺应了互联网发展的需求，跨平台、开发周期短、投入小、实时更新、摆脱平台约束，这些都恰好解决了未来发展中一部分企业开发的迫切需求。所以，HTML5开发一定会在未来扮演一个很重要的角色。
本书围绕HTML5移动应用开发基础和移动App编程技巧进行编写，在内容的编排上力争体现新的教学思想和方法。本书内容遵循“从简单到复杂”“从抽象到具体”的原则。书中通过在各个章节中穿插示例的方法，讲解了HTML5移动应用开发从入门到实际应用所必备的知识。HTML、CSS和JavaScript都是计算机专业的基础课，也是HTML5移动应用开发课程的基础。学生除了要在课堂上学习程序设计的理论方法，掌握编程语言的语法知识和编程技巧外，还要进行大量的课外练习和实践操作。为此，本书每章都配备了课后习题和一个案例。除此之外，每章还安排了实验，可供教师实验教学使用。
本书共10章。第1章是移动互联网时代HTML5概述。第2章介绍移动开发工具和开发框架，重点介绍了HTML5移动应用开发的主流开发工具，只有了解了这些开发工具才能更高效、快捷地进行移动开发。第3章介绍移动开发常用的HTML5标签，这些标签都是在HTML移动开发中常用的。第4章介绍HTML5高级开发标签，主要讲解HTML5的新增标签和移动开发最流行标签，如Canvas标签等。第5章介绍HTML5表单设计。第6章介绍CSS3样式，对常见样式的标签属性、选择器等重点内容进行了介绍。第7章介绍JavaScript基础，主要讲解JavaScript的使用方法。第8章介绍移动框架jQuery Mobile。第9章介绍HBuilder开发工具，主要介绍一种流行的免费开源移动开发工具HBuilder。第10章讲解了一个综合案例，通过这个综合案例可以加深读者对移动开发应用的认识。本书利用HBuilder开发工具，使用jQuery Mobile框架，进行设计应用开发。
本书内容全面，案例新颖，针对性强。书中所介绍的实例都是在Windows 10操作系统下调试运行通过的。每章都有与本章知识点相关的案例和实验，以帮助读者顺利完成开发任务。从应用程序的设计到发布，读者都可以按照书中所讲述的内容来实施。
本书由夏辉整体策划，夏辉、杨伟吉、王晓丹、于海洋、张丽娜、刘澍和吴鹏负责全书的编写工作，由吴鹏博士主审；刘杰教授、李航教授为本书的策划和编写提供了有益的帮助和支持，对本书初稿在教学过程中存在的问题也提出了宝贵的意见；书中还借鉴了相关参考文献中的原理知识和资料，在此一并表示感谢。
本书配有电子课件、课后习题答案、每章节的案例代码和实验代码，以方便教学和自学参考使用，如有需要请到网站http://wwwscsesdueducn中下载。
由于时间仓促，书中难免存在不妥之处，敬请广大读者谅解，并提出宝贵意见。