第 1章 网站开发基础知识
1.1　认识网页
1.2　网站设计中的一些基本概念
1.2.1　网站
1.2.2　静态网页与动态网页
1.3　互联网的访问过程
1.4　互联网的工作机制
1.5　制作网站的标准和常用技术
1.6　常用的开发工具
项目一：查阅资料并熟悉开发工具
动手实践
习题

第　2章 静态网页制作—HTML技术
2.1　HTML概述
2.1.1　HTML简介
2.1.2　HTML5新特征
2.1.3　HTML5优势
2.1.4　HTML5语法
2.1.5　浏览器支持
2.2　文档结构
2.2.1　HTML文档结构与书写规范
2.2.2　创建HTML文档
2.3　基本标签
2.3.1　<!DOCTYPE>和<meta>标记
2.3.2　块级（block）元素
2.3.3　内联(inline)元素
2.3.4　<div>和<span>
2.3.5　特殊字符
2.3.6　结构元素
2.3.7　页面交互元素
项目二：网页的创建
2.4　多媒体
2.4.1　图像标记<img>
2.4.2　多媒体格式
2.4.3　多媒体文件标记<embed>
2.4.4　视频标记<video>
2.4.5　音频标记<audio>
2.5　超链接
2.5.1　超级链接标记<a>
2.5.2　超链接类型
2.5.3　超链接路径
2.5.4　内部书签
2.5.5　target属性
项目三：百度百科页面（一）——内联元素及结构元素
2.6　表格
2.6.1　表格行列标记
2.6.2　表格嵌套和布局
2.7　内嵌框架
项目四：百度百科页面（二）——超链接、多媒体及表格元素
2.8　表单
2.8.1　表单定义标记<form>
2.8.2　输入标记<input>
2.8.3　列表框标记<select>
2.8.4　文本域输入标记<textarea>
2.8.5　HTML5新增的表单元素和属性
项目五：影迷注册页面
项目六：成长故事页面——HTML总复习
动手实践
习题

第3章　CSS初步
3.1　CSS概述
3.1.1　CSS发展历史
3.1.2　CSS的优势
3.2　CSS样式表的创建
3.2.1标记文档
3.2.2编写规则
3.2.3附加方式
3.3基本选择器
3.4　字体属性
3.5　文本属性
3.6　颜色与背景
项目七　成长故事页面CSS属性设置
动手实践
习题

第4章　选择器与优先级
4.1　复杂选择器
4.1.1层次选择器
4.1.2　属性选择器
4.1.3　伪类选择器
4.1.4　伪对象选择器
4.2　优先级
4.2.1　继承
4.2.2　层叠
4.2.3　优先级特性
项目八　百度百科页面CSS属性设置

动手实践
习题

第5章　盒模型
5.1　盒模型
5.1.1元素框的组成
5.1.2　填充
5.1.3　边框
1.4　空白边
项目九　T型页面布局
5.2　表格与列表样式
5.2.1　表格样式
5.2.2　列表样式
5.2.3　优先级特性
5.3　display
5.4　浮动与定位
5.4.1　浮动与清除浮动
5.4.2　定位
5.4.3　堆积顺序
项目十：百度百科页面布局——浮动练习、简单的T型布局
项目十一：index页面Banner图——定位练习
5.5布局
5.5.1　液态网页
5.5.2　固定网页
5.5.3　弹性网页
项目十二：成长故事页面布局——固定网页布局
动手实践
习题

第6章　响应式页面
6.1　响应式网页设计概述
6.1.1　为什么需要移动网页设计
6.1.2　响应式网页设计的定义
6.1.3　关于视口
6.1.4　响应式网页设计案例
6.2　媒体查询
6.2.1　媒体查询对响应式设计的必要性
6.2.2　媒体查询语法
6.2.3　媒体查询的不足
6.2.4　实践案例--创建第 一个响应式网页
项目十三：感情经历页面——响应式网页练习
6.3　响应式布局
6.3.1　流式布局
6.3.2　弹性布局
6.4　前端框架bootstrap
6.5　实践案例--利用bootstrap构建网站
项目十四：代表作品页面——bootstrap框架使用
动手实践
习题

第7章　网站建设流程
7.1　网站建设流程
7.1.1　明确网站定位
7.1.2　确定网站主题
7.1.3　网站整体规划
7.2　测试发布
7.3　建立站点
项目十五：卡梅隆网站创建并发布
动手实践
习题