14天学通Dreamweaver+Photoshop+Flash网站建设与网页设计

第一阶段　网页设计基础篇
第1天上午　 网页设计基础 2
1.1　网页设计的相关术语 3
1.1.1　什么是网页 3
1.1.2　什么是网站 3
1.1.3　什么是静态网页 3
1.1.4　什么是动态网页 4
1.2　网页设计常用工具 4
1.2.1　网页编辑排版软件Dreamweaver CS4 5
1.2.2　网页图像制作软件Photoshop CS4和Fireworks CS4 5
1.2.3　网页动画制作软件Flash CS4 6
1.3　常见的网站类型 6
1.3.1　个人网站 6
1.3.2　企业类网站 7
1.3.3　机构类网站 7
1.3.4　娱乐休闲类网站 8
1.3.5　行业信息类网站 8
1.3.6　购物类网站 8
1.3.7　门户类网站 9
1.4　快速创建基本网页 10
1.4.1　确定网页主要栏目和整体布局 10
1.4.2　创建本地站点 10
1.4.3　新建网页文档 11
1.4.4　插入表格布局网页 12
1.4.5　插入多媒体 13
1.4.6　插入文本内容 13
1.4.7　插入图像 14
1.4.8　保存浏览网页 16
1.5　本章小结 16
1.6　课后习题 16
第1天下午　初次接触Dreamweaver CS4 20
2.1　Dreamweaver CS4概述 21
2.2　Dreamweaver CS4的工作界面 21
2.2.1　菜单栏 21
2.2.2　插入面板 22
2.2.3　属性面板 23
2.2.4　面板组 23
2.2.5　文档窗口 23
2.3　创建站点 23
2.3.1　使用向导创建站点 24
2.3.2　通过高级选项卡设置站点 25
2.4　管理多个站点 27
2.4.1　编辑站点 27
2.4.2　删除站点 28
2.4.3　复制站点 28
2.5　本章小结 28
2.6　课后习题 28
第二阶段　Dreamweaver CS4网页排版布局篇
第2天上午　轻松创建多彩的文本网页 29
3.1　网页的创建和保存 30
3.2　设置页面属性 31
3.2.1　外观 31
3.2.2　链接（CSS） 32
3.2.3　标题（CSS） 33
3.2.4　标题/编码 33
3.2.5　跟踪图像 34
3.3　输入文本 35
3.3.1　添加普通文本 35
3.3.2　添加特殊字符 36
3.3.3　添加空格 37
3.3.4　插入水平线 38
3.4　设置文本格式 39
3.4.1　在HTML属性检查器中设置文本格式 40
3.4.2　在属性检查器中编辑CSS规则 41
3.4.3　添加字体 41
3.4.4　设置字体的大小 42
3.4.5　设置字体颜色 42
3.4.6　对齐段落 42
3.4.7　缩进段落 43
3.5　创建项目列表和编号列表 43
3.5.1　创建项目列表 44
3.5.2　创建编号列表 44
3.6　设置头信息 45
3.6.1　设置标题 45
3.6.2　设置Meta 45
3.6.3　插入关键字 46
3.6.4　插入说明 46
3.6.5　插入刷新 46
3.7　综合练习——创建基本文本网页 47
3.8　本章小结 48
3.9　课后习题 49
第2天下午　创建超级链接 50
4.1　超级链接的基本概念 51
4.1.1　绝对路径 51
4.1.2　相对路径 51
4.2　创建链接的方法 52
4.2.1　使用属性面板创建链接 52
4.2.2　使用指向文件图标创建链接 52
4.2.3　使用菜单命令创建链接 52
4.3　管理超级链接 53
4.3.1　设置自动更新链接 53
4.3.2　在站点范围内更改链接 53
4.3.3　检查站点中的链接错误 54
4.4　综合练习 54
练习1——创建文本链接 54
练习2——创建E-mail链接 56
练习3——创建下载文件的链接 57
练习4——创建图像热点链接 58
练习5——创建锚点链接 60
练习6——空链接 64
练习7——创建脚本链接 65
4.5　本章小结 66
4.6　课后习题 66
第3天上午　巧用绚丽的图像和多媒体让网页动起来 68
5.1　在网页中插入图像 69
5.1.1　插入网页图像 70
5.1.2　设置图像属性 72
5.1.3　裁剪图像 73
5.1.4　优化图像 74
5.1.5　调整图像的亮度和对比度 74
5.1.6　锐化图像 75
5.2　插入其他网页图像 76
5.2.1　背景图像 76
5.2.2　使用跟踪图像 77
5.2.3　鼠标经过图像 78
5.2.4　插入导航条 80
5.3　添加声音 82
5.3.1　在文档中插入背景音乐 82
5.3.2　使用代码提示添加背景音乐 83
5.4　添加Flash影片 85
5.5　插入视频文件 87
5.6　插入其他媒体对象 89
5.6.1　插入Shockwave影片 89
5.6.2　插入Java小程序 90
5.6.3　插入ActiveX控件 91
5.7　综合练习 92
练习1——创建鼠标经过图像导航栏 92
练习2——制作多彩的图文混排网页 93
练习3——在网页中插入媒体实例 95
5.8　本章小结 96
5.9　课后习题 97
第3天下午　使用表格轻松排列和布局网页元素 99
6.1　插入表格和表格元素 100
6.1.1　插入表格 100
6.1.2　设置表格属性 102
6.1.3　添加内容到单元格 102
6.2　选择表格元素 103
6.2.1　选取表格 103
6.2.2　选取行或列 103
6.2.3　选取单元格 103
6.3　表格的基本操作 104
6.3.1　调整表格和单元格的大小 104
6.3.2　添加/删除行或列 106
6.3.3　拆分单元格 107
6.3.4　合并单元格 107
6.3.5　剪切、复制、粘贴单元格 108
6.4　排序及整理表格内容 108
6.4.1　导入表格式数据 108
6.4.2　排序表格 110
6.5　综合练习 112
练习1——利用表格排列数据 112
练习2——创建圆角表格 113
练习3——创建细线表格 116
实例4——利用表格布局网页 118
6.6　本章小结 124
6.7　课后习题 124
第4天上午　使用框架和Div灵活布局 网页 126
7.1　框架网页概述 128
7.2　创建框架和框架集 128
7.2.1　创建框架集 128
7.2.2　插入预定义框架集 129
7.2.3　保存框架和框架集文件 130
7.3　选择框架和框架集 131
7.3.1　在框架面板中选择框架或框架集 131
7.3.2　在文档窗口中选择框架或框架集 132
7.4　设置框架和框架集属性 132
7.4.1　设置框架属性 132
7.4.2　设置框架集属性 133
7.5　关于AP Div 133
7.5.1　AP Div的概念 133
7.5.2　AP Div面板 134
7.6　插入AP Div 134
7.6.1　创建普通AP Div 134
7.6.2　创建嵌套AP Div 135
7.7　设置AP Div的属性 135
7.7.1　显示/隐藏属性 135
7.7.2　改变堆叠顺序 136
7.7.3　添加滚动条 137
7.7.4　改变可见性 138
7.8　AP Div与表格的转换 139
7.8.1　将AP Div转换为表格 139
7.8.2　将表格转换为AP Div 140
7.9　使用Spry布局对象 142
7.9.1　使用Spry菜单栏 142
7.9.2　使用Spry选项卡式面板 143
7.9.3　使用Spry折叠式 144
7.9.4　使用Spry可折叠面板 146
7.10　综合练习 147
练习1——创建浮动框架 147
练习2——创建完整的框架网页实例 149
练习3——利用AP Div制作网页下拉菜单 157
7.11　本章小结 159
7.12　课后习题 159
第4天下午　使用CSS样式表让网页更美观和易维护 161
8.1　了解CSS样式表 162
8.2　CSS基本语法 163
8.3　设置CSS属性 164
8.3.1　设置CSS类型属性 164
8.3.2　设置CSS背景属性 165
8.3.3　设置CSS区块属性 166
8.3.4　设置CSS方框属性 167
8.3.5　设置CSS边框属性 167
8.3.6　设置CSS列表属性 168
8.3.7　设置CSS定位属性 169
8.3.8　设置CSS扩展属性 170
8.4　综合练习 170
练习1——创建内部样式表 171
练习2——创建外部样式表 173
练习3——链接外部样式表 174
练习4——应用CSS样式定义字体大小 175
练习5——应用CSS样式制作阴影文字 177
8.5　本章小结 180
8.6　课后习题 181
第5天上午　利用行为轻易实现网页 特效 184
9.1　行为概述 186
9.1.1　认识事件 186
9.1.2　动作类型 187
9.2　制作指定大小的弹出窗口 187
9.3　调用JavaScript 189
9.3.1　实现打印功能 189
9.3.2　实现关闭网页 190
9.4　设置浏览器环境 191
9.4.1　检查表单 191
9.4.2　检查浏览器 193
9.4.3　检查插件 195
9.5　设置图像特效 195
9.5.1　预先载入图像 195
9.5.2　交换图像 197
9.5.3　恢复交换图像 200
9.5.4　设置导航栏图像 200
9.6　设置文本 202
9.6.1　设置状态栏文本 202
9.6.2　设置文本域文本 203
9.6.3　设置框架文本 204
9.7　跳转菜单 204
9.8　转到URL 206
9.9　设置效果 207
9.9.1　增大/收缩效果 208
9.9.2　挤压效果 209
9.9.3　晃动效果 210
9.9.4　显示/渐隐效果 212
9.10　本章小结 213
9.11　课后习题 213
第5天下午　使用模板、库提高网页制作效率 215
10.1　创建模板 216
10.1.1　直接创建模板 216
10.1.2　从现有文档创建模板 217
10.1.3　创建可编辑区域 218
10.2　应用模板创建网页 220
10.3　更新模板及删除模板 222
10.3.1　更新模板 223
10.3.2　删除模板 223
10.4　创建和应用库 224
10.4.1　将现有内容创建为库 224
10.4.2　在网页中应用库 225
10.4.3　编辑并更新网页 226
10.4.4　将库项目从源文件中分离 227
10.5　综合练习 228
练习1——创建企业网站模板 228
练习2——利用模板创建网页 235
10.6　本章小结 237
10.7　课后习题 237
第6天上午　使用插件扩展Dreamweaver的功能 238
11.1　Dreamweaver CS4插件简介 239
11.2　安装插件 239
11.3　综合练习——插件的应用 240
练习1——使用插件制作背景音乐网页 240
练习2——利用插件创建随机切换的广告图 242
练习3——使用飘浮图像插件创建飘浮广告网页 244
练习4——利用插件制作颜色渐变的文本 246
练习5——利用插件制作不同时段显示不同问候语 247
练习6——利用插件制作为指定图片打开窗口效果 248
练习7——利用插件制作图片渐显渐隐效果 250
11.4　本章小结 252
11.5　课后习题 252
第6天下午　使用交互式表单 254
12.1　插入表单 255
12.1.1　表单概述 255
12.1.2　创建表单 256
12.2　插入文本域 257
12.2.1　单行文本域 257
12.2.2　多行文本域 258
12.2.3　密码域 259
12.3　插入复选框和单选按钮 260
12.3.1　插入复选框 260
12.3.2　插入单选按钮 261
12.4　插入列表和菜单 262
12.5　插入跳转菜单 263
12.6　使用按钮 264
12.6.1　插入按钮 264
12.6.2　图形按钮 265
12.7　使用隐藏域和文件域 266
12.7.1　文件域 266
12.7.2　隐藏域 267
12.8　综合练习——创建电子邮件表单 267
12.9　本章小结 270
12.10　课后习题 270
第7天上午　使用Dreamweaver CS4设计动态网页 272
13.1　在Dreamweaver中编码 273
13.1.1　根据代码提示设置背景音乐 274
13.1.2　使用代码片断快速创建网页 275
13.1.3　使用标签选择器插入浮动框架 275
13.1.4　使用标签编辑器编辑标签 276
13.1.5　使用快速标签编辑器插入marquee标签 277
13.2　搭建动态网页平台 278
13.2.1　安装Internet信息服务器（IIS） 278
13.2.2　设置Internet信息服务器（IIS） 279
13.3　创建数据库连接 282
13.3.1　定义系统DSN 282
13.3.2　建立系统DSN连接 283
13.4　编辑数据表记录 283
13.4.1　创建记录集 283
13.4.2　插入记录 284
13.4.3　更新记录 285
13.4.4　删除记录 286
13.5　添加服务器行为 287
13.5.1　插入重复区域 287
13.5.2　插入显示区域 287
13.5.3　记录集分页 288
13.5.4　转到详细页面 288
13.5.5　转到相关页面 289
13.5.6　用户身份验证 290
13.6　本章小结 292
13.7　课后习题 292
第7天下午　动态网站常见模块的开发 293
14.1　制作会员系统 295
14.1.1　创建数据库 295
14.1.2　创建数据库连接 296
14.1.3　会员注册页面 296
14.1.4　注册提交成功与失败页面 301
14.1.5　会员登录页面 302
14.1.6　登录成功与失败页面 306
14.2　新闻发布系统 307
14.2.1　新闻发布系统的分析 307
14.2.2　建立数据库表 308
14.2.3　建立数据库表关系 309
14.2.4　建立数据库表查询 310
14.3　新闻信息的录入 314
14.3.1　添加新闻分类 314
14.3.2　添加新闻内容 316
14.4　新闻系统的首页 319
14.4.1　绑定记录集 320
14.4.2　插入动态记录 320
14.5　本章小结 322
14.6　课后习题 322
第三阶段　Photoshop CS4网页图像设计篇
第8天上午　使用Photoshop CS4绘制网页图像 324
15.1　Photoshop CS4工作界面 325
15.1.1　菜单命令 326
15.1.2　工具箱 326
15.1.3　选项栏 326
15.1.4　调板 327
15.2　图像的调整 327
15.2.1　调整图像大小 327
15.2.2　调整画布大小 328
15.3　设置前景色和背景色 329
15.3.1　默认的前景色与背景色 329
15.3.2　更改和恢复前景色与背景色 330
15.4　创建选择区域 330
15.4.1　选框工具 330
15.4.2　套索工具 331
15.4.3　魔棒工具 332
15.4.4　制作透明图像 333
15.5　基本绘图工具 335
15.5.1　画笔工具 335
15.5.2　铅笔工具 336
15.5.3　加深和减淡工具的应用 337
15.6　综合练习 338
练习1——羽化网页图像 339
练习2——绘制网页标志 340
15.7　本章小结 342
15.8　课后习题 342
第8天下午　设计网页特许文字与按钮 344
16.1　创建文字 345
16.1.1　输入文字 345
16.1.2　设置文字属性 347
16.1.3　文字的变形 347
16.2　图层与图层样式 348
16.2.1　图层基本操作 348
16.2.2　设置图层样式 350
16.3　应用滤镜 355
16.3.1　渲染 355
16.3.2　风格化 357
16.3.3　模糊 363
16.4　综合练习——文字的应用 365
练习1——设计特殊文字 365
练习2——制作水晶按钮 367
练习3——制作圆角按钮 370
16.5　本章小结 371
16.6　课后习题 371
第9天上午　设计网页Logo与网络广告 373
17.1　网站Logo的制作 374
17.1.1　网站Logo的设计标准 374
17.1.2　网站Logo的设计规范 374
17.1.3　网站Logo的规格 374
练习——Logo设计实例 375
17.2　网络广告的制作 377
17.2.1　网络广告的形式 377
17.2.2　网页广告设计要素 377
17.2.3　网络广告设计技巧 378
17.3　综合练习——设计网络广告 378
17.4　本章小结 383
17.5　课后习题 383
第9天下午　综合练习——设计制作 网页中的图像 384
18.1　设计制作网页背景图像 385
18.2　设计网页广告图像 387
18.3　设计网站封面首页图像 392
18.4　使用切片对封面页图像切割 396
18.5　本章小结 398
18.6　课后习题 398
第四阶段　Flash CS4网页动画设计篇
第10天上午　Flash CS4绘图基础 402
19.1　Flash CS4简介 403
19.2　Flash CS4的工作界面 404
19.2.l　标题栏 404
19.2.2　菜单栏 405
19.2.3　舞台 405
19.2.4　工具箱 405
19.2.5　时间轴 406
19.2.6　浮动面板 406
19.3　绘制图形工具 406
19.3.1　线条工具 406
19.3.2　椭圆工具与矩形工具 407
19.3.3　多角星形工具 408
19.3.4　铅笔工具 409
19.3.5　刷子工具 410
19.3.6　钢笔工具 411
19.4　选择对象工具 411
19.4.1　选择工具 411
19.4.2　部分选取工具 412
19.5　编辑图形工具 412
19.5.1　颜料桶工具 413
19.5.2　墨水瓶工具 413
19.5.3　滴管工具 414
19.5.4　橡皮擦工具 414
19.6　文本工具的基本使用 415
19.7　综合练习 416
练习1——制作立体文字 416
练习2——创建简单的Flash动画 418
19.8　本章小结 420
19.9　课后习题 420
第10天下午　使用元件和实例 424
20.1　元件和实例的概念 425
20.2　创建元件 425
20.3　复制与编辑元件 426
20.3.1　复制元件 426
20.3.2　编辑元件 427
20.4　创建与编辑实例 428
20.4.1　创建实例 428
20.4.2　编辑实例 429
20.5　创建和管理库 431
20.5.1　创建项目 431
20.5.2　删除项目 431
20.6　使用公用库 431
20.7　综合练习 432
练习1——制作按钮 432
练习2——利用元件制作动画 435
20.8　本章小结 437
20.9　课后习题 437
第11天上午　创建基本Flash动画 440
21.1　创建逐帧动画 441
21.2　创建补间动画 443
练习1——创建补间动画 443
练习2——创建形状补间动画 446
21.3　创建遮罩动画 447
21.3.1　创建遮罩层 448
21.3.2　练习3——遮罩动画应用实例 448
21.4　运动引导层动画的创建 451
21.4.1　创建运动引导层 451
21.4.2　练习4——运动引导层动画应用实例 452
21.5　本章小结 455
21.6　课后习题 455
第11天下午　制作高级交互式动画 458
22.1　ActionScript脚本基础 459
22.1.1　动作面板 459
22.1.2　ActionScript基本语法 460
22.1.3　使用常量 461
22.1.4　使用运算符 461
22.1.5　使用函数 462
22.2　为对象添加动作 462
22.2.1　为帧添加动作 463
22.2.2　为按钮添加动作 463
22.2.3　为影片剪辑添加动作 464
22.3　综合练习 464
练习1——利用getURL制作发送电子邮件动画 464
练习2——利用stop和play语句控制动画的播放 466
22.4　本章小结 471
22.5　课后习题 471
第五阶段　网站的策划与安全管理篇
第12天上午　网站建设规范和基本流程 476
23.1　网站建设规范 476
23.1.1　组建开发团队规范 477
23.1.2　开发工具规范 477
23.1.3　超链接规范 477
23.1.4　文件夹和文件命名规范 478
23.1.5　代码设计规范 478
23.2　网站建设的基本流程 479
23.2.1　网站的需求分析 479
23.2.2　网站整体规划 479
23.2.3　确定网站整体风格 480
23.2.4　收集资源 481
23.2.5　设计网页图像 481
23.2.6　编辑制作网页 482
23.2.7　开发动态网站模块 482
23.2.8　申请域名和服务器空间 483
23.2.9　测试与发布上传 484
23.2.10　网站维护 486
23.2.11　网站的推广 486
23.3　本章小结 489
23.4　课后习题 489
第12天下午　网站的整体策划 490
24.1　为什么要进行网站策划 491
24.2　怎样进行网站策划 491
24.2.1　网站策划的原则 491
24.2.2　网站策划的关键点 493
24.3　如何确定网站的定位 493
24.4　确定网站的目标用户 494
24.5　网站的内容策划 495
24.5.1　网站内容策划的重要性 495
24.5.2　如何做好网站内容策划 495
24.6　本章小结 496
24.7　课后习题 496
第13天上午　网站页面设计策划 497
25.1　网站栏目和页面设计策划 498
25.1.1　网站的栏目策划 498
25.1.2　网站的页面策划 499
25.2　网站导航设计 500
25.2.1　导航设计的基本要求 501
25.2.2　全局导航的基础要素 501
25.2.3　辅助导航的设计要点 502
25.2.4　导航设计注意要点 502
25.3　网站页面版式风格设计 503
25.3.1　网站内容的排版 503
25.3.2　网站网页的布局形式 504
25.3.3　网站界面设计的兼容性 506
25.3.4　界面布局与内容的相关性 507
25.4　网站视觉元素设计 508
25.4.1　让文字易辨识 508
25.4.2　让图片更合理 509
25.4.3　让表单更易用 509
25.4.4　让按钮更易点击 510
25.5　网页色彩搭配 511
25.5.1　色彩理论 511
25.5.2　网页配色技巧 512
25.6　本章小结 514
25.7　课后习题 515
第13天下午　网站的安全与运营维护 516
26.1　Web服务的高级设置 517
26.1.1　设置用户 517
26.1.2　NTFS权限的设置 518
26.1.3　目录和应用程序访问权限的设置 519
26.1.4　匿名和授权访问控制 519
26.1.5　备份与还原IIS 520
26.2　反黑客技术 521
26.2.1　计算机的设置 522
26.2.2　隐藏IP地址 524
26.2.3　操作系统账号管理 525
26.2.4　安装必要的安全软件 526
26.2.5　做好浏览器的安全设置 526
26.2.6　网站防火墙的应用 527
26.3　网站运营 528
26.3.1　网站运营的工作内容 528
26.3.2　网站运营的关键问题 529
26.4　网站日常维护与管理 530
26.5　本章小结 530
26.6　课后习题 530
第六阶段　网站建设综合案例篇
第14天上午　设计制作企业网站 532
27.1　网站设计规划 533
27.2　使用Adobe Photoshop CS4制作网页标志 534
27.3　使用Flash CS4制作动画 536
27.4　创建本地站点 539
27.5　使用Dreamweaver CS4制作页面 540
27.5.1　制作网站头部文件 540
27.5.2　制作底部版权部分 544
27.5.3　制作模板 545
27.5.4　利用模板制作网页 552
27.6　本章小结 554
27.7　课后习题 554
第14天下午　设计制作购物网站 555
28.1　购物网站设计概述 556
28.2　使用Photoshop设计网页图像 557
28.2.1　设计网页按钮 557
28.2.2　设计网站Logo 558
28.3　使用Flash制作网页宣传动画 559
28.4　创建数据库表 562
28.5　创建数据库连接 564
28.6　制作购物系统前台页面 564
28.6.1　制作商品分类展示页面 565
28.6.2　制作商品详细信息页面 570
28.7　制作购物系统后台管理 572
28.7.1　制作管理员登录页面 572
28.7.2　制作添加商品分类页面 575
28.7.3　制作添加商品页面 578
28.7.4　制作商品管理页面 580
28.8　本章小结 584
28.9　课后习题 584