Web前端开发实训案例教程(初级)

本书是围绕《Web前端开发》职业技能等级标准（初级）和院校Web前端开发专业方向HTML5、JavaScript等主干课程编写的配套实践教程，书中的代码均已在开发环境和浏览器上运行通过。
本书综合院校相关专业课程知识体系、Web前端开发岗位技能要求、《Web前端开发》职业技能等级标准（初级）中职业技能三者之间的知识和能力，并将其提炼成本书的实践能力目标。以实践能力为导向，以企业真实应用为目标，遵循企业标准开发过程和技术，以任务驱动，对HTML5、CSS3、JavaScript、jQuery、PC端/移动端等重要Web前端开发中的知识单元，结合实际案例和应用环境进行分析和设计，并对每个重要知识单元进行了详细的实现，使读者能够真正掌握这些知识在实际场景中的应用。
本书分为两大部分：第一部分为技术专题（实验），主要进行知识单元训练，可以对应课程练习或实验进行实践，针对不同的知识单元设计了有针对性的专题项目，重点训练每个知识单元的内容，也为案例开发进行知识补强，储备技术；第二部分为案例，可以对应课程设计或综合实践，选用“在线视频课程网站”，采用业务和知识迭代开发思路，完整训练Web核心知识单元在企业真实项目中的应用。

第1章概述（1）
1.1实践目标（1）
1.2技术专题设计（1）
1.3案例设计（4）
第2章开发环境：第一个HTML5程序（10）
2.1技能和知识点（10）
2.2需求简介（10）
2.3设计思路（10）
2.4实现（11）
2.4.1下载安装Chrome（11）
2.4.2下载安装HBuilder（13）
2.4.3创建Web项目并运行（15）
第3章HTML5表单——注册页面（19）
3.1技能和知识点（19）
3.2需求简介（20）
3.3设计思路（20）
3.4实现（21）
3.4.1创建注册页面（21）
3.4.2搭建头部和正文结构（22）
3.4.3编写头部（22）
3.4.4编写正文（23）
第4章HTML5页面增强：资讯网站（25）
4.1技能和知识点（25）
4.2需求简介（25）
4.3设计思路（26）
4.4实现（27）
4.4.1创建资讯详情页面（27）
4.4.2搭建头部和正文结构（27）
4.4.3编写头部（28）
4.4.4编写正文（28）
第5章HTML5全局属性：通信录（30）
5.1技能和知识点（30）
5.2需求简介（30）
5.3设计思路（31）
5.4实现（32）
5.4.1创建通信录页面（32）
5.4.2搭建头部和正文结构（32）
5.4.3编写头部（33）
5.4.4编写正文（33）
第6章HTML5多媒体：HTML5播放音频（37）
6.1技能和知识点（37）
6.2需求简介（37）
6.3设计思路（38）
6.4实现（38）
6.4.1搭建页面结构（38）
6.4.2设置标题（39）
6.4.3创建音乐列表（39）
第7章HTML5多媒体：HTML5播放视频（41）
7.1技能和知识点（41）
7.2需求简介（41）
7.3设计思路（42）
7.4实现（42）
7.4.1搭建页面结构（42）
7.4.2设置标题（43）
7.4.3创建视频列表（43）
第8章HTML5语义化元素：音乐内容页（45）
8.1技能和知识点（45）
8.2需求简介（45）
8.3设计思路（46）
8.4实现（47）
8.4.1搭建页面结构（47）
8.4.2制作页头（47）
8.4.3创建正文结构（48）
8.4.4创建音乐内容（48）
8.4.5操作按钮（49）
8.4.6制作页脚（49）
第9章CSS+CSS3：微博网站首页（50）
9.1技能和知识点（50）
9.2需求简介（50）
9.3设计思路（51）
9.4实现（52）
9.4.1搭建页面结构（52）
9.4.2制作页头（53）
9.4.3制作正文导航栏（56）
9.4.4制作正文微博列表（58）
第10章CSS+CSS3：技术论坛系统首页（61）
10.1技能和知识点（61）
10.2需求简介（61）
10.3设计思路（62）
10.4实现（63）
10.4.1搭建页面结构（63）
10.4.2制作页头（64）
10.4.3添加标题动画（65）
10.4.4制作正文分类列表（66）
10.4.5制作正文帖子列表（67）
第11章移动端：电商列表页（70）
11.1技能和知识点（70）
11.2需求简介（70）
11.3设计思路（71）
11.4实现（72）
11.4.1搭建页面结构（72）
11.4.2设置视口（72）
11.4.3制作页头（73）
11.4.4创建商品列表（74）
第12章移动端：视频网站（77）
12.1技能和知识点（77）
12.2需求简介（77）
12.3设计思路（78）
12.4实现（79）
12.4.1搭建页面结构（79）
12.4.2设置视口（79）
12.4.3创建视频播放控件（79）
12.4.4创建评论列表（80）
12.4.5创建发布评论表单（81）
12.4.6页面优化（83）
第13章JavaScript基础语法：日期计算器（85）
13.1技能和知识点（85）


13.2需求简介（85）

……