本书主要以未来信息学院网站为载体，介绍如何利用最新Web前端开发技术HTML5和CSS3等制作静态网站。全书共划分为12个任务，将未来信息学院网站项目拆分为前10个任务，每个任务实现一个相对独立的功能；任务11在学习前面任务的基础上，按照真实网站开发流程，完成未来信息学院网站整体的设计与实现；任务12完成化妆品公司网站的设计与实现，该网站充分利用CSS3的过渡、变形等属性实现图片的变换和旋转等效果，拓宽网站开发的思路。
本书可以作为高职高专院校计算机相关专业“Web前端开发”课程的教材，也可以作为Web前端开发爱好者的学习参考书。

任务1 创建第一个HTML5网页
1.1 任务描述
1.2 知识准备
1.2.1 认识Web前端开发
1.2.2 Web相关概念
1.2.3 HTML5概述
1.2.4 常用的浏览器
1.2.5 网页编辑软件
1.3 任务实现
任务小结
习题1
实训1
扩展阅读
任务2 搭建简单学院网站
2.1 任务描述
2.2 知识准备
2.2.1 HTML5文档的基本结构
2.2.2 HTML标记及其属性
2.2.3 HTML文本标记
2.2.4 HTML列表标记
2.2.5 HTML超链接标记
2.2.6 HTML图像标记
2.3 任务实现
2.3.1 创建项目
2.3.2 创建网站首页
2.3.3 创建学院简介页面
2.3.4 创建学院新闻页面
2.3.5 创建新闻详情页面
任务小结
习题2
实训2
扩展阅读
任务3 美化简单学院网站
3.1 任务描述
3.2 知识准备
3.2.1 什么是CSS
3.2.2 引入CSS样式
3.2.3 CSS常用选择器
3.2.4 CSS常用文本属性
3.2.5 CSS的高级特性
3.3 任务实现
3.3.1 美化网站首页
3.3.2 美化学院简介页面
3.3.3 美化学院新闻页面
3.3.4 美化新闻详情页面
任务小结
习题3
……
任务4 制作学院介绍页面
任务5 制作学院网站导航条
任务6 制作学院新闻块
任务7 制作学生信息表
任务8 制作学生信息注册表单
任务9 布局学院网站主页
任务10 使用CSS3实现动画效果
任务11 完整项目：制作学院网站
任务12 完整项目：制作化妆品
参考文献