本书为对接世界技能大赛技术标准创新系列教材/全国职业院校计算机网络应用专业教材《Web 页面布局》的配套用书。本书以具体的工作项目为实训载体，根据教材所学内容设置实训项目，实训项目具有可操作性和拓展性，既锻炼了学生的操作技能，又节省了教材中操作内容的篇幅。本书旨在强化学生的专业能力训练，通过分析和完成实训项目，巩固所学知识，提高相应技能。
本书对照教材《Web页面布局》中四个项目“V酒店”搜索页面布局、“V酒店”内容页面布局、“V酒店”移动端页面布局、“V酒店”响应式页面布局设置实训项目，主要内容包括登录页面布局、内容页面布局、移动端页面布局和响应式页面布局，每个项目主要从页面规划、页面定义、页面布局及美化三个方面设置前后关联密切的实训任务。
为了方便教师教学，相关数字资源可在技工教育网（http:/ljg.class.com.cn)下载并使用。
本书由赵慧慧任主编，姚银任副主编，张南、沈田予参与编写，丁国明任主审。

项目一 “V酒店”登录页面布局
任务1 登录页面规划
任务2 登录页面HTML定义
任务3 登录页面CSS美化
项目二 “校园网”内容页面布局
任务1 内容页面规划
任务2 内容页面HTML定义
任务3 内容页面CSS美化
任务4 使用W3C标准工具测试页面
项目三 “环境保护宣传页”移动端页面布局
任务1 移动端页面规划
任务2 移动端页面rem方式布局
任务3 移动端页面多媒体元素与动态交互效果添加
项目四 “校园网”响应式页面布局
任务1 响应式页面规划
任务2 响应式页面媒体查询应用
任务3 响应式页面Bootstrap应用