本书基于工作过程的教学思想，将典型网站的实现过程拆解为6个项目25个子任务。每个任务都由任务描述、能力目标、知识引入、任务实现、知识拓展、技能训练、课后测试7个部分组成。通过这7个部分内容的前后衔接，层层递进，让读者在完成任务的过程中自然而然地学到Web前端开发中的各项知识和技能。
本书既可以作为“Web前端开发”“网页设计与制作”等课程的教材，也可以作为相关从业人员的自学参考书。

项目一 制作一个简单的网站
任务1.1 建立网站目录结构
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务1.2 建立第一个网页
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务1.3 使用开发工具
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务1.4 链接网页
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
项目二 HTML应用
任务2.1 使用列表
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务2.2 使用表格
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务2.3 使用表单
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务2.4 使用HTML5结构标签
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务2.5 嵌入视频和音频
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
项目三 CSS应用
任务3.1 为样式找到应用目标
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务3.2 CSS高级特性
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务3.3 SS文本修饰
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务3.4 CSS盒子模型
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务3.5 背景的控制
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务3.6 制作导航菜单
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务3.7 制作下拉菜单
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
项目四 CSS高级应用
任务4.1 CSS动画的过渡效果
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务4.2 CSS动画的形变效果
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务4.3 CSS多过程动画
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
项目五 PC端页面设计
任务5.1 制作网页效果图
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务5.2 切图与标注
任务描述
能力目标
知识引入
任务实现
技能训练
课后测试
任务5.3 布局设计
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
项目六 响应式页面设计
任务6.1 使用媒体查询
任务描述
能力目标
知识引入
任务实现
技能训练
课后测试
任务6.2 使用弹性盒
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练
课后测试
任务6.3 使用Bootstrap框架
任务描述
能力目标
知识引入
任务实现
知识拓展
技能训练