动态网页制作的设计论文

PAGEPAGE43毕业论文动态网页的设计制作前言 在Internet得到广泛应用的今天，网页已经成为一种不可替代的信息交流工具，他以交互式的特点开创了人们进行信息交流的新方式。 以往的静态网页大多不能与数据库连接，交互能力有限，不能很好的实现人们交流的愿望。今天，我们可以使用各种动态网页来弥补这个缺陷，使得这种新兴的、为大家广泛接受的交流方式焕发出更强的生命力，为实现人们“沟通无界线”的理想向前迈进一步。 网页内容的新颖也是吸引访问者的重要因素之一，但纯粹的文字，只会让网页枯燥、乏味，使访问者不能为之心动，而如果加入一些图片或修饰，使之图文并貌，必定会为网站增色不少。而且网站的整体框架的形式和色调也很重要，不同的内容要配以适合的框架和色调，给访问者视觉和感觉上的协调和舒适，如果给一个内容清新的网站配以拘谨的框架和暗色调，那回使访问者心绪凝重，不想再继续浏览此网页。可见这些美工设计对于一个网站来说不可缺少的。 本篇报告将详细说明一个成功建立起来的动态网页的一些方面，包括：发布平台、软件工具、语言、连接数据库和动态效果。摘要本论文主要介绍了我在西安交大科技处所研究的一些关于Web网站图象存储与制作的问题。图象的设计与制作在Web网站中是一个具体问题，也是必不可少的一部分。因为图象设计的构思、制作是反映一个网站的风格与主题，也是吸引访问者的一种手段。而如果网站规模大，图象内容势必也会多，所以网站的图象存储管理尤为重要。论文中重点阐述了网站图象存储问题，详细说明了存储的两种方式－－存在硬盘上与存入数据库中，以及这两种方式的具体实现和优缺点。目录第一章科技处动态网页分析与描述一.开发基于数据库的动态网页的必要性二.当前静态网页的弊病三.网页系统的发展趋势第二章使用的软硬件介绍一.发布平台的选取二.应用软件的选取第三章图象制作一.创意构思二.创意步骤第四章图象存储的具体实现一．图象存储简介二.两种存储方法的具体实现1)图象存储在数据库中2)图象存储在硬盘上第五章小结一.当前应用二.心得体会致谢参考文献第一章科技处动态网页分析与描述开发基于数据库的动态网页的必要性近年来，计算机，通讯及网络信息技术的高速发展，使得整个社会的信息化进程越来越快。《中华人民共和国经济及社会发展“九五”计划和2010年远景目标纲要》。对加快我国社会的全面信息化提出了更高的要求。校科技处是学校主管科研的职能部门，掌握了大量的科研信息，担负着向校内和校外两方面提供各类科研信息的职责。鉴于目前网络应用已得到普及，采用发布网页的方式，使科研信息得以更快速更方便的流通，是一个很有效的方案。由于要发布的科研信息有种类多．信息量大．变动频繁等特点，一般的静态网页难以满足当前的需求，所以采用基于数据库的动态网页是有必要的。当前静态网页的弊病静态网页指的是单纯用html实现的网页，它的制作虽然简单，但是相对于动态网页，它缺乏对数据库的操作能力，不便于实现对大量信息的存储．查询和修改。这将大大降低网页对信息发布的效率，也浪费了浏览者宝贵的时间和网络资源。静态网页的维护工作量比较大，凡是有内容变动，都要跟改甚至重新制作页面。面对更替频繁的信息时，如：新闻发布，留言板等，管理员对网页的维护工作量会增加到一个惊人的程度。这样不利于网页的及时更新，也使得管理员疲于应付，不能将精力集中于网页功能的加强和应用范围的扩展。网页系统的发展趋势目前，最常用的三种动态网页语言有ASP(ActiveServerPages),JSP(JavaServerPages),PHP(HypertextPreprocessor)。简介ASP全名ActiveServerPages，是一个WEB服务器端的开发环境，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Javascript）作为自己的开发语言。PHP是一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态生成页面.它支持目前绝大多数数据库。还有一点，PHP是完全免费的，不用花钱，可以从PHP官方站点()自由下载。而且可以不受限制地获得源码，甚至可以从中加进自己需要的特色。JSP是Sun公司推出的新一代站点开发语言，他完全解决了目前ASP,PHP的一个通病－－脚本级执行.Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是Jsp－－JavaServerPage。Jsp可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但JSP代码被编译成Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页面的第一次请求时发生。在ASP、PHP、JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而ASP、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。ASP、PHP、JSP三者都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持。技术特点ASP:1.使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。2.无须compile编译，容易编写，可在服务器端直接执行。3.使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。4.与浏览器无关(BrowserIndependence),用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。ActiveServerPages所使用的脚本语言(VBScript、Jscript)均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。5.ActiveServerPages能与任何ActiveXscripting语言相容。除了可使用VBScript或JScript语言来设计外，还通过plug－in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。脚本引擎是处理脚本程序的COM(ComponentObjectModel)物件。6.可使用服务器端的脚本来产生客户端的脚本。7.ActiveXServerComponents(ActiveX服务器元件)具有无限可扩充性。可以使用VisualBasic、Java、VisualC＋＋、COBOL等编程语言来编写你所需要的ActiveXServerComponent。PHP:1．数据库连接PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的组合。你还可以自己编写外围的函数取间接存取数据库。通过这样的途径当你更换使用的数据库时，可以轻松地更改编码以适应这样的变化。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或者EnterpriseJavaBeansTM组件）来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。3．采用标识简化页面开发Web页面开发人员不会都是熟悉脚本语言的编程人员。JavaServerPage技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。通过开发定制化标识库，JSP技术是可以扩展的。今后，第三方开发人员和其他人员可以为常用功能创建自己的标识库。这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。JSP技术很容易整合到多种应用体系结构中，以利用现存的工具和技巧，并且扩展到能够支持企业级的分布式应用。作为采用Java技术家族的一部分，以及Java2（企业版体系结构）的一个组成部分，JSP技术能够支持高度复杂的基于Web的应用。由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译成为JavaServlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。随着越来越多的供应商将JSP支持添加到他们的产品中，您可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。应用范围ASP是Microsoft开发的动态网页语言，也继承了微软产品的一贯传统——只能运行于微软的服务器产品,IIS(InternetInformationServer)(windowsNT)和PWS(PersonalWebServer)(windows98)上。Unix下也有ChiliSoft的插件来支持ASP，但是ASP本身的功能有限，必须通过ASP＋COM的组合来扩充，Unix下的COM实现起来非常困难。PHP3可在Windows,Unix,Linux的Web服务器上正常运行,还支持IIS,Apache等通用Web服务器,用户更换平台时,无需变换PHP3代码,可即拿即用.JSP同PHP3类似，几乎可以运行于所有平台。如WinNT,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）。数据库测试中，三者分别对Oracle8进行1000次Insert,Update,Select,和Delete：Jsp需要13秒，Php需要69秒，ASP则需要73秒。

