第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 BenderToolkit 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 ExtendScriptToolkit 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导入IIIustrator文件 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