响应式Web开发项目化教程（HTML5+CSS3）

　　近年来，互联网在各个领域的普及，使Web前端开发技术的发展速度十分迅猛，而HTML5+CSS3更是已经成为Web前端开发技术的主流，从而使Web前端开发技术具备了更多新的功能特性。本书从Web前端开发实际应用的角度出发，以企业实际项目为核心，由浅入深地讲解了HTML5、CSS3及响应式Web前端开发技术。本书共10个项目，前9个项目从项目描述、前导知识、项目分析、项目实践、项目总结5个方面对各项目进行了系统的讲解，帮助读者快速理解并掌握各项目的重点知识，最后通过项目10的企业真实项目实战对响应式Web前端开发全过程进行梳理和讲解，全面提高读者分析问题、解决问题及动手操作的能力。本书包含配套教学计划、教案、教学PPT、教学案例、源代码、课后习题等资源，读者可登录华信教育资源网（http：//www.hxedu.com.cn）注册后免费下载。本书适用面广，既可作为高职院校、培训机构的Web前端开发教材，也可作为网页设计、网站开发、网页编程等课程的教材及参考书。

　　孙晓娟，参加工作以来，一直从事Web开发和计算机软件方向的研究与教学工作，撰写论文20余篇，多次获得省级教学成果奖，教育部优秀指导教师等荣誉。2017年至今，多次担任辽宁省职业技能大赛高职、中职组的计算机检测与维修、电子商务赛项的评委。

