《信号与系统》精品课程网站的设计与维护 .doc

《《信号与系统》精品课程网站的设计与维护 .doc》由会员分享，可在线阅读，更多相关《《信号与系统》精品课程网站的设计与维护 .doc（42页珍藏版）》请在沃文网上搜索。

1、海军航空工程学院 毕业论文 摘 要 当今中国网络的发展可谓日新月异。它已从最初的教育领域扩展到了各行各业，网站几乎成了网络的代名词。而网站的设计制作与维护技术也就成为大家研究和讨论的热点。本论文共分六章主要研究了信号与系统精品课程网站的设计建立及维护问题。对企业网站的建立所涉及到的诸多实用技术进行了讨论。首先对网站的设计理念与原则进行了详尽的阐述，然后又简要介绍了网页制作的几种工具，如网页制作常用软件，图象处理软件，链接，CSS样式等等。最后又对建成网站后的维护及推广等工作做了简要介绍。在实际创作过程中我们主要运用了Dreamweaver、photoshop等图象处理软件，最终完成了对信号与系

2、统精品课程网站的建立。关键词: 网站 网页 链接 创意设计（CI） CSS样式Dreamweaver PhotoshopABSTRACTNowadays the network has developed rapidly with continuous changes and improvements in China. From primary education realm, the network has found many applications in all fields. Website nearly becomes the networks alternative name.

3、 The websites design and maintain technique become a hot point in many persons research work and discussion topics. This thesis includes six chapters for the problem of establishment and maintenance signals and linear systems enterprise website. Many practical techniques for business enterprise webs

4、ite design are discussed in this paper. First, it elaborately expatiates design theory and principle about the design of website, then briefly introduces a few tools used in the design of web page, such as software in common use of the web page creation ,image manipulation software, CSS style and so

5、 on .At length, it in briefly introduces he maintenance and popularization of website after being designed in the practically design course .We mainly use image manipulation software , such as dreamweaver ,Photoshop and so on .Finally a website construction for signals and linear systerms Finery Co.

6、Ltd is completed.Keywords: website CI web page CSS style Dreamweaver Photoshop信号与系统精品课程网站的设计与维护目录一 设计理念与原则：建立一个成功的网站. 5 1.1 定位网站的主题与名称.6 1.2定位网站的CI形象.7 1.3确定网站的栏目.9 1.4确定网站的目录结构.10 1.5确定网站的链接结构. 11 1.6设计网站的整体风格.12二 网页制作工具简介.14 2.1 HTML超文本标记语言简介.14 2.2所见即所得的Web页开发工具.16 2.3制作网页静态图象的工具.17 2.4制作网页动画的工具.

7、18 2.5网页图象减肥工具.19 2.6动态网页制作工具.20三 信号与系统精品课程网站的制作规范.24 3.1导航规范.24 3.2网站框架.25 3.3网页制作技术要求.26四 设计实例: 信号与系统精品课程网站的设计与维护.27 4.1概述.27 4.2信号与系统精品课程网站的设计与实现.27 4.3信号与系统精品课程网站的维护.34 4.4网站的推广.36五 总结与体会.37六 结束语.38七 参考文献.39一 设计理念与原则：建设一个成功的网站 随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲

8、领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展现个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天空。 如何设计一个出色的站点呢？关于这一点人们讨论的很多。因为网络技术的迅猛发展，也就很难提出一个绝对权威和正确的设计思路。在这里，我根据这段时间以来的设计体会，就如何设计与维护一个企业网站进行阐述。我们设计企业网站的理念首先应该是简洁清新。这对于一个成功的企业网站是非常关键的一点。我们力求达到让浏览者尽快找到他想要知道的关于本企业的信息但又不让浏览者感觉太平淡。这就要求设计者在文字和图片上达到一种平衡，使网站充实而又丰富多彩。

9、就我个人而言我觉得建立企业网站应该注意下面几个方面：1、介绍公司的情况：对于一个企业网站来说，这是至关重要的。毕竟作企业网站的目的就是为了宣传自己的企业形象。2、介绍公司的产品及网上销售。就中国电子商务的现状而言，只适合少量的大型企业，对中小型企业还不很适用。3、通过网站达到与外界的一种交流。建立客户留言系统，随时了解客户对公司及产品的意见和建议。4、网站的信息必须经常更新。主页设计的好自然会吸引人们的 注意，但只能是一次两次，要想长期吸引住浏览者，最终靠内容的不断更新。 本论文拟从主题定位，浏览群定位，形象包装，网站结构等方面介绍如何设计网站。寻求设计网站的一条基本思路。1.1定位网站的主题

