第1章 网页制作基础入门 1
1.1 认识网页和网站 2
1.1.1 网页的构成元素 2
1.1.2 网页常见部分的称谓及规范 3
1.1.3 常见的网页布局结构 3
1.1.4 网站的分类 5
1.1.5 网页制作的相关概念 6
1．万维网 6
2．浏览器 6
3．URL 6
4．IP地址 7
5．FTP 7
6．HTML 7
7．域名 7
8．发布 7
1.2 网页制作流程 8
1.2.1 规划站点 8
1.2.2 设置开发环境 8
1.2.3 规划页面设计 9
1.2.4 创建内容资源 9
1.2.5 制作网页 10
1.2.6 测试和发布网页 10
1.2.7 维护和更新站点 10
1.3 网页制作软件 10
1.3.1 Dreamweaver CS3 11
1.3.2 Fireworks CS3 11
1.3.3 Flash CS3 11
1.4 网页三剑客的安装及启动 11
1.4.1 安装Dreamweaver CS3 12
1.4.2 Drearnweaver CS3的启动 13
第2章 Dreamweaver CS3的基本操作 15
2.1 认识Dreamweaver CS3的工作界面 16
2.1.1 标题栏 17
2.1.2 菜单栏 17
2.1.3 “文档”工具栏 17
2.1.4 插入栏 18
2.1.5 项目选择标签 18
2.1.6 编辑区域 18
2.1.7 水平标尺和垂直标尺 18
2.1.8 标签选择器 19
2.1.9 状态栏 19
2.1.10 垂直扩展按钮和水平扩展按钮 19
2.1.11 浮动面板组 19
2.1.12 “属性”面板 20
2.2 网页文档的基本操作 20
2.2.1 新建网页 20
2.2.2 保存网页 21
1．直接保存 21
2．另存网页 21
2.2.3 打开网页 22
1．通过对话框打开 22
2．通过菜单命令打开 22
3．通过双击的方法打开 22
4．通过快捷菜单打开 23
2.2.4 预览网页 23
2.3 设置网页属性 23
2.3.1 设置外观属性 23
2.3.2 设置链接属性 25
2.3.3 标题属性 27
2.3.4 标题／编码 27
2.3.5 设置跟踪图像 27
2.4 创建和管理站点 28
2.4.1 创建站点 28
2.4.2 管理站点中的文件或文件夹 29
1．新建文件或文件夹 30
2．重命名文件或文件夹 31
3．删除文件或文件夹 31
2.4.3 编辑站点 31
2.4.4 导入和导出站点 32
2.4.5 删除站点 34
第3章 添加网页内容 35
3.1 在网页中添加文本 36
3.1.1 输入文本 36
1．直接输入文本 36
2．从其他文档中复制文本 37
3．导入文本 37
4．插入特殊字符 38
5．添加空格 39
6．添加水平线 39
7．插入日期 40
8．文本的换行与分段 41
3.1.2 设置文本格式 42
1．设置网页文本的字体格式 42
2．设置网页文本的段落格式 44
3．设置列表 45
3.2 在网页中插入图像 48
3.2.1 插入图像 48
3.2.2 设置图像属性 50
1．改变图像大小 50
2．更改图像 51
3．添加替换文本 51
4．设置图像与其他网页元素的边距 51
5．设置图像的边框 52
6．设置与文本的对齐方式 52
3.2.3 插入鼠标经过图像 53
3.2.4 插入导航条 54
3.3 在网页中插入超级链接 56
3.3.1 超级链接的分类 56
1．源端点的链接 56
2．目标端点的链接 57
3．根据链接路径分类 58
3.3.2 创建基本超级链接 58
3.3.3 创建热点超级链接 60
3.3.4 创建锚链接 61
3.3.5 创建电子邮件超级链接 62
第4章 插入多媒体元素 65
4.1 在网页中插入Flash动画 66
4.1.1 插入Flash动画 66
1．在网页中插入Flash 66
2．设置Flash动画的属性 67
3．设置Flash动画背景透明 68
4.1.2 插入Flash按钮 70
1．在网页中插入Flash按钮 70
2．设置Flash按钮属性 71
4.1.3 插入Flash文本 73
1．在网页中插入Flash文本 74
2．设置Flash文本属性 75
4.1.4 插入Flash视频 75
1．转换普通视频文件为Flash视频文件 75
2．在网页中插入Flash视频 77
3．设置Flash视频属性 78
4.2 插入其他媒体 80
4.2.1 插入Shockwave影片 80
4.2.2 为网页添加背景音乐 81
4.2.3 在网页中插入视频 82
4.2.4 插入Applet小程序 83
第5章 网页布局技术 85
5.1 网页中表格的作用 86
5.1.1 作为传统表格使用 86
5.1.2 网页布局 87
5.2 Dreamweaver CS3中表格的操作 88
5.2.1 插入表格 88
5.2.2 设置表格属性 90
1．对表格进行整体设置 91
2．对表格中的行（列）进行设置 94
3．对表格中的单元格进行设置 97
5.2.3 插入及删除行或列 98
1．插入行或列 98
2．删除行或列 99
5.2.4 合并和拆分单元格 100
1．合并单元格 100
2．拆分单元格 101
5.2.5 输入表格内容 103
1．在单元格中插入内容 103
2．设置单元格内容的格式 103
5.2.6 表格的嵌套 105
5.2.7 用表格进行网页布局 105
5.3 网页中框架的概念 113
5.4 框架的创建和属性设置 115
5.4.1 创建框架集 115
5.4.2 设置框架和框架属性 116
1．对框架集的设置 116
2．对框架页的设置 117
3．修改框架集的结构 118
4．对框架页内容的设置 120
5．添加嵌入式框架 120
5.4.3 保存框架和框架集 122
5.4.4 框架页应用实例 124
1．年历框架集的制作 124
2．月份导航框架的制作 126
3．月历框架页的制作 127
第6章 使用资源管理器和模板 131
6.1 站点资源管理器 132
6.1.1 功能简介 132
6.1.2 认识资源面板 133
6.1.3 使用资源面板 134
1．看资源和刷新资源列表 134
2．将资源添加到文档 135
3．编辑资源 135
4．将资源加入收藏 136
6.1.4 站点地图 136
6.2 网页模板的应用 137
6.2.1 网页模板的概念 137
6.2.2 网页模板基本操作 138
1．创建网页模板 138
2．插入可编辑区域 139
3．更新模板 141
6.2.3 应用模板 142
1．将模板应用到现有文档 142
2．从模板中分离文档 142
6.3 扩展管理器 144
6.3.1 Dreamweaver CS3扩展简介 144
6.3.2 使用Dreamweaver CS3扩展管理器 145
第7章 使用表单和行为 147
7.1 在网页中创建表单 148
7.1.1 认识表单 148
7.1.2 制作读者调查表网页 149
7.2 使用行为 160
7.2.1 认识行为 160
7.2.2 弹出信息 162
7.2.3 交换图像 163
7.2.4 检查表单 165
7.3 使用时间轴制作浮动广告 167
第8章 Flash CS3的基本操作 171
8.1 启动Flash CS3 172
8.2 认识Flash CS3的工作界面 173
8.2.1 标题栏 173
8.2.2 菜单栏 174
1．“文件”菜单 174
2．“编辑”菜单 175
3．“修改”菜单 175
4．“窗口”菜单 176
8.2.3 文档选项卡 177
8.2.4 “时间轴”面板 177
8.2.5 编辑栏 177
8.2.6 工作区和操作区 178
8.2.7 工具箱 178
8.2.8 其他重要面板 179
8.3 Flash文档的基本操作 180
8.3.1 新建动画 180
1．创建一个空白文档 180
2．根据模板创建文档 180
8.3.2 保存动画 181
8.3.3 打开动画 182
8.3.4 关闭动画 183
8.4 设置动画环境 183
8.4.1 设置动画文档的属性 183
1．设置场景大小 183
2．设置背景颜色和帧频 184
8.4.2 自定义工作环境 185
8.4.3 设置标尺和辅助线 185
8.4.4 设置网格 186
8.5 退出Flash CS3 188
第9章 绘制和编辑基本图形 189
9.1 绘图工具的使用 190
9.1.1 使用铅笔工具 190
1．用铅笔工具绘制线条 190
2．设置线条属性 191
9.1.2 使用线条工具 193
9.1.3 使用钢笔工具 194
1．用钢笔工具绘制直线 194
2．用钢笔工具绘制曲线 196
9.1.4 使用矩形工具组 197
1．用矩形工具绘制图形 197
2．用椭圆工具绘制图形 198
3．用基本矩形工具绘制图形 199
4．用基本椭圆工具绘制图形 200
5．用多角星形工具绘制图形 201
9.2 创建文本 202
9.2.1 使用文本工具 202
9.2.2 设置文本属性 202
9.2.3 为文本添加滤镜 204
9.3 设置图形颜色 206
9.3.1 使用墨水瓶工具 207
9.3.2 使用颜料桶工具 207
9.3.3 “颜色”面板 208
1．用“颜色”面板填充纯色 209
2．用“颜色”面板填充线性渐变色 210
3．用“颜色”面板填充放射状渐变色 210
9.3.4 使用滴管工具 214
9.4 编辑图形 214
9.4.1 选择图形 214
9.4.2 改变图形形状 214
1．使用任意变形工具 214
2．使用“变形”面板 215
9.4.3 群组和打散图形 217
1．群组图形 217
2．打散图形 217
9.4.4 对齐图形 218
9.5 导入位图 219
第10章 元件、实例和库 221
10.1 认识和创建元件 222
10.1.1 认识元件 222
10.1.2 创建元件 223
1．创建并编辑图形元件 223
2．创建并编辑按钮元件 224
3．创建并编辑影片剪辑元件 225
4．将对象转换为元件 226
10.2 实例 227
10.2.1 创建实例 227
10.2.2 编辑实例 228
1．图形元件实例的属性设置 228
2．按钮元件实例的属性设置 229
3．影片剪辑实例的属性设置 230
10.3 库 230
10.3.1 认识“库”面板 230
10.3.2 库的基本操作 231
1．新建元件 231
2．更改元件类型 232
3．删除元件 232
4．重命名元件 232
5．复制元件 234
6．用库文件夹管理元件 234
10.3.3 使用公用库 235
10.3.4 调用其他动画的库 237
第11章 制作各种基础动画 239
11.1 动画的类型 240
11.2 逐帧动画 241
11.2.1 逐帧动画的特点 241
11.2.2 导入序列素材制作逐帧动画 242
11.3 形状补间动画 244
11.3.1 形状补间动画的制作方法 244
1．创建形状补间动画 244
2．认识属性面板 244
3．创建形状提示 245
11.3.2 制作简单的形状补间动画 247
11.3.3 制作添加形状提示的形状补间动画 248
11.3.4 制作色彩变幻的形状补间动画 251
11.4 动画补间动画 252
11.4.1 动画补间动画的制作方法 252
1．创建动画补间动画 253
2．认识属性面板 253
11.4.2 制作具有旋转效果的动画补间动画 255
11.4.3 制作具有明暗变化效果的动画补间动画 257
11.4.4 制作具有透明度变化效果的动画补间动画 259
11.4.5 制作具有大小变化效果的动画补间动画 261
11.5 引导动画 263
11.5.1 引导层 263
1．创建引导层 263
2．将普通图层转换为引导层 264
3．将引导层转换为普通图层 264
11.5.2 制作引导动画 265
1．引导动画的制作方法 265
2．制作引导动画的注意事项 265
11.6 遮罩动画 268
11.6.1 遮罩层 268
1．新建遮罩层 269
2．取消遮罩层 269
11.6.2 制作遮罩动画 270
1．遮罩动画的制作方法 270
2．多层遮罩动画 270
第12章 导入声音和视频 277
12.1 在动画中添加声音 278
12.1.1 Flash CS3支持的声音文件 278
1．MP3格式 278
2．WAV格式 279
12.1.2 为按钮添加声音 279
12.1.3 为关键帧添加声音 280
12.1.4 为动画添加声音 282
12.2 在动画中添加视频 283
12.2.1 集成和传送视频内容的方式 283
12.2.2 导入视频到Flash内部 283
12.2.3 使用FLVPlayback控件链接外部视频 285
第13章 ActionScript的应用 289
13.1 ActionScript基础 290
13.1.1 变量 290
1．变量的数据类型 291
2．变量的命名规则 291
3．为变量赋值 291
4．变量的作用域 292
13.1.2 函数 292
1．系统函数 292
2．自定义函数 293
3．从函数中返回值 293
13.1.3 运算符 294
1．运算符的分类 294
2．运算符的优先级 295
13.2 ActionScript 3.0基本语法 296
13.2.1 区分大小写 296
13.2.2 点语法 296
13.2.3 字面值 296
13.2.4 分号 296
13.2.5 小括号 296
13.2.6 注释 297
13.2.7 关键字和保留字 297
13.2.8 常量 298
13.3 动作面板与脚本窗口 298
13.3.1 动作面板 298
13.3.2 脚本窗口 299
13.4 处理对象 299
13.4.1 属性 300
13.4.2 方法 300
13.4.3 事件 301
1．基本事件处理 301
2．语法结构 301
13.4.4 创建对象实例 302
13.5 常用ActionScript语句 302
13.5.1 循环语句 302
13.5.2 条件语句 303
13.5.3 播放控制语句 304
13.5.4 跳转语句 306
第14章 测试与发布动画 311
14.1 测试动画 312
14.2 优化动画 314
14.2.1 优化动画文件 314
14.2.2 优化动画元素 314
14.2.3 优化动画文本 314
14.2.4 优化动画色彩 315
14.3 发布动画 315
14.3.1 设置发布参数 315
1．Flash输出格式 315
2．HTML输出格式 317
3．GIF输出格式 318
4．JPEG输出格式 319
5．PNG输出格式 320
14.3.2 发布动画 321
第15章 Fireworks CS3入门 323
15.1 Fireworks CS3的基础知识 324
15.1.1 关于Fireworks CS3 324
15.1.2 关于矢量图和位图 325
15.2 认识Fireworks CS3的工作界面 325
15.2.1 使用“开始”页 326
15.2.2 使用“工具”面板 327
15.2.3 使用“属性”面板 327
15.2.4 使用面板 327
15.3 文档的基本操作 328
15.3.1 创建新文档 328
15.3.2 保存Fireworks文档 329
1．保存Fireworks PNG文件 330
2．以其他格式保存文档 330
15.3.3 打开和导入文件 331
1．打开PNG文档 331
2．打开其他应用程序中创建的图形 332
3．从HTML文件创建Fireworks PNG文件 333
第16章 处理网页图像 335
16.1 图像的基本操作 336
16.1.1 选择对象 336
1．使用“指针”工具 336
2．使用“部分选定”工具 337
3．使用“选择后方对象”工具 338
4．修改选择的对象 338
16.1.2 选择像素 339
1．创建像素选区选取框 339
2．绘制点以创建选取框 340
3．选择颜色相似的区域 341
16.1.3 变形对象 342
1．调整对象大小 342
2．旋转对象 342
3．翻转对象 343
4．倾斜对象 344
5．扭曲对象 345
16.1.4 组织对象 345
1．组合对象 346
2．选择组合图形中的对象 346
3．堆叠对象 347
4．对齐对象 347
16.2 编辑位图 348
16.2.1 创建位图对象 348
1．绘制位图对象 348
2．绘画位图对象 349
3．选取一种颜色用作笔触或填充颜色 350
4．擦除位图对象 351
5．羽化像素选区 352
16.2.2 修饰位图 353
1．克隆像素 353
2．模糊、锐化和涂抹像素 354
3．减淡和加深像素 355
4．从照片中消除红眼 356
5．替换颜色 357
6．裁剪所选位图 358
16.3 绘制矢量图 359
16.3.1 绘制矢量对象 359
1．绘制基本的线形、矩形和椭圆 359
2．绘制基本的圆角矩形 360
3．绘制基本的多边形和星形 362
4．绘制自动形状 363
5．更改自动形状的属性 365
6．绘制自由变形路径 366
7．通过绘制点来绘制路径 367
16.3.2 编辑路径 368
1．使用矢量工具进行编辑 368
2．通过路径操作进行编辑 369
第17章 添加文本 371
17.1 输入文本 372
17.1.1 使用“文本”工具输入 372
17.1.2 使用“文本编辑器”输入 373
17.2 更改文本属性 375
17.2.1 编辑文本 375
17.2.2 插入特殊字符 377
17.2.3 向文本应用滤镜与样式 378
1．应用动态滤镜 378
2．应用样式 379
17.3 添加路径文本 380
17.3.1 将文本附加到路径 380
1．在路径上放置文本 380
2．编辑路径和附加到路径的文本 381
3．更改文本在路径上的方向 381
17.3.2 使文本变形 382
17.3.3 将文本转换为路径 383
17.4 导入文本 384
第18章 制作网页元素 387
18.1 使用切片 388
18.1.1 创建和编辑切片 388
1．创建切片对象 388
2．创建HTML切片 389
3．创建非矩形切片 390
18.1.2 使切片交互 391
1．使切片具有简单的交互效果 391
2．使用“行为”面板向切片添加交互效果 393
18.1.3 准备切片以供导出 394
18.2 使用热点与变换图像 395
18.2.1 创建热点 395
18.2.2 编辑热点 396
18.2.3 创建图像映射 396
18.3 创建按钮元件 397
18.3.1 认识按钮状态 397
18.3.2 创建不同状态的按钮 398
1．创建具有两种状态的简单按钮 398
2．创建具有3种或4种状态的按钮 400
18.3.3 使用斜角滤镜绘制按钮状态 401
18.3.4 将Fireworks变换图像转换为按钮 402
18.3.5 将按钮插入到文档中 403
18.3.6 导入按钮元件 404
18.3.7 设置按钮的链接 405
18.4 创建导航栏 405
18.5 创建弹出式菜单 406
18.5.1 认识弹出菜单编辑器 407
18.5.2 创建基本弹出菜单 407
18.5.3 创建弹出菜单中的子菜单 408
18.5.4 设置弹出菜单的外观 409
18.5.5 设置弹出菜单的高级属性 410
18.5.6 控制弹出菜单和子菜单的位置 411
18.6 创建动画 412
18.6.1 制作动画 412
18.6.2 使用动画元件 413
18.6.3 补间动画 414
18.6.4 预览并导出动画 415
第19章 优化和导出图像 417
19.1 关于优化 418
19.2 使用命令优化并导出图形 418
19.2.1 使用“导出向导” 418
19.2.2 使用“图像预览” 420
19.3 在工作区中优化 422
19.3.1 认识“优化”面板 422
1．选择内置的优化方案 422
2．GIF和PNG格式的优化 423
3．JPEG图像格式的优化 424
19.3.2 预览和比较优化设置 425
19.4 从Fireworks中导出 426
19.4.1 导出单个图像 426
19.4.2 导出切片 427
19.4.3 导出HTML文件 429
1．关于HTML 429
2．导出HTML 429
19.5 发送Fireworks文档 430
第20章 综合实例——个人网站首页 433
20.1 实例目标 434
20.2 制作步骤 435
20.2.1 创建站点 435
20.2.2 制作“片头”动画 436
20.2.3 制作“按钮组”动画 441
20.2.4 制作网站首页 452