本书以“采用网页新标准技术、突破传统知识体系结构、基于工作能力培养、置身真实工作情境”为标准，通过任务驱动的教学方式讲解HTML5、CSS3、JavaScript等Web前端开发技术。
本书包含8个单元、18个任务、18个实战演练、18个强化训练和18个课后实训，每个项目任务又以“知识准备→实战演练→强化训练→课后实训”为主线，介绍了Web基础知识、HTML5语言基础、HTML5新增标签及属性、CSS3基础、盒子模型、HTML5表单的应用、网页多媒体和JavaScript基础。本书将Web前端开发技术贯穿所有的项目任务和实训中，深入剖析了网页布局及样式美化的思路和方法，使学生掌握Web前端核心技术，启发并引导学生自主学习，并形成良好的职业素养。
本书既可以作为高等院校、高等职业院校“Web前端开发”课程的教材，也可以作为前端与移动开发的培训教材，还可以供从事网页制作、网站开发、网页编程和美工设计等方面工作的人员参考。

第一单元 Web基础知识
任务1 搭建开发环境
1.1 知识准备
1.1.1 Web与Internet
1.1.2 Web的工作原理
1.1.3 Web页的类型
1.1.4 HTML5概述
1.2 实战演练——搭建开发环境
1.2.1 网页编辑软件的安装
1.2.2 浏览器的安装
1.3 强化训练——创建第一个HTML5页面
1.3.1 创建和管理站点
1.3.2 创建和保存HTML5文档
1.4 课后实训
第二单元 HTML5语言基础
任务2 文字与段落排版
2.1 知识准备
2.1.1 HTML5文档格式
2.1.2 标签的属性
2.1.3 文本标签
2.1.4 分隔标签
2.1.5 序列标签
2.2 实战演练——制作“科技馆参观须知”网页
2.2.1 网页效果图
2.2.2 制作过程
2.2.3 代码分析
2.3 强化训练——制作“我家菜馆”点菜单网页
2.3.1 网页效果图
2.3.2 制作过程
2.3.3 代码分析
2.4 课后实训
任务3 图像和超链接
3.1 知识准备
3.1.1 图像标签
3.1.2 绝对路径和相对路径
3.1.3 超链接标签
3.1.4 锚点链接
3.2 实战演练——制作“网页技术介绍”网页
3.2.1 网页效果图
3.2.2 制作过程
3.2.3 代码分析
3.3 强化训练——制作“文章故事网”网页
3.3.1 网页效果图
3.3.2 制作过程
3.3.3 代码分析
3.4 课后实训
第三单元 HTML5新增标签及属性
任务4 结构标签和分组标签
4.1 知识准备
4.1.1 结构标签
4.1.2 分组标签
4.2 实战演练——制作“唐诗欣赏”网页
4.2.1 网页效果图
4.2.2 制作过程
4.2.3 代码分析
4.3 强化训练——制作“温州地标性建筑”网页
4.3.1 网页效果图
4.3.2 制作过程
4.3.3 代码分析
4.4 课后实训
任务5 页面交互标签、层次语义标签和全局属性
5.1 知识准备
5.1.1 页面交互标签
5.1.2 层次语义标签
5.1.3 全局属性
5.2 实战演练——制作“书评网”网页
5.2.1 网页效果图
5.2.2 制作过程
5.2.3 代码分析
5.3 强化训练——制作“面试应答技巧”网页
5.3.1 网页效果图
5.3.2 制作过程
5.3.3 代码分析
5.4 课后实训
第四单元 CSS3基础
任务6 标记选择器和类选择器
6.1 知识准备
6.1.1 CSS简介
6.1.2 CSS样式规则
6.1.3 CSS样式的引入
6.1.4 CSS样式的优先级
6.1.5 标记选择器
6.1.6 类选择器
6.2 实战演练——制作“美化文章”网页
6.2.1 网页效果图
6.2.2 制作过程
6.2.3 代码分析
6.3 强化训练——制作“图文混排”网页
6.3.1 网页效果图
6.3.2 制作过程
6.3.3 代码分析
6.4 课后实训
任务7 链接伪类和CSS样式面板
7.1 知识准备
7.1.1 链接伪类
7.1.2 CSS样式面板
7.2 实战演练——制作“散文欣赏”网页
7.2.1 网页效果图
7.2.2 制作过程
7.2.3 代码分析
7.3 强化训练——制作“热点新闻”列表
7.3.1 网页效果图
7.3.2 制作过程
7.3.3 代码分析
7.4 课后实训
任务8 id选择器、伪选择器和表格样式
8.1 知识准备
8.1.1 id选择器
8.1.2 伪选择器
8.1.3 表格
8.2 实战演练——制作“鞋子尺码对照单”网页
8.2.1 网页效果图
8.2.2 制作过程
8.2.3 代码分析
8.3 强化训练——制作“婴儿身高体重标准表”网页
8.3.1 网页效果图
8.3.2 制作过程
8.3.3 代码分析
8.4 课后实训
任务9 复合选择器和通配符选择器
9.1 知识准备
9.1.1 复合选择器
9.1.2 通配符选择器
9.1.3 同时应用多个样式
9.2 实战演练——制作“寓言故事”网页
9.2.1 网页效果图
9.2.2 制作过程
9.2.3 代码分析
9.3 强化训练——制作“诗词欣赏”网页
9.3.1 网页效果图
9.3.2 制作过程
9.3.3 代码分析
9.4 课后实训
第五单元 盒子模型
任务10 盒子模型及应用
10.1 知识准备
10.1.1 盒子模型的概念
10.1.2 边框的设置
10.1.3 内边距的设置
10.1.4 外边距的设置
10.2 实战演练——制作“古诗文欣赏”网页
10.2.1 网页效果图
10.2.2 制作过程
10.2.3 代码分析
10.3 强化训练——制作“散文赏析”网页
10.3.1 网页效果图
10.3.2 制作过程
10.3