Dreamweaver CS6、Flash CS6、Photoshop CS6网页设计完全学习手册

入门篇
第1章 了解网页设计 2
1.1 什么是网页设计 2
1.1.1 网页设计概述 2
1.1.2 网页与网站 3
1.1.3 静态网页与动态网页 4
1.1.4 网页设计中的术语 4
1.2 网页设计元素及版式 5
1.2.1 网页构成元素 5
1.2.2 网页的设计构思 7
1.2.3 网页设计版式 8
1.3 网站开发常用软件和技术 9
1.3.1 DreamweaverCS6——网页编辑软件 9
1.3.2 PhotoshopCS6——网页图像处理软件 9
1.3.3 FlashCS6——网页动画制作软件 10
1.3.4 HTML——网页标记语言 10
1.3.5 JavaScript——网页特效脚本语言 10
1.3.6 ASP、PHP、JSP——动态网页编程语言 10
1.4 网站建设的基本流程 11
1.4.1 前期网站策划 11
1.4.2 规划站点结构 11
1.4.3 收集网站相关素材 11
1.4.4 网页的版式与布局分析 11
1.4.5 确定网页的主色调 12
1.4.6 设计网站页面 12
1.4.7 切割和优化网页图像 12
1.4.8 制作网站HTML页面 12
1.4.9 开发动态网站模块 13
1.4.10 申请域名和服务器空间 13
1.4.11 测试并上传网站 13
1.4.12 网站的更新与维护 13
1.5 本章小结 13
第2章 网站的分类与配色 14
2.1 常见的网站类型 14
2.1.1 个人网站 14
2.1.2 企业类网站 14
2.1.3 行业信息类网站 15
2.1.4 影视音乐类网站 15
2.1.5 休闲游戏类网站 15
2.1.6 电子商务类网站 16
2.1.7 综合门户类网站 16
2.2 网页配色基础 16
2.2.1 色彩模式 17
2.2.2 网页安全色彩 17
2.2.3 网页色彩的特性 18
2.3 网页配色方法 18
2.3.1 网页配色基础 18
2.3.2 网页配色的原则 20
2.3.3 网页配色的基本方法 22
2.4 常见的网页配色 24
2.5 本章小结 26
DreamweaverCS6篇
第3章 DreamweaverCS6入门 28
3.1 初识DreamweaverCS6 28
3.2 DreamweaverCS6的新增功能 28
3.2.1 全新的“管理站点”对话框 28
3.2.2 BusinessCatalyst站点和BusinessCatalyst面板 29
3.2.3 流体网格布局页面 29
3.2.4 为单个元素应用多个类CSS样式 30
3.2.5 CSS过渡效果 30
3.2.6 Web字体 30
3.2.7 改进的图像优化功能 31
3.2.8 支持JQuery16.4和JQueryMobile1.0 31
3.2.9 新增JQueryMobile色板 31
3.2.10 集成PhoneGapBuild 32
3.3 认识DreamweaverCS6工作界面 32
3.3.1 DreamweaverCS6工作区布局 33
3.3.2 菜单栏 33
3.3.3 文档工具栏 34
3.3.4 状态栏 34
3.3.5 “插入”面板 35
3.3.6 “属性”面板 35
3.3.7 其他浮动面板 35
3.4 网页文件的基础操作 36
3.4.1 实战——创建空白文件 36
3.4.2 实战——打开网页文件 38
3.4.3 实战——预览网页 38
3.4.4 保存和关闭网页 39
3.5 创建站点 40
3.5.1 实战——创建本地静态站点 40
3.5.2 实战——创建站点并设置远程服务器 40
3.5.3 实战——创建BusinessCatalyst站点 42
3.6 站点的管理 44
3.6.1 使用“文件”面板切换站点 44
3.6.2 “管理站点”对话框 44
3.7 本章小结 45
第4章 在网页中插入基础网页元素 46
4.1 设置页面属性 46
4.1.1 设置外观（CSS） 46
4.1.2 设置外观（HTML） 47
4.1.3 设置链接（CSS） 47
4.1.4 设置标题（CSS） 48
4.1.5 设置标题和编码 49
4.1.6 设置跟踪图像 49
4.1.7 实战——控制网页整体属性 50
4.2 在网页中添加文本 51
4.2.1 实战——在网页中输入文本 51
4.2.2 设置文本属性 52
4.2.3 文本换行与分段 53
4.2.4 实战——插入水平线 54
4.2.5 实战——插入时间 55
4.2.6 实战——插入注释 56
4.2.7 实战——插入特殊字符 58
4.2.8 实战——创建项目列表 58
4.2.9 实战——创建编号列表 59
4.3 在网页中插入图像 60
4.3.1 网页图像的格式 60
4.3.2 实战——在网页中插入图像 61
4.3.3 设置图像属性 62
4.3.4 实战——插入图像占位符 65
4.3.5 实战——插入鼠标经过图像 66
4.4 在网页中插入多媒体元素 67
4.4.1 实战——插入Flash动画 67
4.4.2 设置Flash动画属性 68
4.4.3 实战——插入FLV视频 69
4.4.4 实战——插入Shockwave动画 70
4.4.5 实战——为网页添加背景音乐 71
4.4.6 实战——在网页中插入视频 73
4.4.7 实战——应用JavaApplet实现网页特效 74
4.5 本章小结 75
第5章 创建网页链接 76
5.1 什么是超链接 76
5.1.1 相对路径 76
5.1.2 绝对路径 76
5.1.3 外部链接和内部链接 77
5.1.4 “超链接”对话框 77
5.2 创建基础超链接 78
5.2.1 实战——设置文字超链接 78
5.2.2 实战——设置图像超链接 79
5.3 创建特殊的网页链接 80
5.3.1 实战——创建空链接 80
5.3.2 实战——创建脚本链接 81
5.3.3 实战——创建下载链接 82
5.3.4 实战——创建E—Mail链接 83
5.3.5 实战——创建锚记链接 84
5.3.6 实战——创建热点链接 86
5.4 管理网页超链接 88
5.4.1 自动更新链接 88
5.4.2 在站点范围内更改链接 88
5.4.3 检查错误的链接 89
5.5 本章小结 89

