FLASH技术在IVIS系统中的应用

1、 flash技术在ivis系统中的应用 - 夏季风个人网站的设计目 录摘要1第一章 引言211互联网的发展 311.1互联网的发展 411.2互联网的属性特点 512网络形象设计6121历史的网络形象设计7122网络形象识别设计8第二章 工作室系统的相关技术介绍和分析921 flash技术特点 1022 flash网站设计的相关技术1123 flash设计中的关键技术 12第三章 工作室网络形象识别设计 1331工作室进行网络形象设计的目的 1432工作室网络形象设计的内容 15321网站的vi设计16322网络形象的整体定位17323网络形象标志设计的形式183.3网站进行网络形象设计应注意

2、的问题 19第四章 工作室系统结构设计 2041系统功能概述 2142系统结构设计框图22第五章 站点测试及后续开发展望 2351站点测试及后续开发展望 24 主要参考文献 25摘要： 随着网络的发展，网络形象识别设计已经成为视觉文化时代设计主流。网络形象识别在对公司或产品的宣传中起着非常重要的作用。网络形象设计有其的发展历史及其发展过程。它是vi含义逐渐应用到互联网上。它既是ci部分的延伸、也是vi部分的发展与具体应用。在网络中给人强烈的视觉冲击和印象。本文主要介绍了“夏季风”个人网站的设计来具体说明flash技术在visi中的应用。其中包括了flash技术特点，flash网站设计的相关技术

3、，网络形象识别设计的具体内容，如何用flash技术将网络形象识别设计实现等等。关键词：网络形象设计 flash技术特点 网络形象设计的实现第一章引言 随着时代步伐的前进，时代的概念也在逐渐变化，第四媒体互联网的迅速发展，使信息传播业面临一场变革，视觉识别系统（visual indentity system）,也延伸到新的领域，互联网络上逐渐成为企业讯息等宣传的重要阵地，具有迅捷、传播范围广等优势，vi的含义也逐渐应用在互联网上，我们重新定义为网络形象识别设计，简称visi(visual indentity system internate),开拓了新的空间，视觉文化成为主导设计潮流. 1.1

4、互联网的发展1.1.1 互联网的发展自从发明了电脑，出现了www,科学发明改变了社会，人类的智慧是无穷无限的，互联网的发明称之为人类历史上迄今为止的最伟大的发明。pc时代的数字化是个人的，互联网时代的数字化则是全球的。互联网使时空的距离成为零，整个地球被收缩成一个新的世界，我们可以周游世界，大大地降低了信息的传播费用，实现社会化，达到信息的迅速广泛的传播。与传统的传媒方式相比较，互联网具有鲜明的优势。以计算机二进制语言处理的数字化信息，构成了信息社会的最基本原子，在信息时代，人类的生存和生活，不可避免地建立在数字化信息之上，第四大众传媒互联网将普及发展与人类社会。网络作为新兴的第四媒体确实有它

5、独特的优势，这恐怕任何一个用过互联网的用户都能一一道来: 报道及时、零传播成本、多媒体、可以检索等等。有报道说互联网发展的速度远远超过了前几任媒体：无线电广播问世38年后，拥有5000万听众，电视诞生13年后，拥有同样数量的观众，而因特网从1993年对公众开放，到拥有这个数量的用户只花了4年时间。网络作为新的信息传播的载体，确实起了传统媒体所起的很多功用，或者说它替代了传统媒体的很多功用。 公认的大众传媒主要包括报纸、广播、杂志、书籍和电影等六大媒介。随着数字化技术的发展，电脑硬件的更新换代，互联网技术迅速普及和网站的大量建立，互联网正成为一种新的媒体广泛进入人们的生活。如今，国际上已把互联网

6、纳入六大媒介中，并将其称为继报纸、广播、电视之后的“第四大众传媒”。这说明，人们已经认同了互联网的作用，能够同报纸、广播、电视等新闻媒介一样，广泛地传递新闻信息。其实，国际互联网不仅具有报纸、广播、电视等传统新闻媒介能够及时广泛传播信息的一般功能，而且还具有多媒体、实时性、交互性传播新闻信息的独特优势。它使人类面临着一次信息传播技术的前所未有的，带有根本性的突破和变革。传统的、界限分明的语言、文字、声音、影像等各种传播形式之间的铜墙铁壁顷刻就要瓦解，传统的、相互分割的报纸、广播、书籍、杂志和电影等大众传媒顷刻就要融为一体。人类社会，就要随着新一代信息传播新技术、新媒介进入一个信息传播的时代。由