项目1 制作HBuilder百科页面\t1
1．1 项目描述\t1
1．2 前导知识\t1
1．2．1 初识HTML5\t1
1．2．2 HTML5基础\t4
1．2．3 文本控制元素\t6
1．2．4 图像控制元素\t9
1．2．5 超链接元素\t9
1．2．6 列表元素\t10
1．2．7 结构元素\t13
1．2．8 分组元素\t18
1．2．9 内容交互元素\t20
1．3 项目分析\t21
1．3．1 页面结构分析\t21
1．3．2 样式分析\t22
1．4 项目实践\t23
1．4．1 制作页面结构\t23
1．4．2 定义CSS样式\t24
1．5 项目总结\t24
项目2 制作化妆品展示列表页面\t25
2．1 项目描述\t25
2．2 前导知识\t25
2．2．1 初识CSS\t25
2．2．2 引入CSS样式与CSS语法格式\t26
2．2．3 CSS基础选择器\t29
2．2．4 伪元素选择器\t35
2．2．5 链接伪类\t36
2．2．6 结构化伪类选择器\t37
2．2．7 CSS的层叠性与继承性\t42
2．2．8 CSS的优先级\t44
2．2．9 字体样式属性与文本样式属性\t45
2．3 项目分析\t52
2．3．1 页面结构分析\t52
2．3．2 样式分析\t52
2．4 项目实践\t53
2．4．1 制作页面结构\t53
2．4．2 定义CSS样式\t54
2．5 项目总结\t54
项目3 制作电商主播排行榜页面\t55
3．1 项目描述\t55
3．2 前导知识\t55
3．2．1 初识盒模型\t55
3．2．2 边框属性\t57
3．2．3 边距属性\t64
3．2．4 box-sizing属性\t67
3．2．5 阴影属性\t68
3．2．6 渐变属性\t69
3．2．7 背景属性\t72
3．3 项目分析\t77
3．3．1 页面结构分析\t77
3．3．2 样式分析\t78
3．4 项目实践\t78
3．4．1 制作页面结构\t78
3．4．2 定义CSS样式\t78
3．5 项目总结\t79
项目4 制作家装行业产品展示页面\t80
4．1 项目描述\t80
4．2 前导知识\t81
4．2．1 过渡\t81
4．2．2 变形\t85
4．2．3 动画\t92
4．3 项目分析\t94
4．3．1 页面结构分析\t94
4．3．2 样式分析\t95
4．4 项目实践\t95
4．4．1 制作页面结构\t95
4．4．2 定义CSS样式\t97
4．5 项目总结\t99
项目5 制作旅游网站的导航栏和banner\t100
5．1 项目描述\t100
5．2 前导知识\t100
5．2．1 元素的浮动属性float\t100
5．2．2 元素的清除浮动属性clear\t102
5．2．3 元素的位置定位属性position\t103
5．2．4 元素的类型转换\t108
5．3 项目分析\t111
5．3．1 页面结构分析\t111
5．3．2 样式分析\t111
5．4 项目实践\t111
5．4．1 制作页面结构\t111
5．4．2 定义CSS样式\t112
5．5 项目总结\t114
项目6 制作信息注册页面\t115
6．1 项目描述\t115
6．2 前导知识\t115
6．2．1 表单概述\t115
6．2．2 表单元素及属性\t117
6．2．3 表单校验\t129
6．3 项目分析\t131
6．3．1 页面结构分析\t131
6．3．2 样式分析\t132
6．4 项目实践\t132
6．4．1 制作页面结构\t132
6．4．2 定义CSS样式\t135
6．5 项目总结\t138
项目7 制作视频播放页面\t139
7．1 项目描述\t139
7．2 前导知识\t139
7．2．1 多媒体的格式\t139
7．2．2 支持视频和音频的浏览器\t140
7．2．3 嵌入视频\t140
7．2．4 HTML DOM Video对象\t141
7．2．5 嵌入音频\t143
7．2．6 HTML DOM Audio对象\t143
7．2．7 视频、音频中的source
元素\t145
7．3 项目分析\t145
7．3．1 页面结构分析\t145
7．3．2 样式分析\t146
7．4 项目实践\t146
7．4．1 制作页面结构\t146
7．4．2 定义CSS样式\t147
7．5 项目总结\t148
项目8 制作垃圾分类页面\t149
8．1 项目描述\t149
8．2 前导知识\t150
8．2．1 视口\t150
8．2．2 媒体查询\t152
8．2．3 百分比布局\t158
8．3 项目分析\t161
8．3．1 页面结构分析\t161
8．3．2 样式分析\t161
8．4 项目实践\t162
8．4．1 制作页面结构\t162
8．4．2 定义CSS样式\t164
8．5 项目总结\t171
项目9 制作个人信息页面\t172
9．1 项目描述\t172
9．2 前导知识\t173
9．2．1 栅格系统\t173
9．2．2 弹性盒布局\t176
9．3 项目分析\t190
9．3．1 页面结构分析\t190
9．3．2 样式分析\t190
9．4 项目实践\t191
9．4．1 制作页面结构\t191
9．4．2 定义CSS样式\t194
9．5 项目总结\t201
项目10 制作物流公司响应式网站\t202
10．1 项目描述\t202
10．2 页面结构搭建\t206
10．2．1 页面结构搭建的内容\t206
10．2．2 模块结构\t206
10．2．3 代码实现\t206
10．3 顶部通栏\t208
10．3．1 顶部通栏结构\t208
10．3．2 代码实现\t208
10．4 导航栏\t209
10．4．1 导航栏结构\t209
10．4．2 代码实现\t210
10．5 轮播图\t211
10．5．1 轮播图结构\t211
10．5．2 代码实现\t212
10．6 关于我们模块\t214
10．6．1 关于我们模块结构\t214
10．6．2 代码实现\t215
10．7 我们的优势模块\t216
10．7．1 我们的优势模块结构\t216
10．7．2 代码实现\t217
10．8 我们的服务模块\t219
10．8．1 我们的服务模块结构\t219
10．8．2 代码实现\t221
10．9 运输物流模块\t222
10．9．1 运输物流模块结构\t222
10．9．2 代码实现\t223
10．10 最新资讯模块\t224
10．10．1 最新资讯模块结构\t224
10．10．2 代码实现\t225
10．11 版尾\t227
10．11．1 版尾结构\t227
10．11．2 代码实现\t228
10．12 项目总结\t228
参考文献\t228