网页设计与制作:HTML+CSS

第1章html与css网页设计概述
1.1web基本概念
1.1.1认识网页
1.1.2名词解释
1.1.3了解web标准
1.2网页制作入门
1.2.1html简介
1.2.2css简介
1.2.3常见浏览器介绍
1.3dreamweaver工具的使用
1.3.1dreamweaver界面介绍
1.3.2dreamweaver初始化设置
1.3.3创建**个网页
本章小结
第2章html入门
2.1什么是html
2.1.1html文档基本格式
2.1.2html标记
2.1.3标记的属性
2.1.4html文档头部相关标记
2.2html文本控制标记
2.2.1标题和段落标记
2.2.2文本样式标记
2.2.3文本格式化标记
2.2.4特殊字符标记
2.3html图像标记
2.3.1常用图像格式
2.3.2图像标记
2.3.3相对路径和绝对路径
2.4阶段案例——制作图文混排页面
2.4.1分析效果图
2.4.2制作页面结构
2.4.3控制图像
2.4.4控制文本
本章小结
第3章css入门
3.1css核心基础
3.1.1css样式规则
3.1.2引入css样式表
3.1.3css基础选择器
3.2css文本相关样式
3.2.1css字体样式属性
3.2.2css文本外观属性
3.3css高级特性
3.3.1css复合选择器
3.3.2css层叠性和继承性
3.3.3css优先级
3.4阶段案例——制作新闻页面
3.4.1分析效果图
3.4.2制作页面结构
3.4.3定义css样式
本章小结
第4章盒子模型
4.1认识盒子模型
4.2盒子模型相关属性
4.2.1边框属性
4.2.2内边距属性
4.2.3外边距属性
4.2.4背景属性
4.2.5盒子的宽与高
4.3元素的类型与转换
4.3.1元素的类型
4.3.2＜div＞与＜span＞标记
4.3.3元素的转换
4.4块元素垂直外边距的合并
4.4.1相邻块元素垂直外边距的合并
4.4.2嵌套块元素垂直外边距的合并
4.5阶段案例——制作音乐盒
4.5.1分析效果图
4.5.2制作页面结构
4.5.3定义css样式
本章小结
第5章列表与超链接
5.1列表标记
5.1.1无序列表ul
5.1.2有序列表ol
5.1.3定义列表dl
5.1.4列表的嵌套应用
5.2css控制列表样式
5.2.1list—style—type属性
5.2.2list—style—image属性
5.2.3list—style—position属性
5.2.4list—style属性
5.3超链接标记
5.3.1创建超链接
5.3.2锚点链接
5.4链接伪类控制超链接
5.5阶段案例——制作新闻列表
5.5.1分析效果图
5.5.2制作页面结构
5.5.3定义css样式
本章小结
第6章表格与表单
6.1表格标记
6.1.1创建表格
6.1.2＜table＞标记的属性
6.1.3＜tr＞标记的属性
6.1.4＜td＞标记的属性
6.1.5＜th＞标记及其属性
6.1.6表格的结构
6.2css控制表格样式
6.2.1css控制表格边框
6.2.2css控制单元格边距
6.2.3css控制单元格的宽高
6.3认识表单
6.4创建表单
6.5表单控件
6.5.1input控件
6.5.2textarea控件
6.5.3select控件
6.6css控制表单样式
6.7阶段案例——制作注册界面
6.7.1分析效果图
6.7.2制作页面结构
6.7.3定义css样式
本章小结
第7章浮动与定位
7.1元素的浮动
7.1.1元素的浮动属性
7.1.2清除浮动
7.2overflow属性
7.3元素的定位
7.3.1元素的定位属性
7.3.2静态定位
7.3.3相对定位relative
7.3.4绝对定位
7.3.5固定定位
7.3.6z—index层叠等级属性
7.4阶段案例——制作banner
7.4.1分析效果图
7.4.2制作页面结构
7.4.3定义css样式
本章小结
第8章css高级技巧
8.1css精灵技术
8.1.1需求分析
8.1.2工作原理
8.1.3案例实战——精品课程
8.2css滑动门技术
8.2.1需求分析
8.2.2工作原理
8.2.3案例实战——梯形网站导航
8.3margin负值的应用
8.3.1对同级元素应用负margin
8.3.2对子元素应用负margin
8.3.3案例实战——登录注册模块
本章小结
第9章布局与兼容性
9.1css布局
9.1.1版心和布局流程
9.1.2单列布局
9.1.3两列布局
9.1.4三列布局
9.1.5通栏布局
9.1.6网页模块命名规范
9.2浏览器兼容性
9.2.1csshack
9.2.2ie条件注释语句
9.2.3使用！important解决高度自适应问题
9.3常见ie6浏览器的兼容问题
9.3.1ie6中浮动元素的双倍外边距问题
9.3.2ie6不支持透明图像问题
9.3.3ie6中图片底部的像素间隙问题
9.3.4ie6中元素*小高度的问题
9.3.5ie6显示多余字符问题
9.3.6ie6中3像素间距bug
本章小结
第10章实战开发（上）—传智播客设计学院首页面
10.1准备工作
10.1.1建立站点
10.1.2站点初始化设置
10.1.3首页面效果图分析
10.1.4切片
10.1.5页面布局
10.2首页面详细制作
10.2.1制作头部和导航
10.2.2banner和通告
10.2.3主体内容区域
10，2.4底部版权区域
本章小结
第11章实战开发（下）—传智播客设计学院子页面
11.1dreamweaver模板
11.1.1模板的作用
11.1.2建立模板的步骤
11.1.3引用模板
11.2列表详情页面制作
11.2.1“关于我们”页面制作
11.2.2课程介绍页面制作
11.2.3课程详细介绍页面制作
本章小结