DIV+CSS网页布局实用教程

本书全面展现了Div+CSS进行网页设计布局的方法，主要包括CSS的基本语法和概念，通过CSS样式表设置文字、图片、背景、表格、表单和菜单等网页元素的方法，通过Div+CSS进行页面布局，以及CSS滤镜的使用，着重讲解如何用Div+CSS进行页面布局。书中精心设置了大量课堂案例，帮助读者提高实际操作能力。课后还提供了课后练习，可以帮助读者巩固所学到的知识。很后给出了6个完整的网页综合案例，让读者可以将所学到的知识综合运用到实际的网页设计制作中。
随书配套光盘中提供了书中所有课堂案例和课后习题的制作过程的教学视频，以及源文件和素材，能使读者提高学习效率。随书还提供教学用途的PPT课件，老师可直接使用或者修改后配合课程使用，便于提高教学质量。全书内容全面，讲解通俗易懂，适合初学者和对网页设计感兴趣的读者。
本书内容丰富、结构清晰、循序渐进，注重思维锻炼与实践应用，章节与案例之间相互呼应，适合作为CSS初学者的入门教材，也可以作为中不错用户的参考。

章网页制作基础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.1Dreamweaver18
1.5.2FrontPage21
1.5.3HomeSite21
1.6本章小结21
1.7课后习题21
1.7.1课后习题1-新建Dreamweaver文档22
1.7.2课后习题2-新建Dreamweaver工作区22

第2章HTML和XHTML24
2.1了解浏览器和网页文档的关系24
2.2初识HTML和XHTML24
2.3HTML24
2.3.1HTML概述25
2.3.2HTML的基本结构25
2.3.3HTML的基本语法26
2.3.4HTML的主要功能26
2.3.5HTML标签26
2.4XHTML语法32
2.5初识CSS33
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.3CSS样式表的规则46
3.4CSS的注释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.3ID选择器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.3CSS的层叠原理59
4.3.1CSS样式来源59
4.3.2CSS的继承59
4.3.3选择器的优先级61
4.3.4important语句64
4.4CSS的单位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+CSS72
5.1.1布局的流程72
5.1.2Div+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.4CSS布局方式——浮动81
5.4.1两个元素的浮动应用82
5.4.2多个元素的浮动应用83
5.4.3清除浮动85
5.5CSS布局定位87
5.5.1CSS的定位属性87
5.5.2相对定位88
5.5.3绝对定位89
5.5.4固定定位91
5.6控制溢出元素92
5.6.1overflow93
5.6.2overflow-x95
5.6.3overflow-y96
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.4CSS3.0新增背景属性148
8.4.1background-origin148
8.4.2background-clip151
8.4.3background-size153
8.4.4multiplebackground156
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

0章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使用列表制作实用菜单189
……