第6章 使用APDiv与行为实现网页特效 90
6.1 认识APDiv 90
6.1.1 什么是APDiv 90
6.1.2 认识“AP元素”面板 90
6.2 使用APDiv排版 90
6.2.1 插入APDiv 91
6.2.2 设置APDiv属性 91
6.2.3 实战——使用APDiv排版 92
6.2.4 实战——使用APDiv溢出排版 93
6.3 行为的概念 95
6.3.1 事件 95
6.3.2 动作 95
6.4 为网页添加行为 95
6.4.1 实战——交换图像 96
6.4.2 实战——弹出信息 97
6.4.3 恢复交换图像 98
6.4.4 实战——打开浏览器窗口 98
6.4.5 实战——拖动AP元素 99
6.4.6 实战——改变属性 100
6.4.7 实战——设置效果 102
6.4.8 实战——显示／隐藏元素 103
6.4.9 实战——检查插件 105
6.4.10 实战——检查表单 106
6.4.11 实战——设置容器的文本 107
6.4.12 实战——设置文本域文字 109
6.4.13 设置框架文本 110
6.4.14 实战——设置状态栏文本 110
6.4.15 实战——调用JavaScript 111
6.4.16 实战——跳转菜单 112
6.4.17 跳转菜单开始 113
6.4.18 转到URL 113
6.4.19 预先载入图像 113
6.5 本章小结 114
第7章 CSS样式与Div+CSS布局 115
7.1 什么是CSS样式 115
7.1.1 认识CSS样式 115
7.1.2 “CSS样式”面板 115
7.1.3 CSS样式的基本写法 117
7.2 创建CSS样式 117
7.2.1 实战——创建标签CSS样式 118
7.2.2 实战——创建类CSS样式 119
7.2.3 实战——创建IDCSS样式 121
7.2.4 实战——创建复合CSS样式 123
7.2.5 实战——创建伪类CSS样式 125
7.3 设置CSS样式属性 128
7.3.1 实战——设置文本样式 128
7.3.2 实战——设置背景样式 130
7.3.3 实战——区块样式 131
7.3.4 实战——方框样式 133
7.3.5 实战——边框样式 134
7.3.6 实战——列表样式 136
7.3.7 实战——定位样式 138
7.3.8 实战——扩展样式 139
7.3.9 过渡样式 141
7.4 CSS样式的特殊应用 142
7.4.1 实战——CSS类选区 142
7.4.2 实战——Web字体 144
7.5 关于Div+CSS布局 146
7.5.1 什么是Div 146
7.5.2 插入Div 147
7.5.3 Div+CSS的优势 148
7.6 块元素和行内元素 149
7.6.1 块元素 149
7.6.2 行内元素 149
7.7 CSS盒模型 149
7.7.1 什么是CSS盒模型 149
7.7.2 实战——margin（边界） 150
7.7.3 实战——padding（填充） 152
7.7.4 实战——border（边框） 153
7.8 常用CSS定位方式 154
7.8.1 CSS定位属性 154
7.8.2 浮动定位 155
7.8.3 相对定位 155
7.8.4 绝对定位 156
7.8.5 固定定位 156
7.9 本章小结 156
第8章 使用表格与框架布局 157
8.1 插入表格 157
8.1.1 在网页中插入表格 157
8.1.2 设置表格属性 157
8.1.3 设置单元格属性 158
8.2 选择表格元素 159
8.2.1 实战——选择整个表格 159
8.2.2 实战——选择单元行或单元列 159
8.2.3 实战——选择单元格 160
8.3 表格特殊处理 161
8.3.1 实战——导入表格式数据 161
8.3.2 实战——表格排序 162
8.4 创建框架网页 163
8.4.1 创建框架集 163
8.4.2 保存框架和框架集文件 164
8.4.3 设置框架集属性 164
8.4.4 设置框架属性 165
8.5 选择框架和框架集 165
8.5.1 在“框架”面板中选择框架或框架集 166
8.5.2 在文档窗口中选择框架或框架集 166
8.6 使用Spry构件创建网页常见效果 166
8.6.1 关于Spry构件 166
8.6.2 实战——Spry菜单栏 167
8.6.3 实战——Spry选项卡式面板 170
8.6.4 实战——Spry可折叠面板 173
8.6.5 实战——Spry折叠式 175
8.6.6 实战——Spry工具提示 178
8.7 本章小结 179
第9章 模板和库的运用 180
9.1 使用模板 180
9.1.1 模板的特点 180
9.1.2 实战——创建模板 180
9.1.3 实战——定义可编辑区域 181
9.1.4 实战——定义可选区域 182
9.1.5 实战——定义可编辑可选区域 183
9.1.6 定义重复区域 184
9.1.7 可编辑标签属性 184
9.2 应用模板 184
9.2.1 实战——创建基于模板的页面 184
9.2.2 删除页面中所使用的模板 188
9.2.3 更新模板及基于模板的网页 188
9.3 在网页中使用库项目 189
9.3.1 实战——创建库项目 189
9.3.2 实战——插入库项目 191
9.3.3 库项目的编辑和更新 192
9.3.4 库项目属性 193
9.4 本章小结 193
第10章 在网页中插入表单元素 194
10.1 关于表单 194
10.1.1 表单概述 194
10.1.2 认识表单元素 194
10.2 插入表单元素 195
10.2.1 实战——插入表单域 195
10.2.2 实战——插入文本域 196
10.2.3 实战——插入密码域 198
10.2.4 实战——插入多行文本域 199
10.2.5 插入隐藏域 200
10.2.6 实战——插入复选框 201
10.2.7 实战——插入单选按钮 202
10.2.8 实战——插入列表／菜单 203
10.2.9 实战——插入跳转菜单 205
10.2.10 实战——插入图像域 207
10.2.11 实战——插入文件域 208
10.2.12 实战——插入按钮 209
10.3 实战——Spry验证表单 210
10.3.1 实战——使用Spry验证登录框 211
10.3.2 设置Spry验证属性 212
10.4 本章小结 213
PhotoshopCS6篇
第11章 PhotoshopCS6入门 215
11.1 认识PhotoshopCS6工作界面 215
11.1.1 PhotoshopCS6工作区 215
11.1.2 菜单栏 216
11.1.3 选项栏 217
11.1.4 文档窗口 217
11.1.5 状态栏 219
11.1.6 面板 219
11.2 图像的类型和分辨率 220
11.2.1 位图 220
11.2.2 矢量图像 220
11.2.3 分辨率 221
11.3 文件的基本操作 221
11.3.1 新建文件 221
11.3.2 打开文件 223
11.3.3 导入文件 223
11.3.4 置入文件 223
11.3.5 保存文件 223
11.3.6 导出文件 223
11.3.7 关闭文件 224
11.4 图像编辑的辅助操作 224
11.4.1 实战——使用标尺 224
11.4.2 实战——使用参考线 225
11.4.3 使用智能参考线 226
11.4.4 使用网格 227
11.4.5 实战——使用注释工具 227
11.5 本章小结 228
第12章 使用PhotoshopCS6绘制图像 229
12.1 调整图像 229
12.1.1 调整图像大小 229
12.1.2 调整画布大小 230
12.2 基本绘图工具 231
12.2.1 画笔工具 231
12.2.2 铅笔工具 232
12.3 矢量绘图工具 233
12.3.1 矩形工具 233
12.3.2 椭圆工具 234
12.3.3 圆角矩形工具 234
12.3.4 直线工具 235
12.3.5 自定形状工具 236
12.4 钢笔工具 237
12.4.1 使用“钢笔工具” 237
12.4.2 添加和删除锚点 238
12.4.3 选择路径与锚点 239
12.4.4 调整路径 239
12.4.5 变换路径 240
12.5 实战——设计房地产网站logo 240
12.6 本章小结 248

