《CSS网页设计标準教程》是2009年人民邮电出版社出版的图书，作者是温谦。本书全面介绍了CSS技术标準的概念、原理以及在Web设计中的实际套用。
基本介绍
- 书名：CSS网页设计标準教程
- 作者：温谦
- ISBN：9787115206114
- 类别：网页设计
- 页数：304
- 定价：32.00
- 出版社：人民邮电出版社
- 出版时间：2009年05月
- 装帧：平装
- 开本：16 开
出版信息
书 名 CSS网页设计标準教程
丛 书 名 21世纪高等学校计算机规划教材——精品系列
标準书号 ISBN 978-7-115-20611-4/TP
作 者 温谦 编着
责任编辑 张立科 贾楠
开 本 16 开
印 张 19.75
字 数 514 千字
页 数 304 页
装 帧 平装
版 次 第1版第1次
初版时间 2009年5月
本 印 次 2009年5月
首 印 数 3000 册
定 价 32.00 元
内容简介
《CSS网页设计标準教程》分为4部分，15章。包括了CSS核心原理、CSS专题技术、CSS页面布局以及综合案例等内容。全书遵循Web标準，强调网页中“表现”与“内容”分离的思想，从更规範的角度全面、系统地介绍了CSS网页设计的方法与技巧。书中给出了大量的案例，并对案例做了细緻的分析，便于学生理解所学知识，加强实操训练，提高实践能力。《CSS网页设计标準教程》可作为高等院校各专业“网页设计与製作”课程的教材，也可供网页设计、製作和开发人员学习参考，Css可以和Div一起使用。
编辑推荐
《CSS网页设计标準教程》全面介绍了CSS技术标準的概念、原理以及在Web设计中的实际套用。，力求在知识体系上层层深入，在内容安排上遵循“从原理到实践，从局部到整体．由简单到複杂”的基本思路、《CSS网页设计标準教程》分别介绍了CSS核心原理、CSS专题技术、CSS页面布局以及综合案例等内容。全书遵循Web标準，强调网页中“表现”与“内容”分离的思想，从更规範的角度全面、系统地介绍了CSS网页设计的方法与技巧，使设计者製作出兼容主流浏览器lE6、lE7、Flre fox的网页。书中给出了大量的案例，并对案例进行细緻分析，便于学生理解所学知识．加强实操训练，提高实践能力。《CSS网页设计标準教程》可作为高等院校各专业“网页设计与製作”课程的教材，也可供网页设计、製作和开发人员学习参考。
剖析CSS核心原理
讲解流行网页元素
归纳网页布局方法
提供丰富综合案例
目录
第1部分 CSS核心原理
第1章 (X)HTML与CSS概述 2
1.1 网页的基础概念 2
1.2 Web标準 3
1.2.1 标準的重要性 3
1.2.2 “Web标準”概述 4
1.3 HTML与XHTML 5
1.3.1 追根溯源 5
1.3.2 文档类型的含义与选择 6
1.3.3 XHTML与HTML的重要区别 7
1.4 (X)HTML与CSS 8
1.4.1 CSS标準 8
1.4.2 传统HTML的缺点 9
1.4.3 CSS的引入 10
1.4.4 如何编辑CSS 11
1.4.5 浏览器与CSS 12
小结 13
习题 13
第2章 CSS选择器与相关特性 14
2.1 构造CSS规则 14
2.2 基本CSS选择器 15
2.2.1 标记选择器 15
2.2.2 类别选择器 16
2.2.3 ID选择器 18
2.3 在HTML中使用CSS的方法 19
2.3.1 行内式 20
2.3.2 内嵌式 20
2.3.3 连结式 21
2.3.4 导入式 22
2.4 複合选择器 24
2.4.1 交集选择器 24
2.4.2 并集选择器 25
2.4.3 后代选择器 27
2.5 CSS的继承特性 29
2.5.1 继承关係 29
2.5.2 CSS继承的运用 30
2.6 CSS的层叠特性 32
小结 34
习题 34
第3章 CSS设计实践 35
3.1 手工方式编写页面 35
3.1.1 构建页面框架 35
3.1.2 设定标题 36
3.1.3 控制图片 37
3.1.4 设定正文 38
3.1.5 设定整体页面 38
3.1.6 对段落进行分别设定 39
3.1.7 完整代码 40
3.1.8 CSS的注释 41
3.2 使用Dreamweaver进行CSS设定 41
3.2.1 创建页面 41
3.2.2 新建CSS规则 42
3.2.3 编辑CSS规则 44
3.2.4 为图像创建CSS规则 45
小结 47
习题 47
第4章 CSS盒子模型 48
4.1 “盒子”与“模型”的概念探究 48
4.2 长度单位 49
4.3 框线 50
4.3.1 设定框线样式 51
4.3.2 属性值的简写形式 52
4.3.3 框线与背景 54
4.4 设定内边距 55
4.5 设定外边距 56
4.6 盒子之间的关係 57
4.6.1 HTML与DOM 57
4.6.2 标準文档流 60
4.6.3 <div>标记与<span>标记 62
4.7 盒子在标準流中的定位原则 64
4.7.1 行内元素之间的水平margin 64
4.7.2 块级元素之间的竖直margin 65
4.7.3 嵌套盒子之间的margin 66
4.7.4 margin属性可以设定为负值 68
4.8 盒子模型概念的实例 69
小结 72
习题 72
第5章 盒子的浮动与定位 73
5.1 盒子的浮动 73
5.1.1 製作基础页面 73
5.1.2 设定第1个浮动的div 75
5.1.3 设定第2个浮动的div 75
5.1.4 设定第3个浮动的div 76
5.1.5 改变浮动的方向 76
5.1.6 再次改变浮动的方向 76
5.1.7 全部向左浮动 77
5.1.8 使用clear属性清除浮动的影响 78
5.1.9 扩展盒子的高度 79
5.2 盒子的定位 80
5.2.1 静态定位 80
5.2.2 相对定位 81
5.2.3 绝对定位 84
5.2.4 固定定位 89
5.3 z-index空间位置 89
5.4 盒子的display属性 90
小结 91
习题 91
第2部分 CSS专题技术
第6章 用CSS设定文本和图像 94
6.1 使用CSS设定文本样式 94
6.1.1 创建基础页面 94
6.1.2 设定文字的字型 95
6.1.3 设定文字的倾斜效果 95
6.1.4 设定文字的加粗效果 96
6.1.5 转换英文字母大小写 97
6.1.6 控制文字的大小 98
6.1.7 设定文字装饰效果 99
6.1.8 设定段落首行缩进 100
6.1.9 设定字词间距 101
6.1.10 设定段落内部的文字行高 101
6.1.11 设定段落之间的距离 102
6.1.12 控制文本的水平位置 103
6.1.13 设定文字与背景的颜色 103
6.2 用CSS设定图像样式 104
6.2.1 设定图片框线 105
6.2.2 图片缩放 107
6.2.3 图文混排 108
6.2.4 製作八大行星科普网页实例 110
6.2.5 设定图片与文字的对齐方式 113
6.3 用CSS设定背景样式 117
6.3.1 设定背景颜色 117
6.3.2 设定背景图像 118
6.3.3 设定背景图像平铺 119
6.3.4 设定背景图像位置 121
6.3.5 固定背景图片位置 123
6.3.6 设定标题的图像替换 124
小结 127
习题 127
第7章 用CSS设定超连结与导航选单 128
7.1 製作丰富的超连结特效 129
7.2 创建按钮式超连结 131
7.3 製作萤光灯效果的选单 132
7.3.1 创建HTML框架 133
7.3.2 设定容器的CSS样式 133
7.3.3 设定选单项的CSS样式 134
7.4 控制滑鼠指针 136
7.5 设定项目列表样式 136
7.5.1 列表的符号 137
7.5.2 图片符号 139
7.6 创建基于列表的导航选单 140
7.6.1 简单的竖直排列选单 140
7.6.2 横竖自由转换选单 143
7.7 套用滑动门技术的玻璃效果选单 143
7.7.1 基本思路 144
7.7.2 设定选单整体效果 145
7.7.3 使用“滑动门”技术设定玻璃材质背景 146
7.7.4 后续问题 147
小结 148
习题 148
第8章 用CSS设定表格和表单样式 149
8.1 控制表格 149
8.1.1 设定表格的框线 149
8.1.2 确定表格的宽度 152
8.1.3 其他与表格相关的标记 152
8.2 美化表格 153
8.2.1 搭建HTML结构 154
8.2.2 整体设定 155
8.2.3 设定单元格样式 155
8.2.4 斑马纹效果 156
8.3 製作日曆 157
8.3.1 搭建HTML结构 158
8.3.2 设定整体样式和表头样式 159
8.3.3 设定日曆单元格样式 160
8.4 CSS与表单 163
8.4.1 表单中的元素 163
8.4.2 多彩的下拉选单 166
8.5 网民调查问卷实例 167
小结 169
习题 169
第9章 圆角设计 170
9.1 圆角框的作用 170
9.2 固定宽度圆角框 171
9.2.1 两背景图像法 171
9.2.2 使用透明背景图 174
9.3 不固定宽度的圆角框 175
9.3.1 不固定宽度圆角框的含义 175
9.3.2 “4图像”单色不固定宽度圆角框 176
9.4 “5图像”二维滑动门经典圆角框 178
9.4.1 準备图像 179
9.4.2 搭建HTML结构 180
9.4.3 放置背景图像 182
9.4.4 设定样式并修复缺口 183
9.4.5 在整体页面中使用圆角框 184
9.4.6 实现网页换肤 186
小结 189
习题 189
第10章 网页样式综合案例——灵活的电子相册 190
10.1 搭建框架 190
10.2 阵列模式 192
10.3 单列模式 196
10.4 改进阵列模式 198
10.5 IE 6兼容 201
小结 203
习题 203
第3部分 CSS页面布局
第11章 固定宽度布局剖析与製作 206
11.1 向报纸学习排版思想 206
11.2 CSS排版观念 208
11.2.1 两列布局 208
11.2.2 三列布局 209
11.2.3 多列布局 210
11.2.4 布局结构的表达式与结构图 211
11.3 单列布局 214
11.3.1 放置第一个圆角框 215
11.3.2 设定圆角框的CSS样式 215
11.3.3 放置其他圆角框 218
11.4 “1-2-1”固定宽度布局 219
11.4.1 创建基本代码 219
11.4.2 绝对定位法 221
11.4.3 浮动法 222
11.5 “1-3-1”固定宽度布局 225
11.6 “1-((1-2)+1)-1”固定宽度布局 226
小结 227
习题 227
第12章 变宽度网页布局剖析与製作 228
12.1 “1-2-1”变宽度网页布局 228
12.1.1 “1-2-1”等比例变宽布局 228
12.1.2 “1-2-1”单列变宽布局 230
12.2 “1-3-1”宽度适应布局 234
12.2.1 “1-3-1”三列宽度等比例布局 234
12.2.2 “1-3-1”单侧列宽度固定的变宽布局 234
12.2.3 “1-3-1”中间列宽度固定的变宽布局 235
12.2.4 进一步思考 237
12.2.5 “1-3-1”双侧列宽度固定的变宽布局 238
12.2.6 “1-3-1”中列和侧列宽度固定的变宽布局 240
12.3 变宽布局方法总结 240
12.4 分列布局背景色问题 241
12.5 CSS布局与传统的表格方式布局的分析 245
小结 247
习题 247
第4部分 综合案例
第13章 综合案例——儿童用品网上商店 250
13.1 案例概述 250
13.2 内容分析 251
13.3 HTML结构设计 252
13.4 原型设计 255
13.5 页面方案设计 258
13.6 布局设计 258
13.6.1 整体样式设计 258
13.6.2 页头部分 259
13.6.3 内容部分 262
13.6.4 页脚部分 264
13.7 细节设计 265
13.7.1 页头部分 265
13.7.2 内容部分 270
13.7.3 左侧的主要内容列 270
13.7.4 右边栏 273
13.8 CSS布局的优点 276
13.9 互动效果设计 277
13.9.1 次导航栏 277
13.9.2 主导航栏 278
13.9.3 账号区 278
13.9.4 图像框线 279
13.9.5 产品分类 280
13.10 遵从Web标準的设计流程 281
小结 282
习题 282
第14章 综合案例——部落格网站 283
14.1 分析构架 283
14.1.1 设计分析 283
14.1.2 排版构架 284
14.2 模组拆分 285
14.2.1 导航与Banner 285
14.2.2 左侧列表 287
14.2.3 内容部分 290
14.2.4 footer脚注 292
14.3 整体调整 292
小结 293
习题 293
第15章 综合案例——旅游入口网站 294
15.1 分析构架 294
15.1.1 设计分析 294
15.1.2 排版构架 295
15.2 模组拆分 296
15.2.1 Banner图片与导航选单 296
15.2.2 左侧分栏 297
15.2.3 中部主体 299
15.2.4 右侧分栏 301
15.2.5 脚注 302
15.3 最终效果 303
小结 304
习题 304