HTML5应用开发案例教程（微课版）

HTML5技术是目前流行的Web前端技术之一。本书以HBuilder为开发平台，以实际应用为主线，介绍了HTML5应用开发的相关技术内容（HTML5、CSS3和JavaScript）及其应用方法。 本书以旅游网站和游戏开发为教学案例，共8章，内容包括HTML5应用开发概述、静态网页制作、结合JavaScript的交互式网页制作、CSS3界面美化、音频/视频特效网页制作、Canvas动画制作、HTML5游戏开发和响应式网页制作。 本书配套在线开放课程，提供视频、PPT、案例源代码等教学资源，辅助教师教学和学生学习。 本书可作为高职高专院校计算机相关专业的教材，也可以作为从事相关开发工作的工程技术人员的参考书。

古凌岚，广东轻工职业技术学院信息学院，曾出版过多部教材《XML技术及应用》（9787508454443水利水电出版社）《计算机网络系统集成》（9787040381740高等教育出版社，十二五规划）

第 1章HTML5应用开发概述 001 1.1网页工作原理　001 1.1.1浏览器软件　001 1.1.2网页工作过程　002 1.2HTML5概述　003 1.3响应式设计　006 1.4运行环境和开发工具　011 1.4.1运行环境　011 1.4.2开发工具　012 课后练习　017 第　2章静态网页制作　018 2.1HTML5页面的构建　018 2.1.1HTML5基本结构　018 2.1.2HTML5新增的结构标签　020 2.1.3CSS3技术　021 2.1.4实例2-1：编写一个简单的 　HTML5页面　023 2.2文本标签的应用　026 2.2.1文本标签　026 2.2.2实例2-2：旅游网站介绍文字的 　制作　028 2.3表格标签的应用　029 2.3.1表格标签　029 2.3.2实例2-3：旅游网站机票预订 　页面制作　030 2.4表单标签的应用　032 2.4.1表单标签　032 2.4.2实例2-4：旅游网站登录和 　注册页面制作　035 2.5分组标签的应用　036 2.5.1分组标签　036 2.5.2实例2-5：旅游网站首页 　制作（一）　039 2.6嵌入标签的应用　045 2.6.1嵌入标签　045 2.6.2实例2-6：旅游网站首页 　制作（二）　047 课后练习　048 第3章结合JavaScript的交互式 网页制作　049 3.1初识JavaScript　049 3.1.1什么是JavaScript　049 3.1.2JavaScript的特点　049 3.2JavaScript基本语法　050 3.2.1JavaScript的应用方法　050 3.2.2标识符、数据类型和运算符　051 3.2.3实例3-1：货币汇率兑换器　053 3.3JavaScript程序构成　055 3.3.1流程控制语句　055 3.3.2函数　055 3.3.3对象　056 3.3.4实例3-2：旅游网站用户注册的 　合法性验证　058 3.4JavaScript访问DOM节点　061 3.4.1文档对象模型　062 3.4.2DOM节点的基本操作　063 3.4.3DOM事件机制　065 3.4.4实例3-3：旅游网站的景点查询 　动态生成页面制作　067 3.4.5JavaScript事件处理模型　072 课后练习　072 第4章CSS3界面美化　073 4.1CSS3选择器　073 4.1.1CSS3选择器的用法　073 4.1.2实例4-1：旅游网站的后台订单 　管理页面制作　081 4.2CSS3边框和背景　087 4.2.1CSS3边框　088 4.2.2CSS3背景　093 4.2.3实例4-2：旅游网站的旅游线路 　推广页制作　095 4.3CSS3文本和字体　098 4.3.1文本和服务器字体　098 4.3.2实例4-3：旅游网站的机票预订 　页面制作　101 4.4CSS3盒式与多栏布局　110 4.4.1弹性盒布局　110 4.4.2实例4-4：使用Flex布局构建 　网站首页　114 4.4.3多栏布局　121 4.4.4实例4-5：旅游网站的游记页面 　制作　122 4.5CSS3　2D变换与动画　127 4.5.1CSS3　2D变换　127 4.5.2实例4-6：升级改版旅游网站的 　首页（一）　129 4.5.3CSS3过渡动画　132 4.5.4实例4-7：升级改版旅游网站的 　首页（二）　133 4.5.5CSS3　动画　135 4.5.6实例4-8：升级改版旅游网站的 　首页（三）　137 课后练习　140 第5章音频/视频特效网页制作　141 5.1HTML5音频　142 5.1.1音频格式　142 5.1.2音频播放的简单应用　142 5.1.3音频播放的高级应用　143 5.1.4实例5-1：带iPod播放器的旅游 　网站首页制作　148 5.2HTML5视频　155 5.2.1视频格式　156 5.2.2视频播放的简单应用　156 5.2.3视频播放的高级应用　157 5.2.4实例5-2：随页面滚动自动切换 　视频的旅游广告页制作　161 5.2.5实例5-3：全视频背景下的时尚 　主页设计　164 课后练习　174 第6章Canvas动画制作　175 6.1Canvas的相关概念　175 6.1.1标签　175 6.1.2渲染上下文　176 6.1.3实例6-1：在HTML页面上 　绘制矩形　176 6.2Canvas绘制简单图形　177 6.2.1绘制线条　178 6.2.2绘制/填充矩形　179 6.2.3绘制/填充圆弧和曲线　180 6.2.4Canvas状态保存和恢复　182 6.2.5实例6-2：简易画板制作　183 6.3Canvas绘制图像和文本　187 6.3.1绘制图像　188 6.3.2绘制文本　191 6.3.3实例6-3：在线广告图插件 　制作　193 6.4Canvas变形和动画　198 6.4.1绘制变形　199 6.4.2绘制渐变　201 6.4.3绘制阴影　202 6.4.4实例6-4：滑动验证码制作　204 课后练习　207 第7章HTML5游戏开发　208 7.1游戏开发前的技术准备　208 7.1.1Canvas动画的实现　208 7.1.2元素碰撞检测和自由落体　209 7.1.3鼠标键盘事件　214 7.2实例7-1：小黄人吃泡泡游戏　217 7.2.1游戏需求　217 7.2.2关键技术的实现　217 7.2.3完整代码　219 7.3实例7-2：经典俄罗斯方块 游戏　223 7.3.1游戏需求与逻辑　224 7.3.2关键技术的实现　224 7.3.3完整代码　227 课后练习　233 第8章响应式网页制作　234 8.1响应式设计核心技巧　234 8.1.1媒体查询　234 8.1.2响应式页面的设计流程　239 8.2响应式设计应用　240 8.2.1实例8-1：响应式企业网站 　首页制作　240 8.2.2实例8-2：响应式旅游网站页面 　制作　247 课后练习　251