互联网的世界离不开前端开发，大前端时代最大的特点在于一次开发，同时适用多个平台，可以说是Web统一的时代。本书将当前热门响应式Web开发与HTML5和CSS3完美的结合起来，以项目为导向，深刻且通俗地揭示了Web前端开发的内幕。
全书共8个单元，详细讲解了HTML5、CSS3、JavaScript基础、响应式Web设计、Bootstrap等技术的应用。第1单元从宏观角度介绍了响应式Web开发的基本概念以及HTML5和CSS3的新特性，让读者对它们一个初步的理解和认识；第2~4单元讲解了HTML5和CSS3中的一些常用标签和属性，它们是响应式Web开发必备的基础知识；第5单元讲解了HTML5画布，作为HTML5的标志性突破，它是本书的一大亮点；第6单元讲解了HTML5的音频和视频功能；第7单元深入讲解了响应式Web设计的相关技术点，它是高级的前端开发人员的必要修养；第8单元讲解了Bootstrap的下载、安装以及相应组件的基本应用，它是一个非常高大上的响应式设计神器，爱技术的你，绝对值得拥有。本书深入浅出、通俗易懂语言阐述其中涉及的概念，对相应知识点列举了典型详实的Web应用案例，最后将知识点应用的综合项目当中，并提供页面效果展示、项目分析和详细的代码实现，使读者在掌握知识点的同时拥有相应的项目经验。
本书附有配套视频、源代码、习题、教学课件等资源，而且为了帮助读者更好地学习本书讲解的内容，还提供了在线答疑，希望得到更多读者的关注。
本书针对某些知识点添加了相应基础知识的回顾，不仅适合作为高等院校计算机相关专业程序设计或者Web项目开发的教材，还可以为各个层次的Web开发人员阅读和参考的优秀读物。
本教材主要有以下3个特色：
特色1：项目驱动教学
实际编程为主，理论知识为辅。通过生动的项目将知识点串联起来，充分提高读者的求知欲望和学习成就感。
特色2：重组知识划分
8个主题单元，从HTML5+CSS3页面制作基础到HTML5突破性进化。从响应式Web页面开发介绍到bootstrap响应式页面开发实战。
特色3：实用与趣味兼得
每个单元由2~4个项目构成，除此还穿插一些趣味小案例。全书涉及炫目动感的网页、Canvas与SVG绘图、响应式跨平台的Web开发、常用开发工具的使用等。
单元1 响应式和HTML5+CSS3初体验 1
【教学导航】 2
响应式Web设计简介 2
【项目1-1】使用HTML5+CSS3
绘制HTML5的logo 4
【项目描述】 4
【前导知识】 4
HTML5的新特性 4
HTML5的基本语法 5
CSS3的新特性 6
如何在HTML中引入样式表 6
CSS3与浏览器 7
【项目分析】 7
【代码实现】 7
【项目总结】 12
【项目1-2】构建移动版旅游网站
页面 13
【项目描述】 13
【前导知识】 14
HTML5语义化结构标签 14
CSS选择器 15
盒子模型 17
CSS的浮动与定位 18
【项目分析】 21
【代码实现】 22
【项目总结】 28
单元2 文本类网页设计 29
【教学导航】 30
【项目2-1】电子杂志页面 30
【项目描述】 30
【前导知识】 31
HTML5中常用的文本标签 31
CSS的字体样式属性 31
多列布局 33
【项目分析】 34
【代码实现】 35
【项目总结】 37
【项目2-2】软文推广页面 38
【项目描述】 38
【前导知识】 38
CSS的文本外观属性 38
CSS的层叠性、继承性和重要性 40
CSS的优先级 41
Web字体图标-font-awesome的应用 42
【项目分析】 44
【代码实现】 45
【项目总结】 49
【项目2-3】手机邮箱导航页面 49
【项目描述】 49
【前导知识】 49
CSS链接属性 49
CSS导航栏 50
【项目分析】 50
【代码实现】 51
【项目总结】 55
单元3 图文展示网页设计 56
【教学导航】 57
【项目3-1】黑马书城 57
【项目描述】 57
【前导知识】 58
HTML5常用图像标签 58
CSS背景设置 59
CSS阴影和渐变 59
【项目分析】 63
【代码实现】 64
【项目总结】 68
【项目3-2】多肉植物商城 68
【项目描述】 68
【前导知识】 68
CSS3的圆角边框 68
CSS3的过渡（CSS3 transition） 70
CSS3变形（CSS3 transform） 72
【项目分析】 76
【代码实现】 78
【项目总结】 83
【项目3-3】摇晃的桃子 83
【项目描述】 83
【前导知识】 83
CSS3动画（CSS3 animations） 83
CSS精灵技术（CSS Sprites） 85
【项目分析】 87
【代码实现】 88
【项目总结】 91
单元4 HTML5表单的应用 93
【教学导航】 94
【项目4-1】移动版登录页面 94
【项目描述】 94
【前导知识】 95
介绍表单 95
HTML5 <input>标签 96
【项目分析】 99
【代码实现】 100
【项目总结】 102
【项目4-2】用户注册页面 103
【项目描述】 103
【前导知识】 104
其他表单标签 104
HTML5表单验证 108
【项目分析】 109
【代码实现】 110
【项目总结】 114
单元5 HTML5画布 115
【教学导航】 116
【项目5-1】网页涂鸦板 116
【项目描述】 116
【前导知识】 116
JavaScript的那些事 116
初识canvas 123
【项目分析】 125
【代码实现】 126
【项目总结】 127
【项目5-2】发红包才能看的
照片 128
【项目描述】 128
【前导知识】 129
canvas绘制矩形和清除矩形 129
canvas绘制圆形 130
canvas 绘制图片 131
canvas中的其他方法 132
【项目分析】 133
【代码实现】 134
【项目总结】 137
单元6 音频与视频 138
【教学导航】 139
【项目6-1】视频播放器 139
【项目描述】 139
【前导知识】 139
<video>标签的使用 139
HTML DOM Video对象 143
JavaScript运算符和if条件语句 145
【项目分析】 147
【代码实现】 149
【项目总结】 150
【项目6-2】HTML5 Web
钢琴 151
【项目描述】 151
【前导知识】 151
<audio>标签的使用 151
HTML DOM Audio对象 153
JavaScript循环语句 155
【项目分析】 156
【代码实现】 157
【项目总结】 160
【项目6-3】音乐播放器 160
【项目描述】 160
【项目分析】 161
【代码实现】 162
【项目总结】 168
单元7 响应式Web设计 169
【教学导航】 170
【项目7-1】第 一个响应式
网站 170
【项目描述】 170
【前导知识】 171
关于视口 171
媒体查询 172
百分比布局 175
【项目分析】 176
【代码实现】 177
【项目总结】 187
【项目7-2】社交网站个人信息
页面 187
【项目描述】 187
【前导知识】 188
响应式栅格系统 188
弹性盒布局 190
【项目分析】 196
【代码实现】 197
【项目总结】 205
单元8 响应式设计
Bootstrap 206
【教学导航】 207
【项目8】Bootstrap餐饮类网站
首页 207
【项目描述】 207
【任务1-完成网页header部分】 208
【任务2-完成网页搜索模块】 219
【任务3-完成热卖商品模块】 229
【任务4-完成特色推荐模块】 235
【任务5-完成轮播广告模块】 243
【任务6-整合所有模块，完成footer
部分】 250
附录1 HTML5新增标签和废除
标签 264
附录2 CSS3新增属性 267
附录3 CSS3中需要加浏览器
私有前缀的属性 281