7、于国际互联网所具有的超越传统新闻媒介的优势，决定了网络对平面媒体的超越，不过是迟早的事情。 互联网的发展使视觉文化识别出现了新的空间和领域。1.1.2互联网的属性特点以互联网为代表技术的信息时代，为视觉传达设计师们提供了更为广阔的自由发挥空间。视觉传达设计与新媒体的结合必将产生前所未有的巨大力量，数字化设计成为未来设计师的主要表现手段。 传播范围广 信息资源丰富 形态多样化 交互传达互联网是有史以来的影响我们生活面最广、最容易产生互动的新科技。互动的设计更会引起受众的兴趣，满足人们的参与感。1.2 网络形象设计 vi设计，来源英文中的 visual indentity system，意即视觉识

8、别系统。单单就网站而言，一个网站上看到的所有图片、文字、动画、以及他们的编排方式等等一切能够看到的元素都是vi设计的一部分，简单来说，其实就一一个网站的外观，他能在色彩版式等形成一种认知识别，达到一定的视觉效应，我们重新定义为visi,即网络形象识别系统(visual indentity system internate)它既是ci部分的延伸、有是vi部分的发展与具体应用，网络形象识别系统是一个系统化的识别形象，它将根据企业ci、vi根据网络的要求整合定位成网络形象识别系统。网站的外观重要吗？一个网站的内容固然重要，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个

9、网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的vi设计也非常重要。 网站的vi设计。首先网站的整个页面的颜色是否协调，千万不可给人刺眼的感觉；其次要看网页上的的文字是否易于阅读，文字太细、颜色太浅、页面太长或超出屏幕宽度，都是有违网站设计的“美学原则”；再次要看图片，图片太大、太多、太模糊都会惹来浏览者的反感；最后要看“动”与“静”是否配合得当，无节制地滥用flas

10、h、动态gif、滚动字幕等效果就会让人眼花缭乱，但死气沉沉，毫无生气的页面也会让人感到乏味。 上面谈到的vi设计仅仅是就一个页面而言，vi设计的另一方面是看整个网站的所有页面是否协调与一致。每个页面都使用相同种排版方式、相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这是最基本而有最重要的网站vi设计1.2.1历史的网络形象设计从50年代初到现在，ci的诞生有近50年的历史,他发展沿革大致上经历三个阶段: a 从商标品牌到产品视觉统一设计， b 企业风格的视觉传达设计， c 从视觉形象识别到整体形象识别，ci已经从单纯的视觉传达设计演变为一种企业形象的传播策略，我们可以看出vi形象

11、的识别是现在ci、mi等的最初起源，最初是商品标志视觉功能的扩展，商标品牌作为商品的标记和象征，在商品市场的竞争中发挥这主要作用，1851年，美国宝龄公司老板发现负责货运的人总是在装蜡烛的箱子上画上黑叉叉，经询问才知道是为了那些目不识丁的码头工人能分辨哪是蜡烛哪是香皂。后来，有位聪明的工人把难看的叉叉改成了星星，进而成为固定的符号经常出现。ci这一词最早由美国的设计家来蒙特于1930年左右提出。第二次世界大战以后，美国的经济发展在世界一直处于领先地位，企业重视工业设计和产品的视觉设计。现代设计的摇篮德国包豪斯设计学院，这所起初培养建筑设计而创建的学校，转而以培养工业设计、商业设计、视觉传达设计

12、等专门人才。造就了一批设计师，对今天设计产生了深远的影响。1.2.2网络形象识别设计 网络形象识别设计要根据企业制定的识别系统进行扩展延伸，设计出新的符合网络属性特点的形象识别系统。从宏观上讲，网络形象应该具有统一的整体的便于识别的设计。首先，网络形象设计的整体定位，网络海洋如此之大，但是整体的网络视觉效果很少能出现在我们的屏幕中，这就需要策划设计人员有依据的进行整体定位策划。vi设计中的企业标准形象需要重新整合组成，事实上可以凭借ci设计里已经指定logo、色彩、或标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以得到相得益彰的效果。另外针对logo本身的一致性所作的设计上变化也是一

