别具光芒:DIV+CSS网页布局与美化

第1章 网页和网站的制作流程 1
1.1 认识网页. 2
1.1.1 网页和网站 2
1.1.2 网页的基本构成元素 3
1.2 网站整体制作流程 3
1.2.1 前期策划 3
1.2.2 页面细化及实施 4
1.2.3 后期维护 4
1.3 静态页面制作的流程 5
1.3.1 观察图纸 5
1.3.2 拆分图纸 5
1.3.3 组装 5
第2章 布局方式大战——标准与非标准 7
2.1 表格布局 8
2.2 web标准 8
2.2.1 混乱的逻辑结构和冗余的嵌套表格 8
2.2.2 web标准概述 9
2.3 理解表现和结构分离 12
2.3.1 什么是内容、表现和结构 12
2.3.2 div与css结合的优势 14
.2.3.3 怎么改善现有网站 15
2.4 关于web标准的误区 18
2.4.1 抛弃表格布局的思维方式 18
2.4.2 正确使用xhtml标签 19
2.4.3 善于利用css 19
2.4.4 “通过验证”并不是最终目的 19
第3章 网页的基础——html与xhtml 21
3.1 html的基本用法 22
3.1.1 html文件基本结构 22
3.1.2 常用的html标签 24
3.2 升级到xhtml 31
3.2.1 为什么要升级 31
3.2.2 xhtml与html的比较 32
3.2.3 如何转换现有的结构为xhtml 36
第4章 层叠样式表css 37
4.1 认识css 38
4.1.1 css的神奇性 38
4.1.2 css的必要性 38
4.1.3 css与浏览器 39
4.2 基本用法 40
4.2.1 如何在html内插入样式表 40
4.2.2 规则 41
4.3 文档结构 44
4.3.1 结构 44
4.3.2 继承 45
4.3.3 特殊性 46
4.3.4 层叠 46
4.3.5 重要性 47
4.4 元素分类 47
4.4.1 常用分类 48
4.4.2 css2中的分类 48
4.5 单位和值 49
4.5.1 颜色 49
4.5.2 长度 50
4.5.3 css2中的单位 51
4.6 属性 51
4.6.1 类型 52
4.6.2 背景 53
4.6.3 区块 54
4.6.4 方框 54
4.6.5 边框 54
4.6.6 列表 55
4.6.7 定位 55
4.7 盒模型(box model) 56
4.8 常见的浏览器兼容问题 57
4.9 缩写小技巧 59
第5章 图片及动态效果 61
5.1 图片 62
5.1.1 jpeg图片 62
5.1.2 静态gif图片 63
5.1.3 gif动画 64
5.1.4 png图片 64
5.2 javascript脚本 65
5.2.1 认识 javascript 65
5.2.2 在html文档中插入javascript脚本 66
5.2.3 不要滥用脚本 66
5.3 flash的应用 67
5.4 综合运用图片和动态效果 67
第6章 小型企业网站 69
6.1 观察图纸 70
6.1.1 设计分析 70
6.1.2 布局分析 71
6.2 拆分图纸 75
6.2.1 分离颜色 75
6.2.2 拆分首页.. 77
6.2.3 拆分内容页 86
6.3 组装 89
6.3.1 定义站点 89
6.3.2 首页 92
6.3.3 内容页模板 115
6.3.4 制作内容页 127
6.3.5 英文版的制作 128
6.4 整理css 130
6.4.1 首页 130
6.4.2 内容页 135
6.4.3 其他 139
6.5 本章小结 140
第7章 电子相册网站 141
7.1 观察图纸 142
7.1.1 设计分析 142
7.1.2 布局分析 143
7.2 拆分图纸 144
7.2.1 分离颜色 144
7.2.2 拆分首页 146
7.2.3 拆分目录页 152
7.2.4 拆分展示页 161
7.3 组装 162
7.3.1 定义站点 163
7.3.2 首页 163
7.3.3 模板页 171
7.3.4 制作展示页 177
7.3.5 制作目录页 178
7.4 整理css 183
7.5 本章小结 184
第8章 网络电台 185
8.1 观察图纸 186
8.1.1 设计分析 186
8.1.2 布局分析 186
8.2 拆分图纸 188
8.2.1 分离颜色 188
8.2.2 分离页面(body)背景图片 188
8.2.3 分离box层、logo层、nav层及footer层 189
8.2.4 分离各分栏模块层 190
8.2.5 导出切片 197
8.3 组装 198
8.3.1 定义站点 198
8.3.2 制作html页面 199
8.3.3 设置总体css 203
8.3.4 细化mian层 208
8.3.5 细化links层 211
8.3.6 制作导航栏 218
8.3.7 制作live层多媒体播放器 220
8.3.8 整理css 222
8.4 本章小结 223
第9章 网上商店 225
9.1 观察图纸 226
9.1.1 设计分析 226
9.1.2 布局分析 226
9.2 定义站点 227
9.3 div布局 228
9.4 插入内容及设置css 229
9.4.1 基本设置 229
9.4.2 body 230
9.4.3 box层和logo层 230
9.4.4 导航栏(nav层) 232
9.4.5 link层和login层 237
9.4.6 sort层 242
9.4.7 ad_2层 244
9.4.8 main层和ad_1层 245
9.4.9 recommend层 247
9.4.10 new层 250
9.4.11 rank层 253
9.4.12 info层 254
9.4.13 footer层 256
9.5 整理css 258
9.6 本章小结 259
第10章 旅游网站 261
10.1 观察图纸 262
10.1.1 设计分析 262
10.1.2 布局分析 262
10.2 定义站点 263
10.3 div布局 264
10.4 插入内容及设置css 265
10.4.1 基本设置 265
10.4.2 body 266
10.4.3 定位层 266
10.4.4 导航 270
10.4.5 main层内各层制作 277
10.4.6 link1层内各层制作 281
10.4.7 link2层各层制作 285
10.5 整理css 290
10.6 本章小结... 290