动态网页设计与制作实用教程（第二版）

第二版前言

随着计算机和通信技术的发展，互联网的触角已延伸到社会生活的各个方面。在Internet上建立自己的站点已不再是少数人的专利。为适应社会的需要，各高校都先后开设了网页制作课程。但适合高校学生使用的技术先进、系统完整、实践技能性强的教材十分缺乏。为填补高等学校此类教材的空白，尽快在高校学生中普及网站建设和网页制作的知识，我们组织了一些教学经验丰富、具有系统开发实战经历的教师编写了该教材。

1．教材的风格特色

根据教材的适用对象和对知识能力的培养目标，教材突出了以下特色：

（1）系统性：本书系统介绍了网页制作的全过程和网站管理的基本原则，使学生对Internet、网页、网站等概念有全面的认识。

（2）实用性：以“教学信息网”网页设计和网站管理的实例贯穿始终，通过实例讲解提高学生的实践能力。

（3）科学性：本书内容叙述详实准确，章节编排通过了专家审定并在教学实践中得到检验，效果良好。

（4）先进性：本书选用的工具软件和技术都是目前最流行的，保证了学生设计理念的先进性。

（5）通俗性：根据认知规律设计章节。本书通过醒目的标题、步骤提示和屏幕画面使读者如临操作现场，学起来轻松自如。

2．主要内容

本书共分20章。第1章概述网页设计的基础知识，包括网页设计的基本方式、网页包括的常见元素、网页制作的常用工具、HTML语言基础知识、动态网页的支持技术等；第2～6章介绍网页动画制作工具Flash 8的应用，包括动画的基本形式、各种动画特效技术的应用、交互动画的制作、动画的综合实例等；第7～9章介绍网页图像处理工具Fireworks 8的应用，包括矢量图像的处理、位图图像的处理、图像的优化与导出等；第10～14章介绍网页编辑工具Dreamweaver 8的基本操作，包括本地站点的建立、网页的规划设计、网页元素的编辑、服务器端动态网页的制作等；第15～17章讲述服务器端动态网页设计的基础知识和在Dreamweaver 8可视环境下建立动态网页的一般过程及实例；第18章介绍站点管理的基本要求和操作过程；第19章介绍网页编程的最新技术及实例；第20章介绍网站的艺术设计；附录部分为经典网站欣赏。

书中语言简洁、流畅，概念解释准确、严谨，图文并茂，举例新颖，可操作性及实用性较强。本书可作为高等学校计算机专业及相关专业学生网页设计课程的教材。第1～14章可作为非计算机专业学生的选修课或自学课教材；第15～20章具有一定的专业性，可供各类网页设计爱好者阅读或参考。

3．编写说明

本书为第二版，在吸取了第一版成功经验的基础上校正了错误，更新并丰富了实例，实用性更强，兼顾了广泛的读者群体。考虑到系统稳定性的要求及学生不同地区的分布特点，本书以Windows 2000为操作平台来介绍Flash 8、Fireworks 8、Dreamweaver 8等网页制作工具的操作和实例演示。

此次修订由程伟渊担任主编，杨海、王建华担任副主编。本书的第1章、第10章至第15章由杨海编写，第2章由张开文编写，第3章至第6章由孙禄华编写，第7章至第9章由周颜玲编写，第16章由杨宗然、张进编写，第17章、第19章由王建华编写，第18章由魏先美、魏丙刚编写，第20章由程伟渊编写，附录部分由王克彦编写。

在编写过程中参考了多种相关书籍和资料，我们对这些书籍和资料的编著者表示衷心的感谢。

最后，我们特别对梁军教授表示深切的谢意。他对本书进行了细致的审查，提出了许多宝贵意见，提高了本书的质量。此外闫德志老师对于本书的编写工作提供了大量帮助，在此表示深切的感谢。

限于编者水平，书中缺点及错误在所难免，恳请广大读者提出宝贵意见，以便修改。

编者

2007年7月

第二版前言
第一版前言

