毕业论文：动态网页的设计制作

毕业 论文 政研论文下载论文大学下载论文大学下载关于长拳的论文浙大论文封面下载 ：动态网页的 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 制作 在 Internet 得到广泛应用的今天，网页已经成为一种不可替代的信息交流工具，他以 交互式的特点开创了人们进行信息交流的新方式。 以往的静态网页大多不能与数据库连接，交互能力有限，不能很好的实现人们交流的愿 望。今天，我们可以使用各种动态网页来弥补这个缺陷，使得这种新兴的、为大家广泛接受 的交流方式焕发出更强的生命力，为实现人们“沟通无界线”的理想向前迈进一步。 网页内容的新颖也是吸引访问者的重要因素之一，但纯粹的文字，只会让网页枯燥、乏 味，使访问者不能为之心动，而如果加入一些图片或修饰，使之图文并貌，必定会为网站增 色不少。而且网站的整体框架的形式和色调也很重要，不同的内容要配以适合的框架和色调， 给访问者视觉和感觉上的协调和舒适，如果给一个内容清新的网站配以拘谨的框架和暗色 调，那回使访问者心绪凝重，不想再继续浏览此网页。可见这些美工设计对于一个网站来说 不可缺少的。 本篇报告将详细说明一个成功建立起来的动态网页的一些方面，包括：发布平台、软 件工具、语言、连接数据库和动态效果。 1 本论文主要介绍了我在西安交大科技处所研究的一些关于Web网站图象存储与制作的问题。 图象的设计与制作在Web网站中是一个具体问题，也是必不可 少的一部分。因为图象设计的构思、制作是反映一个网站的风格与主题， 也是吸引访问者的一种手段。而如果网站规模大，图象内容势必也会多， 所以网站的图象存储管理尤为重要。 论文中重点阐述了网站图象存储问题，详细说明了存储的两种方 式－－存在硬盘上与存入数据库中，以及这两种方式的具体实现和优缺 点。 2 This dissertation is mainly about how to store and fetch the Graphics ,and how to produce and process the Graphics in the website of Science and Technology Department of Xi’an Jiaotong Univ. Producing and processing the Graphics is very important in website design. It is also a realistic aspect in designing the webpage . The Graphics used in the website can make it more attractive to users and viewers , and if the website has a lot of Graphics , the management of all of them is also an important aspect in the designing and maintenance of the website. This dissertation discussed mainly about the storing method of the Graphics : To Hard Disk and To Database, and their advantage and disadvantage of them. 3 4 近年来，计算机，通讯及网络信息技术的高速发展，使得整个社会的信 息化进程越来越快。《中华人民共和国经济及社会发展“九五” 计划 项目进度计划表范例计划下载计划下载计划下载课程教学计划下载 和2010 年远景目标纲要》。对加快我国社会的全面信息化提出了更高的要求。 校科技处是学校主管科研的职能部门，掌握了大量的科研信息，担负着 向校内和校外两方面提供各类科研信息的职责。鉴于目前网络应用已得到普 及，采用发布网页的方式，使科研信息得以更快速更方便的流通，是一个很 有效的方案。 由于要发布的科研信息有种类多．信息量大．变动频繁等特点，一般的 静态网页难以满足当前的需求，所以采用基于数据库的动态网页是有必要 的。 1. 静态网页指的是单纯用html实现的网页，它的制作虽然简单，但 是相对于动态网页，它缺乏对数据库的操作能力，不便于实现对大量信息的 存储．查询和修改。这将大大降低网页对信息发布的效率，也浪费了浏览者 宝贵的时间和网络资源。 2. 静态网页的维护工作量比较大，凡是有内容变动，都要跟改甚至重 新制作页面。面对更替频繁的信息时，如：新闻发布，留言板等，管理员对 网页的维护工作量会增加到一个惊人的程度。这样不利于网页的及时更新， 也使得管理员疲于应付，不能将精力集中于网页功能的加强和应用范围的扩 展。 目前，最常用的三种动态网页语言有ASP(Active Server 5 Pages),JSP(Java Server Pages),PHP (Hypertext Preprocessor)。 简 介 ASP全名Active Server Pages，是一个WEB服务器端的开发环境， 利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。ASP采用脚本语言VB Script（Java script）作为自己的开发语言。 PHP是一种跨平台的服务器端的嵌入式脚本语言. 它大量地借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态生成页面.它支持目前绝大多数数据库。还有一点，PHP是完全免费的，不用花钱，可以从PHP官方站点(http: //www.php.net)自由下载。而且可以不受限制地获得源码，甚至可以从中 加进自己需要的特色。 JSP 是Sun公司推出的新一代站点开发语言，他完全解决了目前 ASP,PHP的一个通病－－脚本级执行.Sun 公司借助自己在Java 上的不凡造诣，将Java 从Java 应用程序 和 Java Applet 之外，又有新的硕 果，就是Jsp－－Java Server Page。Jsp 可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。 三者都提供在 HTML 代码中混合某种程序代码、由语言引擎解释执行 程序代码的能力。但JSP代码被编译成 Servlet 并由 Java 虚拟机解释执行，这种编译操作仅在对 JSP 页面的第一次请求时发生。在 ASP 、PHP、JSP 环境下， HTML 代码主要负责描述信息的显示样式，而程序 代码则用来描述处理逻辑。普通的 HTML 页面只依赖于 Web 服务器，而 ASP 、PHP、JSP 页面需要附加的语言引擎分析和执行程序代码。程序 代码的执行结果被重新嵌入到 HTML 代码中，然后一起发送给浏览器。 ASP 、PHP、 JSP三者都是面向 Web 服务器的技术，客户端浏览器不 需要任何附加的软件支持。 6 技术特点 ASP: 1. 使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2. 无须 compile 编译，容易编写，可在服务器端直接执行。 3. 使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设 计。 4. 与浏览器无关 (Browser Independence), 用户端只要使用可执 行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。 5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug－in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。 6. 可使用服务器端的脚本来产生客户端的脚本。 7.ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C＋＋ 、 COBOL 等编程语言来编写你所需要的ActiveX Server Component 。 PHP: 1．数据库连接 PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的组合。你还可以自己编写外围的函数取间接存取数据库。通过这 7 样的途径当你更换使用的数据库时，可以轻松地更改编码以适应这样的变 化。PHPLIB就是最常用的可以提供一般事务需要的一系列基库。但PHP提供的数据库接口支持彼此不统一，比如对Oracle, MySQL， Sybase的接口，彼此都不一样。这也是PHP的一个弱点。 2．面向对象编程 PHP提供了类和对象。基于web的编程工作非常需要面向对象编程能 力。PHP支持构造器、提取类等。 JSP: 1．将内容的生成和显示进行分离 使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来生成页面上的动态内 容。生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在小脚 本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标识和Beans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。 在服务器端，JSP引擎解释JSP标识和小脚本，生成所请求的内容（例 如，通过访问JavaBeans组件，使用JDBCTM技术访问数据库，或者包 含文件），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这 有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。 2．强调可重用的组件 绝大多数JSP页面依赖于可重用的，跨平台的组件（JavaBeans或者Enterprise JavaBeansTM组件）来执行应用程序所要求的更为复杂的处 理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更 8 多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程，并 且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。 3．采用标识简化页面开发 Web页面开发人员不会都是熟悉脚本语言的编程人员。JavaServer Page技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化 JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。 通过开发定制化标识库，JSP技术是可以扩展的。今后，第三方开发 人员和其他人员可以为常用功能创建自己的标识库。这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。 JSP技术很容易整合到多种应用体系结构中，以利用现存的工具和技 巧，并且扩展到能够支持企业级的分布式应用。作为采用Java技术家族的一部分，以及Java 2（企业版体系结构）的一个组成部分，JSP技术能够支持高度复杂的基于Web的应用。 由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的 JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。 作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处 运行”的特点。随着越来越多的供应商将JSP支持添加到他们的产品中， 您可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的 应用。 应用范围 ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传 9 统——只能运行于微软的服务器产品,IIS(Internet Information Server) (windows NT)和PWS(Personal Web Server)(windows 98)上。Unix下也有ChiliSoft的插件来支持ASP，但是ASP本身的功能有限，必须通过 ASP＋COM的组合来扩充，Unix下的COM实现起来非常困难。 PHP3可在Windows,Unix,Linux的Web服务器上正常运行,还支持IIS,Apache等通用Web服务器,用户更换平台时,无需变换PHP3代码,可即拿即用. JSP同PHP3类似，几乎可以运行于所有平台。如Win NT,Linux,Unix. NT下IIS通过一个插件，例如JRUN或者ServletExec，就能支持JSP。著名的Web服务器Apache已经能够支持JSP。由于Apache广泛应用在NT、Unix和Linux上，因此JSP有更广泛的运行平 台。虽然现在NT操作系统占了很大的市场份额，但是在服务器方面Unix的优势仍然很大，而新崛起的Linux更是来势不小。从一个平台移植到另 外一个平台，JSP和JavaBean甚至不用重新编译，因为Java字节码都是标准的与平台无关的。性能比较 有人做过试验，对这三种语言分别做循环性能测试及存取Oracle数据库测试。 在循环性能测试中，JSP只用了令人吃惊的四秒钟就结束了20000＊20000的循环。而ASP、PHP测试的是2000＊2000循环（少一个数量 级），却分别用了63秒和84秒。（参考PHPLIB）。 数据库测试中，三者分别对 Oracle 8 进行 1000 次 Insert,Update,Select,和Delete： Jsp 需要 13 秒，Php 需要 69 秒，ASP则 需要 73 秒。 10 西安交大医学在线网站运用以下系统完成： win2000 win2000 server是为了满足个规模的企业的需要而设计的，这些企 业包括从集中管理的小型企业到分散经营的大型企业。Win2000 server建立 在win NT server4.0 的强大功能基础之上，它为一个操作系统可以与基于 标准的目录、Web、应用程序、网络、文件和打印服务、强大的管理和可 靠性、实现的集成程度设定了新的标准、这种集成为业务与Internet更好地结合提供了最佳的基础。 "PHP: Hypertext Preprocessor"。PHP 是一种 HTML 内嵌式的语言 (类似 IIS 上的 ASP)。而 PHP 独特的语法混合了 C、Java、Perl 以及 PHP 式的新语法。它可以比 CGI 或者 Perl 更快速的执行动态网页。 图一: PHP 是 Web Server 最佳的后端延伸介面 PHP 最初是在西元 1994 年 Rasmus Lerdorf 开始计画发展。在 11 1995 年以 Personal Home Page Tools (PHP Tools) 开始对外发表第 一个版本。在这早期的版本中，提供了访客留言本、访客计数器等简单的功 能。随后在新的成员加入开发行列之后，在 1995 年中，第二版的 PHP 问市。第二版定名为 PHP/FI(Form Interpreter)。PHP/FI 并加入了 mSQL 的支援，自此奠定了 PHP 在动态网页开发上的影响力。在 1996 年底，有一万五千个 Web 站台使用 PHP/FI；在 1997 年中，使用 PHP/FI 的 Web 站台成长到超过五万个。而在 1997 年中，开始了第三版的开发计划， 开发小组加入了 Zeev Suraski 及 Andi Gutmans，而第三版就定名为 PHP3。 PHP 跟 Apache 伺服器紧密结合的特性；加上它不断的更新及加入 新的功能；并且它几乎支援所有主流与非主流资料库；再以它能高速的执行 效率，使得 PHP 在 1999 年中的使用站台超过了十五万!!它的原始码完全公开，在 Open Source 意识抬头的今天，它更是这方面的中流砥柱。 不断地有新的函式库加入，以及不停地更新的活力，使得 PHP 无论在 UNIX 或是 Win32 的平台上都可以有更多新的功能。它提供丰富的函式， 使得在程式设计方面有着更好的支援。 网页的实现选用PHP。理由如下： PHP 足以实现科技处网页的全部需求； PHP充分发挥其灵活小巧的特点，无需考虑分布式计算不足的缺陷。 PHP 与MySQL 数据库的结合比较好，数据库操作实现起来很方便； PHP是跨平台软件，即可在运行在windows平台上，也可运行在unix平台上，对于某些需要移植在小型机上（unix平台）的网站，更加适合， 因为unix不支持ASP，只支持PHP。 PHP 是免费软件，可以节省费用； 12 MySQL 是一种服务器后台数据库，由于全新的设计，使得该数据库 的工作速度和之四年关效率达到了一个比较合理的范围，这是MYSQL引人瞩目的主要原因。My SQL 是一个精明的SQL数据库管理系统,由于它的强大功能,灵活、丰富的应用编程接口(API)以及精巧的系统结构,受到了广大自由软件爱好者甚至是商业软件用户的青睐。人们选择MySQL 的另一个原因是，MySQL数据库和PHP可以更好的结合在一起。现在，已经有一 大批使用PHP 和 MySQL 的成功范例。 Oracle 8i是一个面向Internet计算环境的数据库,它改变了信息管理 和访问的方式,Oracle 8i将新的特性融入倒了传统的Oracle服务器之中,从而成为一个面向Web信息管理的数据库,Oracle 8i支持Web高级应用所需要的多媒体数据支持Web繁忙站点不断增长的负载需求,其潜在的优势可将迅速变为现实. 数据库选用 MySQL 。理由如下： MySQL 与 PHP 是一对绝妙的组合，对于小型的网站是很好的选择； MySQL 可以利用 MySQL admintor 在web上对数据库进行远程管 理。 1. Adobe phoshop 最强大的图象创作工具，用于印刷和 Web 图象编辑解决方案。它 特别是为设计者提供了具有强化的 Web 特性并且功能强大的 Adobe ImageReady。现在，不管是制作复杂的印刷图象，还是设计交互式的 13 Web 图形，Photoshop都会有杰出的表现，Photoshop主要功能： , Photoshop 和它的 Web 图形组件——ImageReady 使用共同的命 令、工具、调板和键盘快捷键，对已熟悉 Photoshop的用户可迅速 地熟悉并使用 ImageReady。 , ImageReady中新的截分工具可以对图象进行分割。分割后可以为每 个用户片段指派 URL 链接、ALT 标签和不同的压缩设置。在 ImageReady中一行代码也不用写就可制作交互式的 JavaScript 翻 滚效果。 , Photoshop 包含了全面的优化功能，可用尽可能小的文件制作最优 质的Web图形,在互联网上恰到好处地实现图象质量和文件大小之 间的平衡。 , 要制作出动人的GIF动画，只须在Photoshop中打开一个多图层的 文件，然后在ImageReady 中创建新帧或对图层进行编辑。每个图 层在动画中是一个独立的对象。使用“动画”调板可预览动画和设置 回放选项。使用“过渡”功能可自动创建平稳过渡。 , 新的魔术橡皮擦和背景橡皮擦工具可以更直观地为图象添加透明效 果。使用新的艺术历史记录画笔可以用程式化的笔触绘制图像，就 象在画布上作画。这些新功能可帮助我们制作充满创造力的多媒体 界面。 , 历史记录调板使允许制作者即刻撤消和重做多个编辑步骤。历史记 录调板跟踪和显示一个最近编辑步骤的完整列表。设计人员可单击 列表中的任意位置，以查看这些不同阶段的步骤和在其间移动。 , Photoshop和ImageReady 均支持图层效果，所以我们可以为图层快 速添加自动投影、内外辉光、斜切和浮雕效果。可使用图层效果制 14 作动人、可继续编辑的文本、能交互的按钮等。 Photoshop为设计动人的 Web 图形提供了内置的 Web 优化功能。它的 ImageReady组件用于处理图象截分、动画、JavaScript 翻滚和其它高级 Web 任务。在上述任一种应用程序中，单击工具箱上的“跳转到”图标可以立即将某个文件从一个程序移动到另一个程序中。在一个程序中所作的更改 甚至会在另一个程序的历史记录调板中以历史记录状态加以保存，以便随时 撤消和重做。 2. Macromedia Flash5.0 Flash是Macromedia公司的主要软件产品之一，它与Macromedia Freehand、Macromedia Fireworks、Macromedia Dreamweaver、Macromedia Director、Macromedia Authorware一起为全球的网上出版、多媒体制作、 图形处理作出了卓越的贡献。 Flash基于矢量图的Web标准，可以制作Web导航、互动图片及动画效果，可以被Netscape、Macintosh、Windows、AOL以及四千多万可浏览Flash的浏览器支持。新版Flash5.0对原版本在功能与界面上都进行 了完善与补充，Macromedia公司同时又推出了中文网站 www.macromediachina.com，以便更好地协助中国用户的开发与设计。 新界面，新功能——Macromedia公司重新设计了Macromedia Flash 5.0的界面，进一步改进了产品的集成性，使得使用者可以方便自如地在 Macromedia Flash和其它Macromedia工具之间进行切换。 改进工作组——在Macromedia Flash 5.0中，设计者专门针对工作组 进行了改进，画家、动画制作人员和程序员可以使用“共享库”和外部脚 本文件同时工作。 新增Movie Explorer——Macromedia Flash 5.0新增的Movie Explorer 15 可以将影片归类并显示为分层文档，从而可以为设计制作人员共同开发大 型项目提供帮助。 Smart Clips——Macromedia Flash 5.0中的Smart Clips体现了Macromedia Flash的一些优势，它允许高级脚本程序员制作组件，如列表 框和选单，然后将这些组件作为独立的功能传递给其他人，以便定制和重 新使用。SmartClips有可能会加快在企业内开发Flash的过程，并有助于在高级Flash团体内交换观点。你可以通过选择Smart Clips并在纯文本对话框中输入自定义的值来对其进行定制，或使用Flash Player影片上的时髦用户界面，对它进行定制。 Macromedia Dashboard——在Macromedia Flash 5.0中，Macromedia大胆引入了Macromedia Dashboard。Dashboard是内置在产品中的资源面 板，它连接到外部Flash资源并作为Flash用户的信息助理。每次启动 Macromedia Flash 5.0时，Dashboard都会更新其资源，确保内容始终保持 最新。 ActionScript——全新的ActionScript现在已是一种完整的语言，它是 从类似JavaScript、面向对象的语言扩展和重建而来的。就算是Flash老手，要弄懂新增的事件、数据类型、对象和语法，也绝非易事。只有最高级的 Flash用户才会使用到这些强劲的新增功能。对于那些不熟悉高级 ActionScript或JavaScript编程的用户来说，学习这些功能是有很大难度的。 但是，我们还是喜欢使用ActionScript，原因是它具有标准的实施方案以 及灵活的图形和音频功能。 新增动画——对于动画制作人员而言，新的定制键盘快捷方式设置、 改进的时间轴、扩展的优化选项和编辑选项都令您耳目一新。一些用户可 能发现新的时间轴特别陌生，因为它从Macromedia Director借鉴的东西较之从Macromedia Flash的先前版本借鉴的为多，但它同时也保留了先前版 16 本的一些功能（如Macromedia Flash 4.0中的某些行为）。Macromedia Flash 5.0支持直接输入和编辑原始Adobe Illustrator和Macromedia FreeHand文件。新增的Bezier Pen、Sub-Selection工具以及可拖动的移动标尺可以让 插图画家在Flash环境中具有更大的灵活性。有了这些改进功能，Flash显示选项已趋于完美。但从总体上讲，动画制作人员可用的工具和 Macromedia Flash 4.0中的工具并没有太大的差异。 MP3来了——我们非常高兴地看到了新增输入MP3的功能。对于过去曾经长时间进行转换和压缩的用户而言，听到这则消息会尤其高兴。另 外，它还新增了脚本化音量、镜头平移，甚至就连动态音频事件生成功能 也添加了进去，这可使Flash中音频应用程序功能更强。 支持XML——这是Macromedia Flash 5.0中新增的又一重要功能。说它重要是因为它打开了与后端系统、数据库以及所有与数据处理有关的 活动进行交互操作的种种可能。Flash Player 5.0具有稳定的数据套接字功能，可支持聊天、多人游戏以及以前版本所没有的许多功能。顺便说一句， 以前版本只限于HTTP请求。 新版Macromedia Flash 5.0不但新增了以上几项主要功能，还对使用 者操作过程中的每个细节都做了改进，新版的Flash 5.0定会让广大的使用者更加喜爱。 Gif Animator 在网页上大多数的动画都是以GIF格式来呈现，Ulead Gif Animator堪称动画制作领域中的佼佼者，现在又推出了更新更强5.0版本，让您可以快速地制作出梦幻多变的GIF动画。 Ulead Gif Animator堪称是制作GIF动画的工具中，功能最强大、操作使用最简单的动画制作软件之一。 在Ulead Gif Animator之中内建了各种您制作动画时会使用到的各种功 17 能，其中包括了各种变形特效、图形最佳化、以及动画编辑的工具，让您 在使用GIF Animator的时候可以专心于漂亮的GIF动画制作上，而不用 担心因为使用工具的技巧不熟练而无法随心所欲。 现在我们就来看看在本版中的GIF Animator到底有新增哪些功能： 1. 更简单的操作方式：本版本中的GIF Animator在您做GIF动画的编辑、预览以及最佳化的步骤时加入了新的导览功能，另外也提供 了1：1的图像编辑方式，同时在每一个帧中也清楚的标明了这个帧所 代表的顺序数字，让您可以更容易的掌握到自己的工作进度以及状况。 2. 更强大的编辑以及预览功能：过去如果要在GIF Animator之中直接绘图的话可能会给您带来不小的麻烦，因为您并没有办法看到前 一格动画中的状况，但是在本版中的GIF Animator中提供有“描图纸”（Onion Skin）功能，这样您就可以像画卡通画一般将前一格垫在下面 对照着去画，自然您的动画看起来也就更加的顺畅了。 3. 更强大的自动批处理能力：如果您常常要制作GIF动画的话，这项整合过的强大自动处理能力的确可以帮助您省去不少宝贵的工作 时间，在GIF Animator中您只要通过简单的设置就可以定义一些批处理 的动作，例如您可以将所有的图像处理成使用相同的调色板，您再也没 有必要以手动的方式一个个去调整，另外就是您的这些批处理的工作方 式现在还可以被记录下来，如果您日后还要使用到相同的处理方式，您 只要将它再调出来即可，大大的增加了它的可重复使用性。 4. 新增许多动画特效：GIF Animator中最吸引人的莫过于它内建 了相当多的特效可以使用，在本版中新增了一些动画特效如Headline Banners、Eye-catching动画特效、新的变换特效，以及允许您将两个GIF动画整合在一起并且可以通过位置的移动产生另一种动画特效。 5.强化的输出功能选择：过去制作GIF动画的工具大多都是只能纯粹的制作出 18 GIF动画，但是新版的GIF Animator可就不同了，不但可以在您完成 GIF动画同时输出相对应的HTML原始代码，并且可以为您的GIF动画中加上一些链接，使用者可以在GIF动画中直接链接到另一个网页中。 Fireworks 具有强大功能的WEB做图工具。它是Macromedia公司“梦之队”（DreamTeam）产品线中的一个重要成员，其他成员还有Dreamweaver和Flash等。Fireworks并不与Photoshop竞争，它完全针对Web，一切为了Web设计者更简便更有效率的进行创作，因而很快成为最优秀的网 页图形工具，Fireworks给WEB设计带来的革命性的变化表现在： , Fireworks集合了位图处理软件和矢量图形软件的特性，可以直接编 辑位图，也可以直接修改矢量图形，甚至可以直接对矢量图形应用 Photoshop滤镜，以往需要多个软件才能完成的工作，在Fireworks 中统统都给解决。 , 强大的图象优化输出功能。以最小的文件尺寸获得最好的图象质量， Fireworks更加直观与流程化的优化处理，使图象更吻合于Web应 用。 , 在矢量路径上直接应用笔触、填充、效果，而且无论哪部分包括路 径本身随时都可再编辑。 , 轻松创建JavaScript 翻滚。只需做一些基本设置，Fireworks会自 动产生JavaScript代码。JavaScript 翻滚就是我们在一些网站上看 见的，当你的鼠标在一个图象上移过、按下或释放鼠标时产生图象 变换的效果。 , 轻松建立图象映射，Fireworks提供了完整的建立映射热区的工具和 19 控制，可以制作各种简单或复杂的导航条、滚动图和动画等这些当 今Web页面中不可或缺的重要因素，只需对给每个映射设置URL 链接和状态说明等相关定义就可完成。 , 独有的图象切割功能，更适用于网站设计，我们不用在其它图形工 具里切来切去，再东拼西凑了，Fireworks全部都能替我们完成，而 且直接产生HTML。而在Fireworks出现之前，要完成所有这些处理 工作，可能要交替使用多个几个复杂的软件才能完成。 , 拥有动画软件的功能，Fireworks引入了符号和例子概念，只需指定 两端的帧，中间过程自动产生，这样做动画就非常省力。 , 与网页编辑软件特别是Dreamwave无缝集成，既可以输出完全针 对Dreamwave的HTML、Dreamwave库，也可以直接在 Dreamwave中调用Fireworks，使设计工作更灵活有效。 20 . 1. 一切色彩，不但各自具有独特的性格，而且还因为各种色彩之间的 相互关系，产生出另一种性格。色彩的个性就是指某一色彩单独所给人的 感觉是新鲜还是混沌、是明快还是暗淡、是寒冷还是温暖等等。相关性就 是指一个颜色和其它色彩相比，是比较新鲜还是比较浑浊、是比较明快还 是比较暗淡、是比较寒冷还是比较温暖等等。 我们可以根据三个条件决定任何一种颜色所具有的个性： 色彩的明度 色彩的纯度 色彩的打动知觉（视觉）的程度 各种色彩虽然都具有它自己的个性，但个性的成立，是由于色彩的 相互关系，决不是绝对的确定不变的。比如说某一种色彩很明亮、很新鲜、 很温暖、很强烈等等，主要是由于同其它品质较差的色彩相比较，然后才 能肯定下来。加入和比它更明亮、更新鲜、更温暖、更强烈的另一色彩相 比较，马上就会使人感到暗淡，失去了一定程度的温暖和强烈的感觉。这 就是色彩的相关性的作用了。 研究色彩的相关性,可以从两方面来进行.一种是从类似色的比较上来观察。 另一种是从对比色的比较上来观察.从它们的冷、暖、明、暗、钝。浊的素质上找出区别。 正是色彩具有相关性的作用，对动画作品来说，由于运用色彩的熟 练与否，便会产生比较好或比较坏的色彩效果。同时，在具体表现上，假 如依照色彩的个性来考虑它们的相关性作用。不仅可以忠实于对象的表 21 现，还可以发挥色彩的表现性能，从而加强色彩表现上的现实感。为什么 会这样呢？因为包括一切自然现象的色彩关系在内，各种物体的色彩，也 因为远近、明暗以及质量上的无限差别，形成一种色彩相关性的谐和，所 以在实际表现上善于运用色彩的相关性作用，熟悉色彩规律，也是最终自 然规律，达到表现效果的最巧妙的办法，比如在自然现象中，同为红色的 旗帜，因为远近距离的不同，光的影响不同以及质量的差别，所形成的红 色就决不会完全相同，而且这种不同也是由于互相比较才产生出来的。 2. 1） 人体工程学要求防止视觉疲劳。人机界面的色彩要求柔和以适 应用户长时间面对显示屏的视觉刺激。这一思想成为我们处理长时间面 对的界面，和短时间面对的界面上色彩的分界线，显然用户长时间面对 的界面要求绝对的色彩柔和，而用户短时间面对的界面在色彩上可倾斜 于设计者的其他意图，比如：强调性、美观等等。 2） 色彩对比形成的视觉识别度。在现实世界中人们看到的是由色 彩关系，素描关系，反射关系构成的物体。而在显示屏上我们能运用的 只有色彩关系、素描关系，而他们都是通过色彩来表现。我们运用不同 的色彩构造人机界面，利用色彩的搭配形成清晰的视觉效果。我们要对 用户信息进行了解，甚至要考虑各种色盲症。 3） 色彩对界面的装饰效果。界面设计人员作为更趋向于实用主义 的艺术家而存在，利用不同的色彩，将每一幅界面都作为艺术品展示给 用户。 3. 旗帜广告（banner）：置于顶部，最先映入网络访客眼帘，旗帜广告 22 对于建立并提升客户品牌形象有着不可低估的作用.目前已经可通过多种技术制作旗帜广告，如HTML，FLASH，DHTML，JAVA等. 按钮广告（button）：另一种互联网界传统的广告表现形式之一。体 型小巧，通常被放置在页面左右两边缘，抑或灵活地穿插在各个栏目板块 中间，可为一些相关网站做链接或为一些客户品牌树立形象.目前常使用动态GIF或者FLASH。 作品一：西安交通大学药学院 在468×60的banner主要以黑色做背景，因为黑色代表严肃、严谨， 象征医生对待工作的态度。在黑色背景的左侧，几个外科医生在无影灯下 聚精会神、忙碌的做着手术，正为病人解除痛苦，尽着他们天使般的职责。 一个医生的脸部特写显示着医生是一个神圣的职业，是一个对人类、对社 会、对家庭都不可缺少的职业。 “与疾病抗争的关键在于”的白色字样和“药”字突然闪现，“药” 字用黄色的粗体和竖型白色的边框着重强调。随后又一条广告语出现“药 物研制的关键在于人”，同样“药物研制的关键在于”是白色的字样，“人” 则是黄色的粗体表现，以横型的白色边框做背景翻转出现。这两条广告语 是在说明药于人的重要性，疾病抗争的关键是药，对症下药就能治根指本， 23 而药物研制的关键则是人，人是创造新物质的根本，所以人是重要中的重 要。 “西安交通大学药学院”随即出现，西安交通大学是红色的毛体， 是从毛主席以前的遗迹中挑出来的，用红色鲜明又能强调主题，而用毛体 是西安交大特色招牌。药学院是西安交大和西安医科大学合并后，成立的 一个学院，所以用于西安交通大学区别开的白色，而且字体要比西安交通 大学小，这样可以说明是上级语下级的关系。 在西安交通大学药学院出现后，“是您关键中的关键”随即出现，强 调性的闪现。药学院是医药人才聚集的地方，是研制与疾病抗争的药的基 地，所以是患者关键中的关键。 整个广告主要围绕强调医药的重要性，而医药人才则是更加的关键 这个主题进行 宣传 免费孕前优生健康检查孕期保健知识宣传1冬季预防流感知识宣传手足口病防知识宣传森林防火宣传内容 的，即能为药学院做宣传，又可以为医药网站打好坚实 基础。 作品二：科学技术论坛（std.xjtu.edu.cn） 科技技术论坛的旗帜广告的创意构思是这样的： 蓝色的星空代表一望无际的宇宙，暗示科技的发展无穷无尽，几个 24 闪亮的星星代表科技的新发现，而更多的未知物等待人类去发现。 第一帧：淡紫色的“漫游科技星空”与圆体的“science”同时显现出来。 第二帧：“探索未知世界的奥秘”与“漫游科技星空”相呼应,提出需要对未来科技的态度，要不断探索与研究。 第三帧：黄色毛体的西安交通大学与科技技术论坛前后出现。 第四帧：科技在线站点网址std.xjtu.edu.cn最后显现。 广告过程以一种若隐若现的形式出现，代给人一种神秘感，引起人 无限的遐想，并对未来科技的前景有着美好的憧憬。 作品三：音乐在线 音乐站点应该给人以轻松、愉快的感觉，所以我首选橙色，橙色给 人以轻快的感觉，如果以渐进的橙色作为背景色，则有种流畅的感觉。五 条灰色的线条代表五线谱，是音乐的象征。 一个music的阴影从五条线中穿过，随即一个彩色的music从天而降，调皮的摆动后，静止在五线上。 灰色的“在线”与橙色的“音乐”交替出现，象快乐的音符一样在 跳跃，显示出明朗、轻快的感觉。 一个明黄色的大“厅”闪现，插在彩色的music之后。 整个广告以调皮、动感的形式出现，给人一种欢快、愉悦的感觉， 25 就象音乐带给人的轻松的感觉。 作品：戒毒专栏（模板） 26 选择黑色灰色作为主要色调代表毒品的阴暗面，是暗示着毒品给社会 带来的危害，使人们的生理、心理都受到影响，使人们深恶痛绝。在这种 背景下，当然不可以用轻快、明亮的颜色，这种严肃的专栏，浅色会显轻 浮，会让人造成错觉，感觉对毒品的态度是并不认为它是社会、人类的公 害。所以用黑色也代表对毒品的严肃态度，对毒品坚决抵制的态度。 “毒品危害、毒品分类、戒毒常识、戒毒指南”这些专栏的button形状，都做成了注射器的形状，形象的表现了吸毒的标志，以此来警戒人 们抵触毒品、远离毒品。 27 . 科学技术论坛 1. 在蓝色星空的背景下，为了达到更好的效果，先用photoshop的抓手工具，稍做涂抹，作出一抹云彩的效果。 2. 把背景放入Ulead GIF Animator 5.0工具，使用“帧”的“添加条幅文本”键入“漫游科技星空”淡紫色文本，在加入深紫的霓虹描边， 圆体的“science”使用同样效果，然后使用“进入场景”的“减弱”效果 和“退出场景”的“减弱”效果，设画面帧为5帧。 3. “探索未知世界的奥秘”使用不同的颜色，同样的效果。 4. 加入一帧空白帧之后，把在photoshop里先做好的淡黄色毛体“西安交通大学”加载在一帧背景上，然后用“进入场景”的“减弱”效 果和“退出场景”的“画面”效果，设画面帧为2帧。 5. 在“西安交通大学”的第二帧上，加载“科学技术论坛”的渐 现渐隐的效果。 6. “std.xjtu.edu.cn”作出同样效果后，设“画面帧属性”的“延 迟”时间为80秒。 28 虽然图像可以给网站的内容添色，吸引访问者，而访问者在浏览 精美网页时是否能想到图片的管理呢！其实，一个大型的网站其大量的 图片势必会给管理员的管理带来诸多的不便，而解决存储问题就是管理 员的首要问题，把不同类型的图片以适合的方法存储，会便于管理员的 工作，使网站的管理工作更加具有条理性。所以，此处有必要探讨一下 图象存储的几种方法以及它们的优缺点比较。 1． 图像存储有两种方法： 1） 将图像以二进制方式存储在数据库中。 2） 将图像路径存储在数据库中，而将图片本身以文件方式存储在 服务器硬盘空间中。 2． 两种存储方法的比较： 1） 图片直接存储在数据库中： 优点：数据管理方便，因为图片是以记录的方式存在数据库中， 当该记录失效被删除时，相应的图片也会同时被删除。 缺点：将图片全部以二进制格式存储在数据库中，容易导致数 据库容量增大，特别是对于MYSQL这种小型数据库，会导致数据 库访问速度减慢。而且，以此种方式保存的图片无法直接查看图片 内容，只能通过程序来查看。另外，由于是将图片存入数据库，当 网络质量不佳时会出现写库失败的情况。 2） 图片的路径存储在数据库中： 优点：占用数据库的容量较小，调用简单，易于实现。 缺点：图片是以文件的方式存在于服务器空间中，无法保证图 29 片与数据库记录同时存在，当图片文件被删除时，则无法通过数据 库调用显示该图片，导致数据管理十分困难。当数据库记录失效被 删除时，而作为此记录一部分的图片则仍然留在服务器的目录中， 这时就需要维护人员进行手工删除，由于上载的图片的名称不定， 删除难免会出现误删或错删的现象，但如果放在服务器上不去管它 的话，会导致服务器硬盘空间的浪费。 1） 数据库结构： 图4.1数据库结构 30 图4.2 图片存储在数据库中 2） 上载方法： „„„„„„//数据库的调用（省略） „„„„„„//设置超时限制时间 $sql = "INSERT INTO t_baoj_img(fid,description,bin_data) VALUES ('$id','$description','$filename')"; $result=db_query($sql); //保存图片 3）上载界面：如图 31 图4.3 图片上载界面 3） 调用方法： 如果数据库中存放的是图片，直接从库中取出图片再由页面调用就行 了： 文件showpic.php3： „„„„„„//数据库的调用（省略） $query = "select pic from binary_data where id=$id"; $result = @MYSQL_QUERY($query); $pic = @MYSQL_RESULT($result,0, "pic"); Header( "Content-type: $type"); //设置图片类型 echo $pic; //显示 然后在调用时，取出数据库中的字段如$pic，然后用 就能显示了 32 1） 程序流程图： 开始 显示该新闻的标题及图片上载界面 NO 提示没有选择上载文件！ 检查是否有上传数据 YES 超时限制时间为60秒并设置上载目录 YES 检查该文件是否存在 提示该文件已经存在！ NO NO 文件上载是否成功 提示文件上载失败！ YES NO 向数据库中插入文件名及描述； 将新闻库中的图片标志位置为1 是否成功 YES 33 发表成功 发表失败 继续添加 返回 2） 数据库结构： 图 4.4 数据库结构 图 4.5 图片路径存储在数据库中 34 3） 上载界面： 图 4.6 图片上载界面 4） 程序清单： function upload_newsimg($id, $description, $uploadfile, $uploadfile_name) { global $Table_News; if(($uploadfile!="none")&&($uploadfile!="")) { $timelimit=60; //超时限制时间；缺省时间为30秒；设置为 35 0时为不限时 set_time_limit($timelimit);//设置超时 $uploadPath = "../upload/xinwen/";//设置上载目录 $filename=$uploadPath.$uploadfile_name; if(!file_exists($filename)) { if(copy($uploadfile,$filename)) { unlink($uploadfile); $filename="/upload/xinwen/".$uploadfile_name; $sql = "insert into news_img (fid, description, pathname) VALUES ('$id', '$description', '$filename')"; $result=db_query($sql); $newsql="update $Table_News set ifpic=1 where id=$id"; $newresult=db_query($newsql); echo ""; } else { echo "文件 $uploadfile_name 上载失败!"; unlink($uploadfile); } } else echo "文件 $uploadfile_name 已经存在!请将文件另 起的别的名再上载"; } else { echo "你没有选择任何文件上载！"; set_time_limit(30); // 恢复缺省超时设置 37 } } 5） 调用方法： 此种方法较数据库保存方式简单。 调用时，取出数据库中的字段如$pic，然后用 就能显示了。 1. 在程序编写完毕后回头审视中，发现在程序的编写过程中出现了两个问 题 1） 上载文件重名问题。 2） 文件的删除问题。 2. 1） 上载文件重名问题。 方法一：在保存文件之前检查文件是否存在，如果存在则自动在 文件名后加累计数。如：upload.jpg存在则将文件名变为upload[1].jpg，如果还存在则变为upload[2].jpg，依此类推。 方法二：因为记录的编号是唯一的，所以在保存上传文件时，将 文件名改为相应的编号值，然后将不同的栏目上传至不同的目录中就可 避免文件重名的问题。 程序段（方法一）： $uploadPath = "./Upload/"; //设置上载目录 38 $filename = $userfile_name; //保存文件名 $fullname = $uploadPath.$userfile_name; //文件全路径 while(file_exists($fullname)) { //检查文件是否存在 //－－－－－－－－－－在文件名后加累计数－－－－－－－－－ －// $file = substr($filename,0,strrpos($filename,".")); $ext = substr($filename,strrpos($filename,"."));//文件扩展名 $start = strrpos($file,"["); //文件名中“[”的位置 $stop =strrpos($file,"]"); //文件名中“]”的位置 if(($start>0)||($stop>0)) { //文件名中是否存在“[”和“]” $i = substr($file,$start,$stop-$start); //累计数值 $i++; //累计数加1 $filename=substr($file,0,$start).$i."]".$ext; $fullname=$uploadPath.$filename; } else { $filename = $file."[1]".$ext; $fullname=$uploadPath.$filename; } } 2） 文件的删除问题。 检查文件是否存在，如果存在则删除。 此函数应当在删除相关记录之后调用，如此就可以保证图片与数 据库记录同时存在。 39 function Delete_Img($userfile) { $uploadPath = "./Upload/"; $filename = $uploadPath.$userfile; if(file_exists($filename)) unlink($filename); } 40 一. 当前应用 图象在互联网中得到了广泛的应用。 在科技在线（std.xjtu.edu.cn）中，图片就起到了举足轻重的作用。在以前没有重视图片的重要时，科技在线网站只是一个科研性很强的网站， 但学术性文字带给人枯燥、乏味的感觉，使得访问量并不高，而后来加入 图片后，现在网站月访问量超过了10万，尤其，一些附图的文章点击率更高。而现在制作的医学在线网站，就专门建立了医学图库、中草药图谱 等一些栏目，使得网站内容图文并貌，便于用户了解医学信息。对于图象 的存储也有 很好的处理方法，不同形式的图片根据不同类型可存储在硬盘上或存储在 数据库中，这样有利于网站管理，使得网站工作更具有条理性。 二. 心得体会 决胜全面小康心得体会学党史心得下载党史学习心得下载军训心得免费下载党史学习心得下载 通过一个学期的毕业设计，我在很多方面得到了锻炼与提高，获得很大 的收获。 第一，这次毕业设计是对我在大学阶段所学知识的一次全面的检验。在 毕业设计中，涉及到了网络、数据库、各种软件应用等多方面的知识，使自 己对相关理论的认识得到了一定的提到。 第二，在此次的毕业设计中，我遇到了并解决了许多实际问题，从而锻 炼了我的实际工作能力。但是也有不足之处，在制作上还不够熟练，一些制 作工具不能运用自如；在图形创意上也很有限，还不能创作出令人耳目一新 的作品，这些不足还有待提高。在此次的设计中，让我深切体会到，理论结 合实际才能体现出知识的力量。为了使自己学有所用，就要在实践中锻炼， 在实践中学习，在成功中得到自信，在失败中得到经验。这次毕业设计提供 41 了一个难得的提高自己实践水平的机会。 第三，本次毕业设计让我置身于校科技处，这个实际的工作环境中， 让我或多或少的体会了一些参加工作的感觉。在设计的整个过程中，我看到 了大家为了同一个目标而齐心协力，互相帮助，共同前进。这使我深刻的认 识到了团队精神的重要性。计算机行业的很多工作，是庞大而复杂的，仅凭 借个人的力量，是很难做得圆满的。协作，是这个行业工作方式的一个突出 特点。通过这次和老师、同学的协作，我深刻体会到了提高自己与他人协作 的能力的重要性。 总之，本次毕业设计给了我很大的收获，在实践中检验了我所学的知 识，锻炼了动手能力，为我走上实际工作岗位创造了有利条件，对我将来的 工作将产生重要的影响。 42 在此我首先感谢指导我毕业设计的沈伟君老师。刘老师在理论上给予 了我相当宝贵的指导，同时对我的毕业设计工作与毕业论文的写作给予了精 心的指导和大力的支持。在沈伟君老师的指导和帮助下，我比较圆满地完成 这次毕业设计。 我还要特别感谢本校科技处综合部的锁志海老师。他作为这个项目的 主要负责人，在工作中给予了我许多的指导与帮助。并且为我们创造了良好 的试验环境，对我们开放了精良的试验设备。同时，提供了大量的参考书籍 和相关软件。这对于我们能够较好的完成设计是极为重要的。 同时还要感谢科技处综合部全体老师，在三个月的共同工作中，老师 们在各方面，都给于了我许多的帮助。 此外，还要感谢陈雪江、吕春、梅建给了我技术上的大力支持，还有 与我一起做毕业设计的党亚娟和侯锐同学，给我提出了很多好的建议和方 法，使我在毕业设计中较好的完成设计任务。并且这些同学认真、勤奋的工 作态度和敬业精神也深深地感染了我，对我的工作态度产生了深刻的影响。 最后，对所有帮助过我的老师和同学们，表示最衷心的感谢！ 43 【美】 Leon Atkinson 著 陈红 译 清华大学出版社 北京希望电子出版社 【美】 David Medinets 著 赵红卫 等 译 机械工业出版社 【美】 Gary Bouton Barbara Bouton Gary Kubicek 著 李真文 韩春雷 雷军 等 译 电子工业出版社 北京科海集团公司 44 45