第1章 网站建设基础 1
1.1 认识网页与网站 1
1.1.1 网页与网站的概念 1
1.1.2 网页的类型 2
1.1.3 网页的基本构成元素 2
1.1.4 网页的布局 5
1.2 网站开发流程 7
1.2.1 网站策划 7
1.2.2 收集资料 8
1.2.3 制作网页 8
1.2.4 测试和发布站点 9
1.2.5 更改和维护站点 9
1.3 网页制作软件 9
1.3.1 网页编辑软件 9
1.3.2 动画制作软件 9
1.3.3 图像处理软件 10
第2章 网页美术设计 11
2.1 色彩的特性 11
2.1.1 色彩的类型 11
2.1.2 色彩的属性 12
2.1.3 色彩的混合 14
2.2 色彩的心理效应 14
2.2.1 温暖与寒冷 14
2.2.2 兴奋与冷静 15
2.2.3 轻与重 16
2.2.4 强与弱 16
2.2.5 柔和与坚硬 16
2.2.6 膨胀与收缩 17
2.2.7 华丽与朴素 17
2.2.8 前进色与后退色 18
2.3 页面色彩搭配 18
2.3.1 网页色彩搭配的原则 18
2.3.2 网页色彩搭配的技巧 20
2.3.3 网页要素色彩的搭配 21
2.4 版式构图原理 22
2.4.1 重复 22
2.4.2 相似 23
2.4.3 渐变 23
2.4.4 发射 24
2.4.5 特异 24
2.4.6 密集 25
2.4.7 肌理 25
2.5 版面文字的编排 25
2.5.1 对称编排 25
2.5.2 非对称编排 26
2.5.3 绕排 26
2.5.4 图形化编排 26
2.5.5 强调编排 27
2.5.6 文字穿插编排 27
2.5.7 不规则编排 28
第3章 初识Dreamweaver CS4 29
3.1 Drearnweaver CS4工作界面 29
3.1.1 快速访问工具栏 29
3.1.2 菜单栏 29
3.1.3 “插入”面板 30
3.1.4 “CSS样式”面板 30
3.1.5 编辑窗口 30
3.1.6 状态栏 30
3.2 创建本地站点 30
3.2.1 使用站点向导创建站点 31
3.2.2 使用高级设置创建站点 32
3.2.3 创建站点文件和文件夹 34
3.3 网页文档基本操作 34
3.3.1 创建网页文档 34
3.3.2 保存网页文档 35
3.3.3 预览网页文档 36
3.4 插入与编辑文本 36
3.4.1 插入文本 36
3.4.2 设置文本属性 37
3.4.3 设置段落格式 39
3.5 在网页中插入其他对象 39
3.5.1 插入图像 39
3.5.2 插入特殊字符 40
3.5.3 插入水平线 41
3.5.4 插入日期 41
3.6 创建超链接 42
3.6.1 创建文本超链接 42
3.6.2 创建图像热点链接 43
3.6.3 创建E-mail超链接 44
3.6.4 创建命名锚记超链接 45
3.7 插入多媒体元素 46
3.7.1 插入Flash动画 46
3.7.2 插入视频文件 47
3.7.3 插入背景音乐 48
第4章 使用表格和框架布局网页 49
4.1 创建表格 49
4.1.1 创建普通表格 49
4.1.2 创建嵌套表格 49
4.2 编辑表格 50
4.2.1 选择表格对象 50
4.2.2 设置表格颜色 51
4.2.3 插入行和列 51
4.2.4 删除行和列 52
4.2.5 拆分与合并单元格 54
4.3 创建与保存框架集 55
4.3.1 创建框架集 55
4.3.2 创建嵌套框架集 56
4.3.3 保存框架集 56
4.4 编辑框架集 57
4.4.1 选择框架 57
4.4.2 添加网页元素 58
4.4.3 拆分框架 58
4.4.4 设置框架集属性 59
4.4.5 设置框架链接 60
4.4.6 框架标签 60
第5章 使用CSS样式和层 63
5.1 创建CSS样式 63
5.1.1 创建CSS样式 63
5.1.2 应用CSS样式 66
5.2 编辑CSS样式 68
5.2.1 删除CSS样式 68
5.2.2 设置CSS样式 69
5.3 创建层 71
5.3.1 创建层 71
5.3.2 创建嵌套层 72
5.4 编辑层 73
5.4.1 选择层 73
5.4.2 移动层 74
5.4.3 对齐层 75
5.4.4 调整层的大小 75
5.4.5 设置堆叠顺序 76
5.4.6 改变层的可见性 76
5.5 层与表格的转换 77
5.5.1 将层转换为表格 77
5.5.2 将表格转换为层 78
第6章 使用表单和行为 80
6.1 创建表单 80
6.1.1 创建表单 80
6.1.2 设置表单属性 80
6.2 添加表单对象 81
6.2.1 添加文本域 81
6.2.2 添加密码文本域 83
6.2.3 添加单选按钮 84
6.2.4 添加按钮 85
6.2.5 添加复选框 86
6.2.6 添加菜单 88
6.2.7 添加列表 90
6.2.8 添加跳转菜单 91
6.2.9 添加文件域 92
6.3 添加行为 93
6.3.1 设置状态栏文木 93
6.3.2 弹出信息 94
6.3.3 交换图像 95
6.3.4 Spry效果 96
第7章 初识Flash CS4 101
7.1 Flash CS4工作界面 101
7.1.1 标题栏 102
7.1.2 菜单栏 102
7.1.3 舞台与工作区 102
7.1.4 时间轴 104
7.1.5 工具箱 104
7.1.6 面板集 104
7.2 Flash文档的基本操作 105
7.2.1 新建Flash文档 105
7.2.2 打开Flash文档 106
7.2.3 保存Flash文档 107
7.2.4 关闭Flash文档 108
7.3 绘图工具 108
7.3.1 线条工具 108
7.3.2 钢笔工具 109
7.3.3 铅笔工具 111
7.3.4 刷子工具 112
7.3.5 椭圆工具 113
7.3.6 矩形工具 114
7.4 创建与编辑文本 115
7.4.1 静态文本 115
7.4.2 动态文本 116
7.4.3 输入文木 116
7.5 图形的编辑 118
7.5.1 组合与分离 118
7.5.2 将线条转换成填充 120
7.5.3 图形扩展与收缩 121
7.5.4 柔化填充边缘 122
7.5.5 将位图转换为矢量图 122
7.6 图层的操作 123
7.6.1 插入图层 123
7.6.2 重命名图层 124
7.6.3 调整图层顺序 125
7.6.4 删除图层 125
7.6.5 复制图层 126
第8章 使用元件、实例与库 127
8.1 创建元件 127
8.1.1 创建图形元件 127
8.1.2 创建影片剪辑元件 129
8.1.3 创建按钮元件 130
8.2 编辑元件 132
8.2.1 在当前位置编辑元件 133
8.2.2 在新窗口中编辑元件 133
8.2.3 在元件的编辑模式下编辑元件 135
8.3 创建实例 135
8.4 编辑实例 136
8.4.1 复制实例 136
8.4.2 改变实例类型 137
8.4.3 分离实例 137
8.4.4 交换实例 138
8.5 使用库 139
8.5.1 “库”面板的组成 139
8.5.2 创建库文件夹 140
8.5.3 调用库项目 140
8.6 编辑库项目 141
8.6.1 编辑元件 141
8.6.2 编辑声音 142
8.6.3 编辑位图 142
第9章 制作与编辑动画 144
9.1 逐帧动画 144
9.1.1 导入逐帧动画 144
9.1.2 创建逐帧动画 146
9.2 补间动画 149
9.2.1 制作形状补间动画 150
9.2.2 制作动作补间动画 151
9.3 运动引导动画 152
9.3.1 制作单个运动引导动画 153
9.3.2 制作多个运动引导动画 155
9.4 遮罩动画 157
9.4.1 在遮罩层制作动画 157
9.4.2 在被遮罩层制作动画 159
9.5 编辑动画 161
9.5.1 选择帧 161
9.5.2 删除帧 162
9.5.3 改变帧长 162
9.5.4 转换帧 162
9.6 添加声音 163
9.6.1 为关键帧导入声音 163
9.6.2 为按钮导入声音 164
第10章 使用ActionScript创建动画 166
10.1 ActionScript概述 166
10.1.1 ActionScript简介 166
10.1.2 使用“动作”面板 166
10.2 常用ActionScript数据类型 168
10.2.1 字符串型 168
10.2.2 数值型 170
10.2.3 布尔型 170
10.2.4 对象型 171
10.2.5 空值和未定义型 171
10.2.6 检测数据类型 172
10.3 常用ActionScript基本语法 173
10.3.1 点语法 173
10.3.2 大括号 174
10.3.3 分号 176
10.3.4 圆括号 177
10.3.5 大小写字母 177
10.3.6 注释 178
10.3.7 关键字和保留字 180
10.3.8 常数 180
10.4 ActionScript常用语句 181
10.4.1 播放控制 181
10.4.2 播放跳转 181
10.4.3 条件语句 185
10.4.4 循环语句 185
第11章 初识Fireworks CS4 186
11.1 Fireworks CS4工作界面 186
11.1.1 菜单栏 186
11.1.2 工具栏 186
11.1.3 工具箱 187
11.1.4 编辑区 187
11.1.5 “属性”面板 188
11.1.6 浮动面板 188
11.2 绘制矢量图形 190
11.2.1 绘制几何图形 190
11.2.2 绘制路径图形 192
11.3 编辑路径对象 193
11.3.1 选择路径对象 193
11.3.2 调整路径对象 195
11.3.3 将路径应用于文本 195
11.4 创建与编辑文本 196
11.4.1 创建文本 196
11.4.2 编辑文本 196
第12章 使用热点、切片与导航条 198
12.1 热点的基本操作 198
12.1.1 创建热点 198
12.1.2 设置热点 199
12.1.3 编辑热点 199
12.1.4 输出热点 200
12.1.5 显示或隐藏热点 201
12.2 切片的基本操作 201
12.2.1 创建切片 201
12.2.2 编辑切片 204
12.2.3 导出切片 205
12.3 创建与编辑按钮和导航条 205
12.3.1 使用元件 206
12.3.2 创建与编辑按钮 207
12.3.3 创建与编辑导航条 210
12.3.4 导入元件与按钮 212
第13章 初识Photoshop CS4 213
13.1 Photoshop CS4工作界面 213
13.1.1 快速访问工具栏 213
13.1.2 菜单栏 213
13.1.3 工具选项栏 214
13.1.4 工具箱 214
13.1.5 图像编辑窗口 214
13.1.6 浮动面板 215
13.1.7 状态栏 215
13.2 文件的基本操作 215
13.2.1 新建文件 215
13.2.2 打开文件 216
13.2.3 保存文件 217
13.3 绘制与修饰图像 218
13.3.1 直线、矩形等工具 218
13.3.2 图像修饰工具 221
13.3.3 图像修复工具 223
13.4 图章工具 225
13.4.1 仿制图章工具 225
13.4.2 图案图章工具 226
13.5 输入文本 227
13.5.1 横排文字工具 227
13.5.2 直排文字工具 228
13.5.3 文字蒙版工具 229
13.6 选择和使用颜色 230
13.6.1 设置前景色和背景色 230
13.6.2 使用油漆桶工具 231
13.6.3 使用渐变工具 232
第14章 使用图层、路径和切片 233
14.1 编辑图层 233
14.1.1 新建图层 233
14.1.2 复制图层 234
14.1.3 删除图层 234
14.1.4 调整图层顺序 235
14.1.5 链接图层 235
14.1.6 合并图层 236
14.2 绘制路径 236
14.2.1 创建路径 236
14.2.2 编辑路径 238
14.2.3 填充路径 241
14.2.4 描边路径 243
14.2.5 路径转换为选区 243
14.2.6 选区转换为路径 244
14.3 输出网页切片 245
14.3.1 创建切片 245
14.3.2 修改切片 246
14.3.3 优化与输出切片 250
第15章 Dreamweaver CS4实例演练 252
15.1 表格网页布局——网站调查表 252
15.1.1 制作调查表表头 252
15.1.2 添加文本 255
15.2 使用CSS样式美化网站——个人主页 259
15.2.1 创建CSS样式 260
15.2.2 应用CSS样式 262
15.2.3 添加文字效果 262
15.3 创建交互式表单——咖啡之逸 264
15.3.1 添加文本域 264
15.3.2 添加按钮 266
15.4 创建弹出广告页面——非梵摄影 267
15.4.1 创建弹出广告 268
15.4.2 预览弹出广告 269
15.5 创建滚动网页——服装网页 269
15.5.1 创建滚动网页 270
15.5.2 预览滚动网页 272
第16章 Flash CS4实例演练 273
16.1 文字动画——卡露雅丝袜 273
16.1.1 添加人物背景 273
16.1.2 创建各文字元件 275
16.1.3 制作跳动文字 277
16.2 图像动画——皇家大厨美食 281
16.2.1 制作背景图像动画 281
16.2.2 制作标识图像动画 283
16.2.3 制作美食图像动画 284
16.2.4 制作美食文字动画 287
16.3 标识类广告——红羽集团 288
16.3.1 制作标识图形动画 289
16.3.2 制作标识文字动画 292
16.4 弹出类广告——飞龙笔记本电脑 294
16.4.1 制作图像动画效果 295
16.4.2 制作遮罩动画效果 297
16.4.3 制作文字动画效果 298
16.5 背投类广告——悍虎汽车 301
16.5.1 制作动态画面——对开遮罩动画 302
16.5.2 制作动态画面——淡入淡出动画 305
16.5.3 制作标识画面——翻转动画 308
第17章 Fireworks CS4实例演练 310
17.1 立体文字——妈咪天地 310
17.1.1 制作渐变文字效果 310
17.1.2 制作浮雕文字效果 311
17.1.3 添加文字阴影效果 312
17.2 网站LOGO——魅琳唇膏 312
17.2.1 制作LOGO的图形效果 313
17.2.2 制作LOGO的文字效果 313
17.3 网站导航条——清馨家园 314
17.3.1 制作按钮形状 314
17.3.2 制作按钮阴影 315
17.3.3 制作按钮文字 316
17.3.4 制作导航条 316
17.4 GIF动画——RED COLOR唇彩 316
17.4.1 制作图像动画效果 317
17.4.2 制作文字动画效果 319
17.4.3 导出GIF动画效果 320
17.5 图像切片——商通网络 321
17.5.1 创建切片 321
17.5.2 导出切片 323
第18章 Photoshop CS4实例演练 324
18.1 设计网站LOGO——Daphni女鞋 324
18.1.1 添加LOGO文本对象 324
18.1.2 变形LOGO文本对象 326
18.1.3 填充LOGO文本对象 327
18.1.4 添加LOGO图像对象 328
18.2 设计网页背景——红色底纹 329
18.2.1 设置与填充背景 330
18.2.2 绘制背景纹理 331
18.2.3 添加花纹图案 333
18.3 设计网站导航条——Daphni网站导航 334
18.3.1 制作导航背景 334
18.3.2 绘制导航按钮 336
18.3.3 添加按钮元素 339
18.4 设计网站按钮——质感按钮 340
18.4.1 绘制按钮背景 341
18.4.2 绘制网站按钮 343
18.4.3 添加修饰元素 347
18.5 切片与导出网页格式图片——Daphni网页切片 348
18.5.1 创建切片 349
18.5.2 导出切片 350
第19章 网页设计案例实战——飞地图书网站 352
19.1 使用Photoshop制作网站LOGO 352
19.1.1 绘制LOGO图像 352
19.1.2 添加LOGO文本 353
19.2 使用Photoshop制作网站导航按钮 354
19.2.1 绘制按钮图像 354
19.2.2 添加文本对象 355
19.3 使用Flash制作动态广告条幅 356
19.3.1 制作动态条幅——点状遮罩动画 357
19.3.2 制作动态文字——飞地图书 359
19.3.3 制作动态条幅——条状遮罩动画 363
19.3.4 制作动态文字——零点起飞 364
19.4 使用Fireworks制作简易导航图标 368
19.4.1 制作简易导航图标的造型 368
19.4.2 添加简易导航图标的文字 369
19.5 使用Fireworks制作滚动式动态图片 370
19.5.1 添加图片素材 370
19.5.2 编辑动画元件 371
19.6 使用Dreamweaver制作网页 373
19.6.1 制作背景效果 373
19.6.2 制作页眉区 375
19.6.3 制作导航区 376
19.6.4 制作内容区 380
19.6.5 制作版权区 383
19.6.6 制作子页 383
19.6.7 设置超链接 384
19.7 完善与测试网站 385
19.7.1 测试网站的兼容性 386
19.7.2 测试网站的链接性 387
第20章 网页设计案例实战——自由居房产网站 388
20.1 使用Photoshop制作网站LOGO 388
20.1.1 绘制LOGO图像 388
20.1.2 添加LOGO文本 390
20.2 使用Flash制作片头动画 391
20.2.1 制作图像动画——淡出淡入效果 391
20.2.2 制作文字元件——天地铸造 394
20.2.3 制作文字动画——天地铸造 395
20.3 使用Fireworks制作导航按钮 399
20.3.1 制作导航按钮的形状 400
20.3.2 添加导航按钮的文字 400
20.4 使用Dreamweaver CS4制作网页 401
20.4.1 布局网站主页 401
20.4.2 制作页眉区 403
20.4.3 制作导航区 404
20.4.4 制作内容区 406
20.4.5 制作版权区 407
20.4.6 制作网站子页 408
20.4.7 设置超链接 410
20.5 测试网站 410