第1章 网页设计概述 1
本章学习导读 1
1.1 网页设计的基本方式 1
1.1.1 手工编码方式 1
1.1.2 可视化工具方式 2
1.1.3 编码和可视化工具结合方式 2
1.2 网页中的常见元素 2
1.2.1 文本 3
1.2.2 图像和动画 3
1.2.3 声音和视频 4
1.2.4 超级链接 4
1.2.5 表格 4
1.2.6 表单 4
1.2.7 导航栏 5
1.2.8 其他常见元素 5
1.3 网页元素的创作与编辑工具 5
1.3.1 网页图像制作工具 5
1.3.2 动画制作工具 6
1.3.3 网页编辑工具 6
1.4 HTML基础知识 7
1.4.1 HTML基本概念 7
1.4.2 HTML的基本语法结构 8
1.5 动态网页的支持技术 13
1.5.1 CGI技术 13
1.5.2 ASP技术 13
1.5.3 PHP技术 13
1.5.4 JSP技术 14
本章小结 14
思考练习 14
第2章 Flash 8基础知识 15
本章学习导读 15
2.1 认识Flash 8 15
2.1.1 Flash 8的发展 15
2.1.2 安装Flash 8 15
2.1.3 Flash 8的新增功能 18
2.2 Flash 8的工作界面 18
2.2.1 菜单栏 19
2.2.2 工具栏和绘图工具箱 19
2.2.3 时间轴 20
2.2.4 “属性”面板 20
2.2.5 其他面板 21
2.3 创建与保存动画 23
2.3.1 创建与保存动画 23
2.3.2 文档属性设置 24
本章小结 24
思考练习 24
第3章 动画角色的绘制与编辑 25
本章学习导读 25
3.1 矢量图形和位图 25
3.1.1 矢量图 25
3.1.2 位图 25
3.1.3 位图转换为矢量图 26
3.2 图形角色的绘制与填充 26
3.2.1 图形角色的绘制 26
3.2.2 颜色的填充 30
3.3 编辑图形角色 31
3.3.1 选取角色 31
3.3.2 复制和删除 32
3.3.3 擦除角色工具 32
3.3.4 变形工具 32
3.4 角色创作实例 32
本章小结 35
思考练习 35
第4章 动画的基本形式 37
本章学习导读 37
4.1 动画制作的有关概念 37
4.1.1 场景 37
4.1.2 时间轴 38
4.1.3 帧 38
4.1.4 元件 39
4.2 三种基本动画形式 42
4.2.1 帧动画的制作 42
4.2.2 移动动画的制作 42
4.2.3 形变动画 45
本章小结 46
思考练习 46
第5章 洋葱皮、图层及声音的应用 47
本章学习导读 47
5.1 洋葱皮效果的应用 47
5.2 图层的应用 48
5.2.1 图层的状态 48
5.2.2 图层的基本操作 48
5.2.3 图层的属性 49
5.2.4 引导层 49
5.2.5 遮罩层 50
5.3 声音效果的应用 52
5.3.1 影响声音质量的因素 52
5.3.2 音频文件的导入 52
5.3.3 声音的同步方式 53
5.3.4 给动画加上声音 53
本章小结 55
思考练习 55
第6章 动画技术的综合应用 56
本章学习导读 56
6.1 交互动画的制作 56
6.1.1 交互动画的原理 56
6.1.2 简单交互动画的制作 56
6.1.3 交互动画实例 59
6.1.4 交互性的检测 60
6.2 动画的输出与优化 60
6.2.1 Flash 动画的输出 60
6.2.2 Flash动画的优化 63
6.3 动画制作综合实例 64
本章小结 73
思考练习 73
第7章 Fireworks 8基础知识 74
本章学习导读 74
7.1 网页图像概述 74
7.1.1 图像的格式 74
7.1.2 矢量图像和位图图像 74
7.2 认识Fireworks 8 75
7.2.1 Fireworks 8的新增功能 75
7.2.2 Fireworks 8的工作界面 75
7.2.3 文档的基本操作 77
7.3 矢量图像的绘制与编辑 79
7.3.1 图像的绘制模式 79
7.3.2 矢量图像的绘制 80
7.3.3 布局工具的使用 82
7.3.4 标题文字的制作 82
7.4 修改对象 83
7.4.1 选择对象 83
7.4.2 组织和管理对象 84
7.4.3 整形路径 85
本章小结 86
思考练习 86
第8章 位图编辑与动画制作 87
本章学习导读 87
8.1 位图的编辑 87
8.1.1 位图编辑工具 87
8.1.2 位图编辑实例 92
8.2 在Fireworks 8中建立动画实例 95
8.2.1 建立动画对象 95
8.2.2 动画的设定 95
8.2.3 动画预览 96
8.2.4 动画的编辑 96
8.2.5 编辑运动路径 96
8.2.6 输出gif动画 97
本章小结 97
思考练习 97
第9章 图像的优化与导出 98
本章学习导读 98
9.1 图像的优化 98
9.1.1 优化图像应考虑的因素 98
9.1.2 图像优化的途径 98
9.2 图像的导出 100
9.2.1 常规输出 100
9.2.2 输出一个图像的区域 101
9.2.3 输出切片 101
9.2.4 输出Flash格式 101
9.2.5 使用“导出向导” 101
本章小结 103
思考练习 103
第10章 Dreamweaver 8基础知识 104
本章学习导读 104
10.1 认识Dreamweaver 8 104
10.1.1 Dreamweaver 8的新增功能 104
10.1.2 Dreamweaver 8的工作区 106
10.1.3 “常规”参数的设置 109
10.1.4 在多用户系统中自定义
Dreamweaver 8 110
10.2 本地站点的建立 110
10.2.1 关于站点的规划和设计 110
10.2.2 本地站点的建立与编辑 112
10.3 网页的建立与保存 113
本章小结 114
思考练习 114
第11章 设计页面布局 115
本章学习导读 115
11.1 使用表格对页面进行布局 115
11.1.1 创建表格 115
11.1.2 表格的编辑 116
11.1.3 对表格进行排序 117
11.2 在布局模式中对页面进行布局 117
11.2.1 布局模式简介 118
11.2.2 布局模式的切换 118
11.2.3 绘制布局单元格和表格 119
11.2.4 向布局单元格中添加内容 120
11.2.5 布局单元格的调整 120
11.2.6 设置布局单元格的格式 120
11.2.7 设置布局视图参数 120
11.3 使用框架对页面进行布局 120
11.3.1 框架（集）概述 120
11.3.2 创建框架和框架集 121
11.3.3 选择框架和框架集 122
11.3.4 在框架中打开文档 123
11.3.5 保存框架和框架集文件 123
11.3.6 设置框架（集）属性 123
11.4 使用层对页面进行布局 124
11.4.1 层的创建 124
11.4.2 层的基本操作 125
11.4.3 向层添加内容 126
11.4.4 修改现有层的属性 127
11.4.5 层和表的转换 127
本章小结 127
思考练习 128
第12章 网页元素的添加与编辑 129
本章学习导读 129
12.1 添加文本和设置文本格式 129
12.1.1 文本元素的添加和编辑 129
12.1.2 HTML样式的应用 131
12.1.3 层叠样式（CSS）的应用 133
12.2 图像的添加与编辑 136
12.2.1 添加图像 136
12.2.2 图像的编辑 137
12.3 媒体的添加与编辑 138
12.3.1 添加Flash动画 138
12.3.2 添加Shockwave影片 141
12.3.3 向页面添加视频 141
12.3.4 向页面添加声音 142
12.4 表单的添加与编辑 143
本章小结 147
思考练习 147
第13章 链接、库与模板 148
本章学习导读 148
13.1 链接 148
13.1.1 链接的创建与管理 148
13.1.2 链接的应用 151
13.2 库项目 153
13.2.1 认识库项目 153
13.2.2 创建和编辑库项目 154
13.2.3 使用库项目 155
13.3 模板 156
13.3.1 创建编辑模板 156
13.3.2 应用模板 157
13.3.3 更新模板 158
本章小结 158
思考练习 158
第14章 浏览器动态网页的制作 159
本章学习导读 159
14.1 行为与行为面板 159
14.1.1 行为的工作原理 159
14.1.2 行为面板的应用 160
14.2 应用行为制作动态网页 163
14.2.1 与层有关的行为 163
14.2.2 改变层的背景色 166
14.2.3 打开浏览器窗口 167
14.2.4 播放声音 168
14.2.5 弹出消息 169
14.2.6 设置文本 169
14.2.7 显示弹出式菜单 171
14.2.8 检查表单 172
14.2.9 制作时间轴动画 173
14.2.10 检查浏览器 175
14.2.11 检查插件 176
本章小结 176
思考练习 177
第15章 服务器动态网页知识基础 180
本章学习导读 180
15.1 ASP技术基础 180
15.1.1 ASP的概念与工作流程 180
15.1.2 ASP的运行环境设置 181
15.1.3 ASP应用程序 182
15.1.4 ASP的内建对象 184
15.2 脚本语言简介 188
15.2.1 VBScript基础知识 189
15.2.2 VBScript控制结构 195
15.3 ASP组件的使用 200
15.3.1 内置文件组件 200
15.3.2 对文件进行处理 202
15.3.3 Content Linking 组件 203
15.4 数据库基础知识 205
15.4.1 数据库简介 205
15.4.2 Access数据库基本操作 205
15.4.3 数据源的建立 209
15.5 测试服务器的建立 211
15.6 ASP应用程序举例 213
15.6.1 数据提交入库的程序设计 214
15.6.2 查询功能的实现 219
15.6.3 ASP程序的调试与纠错 221
本章小结 221
思考练习 222
第16章 服务器动态网页的制作 223
本章学习导读 223
16.1 动态站点的建立 223
16.1.1 工作流程和程序结构 223
16.1.2 建立、发布站点 224
16.1.3 在Dreamweaver 8中定义
本地站点 224
16.2 后台数据库的设计 225
16.2.1 设计库结构及创建数据源 225
16.2.2 在Dreamweaver 8中建立数据库
连接 226
16.3 数据提交功能的实现 228
16.3.1 表单网页的建立 228
16.3.2 数据记录集的建立 231
16.3.3 记录集与表单的绑定（建立插入
记录行为） 232
16.4 数据显示功能的实现 233
16.4.1 记录的显示 233
16.4.2 动态显示多条记录 234
16.4.3 记录的计数和统计 235
16.4.4 记录集导航条的建立 236
16.5 数据查询功能的实现 237
16.5.1 创建查询页面 237
16.5.2 构建结果页面 238
16.5.3 建立查询显示详细页面 241
16.6 数据维护功能的实现 242
16.6.1 创建登录页面 242
16.6.2 数据维护 243
16.7 成绩管理系统主页的建立 247
本章小结 248
思考练习 248
第17章 动态网页设计实例 249
本章学习导读 249
17.1 网上新闻发布 249
17.1.1 工作流程图 249
17.1.2 数据表的结构 250
17.1.3 建立数据库连接 250
17.1.4 新闻添加页面 250
17.1.5 新闻列表页面 252
17.1.6 新闻表的维护 255
17.2 网上投票系统的设计 259
17.2.1 工作流程图 259
17.2.2 站点结构图 259
17.2.3 后台数据库设计 259
17.2.4 建立数据库连接 260
17.2.5 投票页面 260
17.2.6 投票结果查看页面 262
17.3 在线考试系统 263
17.3.1 系统分析 263
17.3.2 数据库设计 264
17.3.3 系统文档结构 264
17.3.4 题库管理 265
17.3.5 用户考试页面 270
17.3.6 成绩报告单 275
本章小结 277
思考练习 277
第18章 动态站点的管理 278
本章学习导读 278
18.1 测试本地站点 278
18.1.1 测试站点网页与目标浏览器的
兼容性 278
18.1.2 预览自己的网页 279
18.1.3 检验文件的大小及下载时间 281
18.2 站点文件的上传 281
18.2.1 文件传输的基础知识 281
18.2.2 在Dreamweaver 8中传输站点 282
18.2.3 存回/取出功能简介 285
18.2.4 “设计备注” 功能介绍 286
18.2.5 上传网页文件到局域网 288
18.3 站点的维护与管理 289
18.3.1 站点文件管理 289
18.3.2 远程与本地站点同步 290
18.3.3 检查与修正超级链接 292
18.4 宣传自己的网站 293
18.4.1 注册好记的域名 293
18.4.2 在各大搜索引擎上注册自己
的站点 293
18.4.3 在电子邮件签名中添加站点地址 296
18.4.4 到BBS上公布站点信息 296
18.4.5 与相关站点彼此链接 296
18.4.6 在博客上发布信息 296
本章小结 297
思考练习 297
第19章 常用Web技术简介 298
本章学习导读 298
19.1 认识Web程序开发 298
19.1.1 服务器端开发技术 298
19.1.2 浏览器端开发技术 299
19.2 JavaScript 299
19.2.1 Dreamweaver与JavaScript 299
19.2.2 在HTML中加入JavaScript 301
19.2.3 调用JavaScript 303
19.3 DHTML 303
19.3.1 HTML Dom简介 303
19.3.2 访问HTML Dom节点 304
19.3.3 DHTML 305
19.3.4 动态CSS 306
19.4 XML 307
19.4.1 XML简介 308
19.4.2 XML与浏览器 308
19.4.3 XML与CSS 309
19.4.4 XSL 310
19.5 AJAX 311
19.5.1 AJAX应用与普通Web应用 312
19.5.2 XMLHttpRequest对象 312
19.5.3 AJAX简单实例 312
本章小结 314
思考练习 314
第20章 网页的艺术设计 315
本章学习导读 315
20.1 网页艺术设计概述 315
20.1.1 设计内容 315
20.1.2 设计原则 315
20.2 网页艺术设计的审美 316
20.2.1 审美误区 316
20.2.2 审美原则 317
20.2.3 网页布局的类型 319
20.3 页面元素的编排技巧 320
本章小结 322
思考练习 322
附录 经典网站赏析 323
参考文献 326

