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

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

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

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

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

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

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

1．教材的风格特色

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

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

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

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

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

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

2．主要内容

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

本书语言简洁、流畅，概念解释准确、严谨，图文并茂，举例新颖，在讲述原理、技术的同时，配合讲解一些有针对性的设计实例，使读者在实践中掌握动态网页制作的技巧，可操作性及实用性较强。

本书可作为高等学校网页设计课程的教材。第1~14章可作为非计算机专业学生的选修课或自学课教材；第15～20章具有一定的专业性，可供各类网页设计爱好者阅读或参考。

3．修订说明

本书目前为第三版，在吸取了前两版成功经验的基础上，校正了错误，更新并丰富了实例，实用性更强，兼顾了广泛的读者群体。考虑到系统稳定性的要求及学生不同地区的分布特点，本书以Windows XP/7为操作平台，采用较新版本的Adobe Flash CS5、Fireworks CS5、Dreamweaver CS5为工具，介绍了以上网页制作工具软件的操作和实例演示。此外，在前2版的基础上适当增加了下列内容：

（1）使用Adobe Flash CS5、Fireworks CS5和Dreamweaver CS5版本替换此前8.0版本。

（2）第10章认识Dreamweaver CS5部分，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。所以增加了DIV+CSS进行页面布局的基本知识及相关实例，删减了使用布局模式进行页面布局

（3）第13章增加Spry菜单栏。

（4）由于Dreamweaver 8中的部分行为在Dreamweaver CS 5中已被摒弃，故删减了第14章“浏览器动态网页的制作”的相关章节，并适当地增加了预先载入图像、交换图像和转到URL等行为。

（5）将第16、17章的程序在新的环境下调试通过，并将原来有问题的程序改过。并以“说明”的形式，增加了在程序调试过程中易出错部分的提示。

（6）新版本下站点的设置及上传操作。

此次修订，由程伟渊、倪燃担任主编，迟增晓、杨海、张进担任副主编，参加编写工作的还有徐成强、王德利、王明婷、毛玉明和王克彦等同志。在编写过程中参考了多种相关书籍和资料，我们对这些书籍和资料的编著者表示衷心的感谢。

本书的第1章、第20章由程伟渊、王克彦编写，第2～4章由倪燃编写，第5～6章由杨海编写，第7～9章由徐成强、毛玉明编写，第10～13章由迟增晓编写，第14～16章由王德利、樊保军编写，第17～19章由张进编写，附录由相伟编写。

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

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

编者

2012年10月

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

1. 实用运筹学 [主编　邢育红　于晋臣]
2. 电子技术（第二版） [主编 覃爱娜 李飞]
3. 劳动争议处理实务 [主编 王秀卿 罗静]
4. 语音识别理论与实践 [主编　莫宏伟]
5. 武术基础教程 [主编 李代勇 谢志民]
6. 画法几何与机械制图习题集（多学时） [主编 赵军]
7. 机械设计基础（第二版） [主编 田亚平 李爱姣]
8. 画法几何与机械制图 [主编 赵军]
9. C语言程序设计习题与实验指导（第二版） [主编 甄增荣 张宾]
10. C语言程序设计（第二版） [主编 甄增荣 田云霞]
11. Unity3D虚拟现实应用开发实践 [主 编 刘龙]
12. 面向对象程序设计 [主编 张勇 张平华 赵小龙]
13. 网络营销 [主编 夏薇薇 刘婷 尚洁]
14. 数据库技术与应用实践教程（SQL Server 2019） [主 编 严晖 周肆清]
15. 功能材料制备与表征实验指导书 [龚伟平 赵军峰 梅海娟 等编著]
16. 信号与系统（第二版） [主编 张宇]
17. Python 语言程序设计实践指导 [主编　张双狮]
18. 基于.NET Core框架的分布式系统架构设计 [汤佳 著]
19. 体育舞蹈教程 [主编 刘伟 陈志明 曾明]
20. 线性代数导学篇 [主编 史昱]
21. 信息技术基础实训与习题指导（Windows7+Office2016） [主编 周金容 唐天国]
22. 高等数学导学篇（下册） [主编 李文婧 胡雷 尹金生]
23. 高等数学导学篇（上册） [主编 李文婧 胡雷 尹金生]
24. 高等数学（下册） [主编 李爱芹 胡雷 尹金生]
25. 高等数学（上册） [主编 李爱芹 胡雷 尹金生]
26. 中华水文化（慕课版）（第二版） [毕雪燕 杨华轲 罗玲谊 等编著]
27. 电路与电子技术Ⅱ——电路分析基础 [主编 陈晓 金哲]
28. Spark大数据处理技术 [主编　刘仁山　周洪翠　庄新妍]
29. 人工智能算法与实践 [主编　梁琨　张翼英]
30. 数据清洗 [黄源　刘智杨　孙大松]