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

第1章 概述
1.1 实践目标
1.2 技术专题设计
1.3 案例设计
第2章 开发环境：第一个HTML5程序
2.1 技能和知识点
2.2 需求简介
2.3 设计思路
2.4 实现
2.4.1 下载安装Chrome
2.4.2 下载安装HBuilder
2.4.3 创建Web项目并运行
第3章 HTML5表单——注册页面
3.1 技能和知识点
3.2 需求简介
3.3 设计思路
3.4 实现
3.4.1 创建注册页面
3.4.2 搭建头部和正文结构
3.4.3 编写头部
3.4.4 编写正文
第4章 HTML5页面增强：资讯网站
4.1 技能和知识点
4.2 需求简介
4.3 设计思路
4.4 实现
4.4.1 创建资讯详情页面
4.4.2 搭建头部和正文结构
4.4.3 编写头部
4.4.4 编写正文
第5章 HTML5全局属性：通信录
5.1 技能和知识点
5.2 需求简介
5.3 设计思路
5.4 实现
5.4.1 创建通信录页面
5.4.2 搭建头部和正文结构
5.4.3 编写头部
5.4.4 编写正文
第6章 HTML5多媒体：HTML5播放音频
6.1 技能和知识点
6.2 需求简介
6.3 设计思路
6.4 实现
6.4.1 搭建页面结构
6.4.2 设置标题
6.4.3 创建音乐列表
第7章 HTML5多媒体：HTML5播放视频
7.1 技能和知识点
7.2 需求简介
7.3 设计思路
7.4 实现
7.4.1 搭建页面结构
7.4.2 设置标题
7.4.3 创建视频列表
第8章 HTML5语义化元素：音乐内容页
8.1 技能和知识点
8.2 需求简介
8.3 设计思路
8.4 实现
8.4.1 搭建页面结构
8.4.2 制作页头
8.4.3 创建正文结构
8.4.4 创建音乐内容
8.4.5 操作按钮
8.4.6 制作页脚
第9章 CSS+CSS3：微博网站首页
9.1 技能和知识点
9.2 需求简介
9.3 设计思路
9.4 实现
9.4.1 搭建页面结构
9.4.2 制作页头
9.4.3 制作正文导航栏
9.4.4 制作正文微博列表
第10章 CSS+CSS3：技术论坛系统首页
10.1 技能和知识点
10.2 需求简介
10.3 设计思路
10.4 实现
10.4.1 搭建页面结构
10.4.2 制作页头
10.4.3 添加标题动画
10.4.4 制作正文分类列表
10.4.5 制作正文帖子列表
第11章 移动端：电商列表页
11.1 技能和知识点
11.2 需求简介
11.3 设计思路
11.4 实现
11.4.1 搭建页面结构
11.4.2 设置视口
11.4.3 制作页头
11.4.4 创建商品列表
第12章 移动端：视频网站
12.1 技能和知识点
12.2 需求简介
12.3 设计思路
12.4 实现
12.4.1 搭建页面结构
12.4.2 设置视口
12.4.3 创建视频播放控件
12.4.4 创建评论列表
12.4.5 创建发布评论表单
12.4.6 页面优化
第13章 JavaScript基础语法：日期计算器
13.1 技能和知识点
13.2 需求简介
13.3 设计思路
13.4 实现
13.4.1 编写页面
13.4.2 获取日期值
13.4.3 创建日期对象
13.4.4 计算并显示结果
第14章 面向对象：学生信息管理
14.1 技能和知识点
14.2 需求简介
14.3 设计思路
14.4 实现
14.4.1 创建文件
14.4.2 创建构造函数
14.4.3 添加原型方法
14.4.4 实例化对象
第15章 DOM操作：学生信息列表
15.1 技能和知识点
15.2 需求简介
15.3 设计思路
15.4 实现
15.4.1 编写页面
15.4.2 生成学生信息表格
15.4.3 新增学生信息
15.4.4 删除学生信息
第16章 jQuery：目录页面生成
16.1 技能和知识点
16.2 需求简介
16.3 设计思路
16.4 实现
16.4.1 引入jQeury
16.4.2 搭建页面
16.4.3 定义数组
16.4.4 显示目录内容
16.4.5 单击目录显示内容
第17章 案例：在线视频课程网站
17.1 需求和设计
17.1.1 项目背景
17.1.2 项目目标
17.1.3 项目功能
17.1.4 开发环境
17.1.5 程序结构设计
17.2 界面设计
17.2.1 页面类型
17.2.2 页面整体布局
17.2.3 用户登录页面设计
17.2.4 首页设计
17.2.5 课程列表页面设计
17.2.6 移动端首页设计
17.3 第一阶段HTML5：首页
17.3.1 功能简介
17.3.2 设计思路
17.3.3 实现
17.4 第一阶段HTML5：用户注册
17.4.1 功能简介
17.4.2 设计思路
17.4.3 实现
17.5 第一阶段HTML5：用户登录
17.5.1 功能简介
17.5.2 设计思路
17.5.3 实现
17.6 第一阶段HTML5：课程详情
17.6.1 功能简介
17.6.2 设计思路
17.6.3 实现
17.7 第一阶段HTML5：视频播放
17.7.1 功能简介
17.7.2 设计思路
17.7.3 实现
17