13、种变化，总而言之，所有的做法必须能够发展出一套更具品牌形象的设计。 网络形象标识设计可以以动态形式或静态形式出现，网络的web色彩和版式需要统一，我们称网络标准色彩和网络应用版式，当然其形式和要素非常多，我们可以概括为基本元素形式。这里所说的基本元素主要包括：文字的处理、背景色彩、各种动态按钮、图表、表格、导航工具、背景音乐、互动影像、视频播放、小窗口等，我们需要根据实际情况确定元素，当然更重要的是整个元素要有一种共同点，这也就是网络形象设计的创意设计所在。以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a

14、动画。还有些多媒体文件（如mp3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。多媒体技术的运用大大丰富了网页艺术设计的表现力网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

15、 据说视觉文化的时代已经来临。丹尼尔贝尔认为：“目前居统治地位的是视觉观念。声音和景象，尤其是后者组织了美学、统率了观众。在一个大众社会里，这几乎是不可避免的”。随着时代的进步，大众社会的要求逐渐扩展延伸，品牌等成为一种无形资产成为商品分辨和信誉保证的重要识别，使得在人们视线里出现整体的视觉识别系统，时代也有了它新的概念，即视觉文化时代。视觉文化时代的到来，急剧加速经济的发展，经济的发展也促使视觉文化的进步，总之，设计与经济时代的发展是紧密联系不可分割的。 所以网络形象识别设计已经越来越重要了。在视觉文化时代发挥着重要的作用。第二章 网站系统的相关技术介绍和分析2.1. flash技术特点 由

16、于我们本系统是关于flash技术在ivis中的应用，我们用的主要的多媒体创作工具是flash，所以下面就重点介绍flash 技术的优点。flash的优点：极端自由方便的排版方式，下载同时播放的数据流结构，小巧精致的矢量画面，强大的交互性能。从中可以看到，flash的生存更多地与网络紧密相连，其大量的特性是与网络相关的。可以说，没有与网络的结合，flash绝对不能取得现在的成功。作为动画或者多媒体设计软件，flash其实具有的是更为大众化的特点：反走样处理后的矢量画面美观大方，同时支持位图、声音非常简单易用的操作，加上不错的性能，这是flash脱离普通甚至更为强大的多媒体设计软件而独具魅力的根本

17、原因。如果一种设计工具能够为尽量广泛的群体所使用，并且尽量地满足群体的表现，那么这种满足将代表无限广阔的市场。与网络的结合，使flash获得了生命力。而flash本身也确实根据网络发展了自己的优势。flash凭什么来代替原有的html世界呢？1.极端自由方便的排版方式。有过web设计经验的人都知道，html元素的排版的繁琐程度远远超过了普通的图文混排（尽管dhtml有所改观）。基于表格的排版方式，不同浏览器的兼容都让人伤脑筋。flash就不同了，自由的排版方式，浏览器之间完全兼容，基于矢量的无级缩放。2.强大的交互性能。仅仅能排版还不够，代替html还要能交互。事实上，鼠标键盘、事件和脚本的组

18、合使得flash的交互能力空前加强，在某种程度上甚至超过了普通的html页面。3.个性化、动态的站点设计。设计者的灵感获得更大的发挥空间，站点的表现力极大地加强了。不论在何种情况下，动态美观的站点设计都是极其吸引人的2.2. flash网站设计的相关技术1、重要actionscript代码控制 这是全flash网站实现的关键，尤其是flash mx新增了很多功能强大的命令。下面介绍部分制作全flash网站需要使用的比较重要的actionscript函数。loadmovienum(url,level, variables)loadmovie(url,level/target, variables

19、) 功能说明：在播放原来加载的影片的同时将swf或jpeg文件加载进来。参数说明：url ：要加载的 swf 或 jpeg 文件的绝对或相对 url，不能包含文件夹或磁盘驱动器说明。 level ：把swf文件以层的形式载入到movie里，若载入0层，则载入的swf文件将取代当前播放的movie，2层高于1层。target ：可用路径拾取器取得并替换目标mc，载入的电影将拥有目标mc的位置、大小和旋转角度等属性。(个人认为用target好些，在控制载入.swf位置时比较方便)variables ：可选参数，指定发送变量所使用的 http 方法（get/post）， 层次level：flash允

20、许同时运行多个swf文件，flash一旦载入一个swf文件，则占据了一个层次，系统默认的是_flash0或_level0，之后的movie则按顺序放在level0-level16000里。第一个载入的swf文件为_flash0或_level0，第二个如果加载到第一层时的称为_flash1或_level1,依此类推。注意前提是前面载入的文件没有退出，否则冲掉第一个swf文件，第一个文件也从内存中退出。 注意：如果你将外部的movie加载到leve0层或者level0里，那么，原始的movie就会被暂时取代，要再用时还得重新load一次，也就是说，一个level在一个时间里只能有一个movie存在

