包邮网页设计与制作项目教程(HTML+CSS+Bootstrap)

项目一 创建我的**个网站
一、项目简介
二、项目目标
三、工作任务
任务一 初识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表单验证典型案例
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展

项目七 建设“快乐花店”网站（模板应用）
一、项目简介
二、项目目标
三、工作任务
任务一 制作模板网页
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 了解模板的概念和作用
知识准备二 Dreamweaver CC中4种模板区域
知识准备三 模板网页的制作方式
知识准备四 模板网页制作要点
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 基于模板制作网站首页和子页
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 创建基于模板的网页方式
知识准备二 模板管理的要点
（四）任务实施
（五）任务评价
（六）思考问题
（七）任务拓展

项目八 创建“全瀚通信”网站
一、项目简介
二、项目目标
三、工作任务
任务一 DIV+CSS布局完成网站首页及分页
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 网站规划及制作流程
知识准备二 快速获取美工图的颜色及布局大小
知识准备三 DIV和Table
知识准备四 溢出文本隐藏并显示为省略号
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务二 应用模板完成网站子栏目
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 block、inline和inline-block概念和区别
知识准备二 清除浮动使DIV高度自适应
知识准备三 Bootstrap模态框（Modal）插件
知识准备四 百度地图API
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
任务三 浮动框架完成网站后台
（一）任务描述
（二）任务目标
（三）知识准备
知识准备一 CSS position的绝对定位与相对定位
知识准备二 DIV水平居中且垂直居中
知识准备三 浮动框架iframe
（四）任务实施
（五）任务评价
（六）思考练习
（七）任务拓展
附录