本书共五个学习情景七个项目，分别为：学习情境一：构建基础页面(项目一“个人简介”专题页面、项目二“影评网”专题页面)；学习情境二：构建绚丽多彩的页面(项目三“二十四节气”专题页面、项目四“在线学习网站”专题页面)；学习情境三：构建具有动画的页面(项目五“好书推荐”专题页面)；学习情境四：构建交互页面(项目六“盛和景园”房产页面)；学习情境五：构建响应式页面(项目七“房产项目”专题页面)。每个项目分为知识准备、项目实施和拓展提升三大部分，真正实现了课前学、课中做和课后提升的学习模式。