第1章 网页设计基础 1
1.1 全面认识网页 1
1.1.1 网站、网页和主页 1
1.1.2 网页设计的基本原则 2
1.2 网页的基本组成元素 3
1.2.1 网页中的文本 3
1.2.2 网页中的图片与动画 4
1.2.3 网页中的动画 4
1.3 网页制作工具 5
1.3.1 网页布局软件Dreamweaver 5
1.3.2 图形图像处理软件Photoshop 5
1.3.3 动画制作软件Flash 6
1.3.4 软件间的相互关系 6
第2章 网页标记语言HTML 8
2.1 HTML概述 8
2.1.1 HTML的基本概念 8
2.1.2 HTML的历史 9
2.1.3 HTML的基本结构 10
2.1.4 HTML的语法规则 11
2.2 文字与段落标记 12
2.2.1 标题标记 12
2.2.2 文字格式标记 13
2.2.3 字型设置标记 14
2.2.4 段落标记和换行标记 15
2.2.5 水平线标记 16
2.2.6 其他标记 16
2.3 清单标记 18
2.3.1 无序清单标记 18
2.3.2 有序清单标记 19
2.3.3 自定义清单标记 20
2.4 表格标记 20
2.5 图形和多媒体标记 23
2.5.1 图形标记 23
2.5.2 音频标记 24
2.5.3 Embed标记 24
2.6 超链接标记 26
2.7 表单标记 26
2.8 框架标记 30
第3章 Web标准概述 33
3.1 理解Web标准 33
3.1.1 什么是Web标准 33
3.1.2 Web标准的历史 33
3.2 Web标准的构成 34
3.2.1 结构 35
3.2.2 表现 35
3.2.3 行为 35
3.3 为什么选择Web标准 36
3.4 量化Web标准 37
3.4.1 大部分通过W3C校验的网站只是伪标准 37
3.4.2 Web标准要求一览表 38
3.4.3 是追求标准还是理解标准 39
第4章 XHTML与CSS入门 40
4.1 XHTML与CSS 40
4.1.1 XHTML与HTML 40
4.1.2 XHTML与CSS 42
4.1.3 定义文档类型 44
4.2 CSS语法基础 44
4.2.1 CSS属性与选择符 44
4.2.2 样式表中的注释 45
4.2.3 通配选择符 46
4.2.4 类型选择符 46
4.2.5 群组选择符 46
4.2.6 包含选择符 46
4.2.7 id及class选择符 47
4.2.8 组合选择符 48
4.2.9 伪类及伪对象 49
4.3 CSS数值单位 52
4.4 应用CSS到网页 53
4.4.1 外联样式表 54
4.4.2 嵌入样式表 54
4.4.3 内联样式表 55
4.5 CSS的应用原则 56
4.5.1 CSS的继承特性 56
4.5.2 CSS的层叠特性 59
4.5.3 ！important语法 61
第5章 网页中的元素 62
5.1 XHTML文档结构 62
5.2 Xhtml元素的分类 62
5.2.1 顶级元素 63
5.2.2 块级元素 63
5.2.3 行内元素 64
5.2.4 可变元素 64
5.3 块级元素和行内元素的区别 64
第6章 DIV+CSS与盒子模型 66
6.1 理解DIV+CSS 66
6.1.1 认识DIV 66
6.1.2 DIV+CSS的实质 66
6.1.3 DIV+CSS布局页面的优劣 67
6.2 盒子模型 69
6.2.1 盒子模型的结构 69
6.2.2 Border 71
6.2.3 margin（外边距） 77
6.2.4 padding（内边距） 79
6.2.5 background（背景） 80
6.2.6 盒子尺寸相关问题 89
6.2.7 行内元素的盒子模型 94
6.2.8 display属性 96
6.2.9 盒子模型的调试 102
第7章 页面的布局与定位 109
7.1 标准文档流 109
7.2 标准流下盒子的定位原则 109
7.2.1 包含块 109
7.2.2 标准流下定位分析 110
7.2.3 匿名框（Anonymous boxes） 113
7.2.4 水平属性设为“auto” 114
7.2.5 垂直属性设为“auto” 117
7.2.6 Height和line-height 118
7.2.7 标准流下盒子之间的关系 125
7.3 盒子的定位 133
7.3.1 static（静态定位） 133
7.3.2 relative（相对定位） 134
7.3.3 absolute（绝对定位） 137
7.3.4 fixed（固定定位） 145
7.3.5 z-index（堆叠顺序） 146
7.4 盒子的浮动 146
7.4.1 浮动的定义 146
7.4.2 浮动的作用 147
7.4.3 浮动的规则 147
7.4.4 浮动的理解 156
7.4.5 Clear属性 159
7.4.6 浮动的清除 160
第8章 浏览器兼容与常见问题 163
8.1 浏览器兼容性问题 163
8.2 CSS hack技术 164
8.2.1 CSS hack的顺序 164
8.2.2 常用的CSS hack的方法 164
8.2.3 CSS hack使用建议 170
8.3 IE的条件注释功能 170
8.4 IE的特有属性haslayout 172
8.4.1 haslayout的定义 172
8.4.2 默认haslayout的元素 172
8.4.3 触发haslayout的方法 173
8.4.4 与haslayout相关的IE常见bug 174
8.5 针对IE bug的统计和通用hack 177
8.5.1 IE bug统计 177
8.5.2 常见的IE bug的解决方法 180
第9章 网页布局剖析 197
9.1 网页布局原则 197
9.2 网页布局方法 198
9.3 常见网页布局形式 198
9.4 网页布局技术 200
9.4.1 网页布局技术相关概念 200
9.4.2 网页布局技术的比较 201
9.5 固定布局的栅格系统 202
9.5.1 栅格系统的设计原理 203
9.5.2 栅格系统中的960 203
9.5.3 960栅格系统常见的切割分法 204
9.5.4 网页栅格化实例 206
9.5.5 栅格系统的优劣 207
9.5.6 栅格系统的实现 208
9.6 网站布局实例 211
9.6.1 单列居中 211
9.6.2 两列布局 217
9.6.3 三列布局 229
第10章 网页元素与内容排版 235
10.1 文字 235
10.1.1 字体分类和设置 235
10.1.2 字体的使用原则 237
10.1.3 字体粗细 238
10.1.4 字体大小 239
10.1.5 字体样式 240
10.1.6 字体装饰与控制 241
10.1.7 字体属性的简写形式 241
10.2 段落样式设置 242
10.2.1 行高与行长 242
10.2.2 对齐与缩进 242
10.3 图片的样式和效果 243
10.3.1 基本设置 243
10.3.2 图片的裁切 244
10.3.3 图片代替文字 245
10.3.4 图片的投影效果 247
10.4 链接 249
10.4.1 链接控制 249
10.4.2 链接鼠标指针样式 250
10.4.3 按钮式链接 252
10.4.4 图片翻转链接 253
10.4.5 面包屑导航链接 254
10.5 项目列表 256
10.5.1 基本列表分类 257
10.5.2 无序项目列表应用 260
10.5.3 有序项目列表应用 265
10.6 导航设计 266
10.6.1 横向导航 266
10.6.2 纵向导航 273
10.7 排版控制 276
10.7.1 文字排版 276
10.7.2 图文混排 278
10.8 CSS重置—CSS Reset 280
10.8.1 CSS Reset的历史 280
10.8.2 CSS Reset的滥用 281
10.8.3 CSS Reset的不足 281
10.8.4 CSS Reset未必有必要 282
第11章 使用Dreamweaver CS5进行网页设计 283
11.1 安装Dreamweaver CS5 283
11.2 认识Dreamweaver CS5界面 287
11.2.1 工作区 287
11.2.2 菜单栏 288
11.2.3 文档工具栏 288
11.2.4 文档窗口 289
11.2.5 属性检查器 290
11.2.6 面板群组 291
11.2.7 状态栏 291
11.3 Dreamweaver CS5的首选参数 291
11.3.1 常规首选参数 292
11.3.2 字体首选参数 294
11.3.3 站点文件传输首选参数 294
11.3.4 设置默认文档类型和编码 296
11.3.5 设置编码首选参数 296
11.4 创建和管理站点 300
11.4.1 设置新站点 300
11.4.2 管理站点 304
11.5 创建和管理文件 306
11.5.1 创建空白页和空模板 306
11.5.2 创建基于现有模板的页面 309
11.5.3 创建基于Dreamweaver示例文件的页面 309
11.5.4 使用文件面板 310
11.5.5 上传和获取文件 311
参考文献 314