内容简介
在我们刚学习网页制作时，总是习惯先考虑外观，考虑图片、字体、颜色以及布局等所有表现在页面上的内容。但是外观并不是最重要的，相反最终用户在访问网页时的体验应该是优先要考虑的。一个由DIV+CSS布局且结构良好的页面可以通过调整CSS的定义，在任何地方、任何网络设备（包括PDA、移动电话和计算机）上以任何外观表现出来，而且利用DIV+CSS布局方式构建的网页能够简化网页代码、加快网页显示速度，因此DIV+CSS已经成为目前流行的网页布局方式，也是网页设计和制作人员必需掌握的技能之一。
本书是国内关于CSS+DIV技术的第一本彩色图书。本书面向实用，展现了大量网页结构分析、图片切割、网页布局、页面组装的操作细节图解，由浅入深地讲解网页制作的步骤与方法，由浅入深地讲解网页制作的步骤与方法，同时介绍了Web标准以及使用目前流行的“层”布局方式，并结合小型企业网站、电子相册网站、网络电台、网上商店、旅游网站等多个实例介绍了使用DIV+CSS构建网页的方法，为读者一一展现DIV+CSS的神奇力量。本书在详细讲解各个实例的过程中，不仅介绍了Dreamweaver 8、Firework 8等常用软件的使用，更重要的是，结合实际网页制作中可能遇到的问题，提供了解决问题的思路、方法、技巧，即使是初学者也可以轻松掌握DIV+CSS布局方式，制作出精美的网页并搭建功能强大的网站。 ...
光盘内容简介
168个网页Banner文件夹提供了一些常用网页Banner，读者可以直接在网页制作过程中使用。
888个经典Logo文件夹提供了一些Logo图标，以供读者参考和学习。
1000个矢量图标文件夹提供了一些矢量图标，以供读者参考和学习。
1300个优秀网页赏析文件夹提供了一些优秀网页的截屏图片，并根据应用的不同对这些图片进行了分类。
3288个Icon图标文件夹提供了一些Icon图标，以供读者参考和学习。
本书实例文件文件夹包括了本书所有实例的源文件、素材等，读者可以用来练习本书实例的制作。
截图：
关于源的问题：本人寒假在家，可怜是个小水管——2M滴。请大家体谅下，也同时帮忙做下源，万分感谢。这些东东来之网络，也应回馈网络。Sharing……
目录:
第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
