作者：古凌岚 袁宜英
页数：251
出版社：人民邮电出版社
出版日期：2021
ISBN：9787115528964
电子书格式：pdf/epub/txt
内容简介
HTML5技术是目前流行的Web前端技术之一。本书以HBuilder为开发平台，以实际应用为主线，介绍了HTML5应用开发的相关技术内容（HTML5、CSS3和JavaScript）及其应用方法。
本书以旅游网站和游戏开发为教学案例，共8章，内容包括HTML5应用开发概述、静态网页制作、结合JavaScript的交互式网页制作、CSS3界面美化、音频/视频网页制作、Canvas动画制作、HTML5游戏开发和响应式网页制作。
本书配套在线开放课程，提供视频、PPT、案例源代码等教学资源，辅助教师教学和学生学习。
本书可作为高职高专院校计算机相关专业的教材，也可以作为从事相关开发工作的工程技术人员的参考书。
作者简介
古凌岚，广东轻工职业技术学院信息学院，曾出版过多部教材《XML技术及应用》（9787508454443水利水电出版社）《计算机网络系统集成》（9787040381740高等教育出版社，十二五规划）
本书特色
1.HTML5+CSS3+JavaScript的内容设计比传统前端基础教程难度提高，更适合计算机专业学生对课程要求的不断提高。
2.本书配有大量案例，帮助读者巩固每章所学知识。
目录
第 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
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