21、。在使用loadmovie和unloadmovie时必须特别注意level之间的关系，否则，当你希望在一个时间里只播放一个movie而unload掉前一个movie时，就会出现不必要的麻烦。unloadmovienum(level)unloadmovienum(level/target) 功能说明：从 flash player 中删除已加载的影片。 参数说明：同上 gotoandplay(scene, frame) 功能说明：转到指定场景中指定的帧并从该帧开始播放。如果未指定场景，则播放头将转到当前场景中的指定帧。 参数说明：scene：转到的场景的名称。 frame：转到的帧的编号或标签。

22、2、文本导入 在我们制作全flash网站的过程中经常遇到一定量的文字内容需要体现，文本的内容表现与上面介绍的流程是一样的，不同的地方体现最后的表现效果和处理手法还是有些不同。 方法一、文本图形法 如果文本内容不多，有希望将文本内容做的比较有动态效果，可以采用此法。将需要文本做成若干个flash的组件，在相应的位置安排好。文本图形法的文件载入与上面介绍的处理手法比较类似，原理都差不多。具体动态效果就有待大家自己去考虑，这里就不多介绍。 方法二、直接导入法 文本导入法可以将独立的.txt文本文件，通过loadvariables导入到flash文件内，修改时只需要修改txt文本内容就可以实现flas

23、h相关文件的修改，非常方便。在文本框属性中设置var:变量名（注意这个变量名）。为文本框所在的帧添加actionscript代码：loadvariables(变量名.txt, );编写一个纯文本文件.txt（文件名随意），文本开头为“变量名=”，“”后面写上正式的文本内容。2.3 flash设计中的关键技术 actionscript中常用到的控制实例对象的action指令。下面只要介绍一下相关action语句。1gotoandplay(scene,frame);跳转到指定帧并继续播放。scene参数是可选项，指定要跳转到的场景，如果不使用，则默认为当前场景。frame参数指定了要跳转到的帧在场

24、景中的序号。例：gotoandplay(5); /跳到第5帧并继续播放2gotoandstop(scene,frame);跳转到指定帧并停止播放。scene参数是可选项，指定要跳转到的场景，如果不使用，则默认为当前场景。frame参数指定了要跳转到的帧在场景中的序号。例：gotoandstop(5); /跳到第5帧并停止3on(mouseevent) statement;处理程序。当鼠标或键盘事件发生时响应。参数statement mouseevent 事件激活后要执行的程序段。 mouseevent 可以是下列参数：press 鼠标在按钮上时左键被按下。 release 鼠标在按钮上时左键被

25、松开。releaseoutside 鼠标不在按钮上时左键被松开。rollover 鼠标滑过按钮。rollout 鼠标从按钮上移出。dragover 鼠标在按钮上时左键被按下，按住后鼠标移出按钮范围，然后又移回到按钮上。dragout 鼠标在按钮上时左键被按下，按住后鼠标移出按钮范围。keypress (“key”)指定的键被按下。指定键的键值的选取可以参见附录“键和键值”，或者参考在key对象中列出的各键的属性。在下面的例子中，当鼠标在按钮上时会激活 startdrag 动作：on(rollover) gotoandstop(5);4play();开始播放动画或者movie clip。例：th

26、is.play(); /开始播放当前的movie clip5stop();停止播放动画或movie clip。例：this.stop(); /停止播放当前的movie clip6stopallsounds();停止播放所有的声音。7geturl(url ,windows);打开超文本连接。参数url是设置调用网页网址，可选参数windows指定了在哪一个html框架中打开超文本连接，如果不使用这个参数则在当前窗口打开超文本连接。下文中的“ ”都和这里一样，表示该参数可选。例：geturl(“”); /打开的网页

27、8onclipevent(movieevent) . 在对movie clip或graphics symbol对象指定的事件发生时响应。参数movieevent 是和电影剪辑实体相联系的一个动作事件例1：下面的例子将在加载电影剪辑的时候读入外部的 script 程序文件：onclipevent(load) #include myscript.as9startdrag(targat ,lock,left,top,right,bottom);开始用鼠标拖动movieclip或graphic symbol对象。参数targat 是要拖曳的对象，lock参数用来确定是否锁定中心拖曳，参数left，to

