本书以“珠海航展”网站项目为主线，通过项目讲解网页设计与制作的相关知识。全书从Web前端开发初学者的角度出发，系统并详细地介绍了运用VSCode软件制作网页的全部知识和各种设计技巧，鼓励学生在实践中加深对Web前端开发基础相关内容的理解与掌握。本书共分7个项目，主要包括Web前端相关知识、页面布局相关技术HTML基础、HTML5新增元素、CSS样式基础、CSS3新增选择器和属性、盒子模型等内容。全书内容由浅入深，通俗易懂，在讲解时对操作过程中的每一个步骤都有详细的说明，并配有适当的图形；每个知识点采用“任务驱动”模式进行编写，通过具体的课堂任务案例及课后练习加深对知识的理解。
本书可作为本科及职业院校计算机专业的教材，也可作为Web前端开发初学者的自学用书。

项目1 Web前端技术基础
任务1.1 Web简介
任务1.2 互联网基础
任务1.3 网站的分类
任务1.4 网站的开发流程
任务1.5 web前端开发工具
项目2 HTML5应用
任务2.1 创建第一个HTML5页面——珠海航展首页
任务2.2 文本排版与格式——珠海航展知识
任务2.3 项目列表——航展新闻列表
任务2.4 超级链接——航展新闻列表
任务2.5 表格和图片设置——航展精彩图集
任务2.6 表单注册——航展注册页面
任务2.7 HTML5新功能应用——航展交流互动
项目3 CSS样式基础
任务3.1 使用CSS样式修饰文本——珠海航展知识
任务3.2 设置超链接样式——航展新闻列表
任务3.3 修饰图像、表格和背景——航展精彩图集
项目4 CSS3新增选择器和属性
任务4.1 CSS3新增选择器——航展区地图
任务4.2 CSS3新增属性——航展飞行表演
项目5 盒子模型
任务5.1 认识盒子模型
任务5.2 盒子模型相关属性
任务5.3 元素的类型与转换
任务5.4 外边距合并
项目6 制作珠海航展首页
任务6.1 珠海航展首页布局结构
任务6.2 制作珠海航空展首页
项目7 开发网上商城首页
任务7.1 项目规划
任务7.2 制作GK商城网站首页
参考文献