10、与名称 网站的主题也就是网站的题材。网站题材琳琅满目，下面是美国个人电脑杂志评出的99年度排名前100位的全美知名网站的十类题材： 第一类：网上求职 第二类：网上聊天/即时信息/OICQ 第三类：网上社区/讨论/邮件列表 第四类：计算机技术 第五类：网页/网站开发 第六类：娱乐网站 第七类：旅行 第八类：参考/资讯 第九类：家庭/教育 第十类：生活/时尚题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，电脑学习室和电脑之家显然是后者简练；迷笛乐园和MIDI乐园显然是后者明晰；儿童天地和中国幼儿园显然是后者大气。我们都知道PIII的

11、中文名称奔腾，如果改为奔跑，可能就没有今天这么火了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。我的建议是：1、名称要正其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。2、名称要易记最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字（最好四个字）以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。3、名称要有特色名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如：音乐前卫，网页陶吧，e书时空等。在体现出网站主题的同时，能点出

12、特色之处12 定位网站的CI形象所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI 设计，对网站的宣传推广有事半功倍的效果。具体的做法是： 1、 首先要清楚建立网站的目的。是要维持访问率还是要提高交易量，还是要树立品牌还是要建立与客户的关系？因此，传达的信息与您的竞争者划清界线，给人鲜明的独特性，这是网站CI的最重要的部分。2、设计网站的标志(logo)就如同商标一样，标志是一个站点特色和内涵的集中体现，看见标志就让大家联想起你的站点。标志的设计创意来自你网站的名称和内容：（1） 网站

13、有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。（2） 网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志等等。（3） 最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体， 字母的变形，字母的组合可以很容易制作好自己的标志。3、设计网站的标准色彩网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我

14、们觉得很贴切，很和谐。标准色彩是指能体现网站形象和延伸内涵的色彩。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块，给人以整体统一的感觉。一般来说，普通的底色应柔和一些，素一些，淡一些，配上黑字读起来自然流畅。当然其他的颜色也可以用，只是作为点缀和衬托，绝对不能喧宾夺主。设计要符合公司现阶段的宣传方针，同公司在其他媒体上的公告最好遥相呼应，如：以非常稳重的蓝色作为底色表明该公司的实力雄厚而且科研态度严谨。在底色上配以时髦的亮色如绿色则表明公司在发展中走在最前列。无论是平面设计，还是网页设计，色彩永远是最重要的一环，当我们距离显示屏较远的

15、时候，我们看到的不是优美的版式或者是美丽 的图片，而是网页的色彩。关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解，在此我们仅仅想告诉大家一些网页配色时的小技巧。用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。用两种色彩。先选定一种色彩，然后选择它的对比色。用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区不要将所有颜色都用到，尽量控制在三种色彩以内。不要选择色彩太鲜艳的颜色作

16、为文字背景，页面文字颜色的设置应与缺省页面背景相配，是访问者可以轻松的访问，不然就不会有回头客了。另外还要注意避免使用非标准的链接颜色。未访问的链接用蓝色访问过的用红色或紫色，最好不要将这些颜色与其他颜色相混淆。4、设计网站的标准字体和标准色彩一样，标准字体是指用于标志，标题，主单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的与众不同和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。5、设计网站的宣传标语 也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例

17、如：鹊巢的味道好极了；麦斯威尔的好东西和好朋友一起分享；Intel的给你一颗奔腾的心等等。 13 确定网站的栏目 建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。一般的网站栏目安排要注意以下几方面：1、要紧扣主题将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显

18、的专业，主题突出，容易给人留下深刻印象。2、设立最近更新或网站指南栏目设立 最近更新的栏目，是为了照顾常来的访客，让你的主页更有人性化。如果主页内容庞大，层次较多，而又没有站内的搜索引擎，设置本站指南栏目，可以帮助初访者快速找到他们想要的内容。3、设立可以双向交流的栏目比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。4、设立下载或常见问题回答栏目网络的特点是信息共享。如在你主页上设置一个资料下载栏目，便于访问者下载所需资料。另外，如果站点经常收到网友关于某方面的问题来信，最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间。14 确定文章的目录结构目录结构的好坏，对浏