28、p，right，bottom是拖曳的范围的坐标。在这里，lock和left，top，right，bottom参数都是可选的。例：startdrag(_root.mc1); /开始拖动_root.mc1对象14stopdrag(target);停止用鼠标拖动movieclip或graphic symbol对象。参数targat 是被拖曳的对象。例：stopdrag(_root.mc1); /停止拖动_root.mc1对象10updateafterevent(movie clip event);当参数中指定的动作发生后，刷新屏幕 (取决于动画设定中的每秒播放帧数项) 。在 drag 动作中同时使用

29、鼠标移动来激活 updateafterevent，刷新屏幕将不会造成屏幕的闪烁。 利用这些actionscript中常用到的控制实例对象的action指令。把它们适当的组合在一起控制flash舞台中的动画效果。能把动画或者是网站做的更加的漂亮美观。更能吸引人们的眼球。 第三章 网站网络形象识别设计3.1 网站进行网络形象设计的目的 网站进行网络形象设计，以达到以下的目的：（） 展示整个网站的风格，显示个人修养。（） 让浏览者有兴趣观看本网站。（） 使浏览者在观看我的网站时，而不感觉到视觉的疲劳。（） 最大力度的宣传自己。网络形象设计时网络设计的创意的十大目标： 简洁生动形象； 强烈的视觉形式感

30、和高度艺术性； 易于识别和记忆； 具有高度的概括力； 具有现代感； 合乎时代潮流； 具有未来性； 信赖度很高； 令人产生亲切和蔼的感觉 3.2 网站网络形象设计的内容一个优秀网站依托的是视觉规划和各种互联网技术的完善结合。网站网络形象设计的关键是vi设计。 3.2.1 网站的vi设计一个好的视觉设计(即vi设计)，必须要有一个好的视觉效果。首先整个网页的颜色要协调，不能给人刺眼的感觉。其次网页上的文字要易于阅读，文字，颜色以及页面的设计要遵循网站设计的美学原则。图片不能用的太大太多，而且不能无节制地滥用flash，动态gif，滚动字幕等。用将flash技术恰当地应用到网站的vi设计中。vi设计

31、的另一个方面是设计整个网站的所有页面要协调一致。每个页面都使用相同的排版方式和相同的背景色及相近的按钮。本站已经有可一个统一的ci设计，那本网站的vi设计就要遵循网站的vi设计。网络形象识别设计要根据工作室制定的识别系统进行扩展延伸，设计出新的符合网络属性特点的形象识别系统。从宏观上讲，网络形象应该是具有统一的，整体的，便于识别的设计。我们遵循网站的ci设计设计出网站的vi。3.2.2 网络形象的整体定位 vi设计中的工作室标识形象需要重新整合组成。事实上，可以凭借ci设计中已经指定的logo、色彩及标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以收到相得益彰的效果。另外，针对log

32、o本身的一致性所作的设计上变化也是一种变化。本站的ci设计是一个标志“夏季风”。夏季风是本人一向使用的网名，用它来代表我的形象。让大家对我对我有个出的认识，从而进一步的去认识我。3.2.3网络形象标志设计的形式网络形象标识设计的形式。网络形象标识设计可以动态形式或静态形式出现，网络的web色彩和版式需要统一，我们称其为网络标准色彩和网络应用版式，当然其形式和要素非常多，我们可以概括为基本元素形式。这里所说的基本元素主要包括：文字的处理、背景色彩、各种动态按钮、图表、表格、导航工具、背景音乐、互动影像、视频播放及小窗口等。我们需要根据实际情况确定元素，当然更重要的是整个元素要有一种共同点，这也就

33、是网络形象设计的创意设计所在。以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器中使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的activex技术，用来在网页中播放多媒体。目前，activex已经成为热门技术。我给此站做了音乐视听页面，让大家可以在紧张的心情可以放松一下。另外在 首页最显眼的地方放了本人自己做的一个flashmtv，从而为网站增加了一份色

34、彩。在这个网站中主要介绍了本人一些相关信息和一些欣赏部分等等。在网站的首页的右上角的明显的地方，根据自己的网名，并用flash做出个标志性标志。 网页的版式设计。网页的版式设计主要以古典色调为主，是网站透出一种古典风情。所谓网页的版式设计，是指在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，并将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视听传达方式。3.3 网站进行网络形象设计应注意的问题(1)注重网站的界面风格设计。网站的界面设计是网站在建立网站时非常重要的环节，一个创意新颖、设计精美、结构合理的网站，会为网站形象的推广起到不可替代的作用。由于网页宣传是互动的媒体，因而在

