理论篇 3
第1章 网页设计基本知识 3
1.1 网页基础知识 4
1.1.1 网页的本质 4
1.1.2 静态网页与动态网页 4
1.1.3 网页与网站 5
1.2 常见的网站类型 5
1.2.1 个性展示类网站 5
1.2.2 企业类网站 6
1.2.3 门户类网站 6
1.2.4 娱乐休闲类网站 7
1.2.5 购物类网站 7
1.3 构成网页的元素 8
1.3.1 文字 8
1.3.2 图像 8
1.3.3 多媒体元素 9
1.3.4 交互元素 9
1.4 网页布局类型 9
1.4.1 封面型 9
1.4.2 上下分割型 10
1.4.3 左右分割型 11
1.4.4 混合框架型 11
1.4.5 自由型 12
1.5 网页设计原则与流程 12
1.5.1 设计原则 12
1.5.2 设计流程 14
1.6 常用工具软件 16
1.6.1 网页编辑软件Dreamweaver 16
1.6.2 网页图像设计软件Photoshop 17
1.6.3 网页动画制作软件Flash 18
1.7 网页尺寸和显示器分辨率的关系 19
本章小结 19
本章习题 20
第2章 网页设计色彩基础 21
2.1 认识网页色彩 22
2.2 网页安全色 22
2.3 色彩理论 23
2.3.1 色彩的形成 23
2.3.2 色彩的三属性 25
2.3.3 色彩模式 26
2.4 色彩的情感 27
2.5 色彩的对比 30
2.5.1 色相对比 30
2.5.2 明度对比 31
2.5.3 纯度对比 32
2.5.4 冷暖对比 33
2.6 网页色彩搭配的方法 34
2.6.1 基于色彩的三属性搭配 34
2.6.2 基于情感的色彩搭配 35
2.7 网页色彩搭配原则 36
本章小结 37
本章习题 37
第3章 Photoshop基础操作 38
3.1 认识Photoshop 39
3.1.1 Photoshop的发展与应用 39
3.1.2 Photoshop的工作界面 42
3.2 Photoshop基本操作 44
3.2.1 文件的基本操作 45
3.2.2 图像的缩放控制 48
3.2.3 掌握恢复操作 49
3.2.4 使用额外辅助工具 50
3.2.5 颜色的设置 51
3.3 图层的基本认识 53
3.3.1 图层的概念 54
3.3.2 【图层】面板 54
3.3.3 图层的基本操作 55
本章小结 56
本章习题 56
第4章 选区的创建与填充 58
4.1 概述 59
4.2 选择工具的使用 60
4.2.1 选框工具的使用 60
4.2.2 套索工具的使用 63
4.2.3 魔棒工具的使用 65
4.3 选区的操作与修改 67
4.3.1 取消选区 67
4.3.2 反选 67
4.3.3 选区的交叉运算 67
4.3.4 移动选区 69
4.3.5 选区的羽化 69
4.3.6 修改选区 70
4.4 单色与图案的填充 70
4.4.1 利用快捷键填充颜色 71
4.4.2 油漆桶工具的使用 71
4.4.3 利用菜单命令填充颜色 72
4.4.4 图案的定义 74
4.4.5 描边 75
4.5 渐变色的填充 77
4.5.1 渐变类型 77
4.5.2 填充渐变色的方法 78
4.5.3 自定义渐变色 79
本章小结 81
本章习题 82
第5章 图像的基本编辑 83
5.1 图像的移动与复制 84
5.1.1 图像的移动 84
5.1.2 图像的复制 84
5.2 图像的调整 87
5.2.1 改变图像尺寸 88
5.2.2 修改画布尺寸 88
5.2.3 图像的裁剪 90
5.3 图像的变换 92
5.3.1 特定变换 92
5.3.2 自由变换 94
5.3.3 精确变换 96
5.3.4 画布变换 99
本章小结 100
本章习题 100
第6章 图像的绘制与修饰 102
6.1 绘制图像 103
6.1.1 画笔工具 103
6.1.2 丰富的画笔设置 104
6.1.3 混合模式 105
6.1.4 铅笔工具 107
6.2 修饰图像 109
6.2.1 污点修复画笔工具 110
6.2.2 修复画笔工具 111
6.2.3 修补工具 113
6.3 其它编辑工具 114
6.3.1 橡皮擦工具 114
6.3.2 仿制图章工具 116
6.3.3 减淡工具和加深工具 119
本章小结 120
本章习题 120
第7章 图层的使用技术 121
7.1 图层类型 122
7.1.1 普通图层 122
7.1.2 背景图层 122
7.1.3 调整图层 123
7.1.4 填充图层 123
7.1.5 文字图层 123
7.1.6 形状图层 124
7.2 了解更多的图层操作 124
7.2.1 调整图层的顺序 124
7.2.2 对齐与分布图层 126
7.2.3 合并图层 127
7.2.4 栅格化图层 127
7.2.5 使用图层组 128
7.3 图层的混合模式 130
7.4 图层样式的应用 133
7.4.1 图层样式介绍 133
7.4.2 应用预设样式 136
7.4.3 复制／粘贴图层样式 138
7.5 图层的蒙版 138
7.5.1 创建图层蒙版 138
7.5.2 编辑图层蒙版 139
7.5.3 停用图层蒙版 140
7.5.4 应用与删除图层蒙版 141
7.6 剪贴蒙版 142
本章小结 143
本章习题 143
第8章 路径与图形 145
8.1 绘制与编辑路径 146
8.1.1 了解路径的含义 146
8.1.2 三种不同的绘图模式 147
8.1.3 钢笔工具的使用 148
8.1.4 转换点工具 151
8.1.5 直接选择工具 152
8.1.6 路径选择工具 153
8.2 【路径】面板 153
8.2.1 认识【路径】面板 154
8.2.2 复制与删除路径 154
8.2.3 选区和路径的转换 155
8.2.4 填充路径 156
8.2.5 描边路径 157
8.3 绘制图形 158
8.3.1 矩形工具的使用 159
8.3.2 圆角矩形工具的使用 160
8.3.3 椭圆工具的使用 160
8.3.4 多边形工具的使用 161
8.3.5 直线工具的使用 161
8.3.6 自定形状工具的使用 164
本章小结 167
本章习题 167
第9章 文字的使用 168
9.1 文字工具的使用 169
9.1.1 文字工具 169
9.1.2 创建插入点文字 169
9.1.3 创建段落文字 170
9.1.4 沿路径排列文字 171
9.2 【字符】和【段落】面板 171
9.3 格式化文本 172
9.3.1 选择文本 172
9.3.2 设置字体、字号和颜色 173
9.3.3 设置行距和字距 174
9.3.4 调整水平或垂直缩放 176
9.3.5 指定基线偏移 176
9.3.6 消除锯齿 177
9.4 格式化段落 178
9.4.1 行对齐 178
9.4.2 段落对齐 179
9.4.3 段落缩进和段落间距 180
9.5 文字变形 183
9.6 文字图层的转换 183
9.6.1 文字类型之间的转换 184
9.6.2 将文字转换为形状 184
9.6.3 基于文字创建路径 184
9.6.4 栅格化图层 185
本章小结 186
本章习题 186
第10章 图像色彩的调整 187
10.1 影调调整命令 188
10.1.1 亮度和对比度 188
10.1.2 曝光度 188
10.1.3 阴影／高光 189
10.1.4 HDR色调 191
10.1.5 色阶 192
10.2 色调调整命令 195
10.2.1 色彩平衡 195
10.2.2 色相/饱和度 195
10.2.3 可选颜色 198
10.2.4 照片滤镜 201
10.2.5 曲线 201
10.3 特殊调整命令 205
10.3.1 颜色查找 205
10.3.2 去色 205
10.3.3 反相 206
10.3.4 色调分离 206
10.3.5 阈值 207
本章小结 207
本章习题 208
第11章 网页动画与切片输出 209
11.1 创建与编辑切片 210
11.1.1 切片的类型 210
11.1.2 创建切片 210
11.1.3 编辑切片 212
11.1.4 设置切片选项 215
11.2 图像的优化与输出 216
11.2.1 图像的优化 216
11.2.2 Web图形优化选项 218
11.2.3 Web图形的输出设置 221
11.3 创建动画 221
11.3.1 Photoshop动画功能的发展 221
11.3.2 认识【时间轴】面板 222
11.3.3 添加与删除帧 223
11.3.4 设置帧延迟时间 223
11.3.5 设置过渡帧 224
11.3.6 优化GIF动画 227
11.3.7 GIF动画的生成 227
本章小结 229
本章习题 229
实践篇 233
实践1网站Logo的制作 233
实践指导 233
实践1.1 233
实践1.2 236
实践2导航栏的制作 239
实践指导 239
实践2.1 239
实践2.2 241
实践3淘宝海报的制作 246
实践指导 246
实践3.1 246
实践3.2 252
实践4弹出式招聘广告的制作 258
实践指导 258
实践4.1 258
实践4.2 262
实践5淘宝宝贝的处理 270
实践指导 270
实践5.1 270
实践5.2 272
实践5.3 273
实践5.4 275
实践6Banner动画的制作 278
实践指导 278
实践6.1 278
实践6.2 282
实践7设计网站首页页面 287
实践指导 287
实践7.1 287
实践7.2 300