第1章 网站建设与网页设计基础知识 1
1.1 知识讲解——Internet基础知识 2
1.1.1 关于Internet 2
1.1.2 万维网 2
1.1.3 超文本 2
1.1.4 浏览器 2
1.1.5 URL 3
1.1.6 IP地址 3
1.1.7 域名 4
1.1.8 HTTP 5
1.1.9 FTP 5
1.1.10 带宽 5
1.1.11 网站 5
1.2 知识讲解——网页制作基础 6
1.2.1 网页的类型 6
1.2.2 网页的构成元素 7
1.2.3 网页设计工具 9
1.2.4 网站开发流程 11
1.2.5 HTML基础知识 13
1.2.6 DIV+CSS网页布局概述 14
1.2.7 W3C标准 14
1.3 同步训练——实战应用 15
实例1：使用开发人员工具查看百度首页 15
实例2：使用记事本创建网页文件 17
本章小结 20
第2章 Dreamweaver CS6软件基础知识 21
2.1 知识讲解——初识Dreamweaver 22
2.1.1 Dreamweaver CS6工作环境 22
2.1.2 Dreamweaver CS6参数设置 26
2.1.3 自定义快捷键 28
2.2 知识讲解——站点的新建与管理 29
2.2.1 新建站点 29
2.2.2 管理站点 30
2.2.3 站点中的文件管理 33
2.3 知识讲解——文档的基本操作 35
2.3.1 新建文档 35
2.3.2 新建流体网格布局 36
2.3.3 打开文档 37
2.3.4 保存文档 38
2.3.5 关闭文档 38
2.3.6 预览网页 39
2.4 同步训练——实战应用 40
实例1：自定义工作区并设置软件参数 40
实例2：使用现有文件建立站点 42
本章小结 46
第3章 添加网页内容元素 47
3.1 知识讲解——插入文本内容 48
3.1.1 网页标题文本 48
3.1.2 内容标题文本 48
3.1.3 段落文本 49
3.1.4 换行标记 49
3.1.5 特殊字符 50
3.1.6 强调文本 50
3.2 知识讲解——列表 51
3.2.1 无序列表 51
3.2.2 有序列表 52
3.2.3 定义列表 53
3.3 知识讲解——超级链接 54
3.3.1 设置链接路径 54
3.3.2 设置链接的目标窗口 56
3.3.3 创建锚记链接 57
3.3.4 创建空链接 58
3.3.5 创建电子邮件链接 58
3.3.6 为链接添加提示文字 59
3.4 知识讲解——表格 59
3.4.1 创建表格 60
3.4.2 选择表格元素 61
3.4.3 设置表格与单元格属性 62
3.4.4 添加和删除行或列 64
3.4.5 单元格的合并及拆分 65
3.4.6 表格的排序 66
3.4.7 嵌套表格 67
3.4.8 导入和导出表格数据 67
3.5 知识讲解——图像 69
3.5.1 插入普通图像 69
3.5.2 图像的编辑与修改 70
3.5.3 图像占位符 73
3.5.4 交互式图像 74
3.5.5 图像热点 75
3.6 同步训练——实战应用 78
实例1：制作企业网站首页 78
实例2：编辑网页文章内容 84
本章小结 88
第4章 网页表单元素 89
4.1 知识讲解——表单域 90
4.1.1 插入表单域 90
4.1.2 表单域属性设置 90
4.2 知识讲解——常用表单元素 91
4.2.1 使用文本域 91
4.2.2 使用文本区域 92
4.2.3 使用复选框 92
4.2.4 使用复选框组 93
4.2.5 使用单选按钮和单选按钮组 93
4.2.6 使用列表/菜单 94
4.2.7 使用文件域 95
4.2.8 使用按钮 96
4.2.9 使用图像域 96
4.2.10 插入隐藏域 96
4.2.11 插入跳转菜单 97
4.3 同步训练——实战应用 98
实例1：制作用户注册表单内容 98
实例2：制作在线调查表 102
本章小结 104
第5章 插入其他网页元素 105
5.1 知识讲解——插入特殊元素 106
5.1.1 插入水平线 106
5.1.2 插入日期 106
5.1.3 插入注释 106
5.2 知识讲解——文件头标签 107
5.2.1 插入页面关键字 107
5.2.2 插入页面说明 107
5.2.3 设置刷新时间 108
5.2.4 插入自定义meta标签 108
5.2.5 设置默认路径和目标 108
5.2.6 插入文件链接 109
5.3 知识讲解——插入多媒体元素 109
5.3.1 插入Flash元素 109
5.3.2 插入Shockwave影片 110
5.3.3 插入ActiveX 110
5.4 同步训练——实战应用 111
实例1：使用Flash作为网站进入动画 111
实例2：使用透明Flash修饰Logo 113
本章小结 116
第6章 使用CSS布局和修饰网页内容 117
6.1 知识讲解——CSS语言基础 118
6.1.1 CSS简介 118
6.1.2 CSS属性 118
6.1.3 选择器 119
6.2 知识讲解——使用Dreamweaver创建CSS 120
6.2.1 创建内联样式表 120
6.2.2 创建嵌入式样式表 121
6.2.3 创建外联式样式表 122
6.2.4 定义CSS规则 123
6.2.5 应用类样式 128
6.2.6 管理CSS规则 130
6.2.7 查看与编辑所选对象应用的CSS规则 131
6.3 知识讲解——DIV+CSS布局详解 132
6.3.1 盒子模型 132
6.3.2 DIV标签 132
6.3.3 DIV+CSS布局方法 132
6.3.4 CSS代码优化 133
6.3.5 使用AP元素布局 134
6.4 同步训练——实战应用 137
实例1：使用DIV+CSS布局网页首部 137
实例2：应用CSS排版新闻栏目板块 142
本章小结 148
第7章 使用框架、模板与库 149
7.1 知识讲解——应用框架制作网页 150
7.1.1 创建框架网页 150
7.1.2 拆分或嵌套框架 151
7.1.3 框架和框架集相关操作 151
7.2 知识讲解——使用浮动框架 153
7.2.1 插入浮动框架 153
7.2.2 设置浮动框架的属性 154
7.3 知识讲解——使用模板统一网站风格 154
7.3.1 模板的概念 154
7.3.2 使用模板创建网页 155
7.3.3 创建模板网页 155
7.3.4 模板中的区域类型 157
7.3.5 编辑模板 157
7.3.6 应用模板到页 158
7.3.7 从模板中分离文档 158
7.4 知识讲解——创建与应用库资源 159
7.4.1 使用资源面板 159
7.4.2 新建库项目 159
7.4.3 编辑和更新库项目 160
7.5 同步训练——实战应用 161
实例1：使用框架制作帮助文档 161
实例2：制作文章详情页模板并应用模板新建页面 165
本章小结 168
第8章 应用行为与特效 169
8.1 知识讲解——插入Spry构件 170
8.1.1 添加Spry验证表单元素 170
8.1.2 添加Spry工具提示 173
8.1.3 添加Spry菜单栏 174
8.1.4 添加Spry选项卡式面板 175
8.1.5 添加Spry折叠式面板 175
8.2 知识讲解——使用行为制作网页特效 176
8.2.1 行为应用基础 176
8.2.2 使用行为面板管理行为 177
8.2.3 常用事件类型 177
8.2.4 常用行为动作 178
8.3 同步训练——实战应用 181
实例1：制作具有验证功能的注册页面 181
实例2：制作广告弹窗 186
本章小结 188
第9章 初识Fireworks 189
9.1 知识讲解——Fireworks简介 190
9.1.1 Fireworks在网页设计中的应用 190
9.1.2 了解Fireworks CS6工作环境 190
9.2 知识讲解——Fireworks文件操作 193
9.2.1 新建文件 194
9.2.2 导入文件 194
9.2.3 修改文档属性 195
9.2.4 视图模式及显示比例 196
9.2.5 保存图像文件 196
9.2.6 打开文件 197
9.3 知识讲解——Fireworks工作环境设置 197
9.3.1 使用辅助工具 197
9.3.2 设置工作参数 198
9.4 同步训练——实战应用 200
实例1：新建网页广告图像文件 200
实例2：完善网页效果图 201
本章小结 204
第10章 图形图像处理基础 205
10.1 知识讲解——位图与矢量图 206
10.1.1 位图 206
10.1.2 矢量图 206
10.2 知识讲解——绘制矢量图与位图 207
10.2.1 绘制矢量图形 207
10.2.2 位图的绘制与选取 209
10.2.3 添加文本内容 211
10.3 知识讲解——对象的基本操作 212
10.3.1 选择对象 212
10.3.2 设置颜色 212
10.3.3 对象的基本编辑操作 214
10.3.4 对象的组合与取消 216
10.3.5 对齐与分布 218
10.3.6 应用图层操作对象 218
10.4 同步训练——实战应用 220
实例1：设计首页线框图 220
实例2：制作Banner广告条 226
本章小结 230
第11章 矢量图形与文本的编辑 231
11.1 知识讲解——调整路径 232
11.1.1 路径编辑调整工具的使用 232
11.1.2 组合路径 234
11.1.3 使用路径面板 236
11.1.4 将选区框转换为路径 236
11.2 知识讲解——文本路径处理 237
11.2.1 文本附加到路径 237
11.2.2 文本转换为路径 238
11.3 同步训练——实战应用 238
实例1：制作按钮图标 238
实例2：制作广告文字 242
本章小结 244
第12章 位图的应用与处理 245
12.1 知识讲解——编辑位图图像 246
12.1.1 平面化对象 246
12.1.2 模糊与锐化图像 246
12.1.3 减淡与加深 247
12.1.4 涂抹工具 248
12.1.5 橡皮图章工具 248
12.1.6 替换颜色工具 249
12.1.7 消除红眼工具 250
12.2 知识讲解——使用位图滤镜 250
12.2.1 杂点滤镜 250
12.2.2 模糊滤镜 250
12.2.3 调整颜色滤镜 253
12.2.4 锐化滤镜 255
12.2.5 其他滤镜 255
12.3 同步训练——实战应用 256
实例1：合成背景图像 256
实例2：处理服装广告图片 259
本章小结 264
第13章 使用蒙版与滤镜 265
13.1 知识讲解——使用蒙版 266
13.1.1 创建蒙版 266
13.1.2 禁用、启用和删除蒙版 269
13.1.3 编辑蒙版 269
13.2 知识讲解——使用动态滤镜和样式 271
13.2.1 添加动态滤镜 271
13.2.2 使用斜角和浮雕滤镜 272
13.2.3 使用阴影和光晕滤镜 272
13.2.4 使用Photoshop动态效果 272
13.2.5 编辑和调整动态滤镜 273
13.2.6 新建与应用样式 273
13.3 同步训练——实战应用 275
实例1：制作导航按钮 275
实例2：制作UI图标 278
本章小结 282
第14章 制作GIF动画 283
14.1 知识讲解——状态的相关操作 284
14.1.1 状态面板 284
14.1.2 新建/添加/重制状态 284
14.1.3 选择多个状态 284
14.1.4 调整状态顺序 285
14.1.5 删除 285
14.1.6 分散到状态 285
14.1.7 设置状态名称和延迟 286
14.1.8 使用洋葱皮显示多个状态 286
14.2 知识讲解——使用共享层、元件和补间动画 286
14.2.1 在动画中使用共享层 287
14.2.2 创建图形元件 287
14.2.3 创建动画元件 288
14.2.4 创建补间动画 288
14.3 知识讲解——导入及导出动画 289
14.3.1 导入GIF动画 289
14.3.2 以动画方式打开一组图像 289
14.3.3 导出动画 290
14.4 同步训练——实战应用 291
实例1：制作动态按钮图标 291
实例2：制作GIF动画广告 293
本章小结 296
第15章 制作交互原型 297
15.1 知识讲解——使用切片和热点 298
15.1.1 绘制切片 298
15.1.2 绘制图像热点 298
15.1.3 添加简单变换图像行为 299
15.1.4 添加交换图像行为 300
15.1.5 添加状态栏信息 300
15.1.6 添加导航栏 300
15.1.7 添加弹出菜单 300
15.1.8 删除行为 301
15.2 知识讲解——创建按钮元件 301
15.2.1 新建按钮元件 302
15.2.2 编辑按钮状态 302
15.3 知识讲解——预览和导出交互原型 302
15.3.1 预览交互动画 302
15.3.2 导出交互原型 303
15.4 同步训练——实战应用 304
实例1：制作选项卡切换交互原型 304
实例2：制作导航菜单交互原型 307
本章小结 310
第16章 图像的优化与导出及效率工具 311
16.1 知识讲解——图像的优化与导出 312
16.1.1 常用图像文件格式 312
16.1.2 图像的优化设置 313
16.1.3 导出图像或网页 315
16.2 知识讲解——使用效率工具 317
16.2.1 查找和替换 317
16.2.2 批处理 317
16.2.3 历史记录与脚本命令 318
16.3 同步训练——实战应用 319
实例1：切片并导出首页效果图 319
实例2：快速为多幅图像添加水印 323
本章小结 326
第17章 初识Flash 327
17.1 知识讲解——Flash概述 328
17.1.1 Flash简介 328
17.1.2 Flash的应用范围 328
17.1.3 Flash的工作环境 328
17.2 知识讲解——Flash文件操作 330
17.2.1 新建Flash文件 330
17.2.2 保存Flash文件 331
17.2.3 打开Flash文件 331
17.2.4 导入各类文件 331
17.2.5 测试与发布动画 332
17.3 知识讲解——绘制与编辑图形 333
17.3.1 绘制和调整矢量图形 333
17.3.2 组合对象 334
17.3.3 使用图层 334
17.4 同步训练——实战应用 335
实例1：制作广告画面 335
实例2：绘制个性时钟 338
本章小结 342
第18章 制作动画 343
18.1 知识讲解——帧的基本操作 344
18.1.1 设置动画帧频 344
18.1.2 插入关键帧 344
18.1.3 插入空白关键帧 344
18.1.4 插入帧 345
18.1.5 选择帧 345
18.1.6 删除帧 345
18.1.7 剪切帧 345
18.1.8 复制与粘贴帧 346
18.1.9 移动帧 346
18.1.10 翻转帧 346
18.2 知识讲解——补间动画和补间形状 346
18.2.1 创建补间动画 346
18.2.2 创建补间形状 347
18.2.3 创建传统补间 348
18.3 知识讲解——元件的应用 349
18.3.1 新建元件 349
18.3.2 转换为元件 349
18.3.3 元件的类型及应用 350
18.3.4 编辑元件 351
18.4 知识讲解——引导层和遮罩层动画 351
18.4.1 创建传统引导层动画 351
18.4.2 创建遮罩层动画 352
18.5 同步训练——实战应用 353
实例1：制作百叶窗广告切换动画 353
实例2：制作网站导航条交互动画 358
本章小结 360
第19章 应用多媒体和组件 361
19.1 知识讲解——应用声音和视频 362
19.1.1 导入声音 362
19.1.2 添加声音 362
19.1.3 使用视频剪辑 362
19.2 知识讲解——组件的基本应用 365
19.2.1 组件的使用 365
19.2.2 常用组件 365
19.3 同步训练——实战应用 369
实例1：为游戏开始画面添加音效 369
实例2：制作用户注册表单 371
本章小结 374
第20章 应用ActionScript创建交互动画 375
20.1 知识讲解——ActionScript简介 376
20.1.1 关于ActionScript 376
20.1.2 动作面板 376
20.1.3 ActionScript 3.0基本语法 377
20.2 知识讲解——ActionScript 3.0语言基础 380
20.2.1 变量 380
20.2.2 运算符 380
20.2.3 表达式 381
20.2.4 结构控制语句 382
20.2.5 函数的定义与调用 383
20.2.6 对象的属性及方法 383
20.2.7 事件处理 384
20.3 知识讲解——ActionScript 3.0常用类 384
20.3.1 MovieClip类 385
20.3.2 SimpleButton类 385
20.3.3 TextField类 386
20.3.4 URLRequest类 386
20.3.5 Loader类 386
20.3.6 URLLoader类 387
20.3.7 XML类 387
20.4 同步训练——实战应用 387
实例1：制作弹出式网址导航菜单 387
实例2：制作广告轮播动画 392
本章小结 396
第21章 设计并制作公司网站 397
21.1 规划网站 398
21.1.1 网站功能规划 398
21.1.2 设计思路 399
21.2 利用Fireworks设计网站效果图 400
21.2.1 设计首页效果图 400
21.2.2 设计栏目页效果图 403
21.3 制作网站页面 404
21.3.1 切片并导出素材图像 405
21.3.2 创建站点并制作网站首页 407
本章小结 414
第22章 设计并制作团购网站 415
22.1 规划网站 416
22.1.1 电子商务平台基础知识 416
22.1.2 网站功能规划 417
22.1.3 设计思路 418
22.2 利用Fireworks设计网站效果图 418
22.2.1 设计首页效果图 418
22.2.2 设计栏目页效果图 422
22.3 制作网站首页 424
22.3.1 切片并导出素材图像 424
22.3.2 制作首页Web页面 425
本章小结 428
第23章 制作动态Flash相册 429
23.1 规划Flash相册 430
23.1.1 Flash加载动态数据的原理 430
23.1.2 XML基础知识 430
23.1.3 规划Flash相册功能 430
23.1.4 制作XML文件 431
23.2 制作Flash相册程序 431
23.2.1 制作相册界面和元件 432
23.2.2 编写相册交互程序 436
23.2.3 测试动画和程序 437
本章小结 440