Dreamweaver MX、Fireworks MX和Flash MX是Macromedia公司最新推出的可视化专业网页设计软件。Dreamweaver MX集网页设计和网站管理于一身，功能强大，操作简单；Fireworks MX不但可以设计各种位图和矢量图形，还可以创建悬停按钮、分割图片；利用Flash MX 可以创建体积小、下载速度快的网页动画。三者在各有特色的同时，更具完美的组合能力，配合使用可以制作出更加专业的网页。因此，可以说它们是当前网页设计人员的最佳选择。 本书以Dreamweaver MX、Fireworks MX、Flash MX的基本操作为主，详细介绍了三个软件的特点和使用方法，包括如何建立网站、制作网页、网页图片的绘制和优化处理、网页动画的编辑制作、交互动作的设置以及三个软件之间的相互配合应用等内容。 本书的突出特点是既介绍了各软件的使用方法和操作技巧，又利用实例讲解其综合应用，将三者完美地组合起来，使用户在较短时间内就能建立起自己的网站。 本书适合于初、中级网页制作人员学习使用，也可作为专业网页设计和管理人员及大专院校师生的参考书。

目 录

第Ⅰ部分 Dreamweaver MX

第1章 网页制作的发展趋势及其流程 3
1.1 网页制作的发展趋势 3
1.2 制 作 网 页 7
1.2.1 网页的风格和布局 7
1.2.2 网页的色彩运用 11
1.2.3 网页的创意与效果 13
1.2.4 网页中的图形形状 15
1.2.5 网页中的企业标识 17
1.2.6 网页的主题与内容 18
1.3 网站开发流程 20
1.3.1 网站的主题规划 21
1.3.2 准备网页素材 22
1.3.3 设计网页页面 22
1.3.4 实现网站交互性和链接 23
1.3.5 测试、发布和维护网站 24
1.4 网页的基本元素 24
第2章 Dreamweaver MX简介 及其工作环境 29
2.1 Dreamweaver简介 29
2.2 Dreamweaver MX的新特性 30
2.3 安装Dreamweaver MX 33
2.4 启动和关闭Dreamweaver MX 36
2.5 Dreamweaver MX的工作环境 38
2.6 常用面板 41
2.6.1 Insert面板 41
2.6.2 Properties面板 47
2.6.3 Design(设计)面板 48
2.6.4 Code (代码)面板 49
2.6.5 Application (应用)面板 50
2.7 其他面板 51
2.7.1 Files(文件)面板 51
2.7.2 Result(结果)面板 52
2.7.3 Timelines(时间线)面板 52
2.7.4 Answers(解答)面板 53
2.7.5 Advanced Layout(高级布局) 面板 53
2.7.6 History(历史)面板 54
2.8 面板的调整 55
2.9 Dreamweaver MX的辅助工具 57
2.9.1 网格线 57
2.9.2 标尺 58
2.9.3 网页草稿 60
第3章 创建本地站点 62
3.1 创建存放网页的文件夹 62
3.2 定义本地网站 63
3.2.1 打开Site窗口 63
3.2.2 定义本地网站 64
3.2.3 认识Site窗口 67
3.3 新建网站文件夹与文件 68
3.3.1 设计网站内容并命名主页 68
3.3.2 在本地网站中新建网页文件 69
3.4 管理本地网站 71
3.4.1 修改文件名 71
3.4.2 删除文件 72
3.4.3 编辑网站内容 72
第4章 设计第一个网页 74
4.1 打开网页文件 74
4.2 加入网页标题 75
4.3 加入水平分隔线 77
4.4 加入文字 78
4.5 创建超链接 79
4.5.1 设置文字超链接 79
4.5.2 设置图形超链接 80
4.5.3 预览超链接的效果 82
4.5.4 HTML的语句方式 82
4.5.5 解除文字或图形的超链接 83
4.6 设置网页的背景 84
4.6.1 使用单一颜色作为背景 85
4.6.2 使用图片作为背景 86
4.7 新增图层 87
4.8 移动文件 89
4.9 使用Site Map 92
4.9.1 定义网站的主页文件 92
4.9.2 使用Site Map查阅网站 地图 94
4.9.3 使用SiteMap管理网站 95
4.10 网页的下载速度 97
第5章 Dreamweaver MX的 文字处理 100
5.1 字形、字体与字号 100
5.1.1 应用文字样式 100
5.1.2 设置文字字体 101
5.2 文字的颜色与属性 104
5.2.1 文字颜色 104
5.2.2 文字属性 106
5.3 编号与项目符号 107
5.3.1 加入编号 107
5.3.2 加入项目符号 110
5.4 对齐文字 112
第6章 Dreamweaver MX的图形处理 114
6.1 浏览器支持的图片格式 114
6.2 交换格式与渐进格式 115
6.3 加入图片 116
6.4 使用外部编辑器 119
6.5 设置图形超链接 122
6.6 设置图片的说明文字 124
第7章 图层的应用 125
7.1 图层的概念 125
7.1.1 图层在网页上的应用 125
7.1.2 图层标签 127
7.2 新建图层 128
7.3 调整图层 129
7.3.1 调整图层的层叠顺序 129
7.3.2 调整图层大小 131
7.3.3 设置图层Properties面板 参数 131
7.3.4 显示与隐藏图层 132
7.4 将图层转换为表格 133
7.4.1 转换前不能让图层重叠 133
7.4.2 转换为表格 134
第8章 使用表格定位网页对象 135
8.1 在网页上应用表格 135
8.2 表格的组成元素 137
8.3 单元格的Properties面板 140
8.4 表格的整体设置 146
8.5 表格的管理 150
8.6 表格内容排序 154
第9章 使用框架切割图形 156
9.1 框架的功能与应用 156
9.2 框架的设计与创建 157
9.3 开始创建框架 160
9.4 使用超链接控制框架 167
9.5 控制框架的关键字 169
9.6 设置框架的滚动条 171
9.7 框架的分割与合并 173
9.7.1 用拖动的方式分割窗口 173
9.7.2 合并框架 175
第10章 设置网页超链接 176
10.1 超链接的种类 176
10.2 快速设置URL超链接 177
10.3 设置变化的超链接文字 179
10.4 网站地图 182
10.4.1 网站地图的超链接功能 183
10.4.2 删除网站地图内的超 链接项目 185
10.4.3 无效的超链接 187
10.4.4 重命名超链接项目 187
10.5 锚点和邮件信箱的超链接 187
10.5.1 网页中的锚点 187
10.5.2 设置邮件信箱的超 链接 191
10.6 调换图像 191
10.7 图像映射 193
10.7.1 图像映射的基本原理 193
10.7.2 Dreamweaver MX的 图像映射 194
10.7.3 调整链接区域 196
10.7.4 Internet上的图像 映射范例 196
第11章 创建交互性表单 198
11.1 网页表单简介 198
11.2 表单对象 199
11.3 制作表单 209
11.4 制作搜索引擎 214
11.4.1 复制搜索文本框 214
11.4.2 自制搜索文本框 217
第12章 使用时间线设计动态网页 221
12.1 时间线与图层的结合 221
12.2 直线移动的动画 222
12.3 Timelines面板 226
12.3.1 场景 226
12.3.2 频道与分镜格 227
12.3.3 动画区块 228
12.3.4 关键帧的作用 229
12.4 制作曲线路径 230
第13章 交互行为设置 232
13.1 行为与Behaviors子面板 232
13.2 设置简易交互行为 233
13.2.1 设置超链接 234
13.2.2 更改交互行为事件 235
13.3 设置触发动画的交互行为 236

