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

第 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