项目一 创建我的第一个网站
一、项目简介
二、项目目标
三、工作任务
任务一 初识Dreamweaver CC 2015
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 了解网页和网站的基础知识
知识准备二 Dreamweaver CC 2015软件介绍
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 创建我的第一个网站
（一）任务描述
（二）任务目标
（三）知识准备
知识准备 创建和管理站点的基础知识
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
项目二 创建“太湖美”网站
一、项目简介
二、项目目标
三、工作任务
任务一 初识HTML
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 HTML的基本概念
知识准备二 HTML的常用标签介绍（1）
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 编辑代码、丰富页面
（一）任务描述
（二）任务目标
（三）知识准备
知识准备 HTML的常用标签介绍（2）
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
项目三 创建“姑苏美食”网站（一）
一、项目简介
二、项目目标
三、工作任务
任务一 编辑文本和图像
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 CSS样式
知识准备二 字体属性
知识准备三 文本属性
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 创建超级链接
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 超链接的样式
知识准备二 超链接的类型
知识准备三 列表标签
知识准备四 列表属性
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
项目四 创建“古诗文网”
一、项目简介
二、项目目标
三、工作任务
任务一 构建网页结构
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 了解Web标准化
知识准备二 认识DIV和DIV布局
知识准备三 理解CSS盒模型
知识准备四 认识HTML5中结构化元素
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 定义网页布局样式
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 了解CSS的继承性
知识准备二 熟悉网页布局中的常用CSS样式属性
知识准备三 网页布局的基本形式
知识准备四 float属性
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
项目五 变换的CSS之个人博客
一、项目简介
二、项目目标
三、工作任务
任务一 个人博客之简约商务风
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 在网页中插入CSS样式表的几种方法
知识准备二 DIV+css之id与class
知识准备三 DIV+CSS命名规则
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 个人博客之中国风
（一）任务描述
（二）任务目标
（三）知识准备
知识准备 CSS的优先级机制
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
项目六 创建“美食交流”网站
一、项目简介
二、项目目标
三、工作任务
任务一 创建表单
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 表单
知识准备二 表单控件
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 验证表单
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 JavaScript常用全局对象
知识准备二 Windows常用对象方法
知识准备三 JavaScript表单验证典型案例
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
项目七 建设“快乐花店”网站（模板应用）
一、项目简介
二、项目目标
三、工作任务
任务一 制作模板网页
（一）任务描述
（二）任务目标
（三）知识准备
知识准备

徐云晴主编的《网页设计与制作项目教程(HTML+CSS+Bootstrap)》主要面向网页设计与制作的入门者，尽量择选了贴近当前市场上网站前端开发的主流技术，以Dreamweaver CC作为学习平台，以项目为教程内容的组织形式，以网站前端开发的一般流程作为项目主线编写而成。
本教程共十大项目。通过每个项目的学习，读者都能创建一个完整的网站。每一个项目都是以网站开发的完整流程展开，同时，项目的设计又突出体现了各个项目的学习重点，前后项目既相对独立，又相互联系。