第Ⅱ部分 Fireworks MX

第14章 Fireworks MX及其绘画 环境 241
14.1 Fireworks MX简介 241
14.2 Fireworks MX的新增功能 243
14.3 启动和关闭Fireworks MX 248
14.4 打开和保存绘图窗口 249
14.4.1 打开新的绘图窗口 249
14.4.2 工作窗口的帧控制器 251
14.4.3 保存图形文件 251
14.4.4 打开旧的图形文件 252
14.5 调整图形尺寸 253
14.6 版面设置 255
14.6.1 调整版面尺寸 255
14.6.2 设置版面背景颜色 256
14.7 Properties面板 258
14.8 标尺和网格 259
14.8.1 使用绘图标尺 259
14.8.2 使用网格 261
14.9 工具栏和工具箱 262
第15章 创建和编辑矢量对象 265
15.1 矢量图形对象 265
15.2 绘图工具箱 266
15.3 绘制线条 268
15.4 形状绘图工具 272
15.5 钢笔工具 276
15.5.1 制作路径 276
15.5.2 选择路径线条样式 277
15.5.3 绘制矢量路径 278
15.6 编辑路径 279
15.6.1 细部选取工具 279
15.6.2 重绘路径工具 280
15.6.3 任意形状工具 281
15.6.4 修改部分形状工具 283
15.6.5 裁切工具 285
15.6.6 简化路径 285
15.6.7 扩张路径 286
15.6.8 附加路径 287
15.7 使用图层 289
15.7.1 Layers面板 289
15.7.2 针对图层的操作 290
15.7.3 图层的蒙板效果 293
15.8 选取对象 297
15.8.1 细部选取工具 297
15.8.2 选取后方对象与局部 输出 298
15.9 对象的编组 300
15.10 对象的结合 302
15.11 对象的图层位置与 对齐方式 306
第16章 编辑位图图像 308
16.1 位图图像选取工具 308
16.1.1 位图选取工具 308
16.1.2 多边选取工具 311
16.1.3 魔棒工具 313
16.2 位图图像编辑工具 315
16.2.1 油漆桶工具 316
16.2.2 渐层工具 318
16.2.3 橡皮擦工具 320
16.2.4 橡皮图章工具 322
16.2.5 模糊工具组 324
第17章 定义网页对象颜色 327
17.1 定义对象颜色 327
17.1.1 使用混色器定义对象 颜色 327
17.1.2 使用色板定义对象颜色 331
17.1.3 吸管工具 333
17.2 油漆桶工具的Properties面板 333
17.2.1 实色效果 334
17.2.2 网页仿色效果 335
17.2.3 图案效果 336
17.2.4 渐层填充效果 338
第18章 滤镜与网页特效 341
18.1 Fireworks MX的滤镜与特效 341
18.2 调整颜色 342
18.3 斜角与浮雕特效 350
18.4 模糊特效 355
18.5 其他特效 356
18.6 阴影与光晕特效 357
18.7 Styles子面板 364
第19章 网页中的超链接设置 368
19.1 创建链接热区 368
19.2 关于Web Layer 371
19.3 设置URL链接 373
19.4 用URL面板设置超链接 374
19.4.1 添加URL 374
19.4.2 指定链接热区的URL 377
19.4.3 管理URL 378
19.4.4 创建新的URL数据库 380
第20章 切割图像 382
20.1 切割图像 382
20.1.1 使用切片工具 383
20.1.2 编辑切割区域 385
20.1.3 使用多边形切割工具 385
20.1.4 使用Slice命令产生 切割对象 387
20.2 切割区域和图层的关系 389
20.3 切割区域的超链接设置 390
第21章 GIF动画制作 391
21.1 Frames面板 391
21.2 制作帧共享画面 393
21.3 动画的角色与实例 395
21.4 描图纸功能 397
21.5 保存GIF动画 399
第22章 Fireworks MX制作范例 401
22.1 制作文字附加路径 401
22.2 制作矢量图形 406
22.3 制作简易动画 410
22.4 实例的渐变特效 413
22.5 制作动态按钮 416
22.5.1 制作帧 417
22.5.2 预览按钮的整体效果 421
22.5.3 感应区和URL的设置 422
第23章 图像文件的导出及设置 425
23.1 设置导出模式 425
23.1.1 HTML的导出设置 426
23.1.2 导出后的文件名设置 432
23.2 导出HTML和图像 433
第24章 Fireworks MX与 Dreamweaver MX的结合 438
24.1 新建一个站点网页 438
24.2 在Dreamweaver MX中导入 GIF动画 440
24.2.1 在Fireworks MX内将 PNG格式文件导出成 GIF文件 440
24.2.2 将GIF动画导入网页 442
24.3 在Dreamweaver MX中导入 图像切割对象 443
24.4 在Dreamweaver MX中调用 Fireworks MX 446

