网页设计Photoshop，Dreamweaver，Flash三合一宝典:CS5版

目 录
第1章 商业网站建设的建设流程 1
1.1 网站的规划 1
1.1.1 网站项目的定义 2
1.1.2 网站项目的评估 3
1.1.3 网站项目的方案 3
1.1.4 网站项目的资源 9
1.1.5 网站项目的控制 9
1.2 网站项目的实施 15
1.2.1 网页效果图设计 15
1.2.2 页面制作和程序设计 17
1.3 网站项目的测试和发布 18
1.3.1 网站项目的测试 18
1.3.2 网站项目的发布 19
1.4 网站的宣传推广 20
1.4.1 推广前应明确的问题 21
1.4.2 网站宣传推广的手段 21
1.4.3 搜索引擎优化SEO 22
1.4.4 网站的维护 23
1.5 网站项目的总结 23
1.6 网站项目的团队管理 24
1.7 和客户进行沟通的重要性 25
1.8 网站策划书 26
1.9 小结 28
第2章 商业网站的效果图设计 29
2.1 网站效果图设计流程概述 30
2.1.1 创建辅助线 30
2.1.2 绘制结构底图 31
2.1.3 添加内容 31
2.1.4 切片 31
2.1.5 优化 32
2.1.6 导出 33
2.1.7 布局 34
2.2 各类网站的设计特点解析 35
2.2.1 资讯类网站 37
2.2.2 电子商务类网站 39
2.2.3 互动游戏类网站 41
2.2.4 教育类网站 44
2.2.5 功能型网站 45
2.2.6 综合类网站 47
2.3 小结 49
第3章 商业网站的版式设计 50
3.1 网站版式设计概述 50
3.1.1 网页的基本构成要素 50
3.1.2 网页的构成 52
3.1.3 网页的空间与页面尺寸 55
3.1.4 页面元素的分布情况 56
3.2 网页的版式设计 57
3.2.1 设计方法 57
3.2.2 确定版面率 59
3.2.3 网格设计 60
3.3 网页版式的分类 61
3.3.1 满版式 61
3.3.2 十字式 61
3.3.3 九宫格式 62
3.3.4 米字式 63
3.4 网页版式设计技巧 64
3.4.1 黄金分割式（完美的比例给人视觉上的享受） 64
3.4.2 左右对齐式（没有浪费的空间，表现商业性形象） 66
3.4.3 全景式（用趣味性吸引浏览者） 68
3.4.4 卫星式（以太阳为中心的卫星环绕型） 69
3.4.5 照片组合式（新世界以全景式自由地展现出来） 71
3.4.6 包围式（限定范围的效果） 72
3.4.7 散开式（山水画般的自由和优雅） 75
3.4.8 单侧齐行式（理性与自由共存的版式设计） 77
3.4.9 对称式（以中心为基线，左右对称） 79
3.5 小结 81
第4章 商业网站建设的建设流程 82
4.1 网页设计应注意的问题 82
4.1.1 浏览器 82
4.1.2 显示器 83
4.2 网页中的色彩设计 83
4.2.1 色彩的性质 83
4.2.2 颜色模式 85
4.2.3 色彩的三要素 85
4.2.4 色彩的对比 87
4.2.5 色彩与心理 94
4.2.6 网页色彩的搭配技巧 97
4.3 网页中的标志和文字 98
4.3.1 标志设计 98
4.3.2 文字设计 102
4.4 小结 107
第5章 Photoshop CS5基础 108
5.1 Photoshop CS5简介 108
5.2 Photoshop CS5新功能 109
5.2.1 内容填充 109
5.2.2 操控变形 111
5.2.3 镜头校正 115
5.2.4 3D文字 116
5.2.5 混合器画笔 120
5.2.6 调整边缘 123
5.2.7 其他新功能 126
5.3 Photoshop CS5工作界面 127
5.3.1 菜单栏和工具选项栏 127
5.3.2 工具箱 128
5.3.3 浮动面板 128
5.3.4 图像窗口 129
5.4 Photoshop CS5基本操作 129
5.4.1 新建文件 130
5.4.2 打开文件 130
5.4.3 保存文件 131
5.5　小结 131
第6章 Photoshop CS5的选区和通道 132
6.1 创建选区 132
6.1.1 选框工具组创建选区 132
6.1.2 利用套索工具组创建选区 137
6.1.3 利用魔棒工具组选择选区 138
6.1.4 利用“色彩范围”选取选区 140
6.2 修改选区 142
6.2.1 移动选区 142
6.2.2 增减选区 142
6.2.3 修改选区 142
6.2.4 变换选区 145
6.2.5 选区的编辑 148
6.3 通道概述 154
6.4 认识“通道”面板 155
6.5 使用通道 156
6.5.1 创建Alpha通道 156
6.5.2 创建专色通道 157
6.5.3 复制通道 157
6.5.4 删除通道 158
6.5.5 分享通道 158
6.5.6 合并通道 159
6.5.7 通道高级应用技巧 160
6.6 小结 164
第7章 Photoshop CS5的图像处理 165
7.1 绘制图像 165
7.1.1 画笔工具组 165
7.1.2 修饰与修复图像工具组 169
7.1.3 图像编辑 175
7.2 使用“直方图”面板 177
7.3 图像色彩调整 179
7.3.1 “色阶”命令 179
7.3.2 “亮度/对比度”命令 180
7.3.3 “曲线”命令 181
7.3.4 “曝光度”命令 183
7.3.5 “自然饱和度”命令 183
7.3.6 “色相/饱和度”命令 184
7.3.7 “色彩平衡”命令 185
7.3.8 “黑白”命令 185
7.3.9 “照片滤镜”命令 186
7.3.10 “通道混合器”命令 187
7.3.11 “反相”命令 187
7.3.12 “色调分离”命令 188
7.3.13 “阈值”命令 188
7.3.14 “渐变映射”命令 188
7.3.15 “可选颜色”命令 189
7.3.16 “阴影/高光”命令 189
7.3.17 “HDR色调”命令 190
7.3.18 “变化”命令 191
7.3.19 “匹配颜色”命令 191
7.3.20 “替换颜色”命令 193
7.3.21 “自动色调”、“自动对比度”和“自动颜色”命令 194
7.4 滤镜概述 194
7.4.1 从“滤镜”菜单中应用滤镜 194
7.4.2 从滤镜库中应用滤镜 195
7.4.3 重复应用上一个滤镜 195
7.4.4 添加智能滤镜 195
7.5 “风格化”滤镜组 196
7.5.1 查找边缘 196
7.5.2 等高线 196
7.5.3 风 197
7.5.4 浮雕效果 197
7.5.5 扩散 197
7.5.6 拼贴 198
7.5.7 曝光过度 198
7.5.8 凸出 199
7.5.9 照亮边缘 199
7.6 其他滤镜组简介 199
7.6.1 “画笔描边”滤镜组 199
7.6.2 “模糊”滤镜组 200
7.6.3 “扭曲”滤镜组 200
7.6.4 “锐化”滤镜组 200
7.6.5 “视频”滤镜组 200
7.6.6 “素描”滤镜组 200
7.6.7 “纹理”滤镜组 200
7.6.8 “像素化”滤镜组 200
7.6.9 “渲染”滤镜组 200
7.6.10 “艺术效果”滤镜组 200
7.6.11 “杂色”滤镜组 201
7.6.12 “其他”滤镜组 201
7.7 小结 201
第8章 Photoshop CS5的图层应用 202
8.1 “图层”面板 202
8.2 创建图层 204
8.2.1 新建普通图层 204
8.2.2 创建调整图层 204
8.2.3 创建填充图层 206
8.3 图层的基本操作 208
8.3.1 重命名图层与组 208
8.3.2 复制图层 209
8.3.3 更改图层与组的顺序 210
8.3.4 链接图层 211
8.3.5 合并图层 211
8.3.6 图层的对齐与分布 212
8.3.7 创建剪贴蒙版 213
8.3.8 背景图层转换 214
8.3.9 删除图层 214
8.4 图层高级应用 215
8.4.1 图层混合模式应用 215
8.4.2 图层样式 219
8.4.3 新建图层样式 222
8.4.4 复制图层样式 222
8.4.5 图层蒙版 223
8.4.6 添加图层蒙版 224
8.4.7 编辑图层蒙版 225
8.4.8 停用、应用与删除蒙版 227
8.5 小结 228
第9章 Photoshop CS5的路径与文字 229
9.1 Photoshop CS5的路径绘制工具 229
9.1.1 认识“路径”面板 230
9.1.2 “钢笔工具”的工具选项栏 231
9.2 路径的绘制与编辑 233
9.2.1 使用“钢笔工具”绘制直线路径 233
9.2.2 使用“钢笔工具”绘制曲线路径 234
9.2.3 闭合路径 234
9.2.4 使用“自由钢笔工具”绘制路径 234
9.2.5 使用“形状工具组”绘制路径 236
9.2.6 将选区转换为路径 236
9.2.7 选择与部分选择路径 237
9.2.8 编辑路径 238
9.3 “路径”面板的基本操作 239
9.3.1 在“路径”面板中创建新路径 240
9.3.2 绘制并存储工作路径 240
9.3.3 复制路径 241
9.3.4 删除路径 241
9.3.5 路径的显示与隐藏 241
9.4 路径的高级应用 241
9.4.1 描边路径 241
9.4.2 填充路径 242
9.4.3 连接路径 243
9.4.4 创建路径文字 243
9.5 文字创建及应用 244
9.5.1 “文字工具组”命令 244
9.5.2 文字工具工具选项栏 244
9.5.3 认识文字图层 245
9.5.4 创建文字 245
9.6 文字格式设置 247
9.6.1 选择文字 247
9.6.2 设置文字属性 247
9.6.3 设置段落格式 249
9.7 文字高级应用 251
9.7.1 文字变形 251
9.7.2 文字样式 252
9.7.3 消除文字锯齿 252
9.7.4 文字层栅格化 253
9.7.5 更改文字的方向 253
9.8 小结 253
第10章 使用Photoshop CS5设计博客网站效果图 254
10.1 案例分析 255
10.2 实现步骤 255
10.3 小结 267
第11章 Dreamweaver CS5概述 268
11.1 Dreamweaver CS5概述 268
11.2 Dreamweaver CS5的新功能 269
11.2.1 Adobe BrowserLab 269
11.2.2 CSS的禁用/启用 272
11.2.3 CSS检查功能 273
11.2.4 实时视图导航 274
11.2.5 其他新功能 276
11.3 Dreamweaver CS5的操作环境 276
11.4 站点创建与管理概述 278
11.5 规划与搭建站点结构 279
11.5.1 规划站点结构 279
11.5.2 创建本地站点和站点结构 280
11.6 创建远端站点 284
11.7 管理本地站点 286
11.7.1 切换站点 286
11.7.2 站点的其他操作 286
11.8 小结 287
第12章 Dreamweaver CS5 Web标准化布局 288
12.1 Web标准化布局概述 288
12.2 CSS盒模型 290
12.2.1 盒模型的分类 291
12.2.2 盒模型的外补丁 294
12.2.3 行内对象的外补丁 296
12.2.4 块级别元素的外补丁 297
12.2.5 浮动元素的外补丁 298
12.2.6 绝对定位元素的外补丁 299
12.2.7 盒模型的内补丁 300
12.2.8 盒模型的边框 301
12.2.9 盒模型的宽和高 302
12.3 CSS的浮动布局 304
12.3.1 浮动布局概述 304
12.3.2 常见的3列布局形式 305
12.3.3 浮动元素的大小和位置 311
12.3.4 浮动元素的环绕关系 315
12.3.5 清除浮动 317
12.3.6 浮动与嵌套 320
12.3.7 浮动元素的间距 324
12.3.8 浮动元素错位 329
12.4 CSS的定位布局 331
12.4.1 定位布局概述 331
12.4.2 静态定位 333
12.4.3 绝对定位 333
12.4.4 确定绝对定位元素的位置 334
12.4.5 相对定位 339
12.4.6 确定相对定位元素的位置 342
12.4.7 固定定位 344
12.4.8 定位布局元素的重叠 345
12.5 小结 349
第13章 Dreamweaver CS5的CSS浏览器兼容 350
13.1 IE条件注释语句 350
13.1.1 IE条件注释语句的使用 350
13.1.2 使用IE条件注释语句制作下拉菜单 353
13.2 市场上的主流浏览器 357
13.2.1 浏览器内核及浏览器 358
13.2.2 符合Web标准的浏览器 362
13.3 浏览器兼容技术 363
13.3.1 兼容IE5版本浏览器 364
13.3.2 兼容IE6版本浏览器 365
13.3.3 兼容IE7版本浏览器 367
13.3.4 通过属性兼容IE各个版本浏览器 367
13.3.5 IE6、IE7、IE8对CSS解析的区别 370
13.3.6 兼容非IE浏览器 380
13.3.7 兼容Firefox浏览器 380
13.3.8 兼容Safari浏览器 381
13.3.9 兼容Opera浏览器 382
13.3.10 兼容Chrome浏览器 383
13.4 小结 384
第14章 Dreamweaver CS5的Spry特效 385
14.1 Spry框架概述 385
14.1.1 什么是Web 2.0 385
14.1.2 什么是Ajax 387
14.1.3 Dreamweaver CS5中的Spry 构件 388
14.2 使用Spry验证表单（Spry Widgets） 389
14.2.1 Spry验证文字域构件 389
14.2.2 Spry 验证文字区域构件 394
14.2.3 Spry验证选择构件 395
14.2.4 Spry验证复选框构件 396
14.2.5 Spry验证密码构件 397
14.2.6 Spry验证确认构件 397
14.2.7 Spry验证单选按钮组构件 398
14.3 使用Spry效果 400
14.3.1 增大/收缩 401
14.3.2 挤压 402
14.3.3 显示/渐隐 403
14.3.4 晃动 404
14.3.5 滑动 404
14.3.6 遮帘 405
14.3.7 高亮颜色 406
14.4 使用Spry折叠构件 407
14.4.1 Spry菜单栏 407
14.4.2 Spry选项卡式面板 408
14.4.3 Spry折叠式菜单 410
14.4.4 Spry可折叠面板 411
14.4.5 Spry工具提示 412
14.5 Spry数据采集 413
14.5.1 网页中的XML和XSL 413
14.5.2 使用Dreamweaver CS5进行XML数据采集 416
14.6 小结 425
第15章 Dreamweaver CS5布局博客网站 426
15.1 切片、优化和导出 427
15.2 布局首页面 430
15.2.1 制作页眉区域 435
15.2.2 制作通栏区域 436
15.2.3 制作左侧内容区域 439
15.2.4 制作右侧内容区域 440
15.2.5 制作页脚区域 441
15.3 制作内容页面 442
15.4 小结 445
第16章 Flash CS5概述 446
16.1 Flash CS5简介 446
16.2 Flash CS5的新功能 446
16.2.1 Flash CS5界面 447
16.2.2 基于对象的动画 448
16.2.3 “动画编辑器”和“动画预设”面板 448
16.2.4 骨骼动画 449
16.2.5 3D变形 450
16.2.6 “喷涂刷”工具和“Deco”工具 450
16.3 新的扩展组件 451
16.3.1 Adobe Media Encoder CS5 451
16.3.2 Adobe Device Central CS5 452
16.3.3 Adobe Pixel Bender Toolkit 453
16.3.4 Adobe Bidge CS5 453
16.3.5 Adobe Drive CS5 454
16.3.6 Adobe Extension Manager CS5 454
16.3.7 Adobe ExtendScript Toolkit CS5 455
16.3.8 Adobe Media Player 455
16.4 网页动画大师Flash CS5 456
16.5 网络应用程序大师Flash CS5 458
16.6 Flash CS5工作界面 459
16.6.1 编辑区 460
16.6.2 菜单栏 460
16.6.3 工具箱 460
16.6.4 时间轴 461
16.6.5 浮动面板 461
16.6.6 属性面板 461
16.7 Flash CS5 文档操作 461
16.7.1 打开Flash CS5文档 461
16.7.2 新建Flash CS5文档 461
16.7.3 保存Flash CS5文档 462
16.7.4 关闭Flash CS5文档 462
16.7.5 典型案例Flash文档的操作 462
16.8 Flash CS5 绘图工具与动画场景设置 464
16.8.1 认识Flash CS5的绘图工具栏（工具区域、查看区域、颜色区域、选项区域） 464
16.8.2 设置舞台 466
16.8.3 标尺、辅助线和网格 467
16.8.4 场景操作 469
16.9 小结 469
第17章 Flash CS5的绘图工具 470
17.1 Flash CS5的绘图基础 470
17.2 “选择”工具与对象的选取 470
17.2.1 “选择”工具 470
17.2.2 “部分选取”工具 472
17.3 Flash CS5中的对象绘制模式 473
17.4 绘制路径 474
17.4.1 “线条”工具 475
17.4.2 “铅笔”工具 477
17.4.3 “钢笔”工具 477
17.4.4 转换锚点工具 478
17.4.5 添加、删除路径点 479
17.5 绘制简单图形 479
17.5.1 “椭圆”工具和“基本椭圆”工具 479
17.5.2 “矩形”工具和“基本矩形”工具 480
17.5.3 “多角星形”工具 481
17.5.4 “刷子”工具 482
17.5.5 “橡皮擦”工具 484
17.6 色彩工具的使用 486
17.6.1 “墨水瓶”工具 486
17.6.2 “颜料桶”工具 486
17.6.3 “滴管”工具 487
17.6.4 “渐变变形”工具 488
17.7 添加文字 490
17.7.1 输入文字 490
17.7.2 修改文字 491
17.7.3 设置文字属性 491
17.8 文字的转换 494
17.8.1 分离文字 494
17.8.2 编辑矢量文字 494
17.9 文字的类型 495
17.9.1 静态文字 495
17.9.2 动态文字 496
17.9.3 输入文字 496
17.10 装饰工具的使用 497
17.10.1 “喷涂刷”工具 497
17.10.2 “Deco”工具 498
17.11 外部素材的导入 511
17.11.1 导入外部图像素材 511
17.11.2 导入Fireworks文件 512
17.11.3 导入Photoshop文件 514
17.11.4 导入Illustrator文件 516
17.12 小结 519
第18章 Flash CS5的元件与元件库 520
18.1 Flash CS5中的元件 520
18.1.1 元件的类型 520
18.2 创建图形元件 521
18.2.1 新建图形元件 521
18.2.2 转换为图形元件 522
18.3 创建按钮元件 523
18.3.1 新建按钮元件 523
18.3.2 转换为按钮元件 524
18.3.3 按钮元件的四种状态 525
18.3.4 设计实例——Apple按钮制作 526
18.3.5 设计实例——交互按钮的制作 529
18.4 创建影片剪辑元件 533
18.4.1 新建影片剪辑元件 533
18.4.2 将舞台中的对象转换为影片剪辑元件 533
18.4.3 将舞台中的动画转换为影片剪辑元件 533
18.5 对元件进行编辑 536
18.5.1 在当前位置编辑元件 536
18.5.2 在新窗口中编辑元件 536
18.5.3 使用编辑模式编辑元件 537
18.6 元件的实例 538
18.6.1 创建元件的实例 538
18.6.2 修改元件的实例 538
18.6.3 实例的颜色设置 540
18.7 元件库 541
18.7.1 元件库的基本操作 541
18.7.2 调用其他动画的库 543
18.7.3 公用库 544
18.8 小结 544
第19章 Flash CS5的动画制作 545
19.1 逐帧动画 545
19.1.1 导入素材生成动画 545
19.1.2 逐帧动画制作进阶 546
19.1.3 设计实例——数码相机网络广告 547
19.2 补间动画 551
19.2.1 创建传统补间 552
19.2.2 创建补间形状 555
19.2.3 添加形状提示 556
19.2.4 创建补间动画 558
19.2.5 使用“动画编辑器”面板 561
19.2.6 使用动画预设 563
19.3 引导线动画 565
19.3.1 设计实例——手写文字效果 567
19.3.2 制作“手”按文字笔画路径移动动画 567
19.3.3 制作“写字”动画效果 571
19.4 遮罩动画 573
19.4.1 遮罩层动画 573
19.4.2 被遮罩层动画 575
19.4.3 设计实例——波浪动画 578
19.5 复合动画制作 582
19.6 骨骼动画 584
19.6.1 使用“骨骼工具” 为元件添加骨骼 585
19.6.2 使用“骨骼工具” 为形状添加骨骼 587
19.7 小结 590
第20章 Flash CS5诺基亚手机动画设计 591
20.1 案例分析 591
20.2 实现步骤 592
20.3 小结 615