第二章使用的软硬件介绍发布平台的选取西安交大医学在线网站运用以下系统完成：操作系统：win2000win2000server是为了满足个规模的企业的需要而设计的，这些企业包括从集中管理的小型企业到分散经营的大型企业。Win2000server建立在winNTserver4.0的强大功能基础之上，它为一个操作系统可以与基于标准的目录、Web、应用程序、网络、文件和打印服务、强大的管理和可靠性、实现的集成程度设定了新的标准、这种集成为业务与Internet更好地结合提供了最佳的基础。语言：PHP"PHP:HypertextPreprocessor"。PHP是一种HTML内嵌式的语言(类似IIS上的ASP)。而PHP独特的语法混合了C、Java、Perl以及PHP式的新语法。它可以比CGI或者Perl更快速的执行动态网页。图一:PHP是WebServer最佳的后端延伸介面PHP最初是在西元1994年RasmusLerdorf开始计画发展。在1995年以PersonalHomePageTools(PHPTools)开始对外发表第一个版本。在这早期的版本中，提供了访客留言本、访客计数器等简单的功能。随后在新的成员加入开发行列之后，在1995年中，第二版的PHP问市。第二版定名为PHP/FI(FormInterpreter)。PHP/FI并加入了mSQL的支援，自此奠定了PHP在动态网页开发上的影响力。在1996年底，有一万五千个Web站台使用PHP/FI；在1997年中，使用PHP/FI的Web站台成长到超过五万个。而在1997年中，开始了第三版的开发计划，开发小组加入了ZeevSuraski及AndiGutmans，而第三版就定名为PHP3。PHP跟Apache伺服器紧密结合的特性；加上它不断的更新及加入新的功能；并且它几乎支援所有主流与非主流资料库；再以它能高速的执行效率，使得PHP在1999年中的使用站台超过了十五万!!它的原始码完全公开，在OpenSource意识抬头的今天，它更是这方面的中流砥柱。不断地有新的函式库加入，以及不停地更新的活力，使得PHP无论在UNIX或是Win32的平台上都可以有更多新的功能。它提供丰富的函式，使得在程式设计方面有着更好的支援。网页的实现选用PHP。理由如下：PHP足以实现科技处网页的全部需求；PHP充分发挥其灵活小巧的特点，无需考虑分布式计算不足的缺陷。PHP与MySQL数据库的结合比较好，数据库操作实现起来很方便；PHP是跨平台软件，即可在运行在windows平台上，也可运行在unix平台上，对于某些需要移植在小型机上（unix平台）的网站，更加适合，因为unix不支持ASP，只支持PHP。PHP是免费软件，可以节省费用；数据库:MySQLMySQL是一种服务器后台数据库，由于全新的设计，使得该数据库的工作速度和之四年关效率达到了一个比较合理的范围，这是MYSQL引人瞩目的主要原因。MySQL是一个精明的SQL数据库管理系统,由于它的强大功能,灵活、丰富的应用编程接口(API)以及精巧的系统结构,受到了广大自由软件爱好者甚至是商业软件用户的青睐。人们选择MySQL的另一个原因是，MySQL数据库和PHP可以更好的结合在一起。现在，已经有一大批使用PHP和MySQL的成功范例。Oracle8i是一个面向Internet计算环境的数据库,它改变了信息管理和访问的方式,Oracle8i将新的特性融入倒了传统的Oracle服务器之中,从而成为一个面向Web信息管理的数据库,Oracle8i支持Web高级应用所需要的多媒体数据支持Web繁忙站点不断增长的负载需求,其潜在的优势可将迅速变为现实.数据库选用MySQL。理由如下：MySQL与PHP是一对绝妙的组合，对于小型的网站是很好的选择；MySQL可以利用MySQLadmintor在web上对数据库进行远程管理。应用软件的选取Adobephoshop最强大的图象创作工具，用于印刷和Web图象编辑解决方案。它特别是为设计者提供了具有强化的Web特性并且功能强大的AdobeImageReady。现在，不管是制作复杂的印刷图象，还是设计交互式的Web图形，Photoshop都会有杰出的表现，Photoshop主要功能：Photoshop和它的Web图形组件——ImageReady使用共同的命令、工具、调板和键盘快捷键，对已熟悉Photoshop的用户可迅速地熟悉并使用ImageReady。ImageReady中新的截分工具可以对图象进行分割。分割后可以为每个用户片段指派URL链接、ALT标签和不同的压缩设置。在ImageReady中一行代码也不用写就可制作交互式的JavaScript翻滚效果。Photoshop包含了全面的优化功能，可用尽可能小的文件制作最优质的Web图形,在互联网上恰到好处地实现图象质量和文件大小之间的平衡。要制作出动人的GIF动画，只须在Photoshop中打开一个多图层的文件，然后在ImageReady中创建新帧或对图层进行编辑。每个图层在动画中是一个独立的对象。使用“动画”调板可预览动画和设置回放选项。使用“过渡”功能可自动创建平稳过渡。新的魔术橡皮擦和背景橡皮擦工具可以更直观地为图象添加透明效果。使用新的艺术历史记录画笔可以用程式化的笔触绘制图像，就象在画布上作画。这些新功能可帮助我们制作充满创造力的多媒体界面。历史记录调板使允许制作者即刻撤消和重做多个编辑步骤。历史记录调板跟踪和显示一个最近编辑步骤的完整列表。设计人员可单击列表中的任意位置，以查看这些不同阶段的步骤和在其间移动。Photoshop和ImageReady均支持图层效果，所以我们可以为图层快速添加自动投影、内外辉光、斜切和浮雕效果。可使用图层效果制作动人、可继续编辑的文本、能交互的按钮等。Photoshop为设计动人的Web图形提供了内置的Web优化功能。它的ImageReady组件用于处理图象截分、动画、JavaScript翻滚和其它高级Web任务。在上述任一种应用程序中，单击工具箱上的“跳转到”图标可以立即将某个文件从一个程序移动到另一个程序中。在一个程序中所作的更改甚至会在另一个程序的历史记录调板中以历史记录状态加以保存，以便随时撤消和重做。MacromediaFlash5.0Flash是Macromedia公司的主要软件产品之一，它与MacromediaFreehand、MacromediaFireworks、MacromediaDreamweaver、MacromediaDirector、MacromediaAuthorware一起为全球的网上出版、多媒体制作、图形处理作出了卓越的贡献。Flash基于矢量图的Web标准，可以制作Web导航、互动图片及动画效果，可以被Netscape、Macintosh、Windows、AOL以及四千多万可浏览Flash的浏览器支持。新版Flash5.0对原版本在功能与界面上都进行了完善与补充，Macromedia公司同时又推出了中文网站，以便更好地协助中国用户的开发与设计。新界面，新功能——Macromedia公司重新设计了MacromediaFlash5.0的界面，进一步改进了产品的集成性，使得使用者可以方便自如地在MacromediaFlash和其它Macromedia工具之间进行切换。改进工作组——在MacromediaFlash5.0中，设计者专门针对工作组进行了改进，画家、动画制作人员和程序员可以使用“共享库”和外部脚本文件同时工作。新增MovieExplorer——MacromediaFlash5.0新增的MovieExplorer可以将影片归类并显示为分层文档，从而可以为设计制作人员共同开发大型项目提供帮助。SmartClips——MacromediaFlash5.0中的SmartClips体现了MacromediaFlash的一些优势，它允许高级脚本程序员制作组件，如列表框和选单，然后将这些组件作为独立的功能传递给其他人，以便定制和重新使用。SmartClips有可能会加快在企业内开发Flash的过程，并有助于在高级Flash团体内交换观点。你可以通过选择SmartClips并在纯文本对话框中输入自定义的值来对其进行定制，或使用FlashPlayer影片上的时髦用户界面，对它进行定制。MacromediaDashboard——在MacromediaFlash5.0中，Macromedia大胆引入了MacromediaDashboard。Dashboard是内置在产品中的资源面板，它连接到外部Flash资源并作为Flash用户的信息助理。每次启动MacromediaFlash5.0时，Dashboard都会更新其资源，确保内容始终保持最新。ActionScript——全新的ActionScript现在已是一种完整的语言，它是从类似JavaScript、面向对象的语言扩展和重建而来的。就算是Flash老手，要弄懂新增的事件、数据类型、对象和语法，也绝非易事。只有最高级的Flash用户才会使用到这些强劲的新增功能。对于那些不熟悉高级ActionScript或JavaScript编程的用户来说，学习这些功能是有很大难度的。但是，我们还是喜欢使用ActionScript，原因是它具有标准的实施方案以及灵活的图形和音频功能。新增动画——对于动画制作人员而言，新的定制键盘快捷方式设置、改进的时间轴、扩展的优化选项和编辑选项都令您耳目一新。一些用户可能发现新的时间轴特别陌生，因为它从MacromediaDirector借鉴的东西较之从MacromediaFlash的先前版本借鉴的为多，但它同时也保留了先前版本的一些功能（如MacromediaFlash4.0中的某些行为）。MacromediaFlash5.0支持直接输入和编辑原始AdobeIllustrator和MacromediaFreeHand文件。新增的BezierPen、Sub-Selection工具以及可拖动的移动标尺可以让插图画家在Flash环境中具有更大的灵活性。有了这些改进功能，Flash显示选项已趋于完美。但从总体上讲，动画制作人员可用的工具和MacromediaFlash4.0中的工具并没有太大的差异。MP3来了——我们非常高兴地看到了新增输入MP3的功能。对于过去曾经长时间进行转换和压缩的用户而言，听到这则消息会尤其高兴。另外，它还新增了脚本化音量、镜头平移，甚至就连动态音频事件生成功能也添加了进去，这可使Flash中音频应用程序功能更强。支持XML——这是MacromediaFlash5.0中新增的又一重要功能。说它重要是因为它打开了与后端系统、数据库以及所有与数据处理有关的活动进行交互操作的种种可能。FlashPlayer5.0具有稳定的数据套接字功能，可支持聊天、多人游戏以及以前版本所没有的许多功能。顺便说一句，以前版本只限于HTTP请求。新版MacromediaFlash5.0不但新增了以上几项主要功能，还对使用者操作过程中的每个细节都做了改进，新版的Flash5.0定会让广大的使用者更加喜爱。UleadGifAnimator5.0在网页上大多数的动画都是以GIF格式来呈现，UleadGifAnimator堪称动画制作领域中的佼佼者，现在又推出了更新更强5.0版本，让您可以快速地制作出梦幻多变的GIF动画。UleadGifAnimator堪称是制作GIF动画的工具中，功能最强大、操作使用最简单的动画制作软件之一。在UleadGifAnimator之中内建了各种您制作动画时会使用到的各种功能，其中包括了各种变形特效、图形最佳化、以及动画编辑的工具，让您在使用GIFAnimator的时候可以专心于漂亮的GIF动画制作上，而不用担心因为使用工具的技巧不熟练而无法随心所欲。现在我们就来看看在本版中的GIFAnimator到底有新增哪些功能：更简单的操作方式：本版本中的GIFAnimator在您做GIF动画的编辑、预览以及最佳化的步骤时加入了新的导览功能，另外也提供了1：1的图像编辑方式，同时在每一个帧中也清楚的标明了这个帧所代表的顺序数字，让您可以更容易的掌握到自己的工作进度以及状况。更强大的编辑以及预览功能：过去如果要在GIFAnimator之中直接绘图的话可能会给您带来不小的麻烦，因为您并没有办法看到前一格动画中的状况，但是在本版中的GIFAnimator中提供有“描图纸”（OnionSkin）功能，这样您就可以像画卡通画一般将前一格垫在下面对照着去画，自然您的动画看起来也就更加的顺畅了。更强大的自动批处理能力：如果您常常要制作GIF动画的话，这项整合过的强大自动处理能力的确可以帮助您省去不少宝贵的工作时间，在GIFAnimator中您只要通过简单的设置就可以定义一些批处理的动作，例如您可以将所有的图像处理成使用相同的调色板，您再也没有必要以手动的方式一个个去调整，另外就是您的这些批处理的工作方式现在还可以被记录下来，如果您日后还要使用到相同的处理方式，您只要将它再调出来即可，大大的增加了它的可重复使用性。新增许多动画特效：GIFAnimator中最吸引人的莫过于它内建了相当多的特效可以使用，在本版中新增了一些动画特效如HeadlineBanners、Eye-catching动画特效、新的变换特效，以及允许您将两个GIF动画整合在一起并且可以通过位置的移动产生另一种动画特效。5.强化的输出功能选择：过去制作GIF动画的工具大多都是只能纯粹的制作出GIF动画，但是新版的GIFAnimator可就不同了，不但可以在您完成GIF动画同时输出相对应的HTML原始代码，并且可以为您的GIF动画中加上一些链接，使用者可以在GIF动画中直接链接到另一个网页中。4.Fireworks具有强大功能的WEB做图工具。它是Macromedia公司“梦之队”（DreamTeam）产品线中的一个重要成员，其他成员还有Dreamweaver和Flash等。Fireworks并不与Photoshop竞争，它完全针对Web，一切为了Web设计者更简便更有效率的进行创作，因而很快成为最优秀的网页图形工具，Fireworks给WEB设计带来的革命性的变化表现在：Fireworks集合了位图处理软件和矢量图形软件的特性，可以直接编辑位图，也可以直接修改矢量图形，甚至可以直接对矢量图形应用Photoshop滤镜，以往需要多个软件才能完成的工作，在Fireworks中统统都给解决。强大的图象优化输出功能。以最小的文件尺寸获得最好的图象质量，Fireworks更加直观与流程化的优化处理，使图象更吻合于Web应用。在矢量路径上直接应用笔触、填充、效果，而且无论哪部分包括路径本身随时都可再编辑。轻松创建JavaScript翻滚。只需做一些基本设置，Fireworks会自动产生JavaScript代码。JavaScript翻滚就是我们在一些网站上看见的，当你的鼠标在一个图象上移过、按下或释放鼠标时产生图象变换的效果。轻松建立图象映射，Fireworks提供了完整的建立映射热区的工具和控制，可以制作各种简单或复杂的导航条、滚动图和动画等这些当今Web页面中不可或缺的重要因素，只需对给每个映射设置URL链接和状态说明等相关定义就可完成。独有的图象切割功能，更适用于网站设计，我们不用在其它图形工具里切来切去，再东拼西凑了，Fireworks全部都能替我们完成，而且直接产生HTML。而在Fireworks出现之前，要完成所有这些处理工作，可能要交替使用多个几个复杂的软件才能完成。拥有动画软件的功能，Fireworks引入了符号和例子概念，只需指定两端的帧，中间过程自动产生，这样做动画就非常省力。与网页编辑软件特别是Dreamwave无缝集成，既可以输出完全针对Dreamwave的HTML、Dreamwave库，也可以直接在Dreamwave中调用Fireworks，使设计工作更灵活有效。图像制作创意构思色彩介绍一切色彩，不但各自具有独特的性格，而且还因为各种色彩之间的相互关系，产生出另一种性格。色彩的个性就是指某一色彩单独所给人的感觉是新鲜还是混沌、是明快还是暗淡、是寒冷还是温暖等等。相关性就是指一个颜色和其它色彩相比，是比较新鲜还是比较浑浊、是比较明快还是比较暗淡、是比较寒冷还是比较温暖等等。我们可以根据三个条件决定任何一种颜色所具有的个性：色彩的明度色彩的纯度色彩的打动知觉（视觉）的程度各种色彩虽然都具有它自己的个性，但个性的成立，是由于色彩的相互关系，决不是绝对的确定不变的。比如说某一种色彩很明亮、很新鲜、很温暖、很强烈等等，主要是由于同其它品质较差的色彩相比较，然后才能肯定下来。加入和比它更明亮、更新鲜、更温暖、更强烈的另一色彩相比较，马上就会使人感到暗淡，失去了一定程度的温暖和强烈的感觉。这就是色彩的相关性的作用了。研究色彩的相关性,可以从两方面来进行.一种是从类似色的比较上来观察。另一种是从对比色的比较上来观察.从它们的冷、暖、明、暗、钝。浊的素质上找出区别。正是色彩具有相关性的作用，对动画作品来说，由于运用色彩的熟练与否，便会产生比较好或比较坏的色彩效果。同时，在具体表现上，假如依照色彩的个性来考虑它们的相关性作用。不仅可以忠实于对象的表现，还可以发挥色彩的表现性能，从而加强色彩表现上的现实感。为什么会这样呢？因为包括一切自然现象的色彩关系在内，各种物体的色彩，也因为远近、明暗以及质量上的无限差别，形成一种色彩相关性的谐和，所以在实际表现上善于运用色彩的相关性作用，熟悉色彩规律，也是最终自然规律，达到表现效果的最巧妙的办法，比如在自然现象中，同为红色的旗帜，因为远近距离的不同，光的影响不同以及质量的差别，所形成的红色就决不会完全相同，而且这种不同也是由于互相比较才产生出来的。界面设计中的色彩问题人体工程学要求防止视觉疲劳。人机界面的色彩要求柔和以适应用户长时间面对显示屏的视觉刺激。这一思想成为我们处理长时间面对的界面，和短时间面对的界面上色彩的分界线，显然用户长时间面对的界面要求绝对的色彩柔和，而用户短时间面对的界面在色彩上可倾斜于设计者的其他意图，比如：强调性、美观等等。色彩对比形成的视觉识别度。在现实世界中人们看到的是由色彩关系，素描关系，反射关系构成的物体。而在显示屏上我们能运用的只有色彩关系、素描关系，而他们都是通过色彩来表现。我们运用不同的色彩构造人机界面，利用色彩的搭配形成清晰的视觉效果。我们要对用户信息进行了解，甚至要考虑各种色盲症。色彩对界面的装饰效果。界面设计人员作为更趋向于实用主义的艺术家而存在，利用不同的色彩，将每一幅界面都作为艺术品展示给用户。广告创意旗帜广告（banner）：置于顶部，最先映入网络访客眼帘，旗帜广告对于建立并提升客户品牌形象有着不可低估的作用.目前已经可通过多种技术制作旗帜广告，如HTML，FLASH，DHTML，JAVA等.按钮广告（button）：另一种互联网界传统的广告表现形式之一。体型小巧，通常被放置在页面左右两边缘，抑或灵活地穿插在各个栏目板块中间，可为一些相关网站做链接或为一些客户品牌树立形象.目前常使用动态GIF或者FLASH。首页作品一：西安交通大学药学院在468×60的banner主要以黑色做背景，因为黑色代表严肃、严谨，象征医生对待工作的态度。在黑色背景的左侧，几个外科医生在无影灯下聚精会神、忙碌的做着手术，正为病人解除痛苦，尽着他们天使般的职责。一个医生的脸部特写显示着医生是一个神圣的职业，是一个对人类、对社会、对家庭都不可缺少的职业。“与疾病抗争的关键在于”的白色字样和“药”字突然闪现，“药”字用黄色的粗体和竖型白色的边框着重强调。随后又一条广告语出现“药物研制的关键在于人”，同样“药物研制的关键在于”是白色的字样，“人”则是黄色的粗体表现，以横型的白色边框做背景翻转出现。这两条广告语是在说明药于人的重要性，疾病抗争的关键是药，对症下药就能治根指本，而药物研制的关键则是人，人是创造新物质的根本，所以人是重要中的重要。“西安交通大学药学院”随即出现，西安交通大学是红色的毛体，是从毛主席以前的遗迹中挑出来的，用红色鲜明又能强调主题，而用毛体是西安交大特色招牌。药学院是西安交大和西安医科大学合并后，成立的一个学院，所以用于西安交通大学区别开的白色，而且字体要比西安交通大学小，这样可以说明是上级语下级的关系。在西安交通大学药学院出现后，“是您关键中的关键”随即出现，强调性的闪现。药学院是医药人才聚集的地方，是研制与疾病抗争的药的基地，所以是患者关键中的关键。整个广告主要围绕强调医药的重要性，而医药人才则是更加的关键这个主题进行宣传的，即能为药学院做宣传，又可以为医药网站打好坚实基础。作品二：科学技术论坛（）科技技术论坛的旗帜广告的创意构思是这样的：蓝色的星空代表一望无际的宇宙，暗示科技的发展无穷无尽，几个闪亮的星星代表科技的新发现，而更多的未知物等待人类去发现。第一帧：淡紫色的“漫游科技星空”与圆体的“science”同时显现出来。第二帧：“探索未知世界的奥秘”与“漫游科技星空”相呼应,提出需要对未来科技的态度，要不断探索与研究。第三帧：黄色毛体的西安交通大学与科技技术论坛前后出现。第四帧：科技在线站点网址最后显现。广告过程以一种若隐若现的形式出现，代给人一种神秘感，引起人无限的遐想，并对未来科技的前景有着美好的憧憬。作品三：音乐在线音乐站点应该给人以轻松、愉快的感觉，所以我首选橙色，橙色给人以轻快的感觉，如果以渐进的橙色作为背景色，则有种流畅的感觉。五条灰色的线条代表五线谱，是音乐的象征。一个music的阴影从五条线中穿过，随即一个彩色的music从天而降，调皮的摆动后，静止在五线上。灰色的“在线”与橙色的“音乐”交替出现，象快乐的音符一样在跳跃，显示出明朗、轻快的感觉。一个明黄色的大“厅”闪现，插在彩色的music之后。整个广告以调皮、动感的形式出现，给人一种欢快、愉悦的感觉，就象音乐带给人的轻松的感觉。单页作品：戒毒专栏（模板）选择黑色灰色作为主要色调代表毒品的阴暗面，是暗示着毒品给社会带来的危害，使人们的生理、心理都受到影响，使人们深恶痛绝。在这种背景下，当然不可以用轻快、明亮的颜色，这种严肃的专栏，浅色会显轻浮，会让人造成错觉，感觉对毒品的态度是并不认为它是社会、人类的公害。所以用黑色也代表对毒品的严肃态度，对毒品坚决抵制的态度。“毒品危害、毒品分类、戒毒常识、戒毒指南”这些专栏的button形状，都做成了注射器的形状，形象的表现了吸毒的标志，以此来警戒人们抵触毒品、远离毒品。制作步骤科学技术论坛在蓝色星空的背景下，为了达到更好的效果，先用photoshop的抓手工具，稍做涂抹，作出一抹云彩的效果。把背景放入UleadGIFAnimator5.0工具，使用“帧”的“添加条幅文本”键入“漫游科技星空”淡紫色文本，在加入深紫的霓虹描边，圆体的“science”使用同样效果，然后使用“进入场景”的“减弱”效果和“退出场景”的“减弱”效果，设画面帧为5帧。“探索未知世界的奥秘”使用不同的颜色，同样的效果。加入一帧空白帧之后，把在photoshop里先做好的淡黄色毛体“西安交通大学”加载在一帧背景上，然后用“进入场景”的“减弱”效果和“退出场景”的“画面”效果，设画面帧为2帧。在“西安交通大学”的第二帧上，加载“科学技术论坛”的渐现渐隐的效果。“”作出同样效果后，设“画面帧属性”的“延迟”时间为80秒。图像存储的具体实现图像存储简介虽然图像可以给网站的内容添色，吸引访问者，而访问者在浏览精美网页时是否能想到图片的管理呢！其实，一个大型的网站其大量的图片势必会给管理员的管理带来诸多的不便，而解决存储问题就是管理员的首要问题，把不同类型的图片以适合的方法存储，会便于管理员的工作，使网站的管理工作更加具有条理性。所以，此处有必要探讨一下图象存储的几种方法以及它们的优缺点比较。图像存储有两种方法：将图像以二进制方式存储在数据库中。将图像路径存储在数据库中，而将图片本身以文件方式存储在服务器硬盘空间中。两种存储方法的比较：图片直接存储在数据库中：优点：数据管理方便，因为图片是以记录的方式存在数据库中，当该记录失效被删除时，相应的图片也会同时被删除。缺点：将图片全部以二进制格式存储在数据库中，容易导致数据库容量增大，特别是对于MYSQL这种小型数据库，会导致数据库访问速度减慢。而且，以此种方式保存的图片无法直接查看图片内容，只能通过程序来查看。另外，由于是将图片存入数据库，当网络质量不佳时会出现写库失败的情况。图片的路径存储在数据库中：优点：占用数据库的容量较小，调用简单，易于实现。缺点：图片是以文件的方式存在于服务器空间中，无法保证图片与数据库记录同时存在，当图片文件被删除时，则无法通过数据库调用显示该图片，导致数据管理十分困难。当数据库记录失效被删除时，而作为此记录一部分的图片则仍然留在服务器的目录中，这时就需要维护人员进行手工删除，由于上载的图片的名称不定，删除难免会出现误删或错删的现象，但如果放在服务器上不去管它的话，会导致服务器硬盘空间的浪费。两种存储方法的具体实现将图象存储在数据库中数据库结构：图4.1数据库结构 图4.2图片存储在数据库中上载方法：………………//数据库的调用（省略）………………//设置超时限制时间$sql="INSERTINTOt_baoj_img(fid,description,bin_data)VALUES('$id','$description','$filename')";$result=db_query($sql); //保存图片3）上载界面：如图图4.3图片上载界面调用方法：如果数据库中存放的是图片，直接从库中取出图片再由页面调用就行了：文件showpic.php3：………………//数据库的调用（省略）$query="selectpicfrombinary_datawhereid=$id";$result=@MYSQL_QUERY($query);$pic=@MYSQL_RESULT($result,0,"pic");Header("Content-type:$type"); //设置图片类型echo$pic; //显示然后在调用时，取出数据库中的字段如$pic，然后用<imgsrc="showpic.php3?id<?＝$pic?>">就能显示了将图象存储在服务器硬盘空间中文件上载是否成功YES文件上载是否成功YESNO提示文件上载失败！超时限制时间为60秒并设置上载目录显示该新闻的标题及图片上载界面开始检查是否有上传数据YESNO提示没有选择上载文件！检查该文件是否存在NOYES提示该文件已经存在！发表成功继续添加向数据库中插入文件名及描述；将新闻库中的图片标志位置为1是否成功YESNO发表失败返回数据库结构： 图4.4数据库结构图4.5图片路径存储在数据库中上载界面：图4.6图片上载界面程序清单：functionupload_newsimg($id,$description,$uploadfile,$uploadfile_name){ global$Table_News; if(($uploadfile!="none")&&($uploadfile!="")) { $timelimit=60;//超时限制时间；缺省时间为30秒；设置为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="insertintonews_img(fid,description,pathname)VALUES('$id','$description','$filename')"; $result=db_query($sql); $newsql="update$Table_Newssetifpic=1whereid=$id"; $newresult=db_query($newsql); echo"<divalign='center'>"; if($result) { //echo"<br>$filename"; echo"<br>"; echo"<center><spanstyle=\"font-size:18px\"><br><br><fontcolor=red>上载新闻图片</font><br></span>"; echo"$uploadfile_name"; //echo"<br>"; echo"<p>发布成功！</p>"; } else { echomysql_error(); echo"<p>发布失败！$myerror</p>"; } echo"</div>"; } else { echo"文件$uploadfile_name上载失败!"; unlink($uploadfile); } } else echo"文件$uploadfile_name已经存在!请将文件另起的别的名再上载"; } else { echo"你没有选择任何文件上载！"; set_time_limit(30);//恢复缺省超时设置 }}调用方法：此种方法较数据库保存方式简单。调用时，取出数据库中的字段如$pic，然后用<imgsrc="<?＝$pic?>">就能显示了。存储方法的持续改进问题的提出：在程序编写完毕后回头审视中，发现在程序的编写过程中出现了两个问题上载文件重名问题。文件的删除问题。问题的解决：上载文件重名问题。方法一：在保存文件之前检查文件是否存在，如果存在则自动在文件名后加累计数。如：upload.jpg存在则将文件名变为upload[1].jpg，如果还存在则变为upload[2].jpg，依此类推。方法二：因为记录的编号是唯一的，所以在保存上传文件时，将文件名改为相应的编号值，然后将不同的栏目上传至不同的目录中就可避免文件重名的问题。程序段（方法一）：$uploadPath="./Upload/"; //设置上载目录$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,"["); //文件名中“[”