35、设计上就要符合浏览者的使用习惯，界面设计的人性化及个性化，将直接影响工作室视觉形象的拓展。同时，由于不同的国家在语言、文化方面存在差异，不同的媒体也有不同的阅读要求和特点，因此网站要在体现ci的同时进行各种调整，语言方面最好设计成中、英文界面，以便获得最大程度的认知度。 (2)网站看上去要舒适美观、浏览速度要快。网站在界面设计上一定要有创意，给浏览者以美的艺术享受，塑造工作室“专业”、“可信”之良好形象，以便使浏览者对工作室产生更多的信任感。在浏览中，时间长短会影响浏览者对网页的观感。据统计，若等候时间超过半分钟，七成浏览者会放弃登录。因此设计上要配合速度，放弃一些非必要而又影响下载速度的效果

36、。(3)网站要提炼出自己的文化理念。一个网站形象设计时，要提炼出本网站的文化理念，并结合网站本身的特点将其贯穿于整个网站中。(4)提高网页设计人员的素质。网站的视觉形象设计结网页设计人员提出了更高的要求，因而在提高网络技术的同时，设计人员自身文化素质的提高是必不可少的。只有设计者在平时的生活中点点滴滴地积累，不断提高自己的素质，才可能在自己的网页设计中挖掘出好的东西来，给读者留下好的印象与美的享受。 第四章 网站系统结构设计4.1 系统功能概述 此网站系统主要介绍了本人的相关资料和其它欣赏部分等。在介绍本人的同时，在其中加如了一个flashmtv动画音乐，图片欣赏，音乐视听和留言等。这样设置是

37、为了让大家了解我的同时可以享受一下音乐和动画带来的轻松和愉快。 这是本网站的首页剪图 首页的按钮是加了一个action指令实现的一种特效，鼠标放上去，按钮向下移动一段距离然后停下，移开就复原。在顶上加了一个显示时间的action指令 onclipevent (load) days = new array(星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六);months = new array(一月大, 二月平, 三月大, 四月小, 五月大, 六月小, 七月大, 八月大, 九月小, 十月大, 十一月小, 十二月大);timedate = new date();onclipeve

38、nt (enterframe) hour = timedate.gethours();minutes = timedate.getminutes();seconds = timedate.getseconds();todaydate = timedate.getdate();day = timedate.getday();dayname = daysday;month = timedate.getmonth();monthname = monthsmonth;year = timedate.getfullyear();if (length(minutes) = 1) minutes = 0+m

39、inutes;if (length(seconds) = 1) seconds = 0+minutes;hour = hour-1;month = month+1;yearna = year+年+monthname;datena = dayname;dayna = todaydate;timena = hour+:+minutes+:+seconds;delete timedate;timedate = new date();首页的logo是以我的网名夏季风和xiajifeng而设计的, 在图标上加了一个水波晃动效果。logo的设计如下图：在about里，主要有介绍我自己的相关资料。放了我的个

40、人照片和父母的照片，从内部延伸三块，分别是about me, my father,my mather .其中my father和my mather由于时间关系，还在建设中。about me内部的个人资料，是利用了flash做的滚动条来实现的，它可以上下拖动。具体用到的代码如下：scrolling.onpress = function() sign._visible = 0;sign2.gotoandstop(1);this.gotoandstop(dark);lock = no;scrolling.onrelease = function() sign._visible = 0;this.go

41、toandstop(light);lock = yes;scrolling.onrollout = function() sign._visible = 0;this.gotoandstop(light);lock = yes;scrolling.onrollover = function() sign._visible = 1;sign.gotoandplay(1);lock = yes;delete i;delete titlename;txt.ymin = txt._y;txt.y1 = txt.ymin-txt._height;position = new array();和if (l

42、ock = no and _xmouse(scrolling._x-scrolling._width) and _xmouse=txt.ymin and txt._ytxt.y1 and distance0) or (txt._ytxt.ymin and distance0) scrolling._y += distance;txt._y -= distance*txt._height/(110-scrolling._height);和gotoandplay(loop);在my works里面放入了7篇文章： 选择 自我欺骗 聚散两依依 错过一时，错过一生 这种感觉你有过吗 思念是一种美丽的孤独 世上最遥远的距离 文章的显示效果也是利用flash制作的过动条来实现的。在picture里面，主要的图片浏览，里面的图片切换主要通过代码gotoandplay();和stop();来实现的，在每张图片上加了一种特效，当鼠标经过，有模糊层从大到小往中心缩