本书按照Web前端工程师岗位技能要求，以真实项目组织内容，由浅入深地讲解了如何利用HTML5和CSS3等网页制作技术制作网站。本书共分为7个项目，项目1为Web前端基础的相关介绍；项目2和项目3包含HTML和CSS的基础知识、常用标签、CSS基础语法及选择器等内容；项目4和项目5介绍了HTML5语义化标签、CSS3的新特性等；项目6主要介绍JavaScript编程基础等；项目7为综合实践。全书以任务为导向，通过多个项目将知识点贯穿起来，并辅以实例，以此激发读者的学习兴趣。
本书可作为高等职业院校计算机相关专业的教材，也可作为计算机行业相关从业人员的自学参考书。

项目1 Web前端基础
任务1 认识Web前端
1.1.1 Web前端发展历史和前端主要技术简介
1.1.2 Web前端学习路线
任务2 开发准备
1.2.1 主流浏览器
1.2.2 开发工具
小结
习题
项目2 HTML快速入门
任务1 我的第一个页面
2.1.1 案例描述
2.1.2 知识储备
2.1.3 需求分析
2.1.4 案例实施
任务2 每日新闻列表
2.2.1 案例描述
2.2.2 知识储备
2.2.3 需求分析
2.2.4 案例实施
任务3 课程信息表
2.3.1 案例描述
2.3.2 知识储备
2.3.3 需求分析
2.3.4 案例实施
任务4 校园调查表
2.4.1 案例描述
2.4.2 知识储备
2.4.3 需求分析
2.4.4 案例实施
任务5 项目实战——网站登录页
2.5.1 案例描述
2.5.2 效果展示
2.5.3 需求分析
2.5.4 案例实施
小结
习题
项目3 CSS（层迭样式表）
任务1 新闻详情页制作
3.1.1 案例描述
3.1.2 知识储备
3.1.3 需求分析
3.1.4 案例实施
任务2 个人相册制作
3.2.1 案例描述
3.2.2 知识储备
3.2.3 需求分析
3.2.4 案例实施
任务3 商城列表布局
3.3.1 案例描述
3.3.2 知识储备
3.3.3 需求分析
3.3.4 案例实施
任务4 常见网站侧边导航栏的制作
3.4.1 案例描述
3.4.2 知识储备
3.4.3 需求分析
3.4.4 案例实施
任务5 项目实战——商城首页制作
3.5.1 案例描述
3.5.2 需求分析
3.5.3 案例实施
小结
习题
项目4 HTML5构建网站
任务1 视频/音频展示网
4.1.1 案例描述
4.1.2 知识储备
4.1.3 需求分析
4.1.4 案例实施
任务2 员工入职信息录入
4.2.1 案例描述
4.2.2 知识储备
4.2.3 需求分析
4.2.4 案例实施
任务3 项目实战——学校网站
4.3.1 案例描述
4.3.2 需求分析
4.3.3 案例实施
小结
习题
项目5 CSS3新特性
任务1 照片墙
5.1.1 案例描述
5.1.2 知识储备
5.1.3 需求分析
5.1.4 案例实施
任务2 旅游网首页（响应式）
5.2.1 案例描述
5.2.2 知识储备
5.2.3 需求分析
5.2.4 案例实施
任务3 个人相册
5.3.1 案例描述
5.3.2 知识储备
5.3.3 需求分析
5.3.4 案例实施
任务4 暴怒的小猪
5.4.1 案例描述
5.4.2 知识储备
5.4.3 需求分析
5.4.4 案例实施
任务5 3D相册环
5.5.1 案例描述
5.5.2 知识储备
5.5.3 需求分析
5.5.4 案例实施
任务6 项目实战——艺展网站
5.6.1 案例描述
5.6.2 效果展示
5.6.3 需求分析
5.6.4 案例实施
小结
习题
项目6 JavaScript编程基础
任务1 抽奖活动
6.1.1 案例描述
6.1.2 知识储备
6.1.3 需求分析
6.1.4 案例实施
任务2 公司数据加密
6.2.1 案例描述
6.2.2 知识储备
6.2.3 需求分析
6.2.4 案例实施
任务3 找色块游戏
6.3.1 案例描述
6.3.2 知识储备
6.3.3 需求分析
6.3.4 案例实施
任务4 用户信息录入
6.4.1 案例描述
6.4.2 知识储备
6.4.3 需求分析
6.4.4 案例实施
任务5 项目实战——宠物世界网站
6.5.1 案例描述
6.5.2 需求分析
6.5.3 案例实施
小结
习题
项目7 综合项目——环保网站
7.1 项目介绍
7.2 需求分析
7.3 页面设计
7.4 项目实施