第Ⅲ部分 Flash MX

第25章 Flash MX简介 451
25.1 Flash MX简介 451
25.2 安装与启动Flash MX 453
25.3 Flash MX的操作界面 456
25.4 Flash MX的新增功能 462
第26章 Flash MX动画设计基础 466
26.1 创建新文件和打开已有的 工作文件 466
26.2 Flash MX动画基本原理 468
26.2.1 帧的概念 468
26.2.2 构建帧的内容 470
26.2.3 Timeline面板 473
26.2.4 图层和帧的搭配 474
26.2.5 多场景的运用 474
26.3 图层的操作 475
26.4 帧的操作 481
26.5.1 修改帧的查看模式 481
26.5.2 编辑帧 483
26.5.3 关键帧的处理 484
第27章 绘图工具 490
27.1 绘图工具箱 490
27.2 选择工具 492
27.3 次选择工具 495
27.4 直线工具 498
27.5 套索工具 499
27.5.1 圈选不规则形状 500
27.5.2 圈选多边形形状 500
27.5.3 选择位图中的区域 501
27.6 钢笔工具 502
27.7 文字工具 504
27.7.1 文字框的种类 505
27.7.2 输入文字 505
27.7.3 设置文字属性 506
27.7.3 设置段落属性 508
27.8 圆形工具 510
27.9 矩形工具 511
27.10 铅笔工具 511
27.11 画笔工具 513
27.12 自由变形工具 515
27.13 填充变形工具 517
27.14 墨水瓶工具 518
27.15 油漆桶工具 519
27.16 吸管工具 520
27.17 橡皮擦工具 520
27.18 抓手工具 522
27.19 缩放工具 522
第28章 Flash MX的基本操作 525
28.1 设置文件(帧)的属性 525
28.2 导入文件 526
28.3 导出文件 528
28.3.1 导出动态图像 529
28.3.2 导出静态图像 533
28.4 播放电影文件 533
第29章 编辑对象 537
29.1 旋转和镜像 537
29.2 设置对象的层级顺序 538
29.3 创建组对象 541
29.4 分离对象 542
29.5 对象的排列与分布 544
29.6 复制对象 546
29.7 恢复和重做 547
29.8 标尺和网格线 547
29.8.1 标尺 548
29.8.2 网格线 548
29.8.3 标尺参考线 550
29.9 编辑文字对象 551
29.9.1 输入、修改与选取文字 552
29.9.2 编辑文字对象 553
第30章 图形与位图的处理 556
30.1 Flash图形对象 556
30.2 编辑图形对象 557
30.3 导入位图 559
30.4 位图转换成矢量图 559
第31章 应用角色库 562
31.1 角色简介 562
31.2 Flash角色库 563
31.3 创建新角色 567
31.4 管理角色 569
31.4.1 创建新的文件夹 570
31.4.2 编辑角色 573
31.5 实例 574
31.5.1 角色和实例 575
31.5.2 替换实例所连接的 角色 575
31.5.3 更改实例行为 576
31.6 调整实例的色相 577
第32章 动画设计技巧 580
32.1 洋葱皮工具 580
32.2 逐帧动画 583
32.3 渐变动画 585
32.3.1 Motion动画 586
32.3.2 Shape动画 589
32.4 自定义移动路径 591
32.5 使用蒙板层 595
第33章 声音的处理 598
33.1 导入声音文件 598
33.2 编辑声音 600
33.3 输出音频 605
第34章 动画范例 608
34.1 跳动的球 608
34.2 色彩渐变 610
34.3 文字轨迹运动 612
34.4 海浪 615
34.5 剪头发 618
34.6 遮照 620
第35章 Action动画范例 622
35.1 遮照移动 622
35.1.1 实例文件结构简介 622
35.1.2 编写ActionScript 625
35.2 反弹球 626
35.3 安装进度画面 629
35.4 鼠标效果 631
35.5 键盘效果 633
35.5.1 实例文件结构简介 633
35.5.2 制作角色文件夹leter 中的对象 633
35.5.3 制作but对象 634
35.5.4 制作actions对象 635
35.5.5 制作control对象 636
35.5.6 编写ActionScript 647
第36章 输出动画与发布网页 648
36.1 优化和测试Flash文件 648
36.1.1 优化Flash文件 648
36.1.2 测试Flash文件 649
36.2 Flash MX的常用输出格式 652
36.3 制作可执行文件 660
36.4 发布网页 662
36.4.1 Publish Settings对话框 662
36.4.2 更改转换后的文件名 663
36.4.3 发布网页前的设置 663
36.4.4 发布网页 667
第37章 Flash MX与Dreamweaver MX 的结合 669
37.1 在Dreamweaver MX中制作 Flash动态按钮 669
37.2 在Dreamweaver MX中制作 Flash动态文字按钮 669
37.3 在Dreamweaver MX中插入 Flash对象 671
附录 常用的HTML参数一览表 673