19、览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响 首先我们要对文档进行归类，以确定哪些是要在首页上或者一级页面上就要向浏览者表明的，哪些可以放在子栏目中的。分类完毕后统计出新版网站有多少个栏目每个栏目有多少个页面，每个页面的具体内容及名称。统计完毕后要有一个网站文件明细表最好是树型图。目录结构的好坏对于站点本身的上传维护，内容未来的扩充和移植有重要影响。下面是建立目录结构的一些建议：1、不要将所有文件都存放在根目录下。你常常搞不清楚哪些文件是需要编辑和更新的。哪些文件可以删除哪些文件是相关联的。这就影响了工作效率。另外使的上传，速度很慢，所以尽可能的

20、减少根目录文件的存放数。2、按栏目内容建立子目录 子目录的建立，首先按主菜单栏目建立。例如: 企业站点可以公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。其他的次要栏目，类似whats new，友情连接内容较多，需要经常更新的可以建立独立的子目录。所有程序一般都存放在特定目录。所有需要下载的内容最好也存放在一个目录下。3、在每个主栏目目录下都建立独立的images目录为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。4、目录的层次不要太深目录的层次建议不要超过3层，维护管理方便。5、不要使用中文目录6、不要使用

21、过长的目录1.5 确定网站的链接结构 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种基本方式： 1 树状链接结构 类似DOS的目录结构，首页链接指向一级页面。一级页面指向二级页面。这样的链接结构浏览时，一级级进，一级级出。优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。缺点是浏览效率低，一个栏目的子页面到另一个栏目的子页面必须绕经首页。 2、星状链接结构类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了

22、多少内容。 这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用，达到比较理想的效果。比较好的方案是：首页和一级页面之间用星状链接结构，一级和以下各级页面之间用树状链接结构。 16 设计网站的整体风格风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。这个整体形象包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的，这些都是网站给人们留下的不同感受。风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，

23、或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。像诗词中的豪放派和婉约派，你可以用人的性格来比喻站点。如何树立网站风格呢？我们可以分这样几个步骤：1、确信风格是建立在有价值内容之上的。 一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。毕竟 HTML语言只是一种内容修饰语言而不是一种页面显示环境，所以你首先必须保证内容的质量和价值性，这

24、是最基本的，然后再去考虑利用各种方法来美化你的网页。 2、你需要彻底搞清楚自己希望站点给人的印象是什么 可以从下面几个方面来理清思路： a.如果只用一句话来描述你的站点，应该是:（）参考答案：有创意，专业，有(技术)实力，有美感，有冲击力 b想到你的网站，可以联想到的颜色是：（）参考答案：热情的红色，幻想的天蓝色，聪明的金黄色。c.想到你的站点，可以联想到的画面是：（）参考答案：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店d.如果网站是一个人，他拥有的个性是：（）参考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者e.作为站长，你希望给人的印象是：（）参考答案：敬业，认真投入，有深

25、度，负责，纯真，直爽，淑女f.用一种动物来比喻，你的网站最像：（）参考答案：猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)g.浏览者觉得你和其他网站的不同是：（）参考答案：可以信赖，信息最快，交流方便，h.浏览者和你交流合作的感受是：（）参考答案：师生，同事，朋友，长幼。你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。3、 在明确自己的网站形象后，开始努力建立和加强这种形象。经过第二步印象的量化后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。以下做法可

26、作参考：（1）将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。（2）突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。（3）突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。（4）想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是.。（5）使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。（6）使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。（7）创造一个你的站点特有的符号或图标。（8）用自己设计的花边，线条，点。（

27、9）展示你网站的荣誉和成功作品。（10）告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰。第二章 网页制作工具简介21 HTML语言HTML是“超文本标记语言”的缩写，是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。也许你听说过许多可以编辑网页的软件，事实上你不需要任何专门的软件来建立HTML页面，您所需要的只是一个文字处理器（如Microsoft Word/记事本/写字板等）以及HTML的基本常识。其实您很快就会发现基础的HTM

28、L语言很简单。 HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。关于标签，需要记住的是，它们是成双出现的。每当使用一个标签如,则必须标签将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。基本HTML页面以标签开始，以结束。在它们之间，整个页面有两部分标题和正文。标题词夹在和

29、标签之间这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。22 所见即所得的Web页开发工具Microsoft FrontPage 98 是微软公司推出的一套兼具网页编辑和网页管理的超强工具。网页设计者无需编程，只需用此工

