DIV+CSS网页布局实用教程

目录
第1章　网页制作基础 10
1.1　认识网页 10
1.1.1　网页和网站 10
1.1.2　网页的类型 11
1.1.3　动态网页与静态网页 11
1.1.4　网页的基本构成元素 12
1.2　如何设计网页 12
1.2.1　网页设计的基本原则 13
1.2.2　网页设计的成功要素 13
1.2.3　网页的设计风格和色彩搭配 14
1.3　网站设计要点 14
1.3.1　为用户考虑 14
1.3.2　主题突出 15
1.3.3　整体原则 16
1.3.4　内容与形式相统一 16
1.3.5　更新和维护 17
1.4　网站设计流程 17
1.4.1　网站项目的定义 17
1.4.2　网站策划方案 17
1.4.3　网站内容规划 17
1.4.4　获得网站资源 18
1.5　常用网页编辑软件简介 18
1.5.1　Dreamweaver 18
1.5.2　FrontPage 21
1.5.3　HomeSite 21
1.6　本章小结 21
1.7　课后习题 21
1.7.1　课后习题1-新建Dreamweaver文档 22
1.7.2　课后习题2-新建Dreamweaver工作区 22
第2章　HTML和XHTML 24
2.1　了解浏览器和网页文档的关系 24
2.2　初识HTML和XHTML 24
2.3　HTML 24
2.3.1　HTML概述25
2.3.2　HTML的基本结构25
2.3.3　HTML的基本语法26
2.3.4　HTML的主要功能26
2.3.5　HTML标签26
2.4　XHTML语法 32
2.5　初识CSS 33
2.6　本章小结 35
2.7　课后习题 35
2.7.1　课后习题1-创建一个简单的html网页 36
2.7.2　课后习题1-使用Dreamweaver创建页面 36
第3章　CSS初体验 38
3.1　编写XHTML文档 38
3.1.1　使用Dreamweaver新建XHTML框架文档 38
3.1.2　手工编写XHTML文档 39
3.2　使CSS在XHTML文档中生效 39
3.2.1　在标签中加入CSS样式 39
3.2.2　在标签中加入样式 41
3.2.3　链入外部CSS样式表 42
3.2.4　优先级问题 44
3.3　CSS样式表的规则 46
3.4　CSS的注释 47
3.4.1　单行注释 47
3.4.2　整段注释 47
3.5　本章小结 47
3.6　课后习题 47
3.6.1　课后习题1-创建CSS结构的网站页面 47
3.6.2　课后习题2-创建外部CSS文件 48
第4章　掌握CSS基本语法 50
4.1　选择器 50
4.1.1　标签选择器 50
4.1.2　类选择器 52
4.1.3　ID选择器 53
4.1.4　全局选择器 55
4.1.5　组合选择器 56
4.1.6　继承选择器 57
4.1.7　伪类选择器 57
4.2　声明 58
4.2.1　多重声明 58
4.2.2　集体声明 58
4.3　CSS的层叠原理 59
4.3.1　CSS样式来源 59
4.3.2　CSS的继承 59
4.3.3　选择器的优先级 61
4.3.4　important语句 64
4.4　CSS的单位 65
4.4.1　颜色单位 65
4.4.2　长度单位 68
4.5　本章小结 70
4.6　课后习题 70
4.6.1　课后习题1-实现水平菜单条 70
4.6.2　课后习题2-通过CSS控制整个页面 71
第5章　Div+CSS布局页面 72
5.1　初识Div+CSS 72
5.1.1　布局的流程 72
5.1.2 Div+CSS布局的优势 73
5.2　了解盒模型 74
5.2.1　基本盒模型 74
5.2.2　边距 74
5.2.3　填充 76
5.2.4　边框 77
5.2.5　内容 79
5.3　页面元素的布局 79
5.3.1　块级元素 80
5.3.2　行内元素 80
5.4　CSS布局方式——浮动 81
5.4.1　两个元素的浮动应用 82
5.4.2　多个元素的浮动应用 83
5.4.3　清除浮动 85
5.5　CSS布局定位 87
5.5.1　CSS的定位属性 87
5.5.2　相对定位 88
5.5.3　绝对定位 89
5.5.4　固定定位 91
5.6　控制溢出元素 92
5.6.1　overfl ow93
5.6.2　overfl ow-x 95
5.6.3　overfl ow-y 96
5.7　本章小结 97
5.8　课后习题 97
5.8.1　课后习题1-制作歌曲专辑列表 98
5.8.2　课后习题2-给图片加入信息 98
第6章　CSS排版页面 100
6.1　固定宽度布局 100
6.1.1　一列居中布局 100
6.1.2　两列居中布局 103
6.2　自适应宽度布局 105
6.2.1　一列宽度自适应布局 105
6.2.2　两列布局——左侧固定右侧自适应 106
6.2.3　两列布局——两列均自适应布局 107
6.2.4　三列布局——两侧固定中间自适应 108
6.3　复杂的页面排版 109
6.3.1　复杂的页面排版——垂直布局 109
6.3.2　复杂的页面排版——水平布局 112
6.4　本章小结 114
6.5　课后习题 114
6.5.1　课后习题1-创建复杂的页面 114
6.5.2　课后习题2-布局图像展示页面 115
第7章　CSS控制页面中的文本 116
7.1　字体 116
7.2　文字大小概述 118
7.2.1　设置文字大小 118
7.2.2　定义文字的相对大小 119
7.2.3　定义文字的绝对大小 120
7.3　字体颜色 121
7.4　字体粗细 122
7.5　斜体 123
7.6　下划线、顶划线和删除线 123
7.7　属性的缩写法 123
7.8　段落属性 125
7.8.1　段落的水平对齐方式 125
7.8.2　段落的垂直对齐方式 126
7.8.3　首行缩进 127
7.8.4　行间距与字间距 128
7.8.5　文本转换 129
7.8.6　处理空白符 129
7.9　文本的高级样式 131
7.9.1　阴影文本 132
7.9.2　溢出文本 132
7.9.3　控制文本换行 133
7.10　本章小结 135
7.11　课后习题 135
7.11.1　课后习题1-制作文章页面 135
7.11.2　课后习题2-制作多种文本版面 136
第8章　CSS控制页面背景 138
8.1　背景控制概述 138
8.1.1　背景控制原则 138
8.1.2　背景控制属性 138
8.2　背景颜色控制 139
8.2.1　控制页面背景颜色 139
8.2.2　设置区块背景颜色 140
8.3　背景图像控制 141
8.3.1　控制页面背景图片 142
8.3.2　背景图的重复 143
8.3.3　背景图的位置 144
8.3.4　背景图像的滚动 146
8.4　CSS 3.0新增背景属性 148
8.4.1　background-origin 148
8.4.2　background-clip 151
8.4.3　background-size 153
8.4.4　multiple background 156
8.4.5　实现动态背景 158
8.5　本章小结 160
8.6　课后习题 160
8.6.1　课后习题1-图片评论页面 160
8.6.2　课后习题2-创建外部CSS文件 161
第9章　CSS控制页面中的图片 162
9.1　使用CSS控制图片的样式 162
9.1.1　在网页中插入图片 162
9.1.2　控制图片的大小 164
9.1.3　为图像添加边框 165
9.1.4　为图像增加超链接 167
9.2　图片对齐 168
9.2.1　水平对齐 168
9.2.2　垂直对齐 168
9.3　图文混排 169
9.3.1　文本混排 169
9.3.2　设置混排间距 170
9.4　图片特殊效果 171
9.4.1　圆角图片 171
9.4.2　多色边框效果 173
9.5　本章小结 173
9.6　课后习题 173
9.6.1　课后习题1-个人信息页头部 174
9.6.2　课后习题2-个人页面图册 174
第10章　CSS控制列表 176
10.1　列表控制概述 176
10.2　列表的类型 177
10.2.1　无序列表 177
10.2.2　有序列表 179
10.2.3　定义列表 180
10.3　改变列表符的样式 181
10.3.1　使用自带的列表符 181
10.3.2　用背景图片改变列表符 184
10.3.3　改变列表符的位置 185
10.3.4　列表属性的速写法 187
10.4　使用列表制作实用菜单18