第一单元 Photoshop Web基础知识 1
1.1 网页色彩 1
1.1.1 Web颜色模式 1
1.1.2 Web页使用颜色（结合Web浏览） 2
1.2 网页图像 4
1.2.1 网页图像大小计算（结合Web浏览） 4
1.2.2 图像颜色模式应用和转换（结合Web浏览） 5
1.2.3 Web图像优化（结合Web浏览） 8
1.3 网页动画 11
1.3.1 创建动画（结合Web浏览） 11
1.3.2 网页动画标识（结合Web浏览） 13
1.3.3 Web动画页（结合Web浏览） 14
1.4 网页文件格式 14
1.4.1 常用Web页文件格式（结合Web浏览） 14
1.4.2 存储Web所用格式（结合Web浏览） 15
1.5 小结 16
第二单元 “计算机色彩在线指导”主页设计 17
2.1 网页版面划分 19
2.1.1 页面图像尺寸计算 19
2.1.2 主页版面区分 20
2.2 网页天头设计 22
2.2.1 网页标志设计 22
2.2.2 网页标题设计 26
2.3 导航设计 27
2.3.1 导航条设计 27
2.3.2 导航按钮设计 28
2.4 网页地脚设置 30
2.4.1 设置水平线 30
2.4.2 地脚文字设置 30
2.5 网页版心布置 32
2.5.1 版心图像处理（Web浏览链接录像） 32
2.5.2 版心文字处理（Web浏览链接录像） 33
2.6 创建网页切片与超链接 33
2.6.1 保存网页文件 34
2.6.2 图像切片划分（Web浏览链接录像） 34
2.6.3 切片超链接（Web浏览链接录像） 35
2.7 优化存储HTML文档 36
2.7.1 存储Photoshop CS2切片文件 36
2.7.2 存储为Web所用格式（Web浏览链接录像） 36
2.8 小结 37
第三单元 “汽车风采”Web页图像处理 39
3.1 Web浏览图像处理 42
3.1.1 “大宇．典雅”Web浏览图像处理过程 42
3.1.2 “红旗CA770TJ”Web浏览图像仿色优化 48
3.1.3 “陆地巡洋舰”Web浏览图像压缩优化 51
3.2 Web页图像编辑 53
3.2.1 Web图像前期编辑工作 53
3.2.2 Web图像动态设置工作 56
3.2.3 Web图像后期输出工作 58
3.3 小结 60
第四单元 “美妙的吐鲁番”动画网页设计 61
4.1 动画页编辑准备 63
4.1.1 打开编辑图像 63
4.1.2 图层优化组合（Web浏览链接录像） 65
4.1.3 添加动画变化图像 66
4.2 动画编辑 73
4.2.1 图像动画设置 73
4.2.2 文字动画设置（Web浏览链接录像） 74
4.2.3 优化动画（Web浏览链接录像） 74
4.2.4 动画切片和超链接（Web浏览链接录像） 75
4.3 存储动画页 75
4.3.1 存储Photoshop CS2文件 75
4.3.2 设定动画页存储选项（Web浏览链接录像） 75
4.3.3 检查动画网页效果（Web浏览链接录像） 76
4.4 小结 76
第五单元 “九寨沟导游”Image Ready超链接 77
5.1 Photoshop Web页编辑 79
5.1.1 新建网页文件 79
5.1.2 底图处理 81
5.1.3 编辑动画标题 84
5.1.4 导航条设置 89
5.1.5 导航按钮设计 93
5.1.6 图文处理 97
5.2 Image Ready超链接 101
5.2.1 优化图层（Web浏览链接录像） 102
5.2.2 创建图像切片（Web浏览链接录像） 102
5.2.3 导航条图像映射与超链接（Web浏览链接录像） 103
5.2.4 动态按钮设计与超链接（Web浏览链接录像） 103
5.2.5 创建图像热点与超链接（Web浏览链接录像） 103
5.2.6 浏览超链接效果（Web浏览链接录像） 104
5.2.7 存储Web页（Web浏览链接录像） 104
5.3 小结 104
第六单元 “名师大课堂”网页动画标识替换 107
6.1 Photoshop CS2动画标识构图 109
6.1.1 建立动画标识文档 109
6.1.2 绘制动画图形 111
6.1.3 输入动画文字 115
6.1.4 绘制动画表针 117
6.1.5 背景颜色渐变 121
6.2 在ImageReady CS2中设置动画 122
6.2.1 设置动画动作（Web浏览链接录像） 122
6.2.2 存储和替换动画图像（Web浏览链接录像） 122
6.3 小结 123
第七单元 创建“旅游”Web照片画廊 125
7.1 准备Web照片 127
7.1.1 选择Web照片和建立目标文件夹（Web浏览链接录像） 127
7.1.2 修整图片 127
7.2 创建Web照片画廊网页 128
7.2.1 “Web照片画廊”样式1设定（Web浏览链接录像） 128
7.2.2 “Web照片画廊”样式2设定（Web浏览链接录像） 129
7.3 小结 129
第八单元 “书面装帧”网页色彩处理 131
8.1 Dreamweaver网页插图透明处理 133
8.1.1 新建透明背景图像（Web浏览链接录像） 133
8.1.2 剪贴图像（Web浏览链接录像） 134
8.1.3 优化存储透明图像（Web浏览链接录像） 134
8.2 替换HTML图像 135
8.2.1 确定替换图像尺寸（Web浏览链接录像） 135
8.2.2 优化替换图像（Web浏览链接录像） 136
8.2.3 替换图像（Web浏览链接录像） 136
8.3 替换HTML动画 137
8.3.1 编辑动画 137
8.3.2 替换动画图像（Web浏览链接录像） 138
8.4 小结 138
第九单元 “泰山风景”与Dreamweaver互动 139
9.1 网页图像编辑 140
9.1.1 新建网页文件 141
9.1.2 设定框架 143
9.1.3 版心图文处理 148
9.2 设置网页动画 152
9.2.1 优化图层 152
9.2.2 设置动画层 153
9.2.3 设定动画过渡动作 158
9.3 网页切片处理 162
9.3.1 “泰山风景”切片划分（Web浏览链接录像） 163
9.3.2 存储HTML网页（Web浏览链接录像） 163
9.4 Dreamweaver热点超链接 164
9.4.1 建立热点超链接（Web浏览链接录像） 164
9.4.2 检查热点超链接（Web浏览链接录像） 164
9.5 转换网页设计要素 165
9.5.1 Web文字转换（Web浏览链接录像） 165
9.5.2 将．html转换为．htm文件格式（Web浏览链接录像） 166
9.6 小结 166