30、具选择一些命令和设置一些属性，就能快速创建，维护美观且具有专业水平的Web站点。FrontPage Explorer是一个用于创建、组织、管理和发布FrontPage站点的工具。网页设计者使用FrontPage Explorer可以很容易的创建站点的结构和布局组织站点的文件和目录、测试和修复超连接、给页面赋予主题、设置访问权限、启动FrontPage Editor 等。FrontPage Editor 是一个创建、设计和编辑单一Web页的工具。网页设计者不必了解HTML语言的众多命令，使用FrontPage Editor 中提供的工具，就可以在Web页面上编辑文本、图象、表格等。编辑的内容可以

31、即时显示在FrontPage的Editor中，并和此页在浏览器中显示是一样。另外FrontPage提供了一些站点模版，网页设计者使用它们可以创建出站点的结构，从而简化网页设计者的工作。FrontPageEditor 还提供了多种网页摸版，网页设计者可以根据所要创建的页面的目的选择对应的摸版，以简化创建页面的过程。Netscape Composer是另一个可以用来制作网页的所见即所得的强大网页编辑软件。网页设计者输入的文本就是浏览器上将呈现的结果。它操作简单，如要插入表格，图象、分隔线或超连接都十分方便。而且要将文件传送到服务器，也只需经过简单的操作，即可完成。Adobe Pagemill 3.

32、0制作多框架、表单和Image Map图像的网页Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill 3.0的确是你的首选。Pagemill创建多框架页十分方便，你可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建与处理Image Map图像，它也支持表单创建。Pagemill允许在HTML代码上编写和修改，支持大部分常见的HTML扩展，还提供拼写检错、搜索替换等文档处理工具。在Pagemill 3.0中还增加了站点管理能力，但仍不支持CSS、

33、TrueDoc和动态HTML等高级特性。Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 Claris Home Page 3.0快速创建动态的网页如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。 Dreamwe

34、aver是著名的多媒体软件公司Macromedia推出的最新网页编辑软件用它制作网页可以实现所见即所得，还可以应用最新技术制作动态网页其主要功能包括网站建立与管理、格式化文本、插入图片、建立表格、图层、框架表单，还包括可重用部分、等时线、行为等。23 制作网页静态图象的工具网页上除了文字以外，还应适当的插入一些图象，增加可观性。图象文件的格式很多，如、等。但一般互连网上最常见的两种格式是和格式，这两种文件格式能对图象进行较大程度的压缩，使得在相近视觉效果的前提下，图象文件的容量较小，适合在网络上传送。因此，对其他格式的图象，常常使用图象处理软件将他们转存成或格式的文件，根据字节数多少，图象质量

35、如何，决定所采用的图象格式。一般而言，如果图象是使用扫描仪或数字相机输入计算机的，如人物风景照片等色彩比较丰富的图象，通常使用的格式来存储，如果图象是使用photoshop 等软件制作的。如标题文字等色彩比较少的图象，通常选择格式。网页中的背景、按钮、图标、标题文字、实物图象等可以制成静态图象。下面介绍一些制作网页静态图象的工具：photoshop是一个理想的集图象创作，扫描、合成及高品质分色输出等功能于一体的平面设计工具软件。网页设计者可以用他来制作应用于网页上的按扭、分隔线、有特色的背景图案、醒目的标题、各种特殊效果的图象等。Paint Shop Pro 是一个实用的图象编辑软件，它提供了

36、许多PhotoShop等专业软件才有的功能，网页设计者使用它可以制作出与专业的图象编辑软件相媲美的图象。并且它直接支持几十种不同图象文件格式，使用起来非常方便。而且，它的操做相对比较容易，非常适合处理应用于网页的图象。Xara WebStyle软件是一个通过修改现成矢量模板，轻松快速的创建包括按扭、三维标题、背景、分隔线等图案的图象制作工具。而且界面友好，简单易学非常容易操作。使用它可以方便的制作出漂亮的Web图象。24制作网页动画的工具在许多网站上，经常可以看到精彩逼真的动画这些活动画面实际上就是把若干副图象组合在一起，不停的轮流显示，产生动态效果下面介绍一些经常使用的网页动画的制作软件。C

37、OOL 3D是一个制作三维活动立体字的软件，它功能强大完全采用可视化设计，拥有大量的材质、帖图及模版，能够创建出应用于Web页面的旋转、卷曲、变形、跳跃和俯冲式的标题等。而且操作简单，网页设计者只需输入文本，将其旋转到适当的位置，然后再从预设的可视化样本调色板中选择特殊的效果即可完成制作。整个制作过程完全可视化，使用方便。Xara 3D 是一个制作三维活动立体字的软件，与COOL 3D 功能相似，它有多种文理选项和各种各样的光源效果，制作3D 标题非常方便。Ulead GIF Animator 是一个非常专业的动画GIF制作工具。GIF Animator 在使用GIF动画包括移动文本、色彩循环

