本书为对接世界技能大赛技术标准创新系列教材/全国职业院校计算机网络应用专业教材，主要内容包括“V酒店”搜索页面布局、“V酒店”内容页面布局、“V酒店”移动端页面布局、“V酒店”响应式页面布局四个项目，涵盖HTML标签、CSS样式表、W3C标准网页测试工具、Bootstrap前端开发框架等相关知识和技术。本书主要内容对接世界技能大赛网站设计与开发赛项网站页面布局部分，以“实用、适用、好用、易开展教学”为教学转化原则，结合企业实际在用、适用且易于实现的技术分析，进行常规教学转化，从而达到对接国际标准、培养卓越职业技能人才的目的。

目“V酒店”搜索页面布局

任务1  分析任务与规划页面

任务2  使用HTML标签定义页面结构及内容

任务3  使用CSS布局页面

任务4  综合实训：“招聘”网站注册页面 

项目二 “V酒店”内容页面布局

任务1  分析任务与规划页面

任务2  使用HTML语义化标签定义页面结构

任务3  使用CSS布局及美化页面

任务4  使用W3C标准工具测试页面

任务5  综合实训：信息学院主页页面布局

项目三 “V酒店”移动端页面布局

任务1  分析任务与规划页面

任务2  采用rem方式进行页面布局

任务3  添加多媒体元素与动态交互效果

任务4  综合实训：“鲜花世界”移动端页面布局

项目四“ V酒店”响应式页面布局 

任务1  分析任务与规划页面

任务2  使用媒体查询进行响应式页面布局 

任务3  使用Bootstrap 进行响应式页面布局 

任务4  综合实训：服装在线商城响应式页面布局