第1章 Web设计基础 1
1.1 HTML 基础 3
1.2 页面中的HTML 源代码 5
1.3 结构性代码在设计工作上的局限 8
1.4 HTML 设计的局限：绝对位置 11
1.5 所见即所得的创作软件工具 12
1.6 Web 上的图像与图形 15
1.7 浏览器对丢失的颜色的补偿 22
1.8 Adobe LiveMotion 23
1.9 在设计中需要注意色彩方面的问题 26
1.10 在Web 设计中的其它重要技术 28
1.11 QuickTime 虚拟现实 35
1.12 对于Web 设计师有参考价值的网站 39
第2章 Web设计概念 41
2.1 信息架构 42
2.1.1 结构是架构的基础 45
2.1.2 少即是美 46
2.1.3 常见的信息架构方面的错误 47
2.1.4 为信息浏览导航 48
2.2 Web设计的挑战 50
2.3 设计概念 52
2.3.1 Content surfacing 52
2.3.2 metaphors 53
2.3.3 tunnel concept 54
2.4 导航技术和界面设计 55
2.4.1 导航的概念 55
2.4.2 使用分栏技术的界面设计 58
2.4.3 网站导航栏的设计 60
2.5 图像映射和图像切片 60
第3章 优化Photoshop使用环境 63
3.1 优化拾色器 64
3.2 Photoshop的插值方法 66
3.3 使用正确的插值方法 67
3.4 像素世界的单位 68
3.5 参考线和捕捉网格 69
3.6 载入"Web安全颜色"色板 70
3.7 Gamma 71
3.8 "信息"调板 72
3.9 "动作"调板 73
3.9.1 切换对话开/关 76
3.9.2 插入停止 76
3.9.3 插入路径 78
3.9.4 批处理 78
第4章 使用Web安全颜色 81
4.1 色彩深度 82
4.1.1 电脑存储信息的方式 82
4.1.2 一幅图像的色彩深度 83
4.2 Web安全颜色调板 83
4.3 使用Web安全颜色 84
4.3.1 在输出前将颜色转换为Web安全颜色 84
4.3.2 在输出时将颜色转换为Web安全颜色 86
4.3.3 使用图案填充创建非Web安全颜色 87
第5章 Photoshop技术 91
5.1 图像尺寸应该是多少 92
5.2 使用"图层"调板 93
5.2.1 "图层"调板快速指南：打开调板 93
5.2.2 显示/隐藏图层 94
5.2.3 移动图层 95
5.2.4 不透明度和混合模式 96
5.2.5 图层蒙版 97
5.2.6 透明 99
5.2.7 调整图层 100
5.2.8 选择图层 104
5.2.9 图层缩览图 105
5.3 改变颜色 105
5.4 调整颜色 110
5.5 避免锯齿状边缘 114
5.6 矢量图形：在Photoshop中使用Illustrator图形 118
5.6.1 输入矢量图形 118
5.6.2 保持正确的尺寸 119
5.6.3 保留图层 121
5.7 修正数码照片 122
5.8 优化图像 125
5.8.1 消除杂色和刮痕 125
5.8.2 制作色调明快的图像 129
5.9 改变图像尺寸 131
5.9.1 改变一个图层的大小 133
5.9.2 改变画布的大小 134
第6章 设计Web元素 137
6.1 创建背景 138
6.1.1 背景图像 139
6.1.2 作为背景的网站导航栏 141
6.2 使用矢量图形软件制作背景 151
6.3 Alien Skin EyeCandy 4000插件的应用 154
6.4 文字设计 156
6.5 按钮设计 158
6.6 Alien Skin Xenofex插件的应用 161
6.7 教程：在Photoshop 中建设一个网站主页 162
第7章 使用ImageReady 173
7.1 Photoshop 和ImageReady 174
7.2 最常见的误解 176
7.3 创建Rollover按钮 176
7.4 创建图像映射 185
7.5 优化图像 188
7.6 教程：创建割图和按钮变换 190
第8章 GIF动画 195
8.1 基本原理 197
8.2 循环播放动画 200
8.3 通过缩放动画减少对带宽的占用 200
8.4 处理方式 201
8.5 优化动画 202
8.6 实例教程 204
8.6.1 教程一：7255数码画廊 204
8.6.2 教程二：BabyCare.com 210
8.6.3 教程三：利用文字特效制作动画 220
8.6.4 教程四：巧妙避开GIF格式的弱点 222
8.6.5 教程五：在Rollover按钮中的GIF动画 228
第9章 GIF格式图像的应用 231
9.1 GIF格式压缩的工作原理 232
9.1.1 色彩查找表 232
9.1.2 LZW算法 233
9.2 压缩质量与图像质量 234
9.3 LZW颜色序列识别 241
9.4 损耗选项 242
9.5 创建GIF图像 244
9.5.1 减低颜色深度算法 244
9.5.2 仿色（抖动） 250
9.5.3 损耗 251
9.5.4 透明和杂边 252
9.5.5 交错 253
9.5.6 Web对齐 254
9.6 优化一个CLUT 255
9.7 优化GIF格式的技巧 257
9.8 创建自定调板 264
9.9 重点优化 268
9.10 对图像的部分区域应用损耗 268
9.11 对图像的部分区域应用仿色 270
9.12 创建有效的通道 271
9.13 模拟均匀透明效果 273
第10章 JPEG格式图像的应用 275
10.1 DCT压缩 276
10.2 透明 277
10.3 JPEG有损压缩技术 277
10.4 连续的（Progressive）JPEG（渐进的） 279
10.5 JPEG的图像压缩比 279
10.6 JPEG文件标准的演变 279
10.7 JPEG格式的应用 280
10.8 压缩和8× 8像素块之间的关系 280
10.9 选用JPEG还是选用GIF 280
10.10 一幅JPEG图像是如何编码的 281
10.11 不同的解码器导致不同的图像质量 283
10.12 通过模糊提高压缩效率 283
10.13 通过Alpha通道优化图像 285
第11章 PNG格式图像的应用 289
11.1 使用"存为Web所用格式"命令存储PNG图像 291
11.1.1 按PNG-24格式存储图像 291
11.1.2 按PNG-8格式存储图像 292
11.2 比较PNG、GIF和JPEG文件的大小 294
11.3 通过Alpha通道优化图像 294
第12章 网站制作基础 297
12.1 参考页面和动态模板 298
12.2 创建HTML表格 301
12.3 高效的网站设计 306
12.4 图像放大 309
12.5 对齐前景和背景 311
12.6 使用文字 312
12.7 优化GoLive和Photoshop的工作流程 318
12.8 教程：HTML创作 322
第13章 视频和音频 325
13.1 捕捉格式 326
13.2 使用QuickTime Pro创建两帧的电影 327
13.3 为Web压缩和嵌入电影 330
13.4 应该使用什么视频格式 330
13.5 如何在HTML中嵌入视频信息 331
13.5.1 QuickTime属性 331
13.5.2 嵌入RealMedia 332
13.6 音乐和音频 333
13.6.1 直接嵌入音频 333
13.6.2 MP3音频格式 334
13.6.3 RealAudio 334