38、以及其他特殊效果等方面可以给Web页面增添活力。网页设计者可以使用GIF Animator 来制作GIF动画艺术、动画旗帜等，而且操作简单，非常实用。Flash是MACROMEDIA 公司推出的软件，使用它可以制作各种各样的动画效果。Flash可以通过将一组连续的图象播放来形成动画效果，也可以将图象依照所设定的路径来移动形成动画效果。网页设计者使用它可以制作动态按钮、动态Banner等。25 网页图象减肥工具 一个好的站点，不仅要内容丰富，页面美观，而且在浏览时，图象要快速出现，所以图象的处理非常重要。网页中的图象要在保证图象质量的前提下尽量压缩图象的容量空间图象容量越小，浏览时等待的时间就越

39、短。然而,图像容量的压缩通常会导致图象质量损伤，通常压缩比越大，图象质量越差。因此在完成图象的制作之后通常要把图象进行适当的压缩。下面是一些常见的图象压缩软件。Ulead Animation SmartSaver、 GIF Smartsaver、 JPEG SmartSaver是Ulead公司的产品，可以用来优化动态GIF、JPEG 图象文件。GIF/JPEG SmartSaver既可以作为一个单独的程序，也可以作为Photoshop和Frontpage的外挂式文件，利用他们可以创建出节省带宽的图象。能够查看设置前后的文件大小，并进行实时浏览0。可以使用批处理GIF 优化整个Web站点、文件夹

40、或单个文件，而不会有质量上的损失，而且操作简单26 动态网页制作工具您的网站是否一如既往的保持“静态”呢？目前呈几何增长的互联网网站中有相当一部分仍固守“静态”。所谓的静态指的是网站的网页内容固定不变，当用户浏览器通过互联网的HTTP（Hypertext Transport Pr otocol）协议向WEB服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。那么什么是动态网站呢？所谓“动态”，并不是指那几个放在网页上的GIF动态图片，在这里笔者为动态页面的概念制定了以下几条规则：1、“交互性”即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面

41、，这将是今后WEB发展的大事所趋。2、“自动更新”即无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量。3、“因时因人而变”，即当不同的时间、不同的人访问同一网址时会产生不同的页面，是不是很酷？现在你已经对“动态”网站有了一个基本的认识，接下来该挑选称手的“兵刃”了。现在将网站动态化的方法有很多，这要看你出于何种需求。如果你是个人网站的维护者，使用的是免费主页空间，那绝大多数情况下你只能使用Java，Java Script和最新的DHTML技术。如果你的主页提供者能给予你CGI权限或者ASP支持，那你将能发挥真正的动态技术。这里我们仅针对个人网站就DHTML技术进行重点介绍。

42、究竟什么是DHTML？它与传统的HTML有什么不同？DHTML就是当网页从WEB服务器下载后无须再经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如，当鼠标移至文章段落中，段落能够变成蓝色，或者当你点击一个超链后会自动生成一个下拉式的子超链目录。这就是Dynamic HTML（动态HTML），它是近年来网络飞速发展进程中最振奋人心也是最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念，这些技术包括Java Script , VB0Script, Document Object Model (文件目标模块)，Layers和Cascading Style

43、 Sheets ( CSS样式表)等。非常遗憾的是在网景Netscape和微软IE浏览器几番大战后，我们仍没有得到一个对DHTML支持的统一标准。因此本文在介绍DHTML时不得不分别讲述。让我们先来看看Microsoft IE 4对DHTML的支持：1 、动态内容（Dynamic Content）：动态地更新网页的内容，可动态地随时插入、修改、或删除网页的元件，譬如文字、标记等。2 、动态排版样式（Dynamic Styles Sheets）：通过W3C的“Cascading Style Sheets”（串联式排版样式，简称CSS1或CSS），提供了设定HTML标记的字体大小、字型、粗细、字型样式、行高度、文字颜色、加底线或加中间横线、与边缘距离、靠左右或置中、缩排、背景图片或颜色等排版功能。而“动态排版样式”，可以“动态”地随时地改变排版样式。3 、动态定位（Dynamic Positioning）：通过W 3 C的“Working Draft on Positioning HTML with Cascading Style Sheets”，提供HTML元件在X、Y、Z轴的定位功能，让设计者可以放置影像、控件、文字等在网页上的任何位置上。而放置在不同的Z轴上，设计者就可以产生重叠