别具光光芒：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