第13章 修改图像的形状和颜色 249
13.1 创建与编辑选区 249
13.1.1 选框工具组 249
13.1.2 实战——使用“矩形选框工具” 250
13.1.3 实战——使用“椭圆选框工具” 252
13.1.4 实战——使用“单行选框工具” 253
13.1.5 套索工具组 254
13.1.6 魔棒工具组 254
13.1.7 修改选区 255
13.2 修改图像 257
13.2.1 橡皮擦工具组 257
13.2.2 图章工具组 257
13.2.3 仿制图章工具 258
13.2.4 实战——使用“仿制图章工具” 258
13.2.5 图案图章工具 259
13.2.6 实战——使用“图案图章工具” 259
13.2.7 修复工具组 260
13.3 调整网页图像的颜色 262
13.3.1 实战——调整图像的亮度 262
13.3.2 实战——调整图像颜色 263
13.3.3 实战——调整图像的色调 264
13.4 实战——设计网站宣传广告 265
13.5 本章小结 267
第14章 使用文本和图层 268
14.1 输入文本 268
14.1.1 文字工具组 268
14.1.2 实战——输入横排文字 269
14.1.3 实战——输入直排文字 270
14.2 编辑文本 272
14.2.1 设置文字格式 272
14.2.2 实战——创建变形文字 273
14.2.3 实战——创建路径文字 275
14.3 使用“图层”面板 277
14.3.1 认识“图层”面板 277
14.3.2 新建图层 279
14.3.3 复制图层 281
14.3.4 删除图层 281
14.3.5 调整图层顺序 281
14.3.6 链接图层 282
14.3.7 合并图层 282
14.4 添加图层样式 283
14.4.1 实战——投影、内阴影图层样式 283
14.4.2 实战——外发光、内发光图层样式 284
14.4.3 实战——斜面和浮雕图层样式 285
14.5 实战——设计网站导航栏 286
14.6 本章小结 290
第15章 网页动画制作与切片输出 291
15.1 创建与编辑切片 291
15.1.1 创建切片 291
15.1.2 实战——使用“切片工具”创建切片 291
15.1.3 编辑切片选项 292
15.1.4 实战——选择和移动切片 293
15.1.5 删除切片 294
15.2 图像的优化与输出 295
15.2.1 优化图像 295
15.2.2 输出图像 298
15.3 创建GIF动画 299
15.3.1 认识“时间轴”面板 299
15.3.2 实战——创建GIF动画 300
15.3.3 实战——存储动画 303
15.4 实战——为网页创建切片并输出网页 304
15.5 本章小结 306
第16章 常用网页元素的设计 307
16.1 网站Logo 307
16.1.1 网站Logo的特点 307
16.1.2 实战——设计生活服务类网站Logo 308
16.2 网站按钮 314
16.2.1 网站按钮的特点 314
16.2.2 实战——绘制水晶质感按钮 315
16.3 网站广告 321
16.3.1 网站广告的优势 321
16.3.2 实战——设计网站弹出广告页面 321
16.4 网站导航菜单 329
16.4.1 网站导航菜单的要求 329
16.4.2 实战——设计游戏网站导航菜单 330
16.5 本章小结 334
FlashCS6篇

