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

1.HTML5+CSS3+JavaScript的内容设计比传统前端基础教程难度提高，更适合计算机专业学生对课程要求的不断提高。 2.本书配有大量案例，帮助读者巩固每章所学知识。

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

 

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