第1篇 Dreamweaver篇第0章 网页设计师之路 3
0.1 关于本书 4
0.2 选择网页三剑客软件 4
0.3 本书阅读方案 6
第1章 网页设计概述 7
1.1 网页基础知识 9
1.1.1 什么是网页 9
1.1.2 什么是网站 10
1.2 网络术语 11
1.2.1 因特网 11
1.2.2 万维网 11
1.2.3 浏览器 12
1.2.4 HTML 12
1.2.5 电子邮件 12
1.2.6 URL 12
1.2.7 域名 12
1.2.8 FTP 12
1.2.9 IP地址 12
1.2.10 上传和下载 13
1.3 网站建设的基本流程 13
1.3.1 确定网站风格、布局 13
1.3.2 搜集整理素材 15
1.3.3 规划站点、制作网页 15
1.3.4 发布、更新网站 15
1.4 网页制作常用工具 16
1.4.1 网页编辑软件Dreamweaver CS3 16
1.4.2 网页动画制作软件Flash CS3 16
1.4.3 网页图像制作软件Fireworks CS3 16
1.4.4 系统配置要求 17
1.5 Dreamweaver CS3中文版的安装 17
1.6 本章小结 18
第2章 Dreamweaver的基本操作 19
2.1 启动Dreamweaver CS3 20
2.2 Dreamweaver CS3的工作环境 21
2.2.1 Dreamweaver CS3的工作区 22
2.2.2 熟悉Dreamweaver CS3的【插入】面板 24
2.3 体验Dreamweaver CS3新功能 26
2.3.1 适合于Ajax的Spry框架 26
2.3.2 Spry数据 26
2.3.3 Spry窗口组件 26
2.3.4 Spry效果 27
2.3.5 Adobe Photoshop和Fireworks集成 27
2.3.6 浏览器兼容性检查 27
2.3.7 CSS Advisor网站 27
2.3.8 CSS布局 27
2.3.9 CSS管理 28
2.3.10 Adobe Device Central CS3 28
2.3.11 CSS管理 28
2.4 创建站点 28
2.4.1 使用向导创建本地站点 28
2.4.2 使用高级面板创建本地站点 30
2.5 文档的基本操作 31
2.5.1 创建空白文档 31
2.5.2 设置页面属性 31
2.6 综合实例:创建本地站点 33
2.7 本章小结 34
第3章 创建基本图文网页 35
3.1 文本的输入 36
3.2 文本属性的设置 38
3.2.1 设置字体 38
3.2.2 设置字号 39
3.2.3 设置字体颜色 40
3.2.4 设置字体样式 41
3.2.5 编辑段落 42
3.2.6 创建项目列表 45
3.3 用图像美化网页 47
3.3.1 网页图像的格式 47
3.3.2 插入图像 48
3.3.3 图像属性设置 50
3.3.4 图像的对齐方式 51
3.3.5 图像的编辑 52
3.4 设置图像效果 56
3.4.1 插入鼠标经过图像 56
3.4.2 插入图像占位符 58
3.5 综合实例:制作图文并茂的网页 59
3.6 本章小结 60
第4章 网页中的表格和AP Div 61
4.1 插入表格 62
4.2 添加内容到单元格 65
4.2.1 向表格中输入文本 65
4.2.2 嵌套表格 65
4.2.3 在单元格中插入图像 66
4.3 设置表格属性 67
4.3.1 设置单元格属性 67
4.3.2 设置表格属性 68
4.4 表格的基本操作 69
4.4.1 选择表格 69
4.4.2 剪切表格 71
4.4.3 复制表格 72
4.4.4 添加行或列 73
4.4.5 删除行或列 74
4.4.6 合并单元格 75
4.4.7 拆分单元格 76
4.4.8 调整表格大小 77
4.5 创建AP Div 78
4.6 AP Div的属性设置和操作 79
4.6.1 AP Div的【属性】面板 79
4.6.2 AP Div的基本操作 81
4.7 AP Div与表格的转换 84
4.7.1 把AP Div转换为表格 84
4.7.2 把表格转换为AP Div 85
4.8 综合实例:利用表格排版页面 86
4.9 本章小结 90
第5章 超级链接与多媒体 91
5.1 创建超级链接 92
5.1.1 链接的概念 92
5.1.2 链接路径 93
5.2 链接的设置 95
5.2.1 链接的类型 95
5.2.2 设置文本链接和图像链接 95
5.2.3 创建锚记链接 98
5.2.4 图像热点链接 101
5.2.5 创建电子邮件链接 102
5.2.6 下载文件的链接 103
5.2.7 创建空链接 104
5.2.8 创建脚本链接 105
5.3 综合实例一:编织网站链接 105
5.4 制作多媒体页面 108
5.4.1 插入Flash动画 108
5.4.2 插入Flash按钮 111
5.4.3 插入Flash文本 113
5.4.4 插入Shockwave动画 114
5.4.5 插入声音 116
5.4.6 插入Java小程序 117
5.4.7 插入ActiveX控件 118
5.5 综合实例二:插入透明Flash背景 119
5.6 本章小结 120
第6章 用CSS样式美化网页 121
6.1 初识CSS 122
6.1.1 CSS基础 123
6.1.2 【CSS样式】面板 124
6.2 定义CSS样式的属性 124
6.2.1 创建CSS样式 124
6.2.2 文本样式的定义 125
6.2.3 背景样式的定义 126
6.2.4 区块样式的定义 127
6.2.5 方框样式的定义 127
6.2.6 边框样式的定义 128
6.2.7 列表样式的定义 128
6.2.8 定位样式的定义 129
6.2.9 扩展样式的定义 130
6.2.10 创建嵌入式CSS样式 130
6.2.11 链接外部样式表 132
6.2.12 综合实例一:定义网页样式和边框 133
6.3 编辑CSS样式 134
6.3.1 修改CSS样式 134
6.3.2 删除CSS样式 135
6.3.3 复制CSS样式 135
6.4 CSS过滤器实例 136
6.4.1 Alpha滤镜 136
6.4.2 Blur滤镜 137
6.4.3 Chroma滤镜 137
6.4.4 DropShadow滤镜 138
6.4.5 FlipH滤镜和FlipV滤镜 138
6.4.6 Glow滤镜 139
6.4.7 Gray滤镜 139
6.4.8 Invert滤镜 140
6.4.9 Mask滤镜 140
6.4.10 Shadow滤镜 141
6.4.11 Wave滤镜 141
6.4.12 Xray滤镜 141
6.5 综合实例二:网页中链接样式的设定 142
6.6 本章小结 144
第7章 利用框架、模板和库布局页面 145
7.1 布局模式 146
7.1.1 切换标准模式和布局模式 146
7.1.2 绘制布局表格 147
7.1.3 绘制布局单元格 148
7.2 框架结构的概述 149
7.3 设置框架属性 149
7.3.1 设置框架属性 150
7.3.2 设置框架集属性 151
7.4 编辑框架页面 152
7.4.1 创建框架集 152
7.4.2 向框架中添加内容 153
7.4.3 保存框架和框架集文件 154
7.5 综合实例一:创建左右结构框架 155
7.6 创建模板 157
7.6.1 认识模板 157
7.6.2 创建模板 157
7.7 管理模板 161
7.7.1 从模板中分离 161
7.7.2 更新模板及基于模板的网页 162
7.8 综合实例二:创建基于模板的页面 163
7.9 库的创建、管理与应用 165
7.9.1 认识库 165
7.9.2 创建库项目 165
7.9.3 库项目的应用 167
7.9.4 编辑库项目 168
7.10 综合实例三:使用库项目创建网页 170
7.11 本章小结 172
第8章 利用表单和行为创建交互网页 173
8.1 表单概述 174
8.2 创建表单 175
8.2.1 插入表单域 175
8.2.2 插入文本域 176
8.2.3 单行文本域 176
8.2.4 多行文本域 177
8.2.5 密码域 178
8.2.6 调查表的制作 178
8.3 复选框和单选按钮 180
8.3.1 复选框 181
8.3.2 单选按钮 182
8.4 列表和菜单 182
8.4.1 下拉菜单 183
8.4.2 滚动列表 184
8.5 插入按钮 185
8.6 综合实例:制作留言本 185
8.7 行为简述 188
8.7.1 使用【行为】面板 188
8.7.2 添加行为 189
8.8 应用行为 189
8.8.1 交换图像 189
8.8.2 弹出信息 190
8.8.3 打开浏览器窗口 191
8.8.4 播放声音 192
8.8.5 设置导航栏图像 194
8.8.6 设置状态栏文本 194
8.9 本章小结 196
第2篇 Flash篇 199
第9章 你好Flash 199
9.1 使用Flash可以做什么 200
9.1.1 绘制矢量绘图 200
9.1.2 设计制作动画 201
9.1.3 强大的编程功能 202
9.2 Flash CS3的安装、启动与退出 202
9.2.1 运行环境需求 203
9.2.2 Flash CS3的安装 203
9.2.3 启动与退出 204
9.3 了解Flash CS3工作区 205
9.3.1 使用【开始】页 205
9.3.2 认识舞台 205
9.3.3 认识时间轴 206
9.3.4 使用【工具】面板 206
9.3.5 使用面板和【属性】检查器 207
9.3.6 关于菜单栏和编辑栏 208
9.3.7 使用图层 208
9.4 Flash文件的基本操作 209
9.4.1 新建Flash文件 209
9.4.2 打开Flash文件 210
9.4.3 保存和关闭Flash文件 210
9.5 本章小结 212
第10章 Flash操作基础 213
10.1 【选择】工具 214
10.1.1 【选择】工具相关知识 214
10.1.2 【选择】工具应用示例 214
10.2 【部分选取】工具 216
10.2.1 【部分选取】工具相关知识 216
10.2.2 【部分选取】工具应用示例 216
10.3 对象的简单操作 217
10.3.1 对象的选取 217
10.3.2 对象的移动 218
10.3.3 对象的复制 219
10.3.4 对象的删除 219
10.3.5 对象定位点的移动 220
10.4 使用查看工具 220
10.4.1 使用【手形】工具调整工作区的位置 220
10.4.2 使用【缩放】工具调整工作区的大小 220
10.5 排列对象 221
10.5.1 如何使用【对齐】面板 221
10.5.2 【对齐】面板运用实例 222
10.6 对象的编组 223
10.6.1 创建对象组 223
10.6.2 编辑对象组 223
10.6.3 分离对象组 224
10.7 变形对象 224
10.7.1 如何使用【变形】面板 224
10.7.2 使用【变形】面板缩放对象 225
10.7.3 使用【变形】面板旋转及倾斜对象 225
10.7.4 使用【变形】面板翻转对象 226
10.7.5 自由变形对象 226
10.8 形状的重叠 227
10.8.1 形状的切割 227
10.8.2 形状的融合 228
10.9 使用影片浏览器定位需要编辑的对象 228
10.9.1 打开影片浏览器 229
10.9.2 使用影片浏览器定位需要编辑的对象 230
10.9.3 快捷菜单中的各项功能 230
10.9.4 实例:对象的基础操作 231
10.10 本章小结 232
第11章 绘图工具详解 233
11.1 构成Flash形状的基本元素 234
11.2 【直线】工具 235
11.2.1 相关知识 235
11.2.2 应用示例 235
11.3 【套索】工具 236
11.3.1 相关知识 236
11.3.2 应用示例 236
11.4 【铅笔】工具 237
11.4.1 相关知识 237
11.4.2 应用示例 238
11.5 【钢笔】工具 239
11.5.1 相关知识 239
11.5.2 应用示例 239
11.5.3 实例:松树林 241
11.6 【椭圆】和【基本椭圆】工具 242
11.6.1 相关知识 242
11.6.2 应用示例 243
11.6.3 实例:可爱的大象 243
11.7 【矩形】和【基本矩形】工具 245
11.7.1 相关知识 245
11.7.2 应用示例 246
11.8 【多角星形】工具 246
11.8.1 相关知识 246
11.8.2 应用示例 247
11.9 【刷子】工具 247
11.9.1 相关知识 248
11.9.2 应用示例 248
11.9.3 实例:动画场景背景效果 249
11.10 本章小结 250
第12章 掌握动画制作基础 251
12.1 基本知识 252
12.1.1 动画原理 252
12.1.2 动画的单元——帧 252
12.1.3 帧频 253
12.1.4 绘图纸工具的使用方法 254
12.1.5 移动整个动画 255
12.2 使用帧 255
12.2.1 在时间轴中处理帧 255
12.2.2 插入帧 256
12.2.3 选择帧 256
12.2.4 删除或修改帧 256
12.2.5 翻转帧 257
12.2.6 延伸帧 257
12.3 使用图层 257
12.3.1 图层的用途 258
12.3.2 图层的基本操作 258
12.3.3 改变图层状态 261
12.3.4 使用遮罩图层 263
12.3.5 用图层文件夹管理图层 266
12.3.6 用分散到图层自动分配图层 267
12.3.7 实例:几何静物 268
12.4 使用场景 271
12.4.1 场景的用途 271
12.4.2 添加和删除场景 272
12.4.3 调整场景播放顺序 272
12.5 本章小结 272
第13章 利用元件和库组织动画素材 273
13.1 什么是元件 274
13.2 元件类型 274
13.3 对象的编组 274
13.3.1 创建图形元件 275
13.3.2 创建影片剪辑 276
13.3.3 创建按钮 277
13.3.4 启用按钮 278
13.3.5 实例:鼠标的网页链接提示效果 278
13.3.6 实例:创建文字遮罩按钮 279
13.4 建立实例 282
13.5 编辑实例 282
13.5.1 为实例另外指定一个元件 282
13.5.2 改变实例类型 283
13.5.3 改变颜色效果 284
13.5.4 分离实例 285
13.5.5 调用其他影片中的元件 285
13.6 查看实例信息 285
13.7 库界面 286
13.8 管理库 287
13.8.1 创建库元素 287
13.8.2 重命名库元素 288
13.8.3 库文件夹 288
13.9 使用库文件 289
13.10 库文件的编辑 289
13.10.1 编辑元件 289
13.10.2 编辑声音 290
13.10.3 编辑位图 290
13.11 使用公用库 290
13.12 综合实例——绚丽按钮 291
13.12.1 有关知识 291
13.12.2 制作过程 292
13.13 本章小结 294
第14章 制作Flash动画 295
14.1 制作逐帧动画 296
14.1.1 逐帧动画的特点及用途 296
14.1.2 制作逐帧动画 296
14.1.3 自动产生逐帧动画 296
14.2 制作形状补间动画 297
14.2.1 制作简单变形 297
14.2.2 控制变形 298
14.3 制作动作补间动画 299
14.3.1 制作简单动作补间 299
14.3.2 制作多种渐变运动 300
14.4 制作引导动画 302
14.4.1 引导动画的制作步骤 302
14.4.2 实例:MTV制作 303
14.5 制作遮罩动画 306
14.5.1 遮罩动画的特点及用途 306
14.5.2 创建遮罩图层 306
14.5.3 实例:飘逸广告制作 307
14.6 使用时间轴特效 310
14.6.1 添加时间轴特效 310
14.6.2 时间轴特效设置 311
14.6.3 编辑时间轴特效 313
14.6.4 删除时间轴特效 314
14.7 综合实例——制作网站片头 315
14.8 本章小结 318
第15章 轻松掌握动作脚本3.0语言基础 319
15.1 Flash CS3中的动作脚本 320
15.2 动作脚本3.0的术语 320
15.3 【动作】面板的使用 322
15.3.1 【动作】面板 322
15.3.2 语法高亮显示和语法检查 323
15.3.3 语法错误显示 323
15.3.4 编程习惯 323
15.4 动作脚本3.0的开发环境 324
15.4.1 使用Flash CS3 IDE(Flash CS3集成开发环境) 325
15.4.2 使用Flex Builder 2 326
15.5 了解动作脚本3.0的显示列表和显示对象 328
15.5.1 什么是显示列表和显示对象 328
15.5.2 创建显示对象 330
15.5.3 创建显示对象 331
15.5.4 加载外部文件 333
15.6 动作脚本的语法 334
15.6.1 点操作符 334
15.6.2 界定符 335
15.6.3 字母的大小写 335
15.6.4 注释 335
15.6.5 保留字和关键字 336
15.6.6 常量 337
15.6.7 运算符 337
15.6.8 条件语句 339
15.7 本章小结 340
第3篇 Fireworks篇第16章 Fireworks CS3快速入门 343
16.1 Fireworks简介 344
16.1.1 系统需求 344
16.1.2 安装Fireworks CS3中文版 345
16.2 Fireworks CS3的启动与退出 346
16.2.1 Fireworks CS3的启动 346
16.2.2 Fireworks CS3的退出 347
16.3 Fireworks CS3的工作区 347
16.3.1 标题栏 348
16.3.2 菜单栏 348
16.3.3 工具箱 348
16.3.4 页面窗口 348
16.3.5 【属性】面板 349
16.3.6 浮动面板 350
16.4 Fireworks CS3新增功能 350
16.4.1 向单个文档添加多个页面 350
16.4.2 创建基于Flash的幻灯片放映 350
16.4.3 具有层次结构的层,获取更大的设计灵活性 351
16.4.4 与Photoshop有良好的兼容性 351
16.4.5 将Fireworks文件直接导入Flash 352
16.4.6 RIA布局的Flex集成 352
16.4.7 使用Illustrator文件 352
16.4.8 Adobe Bridge 352
16.5 Fireworks CS3的基本操作 352
16.5.1 设置画布 352
16.5.2 文档的基本操作 354
16.6 本章小结 356
第17章 位图的选择与编辑 357
17.1 创建位图 358
17.1.1 位图简介 358
17.1.2 插入空白位图 359
17.1.3 导入位图 359
17.1.4 使用【层】面板创建位图 360
17.1.5 将矢量图形转换为位图图形 361
17.2 对象的基本操作 361
17.2.1 选定对象 361
17.2.2 调整对象 364
17.3 选取位图 367
17.3.1 【选取框】工具 367
17.3.2 【套索】工具 368
17.3.3 【魔术棒】工具 369
17.3.4 调整选择区域 370
17.4 编辑和修饰位图 371
17.4.1 【刷子】工具 371
17.4.2 【铅笔】工具 372
17.4.3 【橡皮擦】工具 372
17.4.4 【修饰】工具 373
17.4.5 【橡皮图章】工具 374
17.4.6 【替换颜色】工具 375
17.4.7 【红眼消除】工具 376
17.4.8 【裁剪】工具 377
17.4.9 【导出区域】工具 378
17.4.10 【油漆桶】工具 378
17.4.11 【渐变】工具 379
17.5 综合实例:花边相框 380
17.6 本章小结 382
第18章 绘制矢量图与文本操作 383
18.1 矢量图与位图 384
18.1.1 矢量图 384
18.1.2 位图 385
18.1.3 矢量图与位图的比较 385
18.2 绘制矢量图形 385
18.2.1 【直线】工具 386
18.2.2 【钢笔】工具 386
18.2.3 【矩形】工具 387
18.2.4 【圆角矩形】工具 388
18.2.5 【椭圆】工具 388
18.2.6 【多边形】工具 389
18.2.7 【自由变形】工具 389
18.2.8 【更改区域形状】工具 390
18.2.9 【刀子】工具 391
18.3 文本的操作 391
18.3.1 输入文本 392
18.3.2 编辑文本 392
18.3.3 文本与路径 394
18.4 综合实例:文字环绕 396
18.5 本章小结 398
第19章 页面、层、蒙版和滤镜 399
19.1 使用页面 400
19.2 层的概述 401
19.3 层的操作 401
19.3.1 【层】面板 401
19.3.2 创建层 402
19.3.3 复制层 403
19.3.4 删除层 404
19.3.5 合并层 404
19.3.6 隐藏与显示层 405
19.3.7 锁定与解锁层 405
19.4 蒙版的类型 406
19.4.1 矢量蒙版 406
19.4.2 位图蒙版 407
19.5 蒙版的类型 407
19.5.1 创建蒙版 407
19.5.2 编辑蒙版 408
19.6 使用动态滤镜效果 409
19.6.1 斜角和浮雕 410
19.6.2 杂点 410
19.6.3 模糊 411
19.6.4 调整颜色 412
19.6.5 锐化 414
19.6.6 阴影和光晕 414
19.6.7 其他滤镜效果 415
19.7 综合实例:心形图案 416
19.8 本章小结 418
第20章 制作动画及交互效果 419
20.1 动画基础知识 420
20.1.1 动画简介 420
20.1.2 【帧】面板 421
20.1.3 帧的基本操作 421
20.2 制作GIF动画 423
20.2.1 合并图像制作动画 423
20.2.2 简易动画 424
20.2.3 综合实例:使用菜单建立动画 425
20.2.4 创建补间动画 426
20.3 导出动画 429
20.3.1 设置动画循环 429
20.3.2 设置透明度 429
20.3.3 优化动画 430
20.3.4 预览动画 431
20.3.5 导出 431
20.4 切片和热点的使用 433
20.4.1 创建切片 433
20.4.2 编辑切片 434
20.4.3 导出切片 434
20.4.4 创建热点 435
20.4.5 显示与隐藏切片和热点 436
20.5 创建按钮和弹出菜单 436
20.5.1 创建按钮 436
20.5.2 创建弹出菜单 440
20.6 本章小结 442
第4篇 经典实例篇 445
第21章 精彩个人网站实例 445
21.1 网站的前期准备 446
21.1.1 确定网站主题 446
21.1.2 确定网站栏目,布局草图 446
21.2 网页设计的艺术 447
21.2.1 网页版式设计原则 447
21.2.2 版式设计技巧 447
21.3 创建本地站点 448
21.4 制作网站 449
21.4.1 制作网站的导航部分 449
21.4.2 制作网站的主体部分 452
21.4.3 制作网站版权信息部分 456
21.4.4 添加网页特效 459
21.5 本章小结 464
第22章 用Fireworks制作网页 465
22.1 实例介绍 466
22.2 Banner动画的制作 467
22.3 图片的制作 470
22.3.1 导航图标 470
22.3.2 制作网页底端的图片 472
22.4 动画制作 473
22.4.1 图像动画 473
22.4.2 文字动画 474
22.5 制作完整网页 476
22.6 本章小结 480