全书按照网页设计的步骤，围绕Web前端开发的三大技术HTML、CSS和JavaScript进行知识点编写，同时还涉及响应式布局、Bootstrap框架技术等流行的网页设计技术。最后用两个综合案例对全书知识点进行贯穿总结，使读者全面掌握Web前端开发技能。编者以一个完整的文化宣传网站网页制作为案例，采用迭代递增的网页设计方法，每一个项目完成一部分需求，随即学习相关知识并动手实现。编者案例设计有效融入思政元素，实现了专业教育与思政教育同向同行。
本书内容结构合理，实例简单易懂，既适合高职院校Web前端开发技术课程教学使用，也适合从事网页设计相关工作的初学者阅读，或作为社会培训教材使用。

项目1 Web前端开发概述
1.1 认识网页和网站
1.2 Web前端开发技术及标准
1.3 网页制作工具
项目2 使用HTML5组织页面内容
2.1 HTML基础
2.2 HTML5常用标签
2.3 项目案例
2.4 HTML表单
项目3 使用HTML5新增的标签
3.1 HTML5新增的语义标签
3.2 HTML5视频、音频标签
3.3 项目案例
3.4 HTML5新增的表单元素
项目4 使用CSS样式设置页面外观
4.1 认识CSS
4.2 CSS选择器
4.3 CSS文本与字体样式属性
4.4 CSS背景样式属性
4.5 项目案例
项目5 网页布局与定位
5.1 网页布局概述
5.2 盒子模型
5.3 定位机制
5.4 CSS布局
5.5 项目案例
项目6 设置页面导航条和列表样式
6.1 CSS列表样式属性
6.2 CSS边框样式属性
6.3 CSS边距样式属性
6.4 项目案例
项目7 使用CSS3美化页面
7.1 CSS3边框属性
7.2 文本阴影与文本溢出属性
7.3 CSS3字体
7.4 CSS3的2D转换、过渡与动画
7.5 项目案例
项目8 使用JavaScript和jQuery实现动态效果
8.1 初识JavaScript
8.2 JavaScript语言基础
8.3 JavaScript流程控制语句
8.4 函数的定义及使用
8.5 数组的定义及使用
8.6 HTMLDOM(文档对象模型)
8.7 认识jQuery
8.8 jQuery选择器
8.9 jQuery事件操作
8.10 jQuery的文档操作
8.11 jQuery动画特效
8.12 项目案例
项目9 使用Bootstrap构建响应式网页
9.1 响应式布局与媒体查询
9.2 Web前端框架Bootstrap的使用
9.3 项目案例
项目10 综合案例
10.1 “钟山文化之旅”网站首页制作
10.2 响应式布局“钟山文化之旅”网站首页制作