1. 网页设计与制作实验指导 [主编　邓文锋 利珊]
2. 网页设计与制作 [主编　温凯峰 叶仕通]
3. 网页设计与制作 [主编 王潇 章明珠]
4. 网页设计与制作 [主编 李佼辉 聂树成]
5. 网页设计与制作 [主编 杨毅]
6. 网页设计与制作 [主编 陈建国 项炜]
7. 网页设计与制作 [孙娜 蒲秋梅 南洋 编著]
8. 网页设计与制作 [王铁桩 聂卫献]
9. 网页设计实训教程 [主编 张春英 李英文 钟大伟]
10. 网页设计与开发实战教程 [李云程]
11. 网页设计与制作项目化教程 [周观民 梁雪梅]
12. 网页设计与制作项目案例教程（Dreamweaver CS6） [杨丽芳 刘琳]
13. 脚本语言与动态网页设计（第二版） [主 编 张景峰 王培军]
14. 网页设计实用技术 [主 编 陈建国 李勤]
15. 网页设计与制作（第二版） [马占欣]
16. 动态网页设计与制作实用教程（第三版） [程伟渊 倪燃]
17. 网页设计与制作实用技术（第二版） [齐建玲 杨艳杰]
18. 多媒体网页设计教程 [主编 朱国华 齐晖 李枫]
19. 网页设计与制作（第二版）实训指导 [任正云 赖玲 严永松 王娅纷]
20. 网页设计与制作（第二版） [任正云 赖玲 严永松 编著]
21. 网页设计与制作 [主编 陈彦许 陈维华]
22. Internet与网页设计 [齐建玲 主编]
23. Dreamweaver网页设计与制作教程 [杨继 主编]
24. 网页制作技术（第二版） [许莉 主编 ]
25. 动态网页设计（Dreamweaver CS3+ASP.NET） [张德芬 主 编 ]
26. HTML与CSS前台页面设计 [许莉 主编 ]
27. 网页设计 [王移芝 唐宏 于樊鹏 编著]
28. 网页设计与制作（第二版） [李京文]
29. 网页制作基础教程 [朱子江 刘东 主编]
30. 网页设计与制作 [主编 邬锦雯]