第17章 FlashCS6入门 336
17.1 Flash动画基础 336
17.1.1 Flash动画基础 336
17.1.2 Flash动画术语 337
17.1.3 Flash动画的应用及发展前景 337
17.2 认识FlashCS6工作界面 340
17.2.1 FlashCS6工作区 340
17.2.2 菜单栏 341
17.2.3 舞台 343
17.2.4 时间轴 343
17.2.5 工具箱 344
17.2.6 “属性”面板 345
17.3 新建Flash文件 346
17.3.1 新建空白Flash文件 346
17.3.2 新建Flash模板文件 346
17.3.3 设置Flash文档属性 348
17.4 打开和保存Flash文件 349
17.4.1 打开Flash文件 349
17.4.2 直接保存Flash文件 349
17.4.3 另存为Flash文件 349
17.4.4 另存为Flash模板文件 350
17.4.5 关闭Flash文件 350
17.5 本章小结 350
第18章 使用Flash中的绘图工具 351
18.1 使用基本绘图工具 351
18.1.1 矩形工具和基本矩形工具 351
18.1.2 椭圆工具和基本椭圆工具 353
18.1.3 多角星形工具 355
18.1.4 线条工具 356
18.1.5 铅笔工具 356
18.1.6 刷子工具 357
18.1.7 喷涂刷工具 357
18.1.8 橡皮擦工具 359
18.1.9 实战——绘制可爱卡通小兔 359
18.2 高级绘图工具 363
18.2.1 钢笔工具 363
18.2.2 调整锚点和锚点转换 364
18.2.3 添加和删除锚点 365
18.2.4 实战——绘制卡通铅笔人 365
18.2.5 使用Deco工具 369
18.2.6 实战——绘制梦幻般精美图形 369
18.3 设置颜色 371
18.3.1 填充颜色和笔触颜色 371
18.3.2 设置颜色 372
18.4 使用“颜色”面板 373
18.4.1 填充纯色 373
18.4.2 填充渐变颜色 374
18.4.3 填充位图 375
18.5 墨水瓶工具和颜料桶工具 376
18.6 本章小结 377
第19章 文本与对象的操作 378
19.1 文本的类型 378
19.1.1 传统文本 378
19.1.2 TLF文本 378
19.2 创建文本 379
19.2.1 实战——创建静态文本 379
19.2.2 实战——创建动态文本 380
19.2.3 实战——创建输入文本 381
19.3 文本的编辑处理 382
19.3.1 选择和移动文本 382
19.3.2 为文本设置超链接 383
19.3.3 实战——检查拼写 383
19.3.4 查找和替换 384
19.3.5 实战——分离文本 384
19.3.6 实战——分散到图层 386
19.4 对象的基本操作 388
19.4.1 选择对象 388
19.4.2 移动对象 390
19.4.3 复制对象 391
19.4.4 删除对象 392
19.5 对象变形操作 392
19.5.1 变形点 393
19.5.2 自动变换对象 393
19.5.3 缩放对象 394
19.5.4 旋转和倾斜对象 394
19.5.5 扭曲对象 395
19.5.6 封套对象 396
19.6 本章小结 396
第20章 元件与“库”面板 397
20.1 认识“时间轴”面板 397
20.2 关于帧 398
20.2.1 帧 398
20.2.2 关键帧 398
20.2.3 空白关键帧 398
20.2.4 关于帧频 399
20.3 帧的编辑操作 399
20.3.1 插入帧 399
20.3.2 选择帧 400
20.3.3 复制帧 401
20.3.4 移动帧 401
20.3.5 删除和清除帧 402
20.3.6 翻转帧 402
20.3.7 帧的转换 402
20.3.8 帧标签 403
20.4 元件基础 403
20.4.1 什么是元件 403
20.4.2 元件的类型 404
20.5 创建元件 404
20.5.1 创建图形元件 404
20.5.2 创建影片剪辑元件 405
20.5.3 创建按钮元件 405
20.5.4 转换为元件 405
20.5.5 实战——制作基础按钮动画 406
20.5.6 实战——制作马儿奔跑动画 407
20.6 使用“库”面板 409
20.6.1 认识“库”面板 409
20.6.2 管理库项目 410
20.6.3 使用公共库 411
20.7 使用动画预设 412
20.7.1 预览动画预设 412
20.7.2 实战——使用动画预设制作文字入场动画 412
20.8 本章小结 415
第21章 制作Flash动画 416
21.1 逐帧动画 416
21.1.1 逐帧动画的特点 416
21.1.2 实战——制作眩光文字动画 416
21.2 形状补间动画 419
21.2.1 形状补间动画的特点 419
21.2.2 实战——制作闪耀的太阳动画 420
21.3 补间动画 423
21.3.1 补间动画的特点 423
21.3.2 实战——制作雪人滑雪动画 424
21.4 传统补间动画 427
21.4.1 传统补间动画的特点 427
21.4.2 实战——制作网站活动广告条 427
21.5 引导动画 431
21.5.1 引导动画的特点 431
21.5.2 实战——制作蝴蝶飞舞动画 431
21.6 遮罩动画 435
21.6.1 遮罩动画的特点 435
21.6.2 实战——制作网站开场动画 435
21.7 本章小结 438
第22章 使用ActionScript3.0 439
22.1 了解ActionScript 439
22.1.1 ActionScript的发展 439
22.1.2 ActionScript3.0的特点 440
22.2 ActionScript3.0基础 440
22.2.1 ActionScript3.0中的变量和数据类型 440
22.2.2 ActionScript3.0语法 442
22.3 常用ActionScript语句 443
22.3.1 播放控制 444
22.3.2 播放跳转 444
22.3.3 条件语句 444
22.3.4 循环语句 446
22.4 代码的输入 447
22.4.1 在时间轴上输入代码 447
22.4.2 创建ActionScript文件 448
22.5 对象处理 449
22.5.1 属性 449
22.5.2 方法 449
22.6 实战——制作网站宣传栏动画 449
22.7 本章小结 453
第23章 测试、导出与发布动画 454
23.1 优化与测试Flash动画 454
23.1.1 优化Flash动画 454
23.1.2 实战——测试Flash动画 455
23.2 导出Flash动画 456
23.2.1 实战——导出Flash动画 456
23.2.2 实战——导出图像 457
23.3 发布Flash动画 458
23.3.1 发布为Flash影片 458
23.3.2 发布为HTML页面 459
23.3.3 发布为GIF图像 461
23.3.4 预览发布效果 462
23.3.5 发布Flash动画 462
23.4 实战——制作网站欢迎动画并发布 462
23.5 本章小结 468
综合商业案例篇
第24章 设计制作电子商务网站 470
24.1 电子商务网站的特点 470
24.1.1 电子商务网站的分类 470
24.1.2 电子商务网站的设计原则 471
24.2 使用Photoshop设计网站首页面 471
24.2.1 实战——设计网站首页面 471
24.2.2 实战——切割页面素材 479
24.3 实战——制作网站中的Flash动画 482
24.4 实战——使用Dreamweaver制作网站页面 486
24.5 本章小结 495
第25章 设计制作游戏网站 496
25.1 游戏网站的特点 496
25.1.1 游戏网站的分类 496
25.1.2 游戏网站的设计原则 497
25.2 使用Photoshop设计网站首页面 498
25.2.1 实战——设计网站首页面 498
25.2.2 实战——切割页面素材 508
25.3 制作网站中的Flash动画 511
25.3.1 实战——制作游戏按钮动画 511
25.3.2 实战——制作导航菜单动画 518
25.4 实战——使用Dreamweaver制作网站页面 525
25.5 本章小结 535