第一阶段 网页设计基础篇第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
第二阶段 Dreamweaver CS4网页排版布局篇第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
第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属性检查器中设置文本格式 39
3.4.2 在属性检查器中编辑CSS规则 40
3.4.3 添加字体 41
3.4.4 设置字体的大小 41
3.4.5 设置字体颜色 42
3.4.6 对齐段落 42
3.4.7 缩进段落 43
3.5 创建项目列表和编号列表 43
3.5.1 创建项目列表 43
3.5.2 创建编号列表 44
3.6 设置头信息 44
3.6.1 设置标题 45
3.6.2 设置Meta 45
3.6.3 插入关键字 45
3.6.4 插入说明 46
3.6.5 插入刷新 46
3.7 综合练习——创建基本文本网页 46
3.8 本章小结 48
3.9 课后习题 48
第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——在网页中插入媒体实例 94
5.8 本章小结 95
5.9 课后习题 95
第3天下午 使用表格轻松排列和布局网页元素 97
6.1 插入表格和表格元素 98
6.1.1 插入表格 98
6.1.2 设置表格属性 100
6.1.3 添加内容到单元格 100
6.2 选择表格元素 101
6.2.1 选取表格 101
6.2.2 选取行或列 101
6.2.3 选取单元格 101
6.3 表格的基本操作 102
6.3.1 调整表格和单元格的大小 102
6.3.2 添加/删除行或列 104
6.3.3 拆分单元格 105
6.3.4 合并单元格 105
6.3.5 剪切、复制、粘贴单元格 106
6.4 排序及整理表格内容 106
6.4.1 导入表格式数据 106
6.4.2 排序表格 108
6.5 综合练习 110
练习1——利用表格排列数据 110
练习2——创建圆角表格 111
练习3——建细线表格 114
6.6 本章小结 115
6.7 课后习题 116
第4天上午 使用框架和Div灵活布局网页 118
7.1 框架网页概述 119
7.2 创建框架和框架集 120
7.2.1 创建框架集 120
7.2.2 插入预定义框架集 121
7.2.3 保存框架和框架集文件 121
7.3 选择框架和框架集 123
7.3.1 在框架面板中选择框架或框架集 123
7.3.2 在文档窗口中选择框架或框架集 123
7.4 设置框架和框架集属性 124
7.4.1 设置框架属性 124
7.4.2 设置框架集属性 124
7.5 关于AP Div 125
7.5.1 AP Div的概念 125
7.5.2 AP Div面板 125
7.6 插入AP Div 126
7.6.1 创建普通AP Div 126
7.6.2 创建嵌套AP Div 126
7.7 设置AP Div的属性 127
7.7.1 显示/隐藏属性 127
7.7.2 改变堆叠顺序 127
7.7.3 添加滚动条 128
7.7.4 改变可见性 129
7.8 AP Div与表格的转换 129
7.8.1 将AP Div转换为表格 129
7.8.2 将表格转换为AP Div 131
7.9 使用Spry布局对象 132
7.9.1 使用Spry菜单栏 132
7.9.2 使用Spry选项卡式面板 134
7.9.3 使用Spry折叠式 134
7.9.4 使用Spry可折叠面板 136
7.10 综合练习 137
练习1——创建浮动框架 137
练习2——利用AP Div制作网页下拉菜单 139
7.11 本章小结 142
7.12 课后习题 142
第4天下午 使用CSS样式表让网页更美观和易维护 143
8.1 了解CSS样式表 144
8.2 CSS基本语法 145
8.3 设置CSS属性 146
8.3.1 设置CSS类型属性 146
8.3.2 设置CSS背景属性 147
8.3.3 设置CSS区块属性 148
8.3.4 设置CSS方框属性 149
8.3.5 设置CSS边框属性 149
8.3.6 设置CSS列表属性 150
8.3.7 设置CSS定位属性 151
8.3.8 设置CSS扩展属性 152
8.4 综合练习 152
练习1——创建内部样式表 152
练习2——创建外部样式表 154
练习3——链接外部样式表 155
练习4——应用CSS样式定义字体大小 157
8.5 本章小结 159
8.6 课后习题 159
第5天上午 利用行为轻易实现网页特效 162
9.1 行为概述 164
9.1.1 认识事件 164
9.1.2 动作类型 165
9.2 制作指定大小的弹出窗口 165
9.3 调用JavaScript 167
9.3.1 实现打印功能 167
9.3.2 实现关闭网页 168
9.4 设置浏览器环境 169
9.4.1 检查表单 169
9.4.2 检查浏览器 171
9.4.3 检查插件 173
9.5 设置图像特效 173
9.5.1 预先载入图像 173
9.5.2 交换图像 175
9.5.3 恢复交换图像 178
9.5.4 设置导航栏图像 178
9.6 设置文本 180
9.6.1 设置状态栏文本 180
9.6.2 设置文本域文本 181
9.6.3 设置框架文本 182
9.7 跳转菜单 182
9.8 转到URL 184
9.9 设置效果 185
9.9.1 增大/收缩效果 185
9.9.2 挤压效果 187
9.9.3 晃动效果 188
9.9.4 显示/渐隐效果 189
9.10 本章小结 190
9.11 课后习题 191
第5天下午 使用模板、库提高网页制作效率 193
10.1 创建模板 194
10.1.1 直接创建模板 194
10.1.2 从现有文档创建模板 195
10.1.3 创建可编辑区域 196
10.2 应用模板创建网页 198
10.3 更新模板及删除模板 200
10.3.1 更新模板 201
10.3.2 删除模板 201
10.4 创建和应用库 202
10.4.1 将现有内容创建为库 202
10.4.2 在网页中应用库 203
10.4.3 编辑并更新网页 204
10.4.4 将库项目从源文件中分离 205
10.5 综合练习 206
练习1——创建企业网站模板 206
练习2——利用模板创建网页 213
10.6 本章小结 215
10.7 课后习题 215
第6天上午 使用插件扩展Dreamweaver的功能 216
11.1 Dreamweaver CS4插件简介 217
11.2 安装插件 217
11.3 综合练习——插件的应用 218
练习1——使用插件制作背景音乐网页 218
练习2——利用插件创建随机切换的广告图 220
练习3——使用飘浮图像插件创建飘浮广告网页 222
练习4——利用插件制作颜色渐变的文本 224
练习5——利用插件制作不同时段显示不同问候语 225
练习6——利用插件制作为指定图片打开窗口效果 226
11.4 本章小结 228
11.5 课后习题 228
第6天下午 使用交互式表单 230
12.1 插入表单 231
12.1.1 表单概述 231
12.1.2 创建表单 232
12.2 插入文本域 233
12.2.1 单行文本域 233
12.2.2 多行文本域 234
12.2.3 密码域 235
12.3 插入复选框和单选按钮 236
12.3.1 插入复选框 236
12.3.2 插入单选按钮 237
12.4 插入列表和菜单 238
12.5 插入跳转菜单 239
12.6 使用按钮 240
12.6.1 插入按钮 240
12.6.2 图形按钮 241
12.7 使用隐藏域和文件域 242
12.7.1 文件域 242
12.7.2 隐藏域 243
12.8 综合练习——创建电子邮件表单 243
12.9 本章小结 246
12.10 课后习题 246
第7天上午 使用Dreamweaver CS4设计动态网页 248
13.1 在Dreamweaver中编码 249
13.1.1 根据代码提示设置背景音乐 250
13.1.2 使用代码片断快速创建网页 251
13.1.3 使用标签选择器插入浮动框架 251
13.1.4 使用标签编辑器编辑标签 252
13.1.5 使用快速标签编辑器插入marquee标签 253
13.2 搭建动态网页平台 254
13.2.1 安装Internet信息服务器(IIS) 254
13.2.2 设置Internet信息服务器(IIS) 255
13.3 创建数据库连接 258
13.3.1 定义系统DSN 258
13.3.2 建立系统DSN连接 259
13.4 编辑数据表记录 259
13.4.1 创建记录集 259
13.4.2 插入记录 260
13.4.3 更新记录 261
13.4.4 删除记录 262
13.5 添加服务器行为 263
13.5.1 插入重复区域 263
13.5.2 插入显示区域 263
13.5.3 记录集分页 264
13.5.4 转到详细页面 264
13.5.5 转到相关页面 265
13.5.6 用户身份验证 266
13.6 本章小结 268
13.7 课后习题 268
第7天下午 动态网站常见模块的开发 269
14.1 制作会员系统 271
14.1.1 创建数据库 271
14.1.2 创建数据库连接 271
14.1.3 会员注册页面 272
14.1.4 注册提交成功与失败页面 276
14.1.5 会员登录页面 278
14.1.6 登录成功与失败页面 281
14.2 新闻发布系统 282
14.2.1 新闻发布系统的分析 282
14.2.2 建立数据库表 283
14.2.3 建立数据库表关系 283
14.2.4 建立数据库表查询 284
14.3 新闻信息的录入 289
14.3.1 添加新闻分类 289
14.3.2 添加新闻内容 291
14.4 新闻系统的首页 294
14.4.1 绑定记录集 294
14.4.2 插入动态记录 295
14.5 本章小结 296
14.6 课后习题 297
第三阶段 Photoshop CS4网页图像设计篇第8天上午 使用Photoshop CS4绘制网页图像 300
15.1 Photoshop CS4工作界面 301
15.1.1 菜单命令 302
15.1.2 工具箱 302
15.1.3 选项栏 302
15.1.4 调板 302
15.2 图像的调整 303
15.2.1 调整图像大小 303
15.2.2 调整画布大小 303
15.3 设置前景色和背景色 304
15.3.1 默认的前景色与背景色 304
15.3.2 更改和恢复前景色与背景色 305
15.4 创建选择区域 305
15.4.1 选框工具 305
15.4.2 套索工具 306
15.4.3 魔棒工具 307
15.4.4 制作透明图像 308
15.5 基本绘图工具 309
15.5.1 画笔工具 309
15.5.2 铅笔工具 310
15.5.3 加深和减淡工具的应用 311
15.6 综合练习 312
练习1——羽化网页图像 312
练习2——绘制网页标志 313
15.7 本章小结 315
15.8 课后习题 315
第8天下午 设计网页特许文字与按钮 317
16.1 创建文字 318
16.1.1 输入文字 318
16.1.2 设置文字属性 320
16.1.3 文字的变形 320
16.2 图层与图层样式 321
16.2.1 图层基本操作 321
16.2.2 设置图层样式 323
16.3 应用滤镜 324
16.3.1 渲染 325
16.3.2 风格化 326
16.3.3 模糊 327
16.4 综合练习——文字的应用 328
练习1——设计特殊文字 328
练习2——制作水晶按钮 331
练习3——制作圆角按钮 333
16.5 本章小结 334
16.6 课后习题 334
第9天上午 设计网页Logo与网络广告 336
17.1 网站Logo的制作 337
17.1.1 网站Logo的设计标准 337
17.1.2 网站Logo的设计规范 337
17.1.3 网站Logo的规格 337
练习——Logo设计实例 338
17.2 网络广告的制作 340
17.2.1 网络广告的形式 340
17.2.2 网页广告设计要素 340
17.2.3 网络广告设计技巧 341
17.3 综合练习——设计网络广告 341
17.4 本章小结 346
17.5 课后习题 346
第9天下午 综合练习——设计制作网页中的图像 347
18.1 设计制作网页背景图像 348
18.2 设计网页广告图像 350
18.3 设计网站封面首页图像 355
18.4 使用切片对封面页图像切割 359
18.5 本章小结 361
18.6 课后习题 361
第四阶段 Flash CS4网页动画设计篇第10天上午 Flash CS4绘图基础 364
19.1 Flash CS4简介 365
19.2 Flash CS4的工作界面 366
19.2.1 标题栏 366
19.2.2 菜单栏 367
19.2.3 舞台 367
19.2.4 工具箱 367
19.2.5 时间轴 368
19.2.6 浮动面板 368
19.3 绘制图形工具 368
19.3.1 线条工具 368
19.3.2 椭圆工具与矩形工具 369
19.3.3 多角星形工具 370
19.3.4 铅笔工具 371
19.3.5 刷子工具 372
19.3.6 钢笔工具 373
19.4 选择对象工具 373
19.4.1 选择工具 373
19.4.2 部分选取工具 374
19.5 编辑图形工具 374
19.5.1 颜料桶工具 375
19.5.2 墨水瓶工具 375
19.5.3 滴管工具 376
19.5.4 橡皮擦工具 376
19.6 文本工具的基本使用 377
19.7 综合练习 378
练习1——制作立体文字 378
练习2——创建简单的Flash动画 380
19.8 本章小结 382
19.9 课后习题 382
第10天下午 使用元件和实例 384
20.1 元件和实例的概念 385
20.2 创建元件 385
20.3 复制与编辑元件 386
20.3.1 复制元件 386
20.3.2 编辑元件 387
20.4 创建与编辑实例 388
20.4.1 创建实例 388
20.4.2 编辑实例 389
20.5 创建和管理库 391
20.5.1 创建项目 391
20.5.2 删除项目 391
20.6 使用公用库 391
20.7 综合练习 392
练习1——制作按钮 392
练习2——利用元件制作动画 395
20.8 本章小结 397
20.9 课后习题 397
第11天上午 创建基本Flash动画 400
21.1 创建逐帧动画 401
21.2 创建补间动画 403
练习1——创建补间动画 403
练习2——创建形状补间动画 406
21.3 创建遮罩动画 407
21.3.1 创建遮罩层 408
21.3.2 练习3——遮罩动画应用实例 408
21.4 运动引导层动画的创建 411
21.4.1 创建运动引导层 411
21.4.2 练习4——运动引导层动画应用实例 412
21.5 本章小结 415
21.6 课后习题 415
第11天下午 制作高级交互式动画 418
22.1 ActionScript脚本基础 419
22.1.1 动作面板 419
22.1.2 ActionScript基本语法 420
22.1.3 使用常量 421
22.1.4 使用运算符 421
22.1.5 使用函数 422
22.2 为对象添加动作 422
22.2.1 为帧添加动作 423
22.2.2 为按钮添加动作 423
22.2.3 为影片剪辑添加动作 424
22.3 综合练习 424
练习1——利用getURL制作发送电子邮件动画 424
练习2——利用stop和play语句控制动画的播放 426
22.4 本章小结 431
22.5 课后习题 431
第五阶段 网站的策划与安全管理篇第12天上午 网站建设规范和基本流程 434
23.1 网站建设规范 434
23.1.1 组建开发团队规范 435
23.1.2 开发工具规范 435
23.1.3 超链接规范 435
23.1.4 文件夹和文件命名规范 436
23.1.5 代码设计规范 436
23.2 网站建设的基本流程 437
23.2.1 网站的需求分析 437
23.2.2 网站整体规划 437
23.2.3 确定网站整体风格 438
23.2.4 收集资源 439
23.2.5 设计网页图像 439
23.2.6 编辑制作网页 440
23.2.7 开发动态网站模块 440
23.2.8 申请域名和服务器空间 441
23.2.9 测试与发布上传 442
23.2.10 网站维护 444
23.2.11 网站的推广 444
23.3 本章小结 447
23.4 课后习题 447
第12天下午 网站的整体策划 448
24.1 为什么要进行网站策划 449
24.2 怎样进行网站策划 449
24.2.1 网站策划的原则 449
24.2.2 网站策划的关键点 451
24.3 如何确定网站的定位 451
24.4 确定网站的目标用户 452
24.5 网站的内容策划 453
24.5.1 网站内容策划的重要性 453
24.5.2 如何做好网站内容策划 453
24.6 本章小结 454
24.7 课后习题 454
第13天上午 网站页面设计策划 455
25.1 网站栏目和页面设计策划 456
25.1.1 网站的栏目策划 456
25.1.2 网站的页面策划 457
25.2 网站导航设计 458
25.2.1 导航设计的基本要求 459
25.2.2 全局导航的基础要素 459
25.2.3 辅助导航的设计要点 460
25.2.4 导航设计注意要点 460
25.3 网站页面版式风格设计 461
25.3.1 网站内容的排版 461
25.3.2 网站网页的布局形式 462
25.3.3 网站界面设计的兼容性 464
25.3.4 界面布局与内容的相关性 465
25.4 网站视觉元素设计 466
25.4.1 让文字易辨识 466
25.4.2 让图片更合理 467
25.4.3 让表单更易用 467
25.4.4 让按钮更易点击 468
25.5 网页色彩搭配 469
25.5.1 色彩理论 469
25.5.2 网页配色技巧 470
25.6 本章小结 472
25.7 课后习题 472
第13天下午 网站的安全与运营维护 473
26.1 Web服务的高级设置 474
26.1.1 设置用户 474
26.1.2 NTFS权限的设置 475
26.1.3 目录和应用程序访问权限的设置 476
26.1.4 匿名和授权访问控制 476
26.1.5 备份与还原IIS 477
26.2 反黑客技术 478
26.2.1 计算机的设置 479
26.2.2 隐藏IP地址 481
26.2.3 操作系统账号管理 482
26.2.4 安装必要的安全软件 483
26.2.5 做好浏览器的安全设置 483
26.2.6 网站防火墙的应用 484
26.3 网站运营 484
26.3.1 网站运营的工作内容 484
26.3.2 网站运营的关键问题 485
26.4 网站日常维护与管理 486
26.5 本章小结 487
26.6 课后习题 487
第六阶段 网站建设综合案例篇第14天上午 设计制作企业网站 490
27.1 网站设计规划 491
27.2 使用Adobe Photoshop CS4制作网页标志 492
27.3 使用Flash CS4制作动画 494
27.4 创建本地站点 497
27.5 使用Dreamweaver CS4制作页面 498
27.5.1 制作网站头部文件 498
27.5.2 制作底部版权部分 502
27.5.3 制作模板 503
27.5.4 利用模板制作网页 510
27.6 本章小结 512
27.7 课后习题 512
第14天下午 设计制作购物网站 513
28.1 购物网站设计概述 514
28.2 使用Photoshop设计网页图像 515
28.2.1 设计网页按钮 515
28.2.2 设计网站Logo 516
28.3 使用Flash制作网页宣传动画 517
28.4 创建数据库表 520
28.5 创建数据库连接 522
28.6 制作购物系统前台页面 522
28.6.1 制作商品分类展示页面 523
28.6.2 制作商品详细信息页面 528
28.7 制作购物系统后台管理 530
28.7.1 制作管理员登录页面 530
28.7.2 制作添加商品分类页面 533
28.7.3 制作添加商品页面 536
28.7.4 制作商品管理页面 538
28.8 本章小结 542
28.9 课后习题 542