基于flash的网页设计

I基于flash的网页设计内容摘要：Flash动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说，通过进行网页设计并建设网站，开创了多媒体效果的网页或整个多媒体网站的新潮流，本文对Flash动画在网页制作中的应用及发展做了探讨。关键词：Flash，网页设计FlashbasedwebsitedesignAbstract：Flashhasbecomeatrendofmoreandmorepeopleanimationconcerndevelopment.Itcanbesaid,bywebsitedesignandbuildthesite,creatinganewwaveofmultimediaeffectsorentiremultimediawebsite,thepapermakingFlashanimationsinwebapplicationdevelopmentdoneanddiscussed.KeyWords：Flash,websitedesign.II目录导语..............................................................................................................................1一、网页制作与Flash.................................................................................................1二、Flash动画应用于网页制作................................................................................2（一）、在网页中启动Flash动画..............................................................................21、插入Flash动画.....................................................................................................22、插入Flash按钮......................................................................................................33、插入Flash文本......................................................................................................3（二）、Flash动画对网站页面的优化.......................................................................41、网站中的动画声音..................................................................................................42、网站中的动画色彩..................................................................................................53、网站中的鼠标动画..................................................................................................54、网站中的动画导航系统..........................................................................................5（三）、Flash动画在网络广告中的设计应用.......................................................71、主题的确定..............................................................................................................72、字体的选择..............................................................................................................73、排版的设计..............................................................................................................84、交互按钮的设计......................................................................................................85、运动轨迹的设计......................................................................................................8三、Flash应用于网页制作的优点.............................................................................8四、FLASH在网页制作中的延伸发展.......................................................................9结语............................................................................................................................10[参考文献]..................................................................................................................11计算机与信息科学学院2014届双学位毕业论文基于Flash的网页设计第1页（共11页）1导语计算机在国内推广初期，大部分企业已开始根据经营实况设计网页，但基本上都是集中于“静态”模式。静态网页在市场上推广一段时间之后，用户开始发现其存在的诸多弊端，如：页面重点不突出、产品信息不明显、视觉效果不鲜明、流量数量不充足等等。这些都是由于静态页面固有的模式让消费者及客户失去了关注的兴趣，无法带动消费者参与购买的兴趣。新时期Flash技术逐渐推广，在此基础上设计的网页具有多方面的优势。1网页制作与Flash网络的呈现方式———网页，就必须要足够地体现互动特征。但要以如何的面目呈现给浏览者呢?不但网页的实用性要好，而且艺术设计也成为吸引和留住浏览者的一把钥匙，而构成这一设计的关键因素就是Flash动画，它是在艺术形态上的互动，内容上的交流。[1]因此，网站中Flash动画设计的形式，可以是全部的静态页面，也可以是在静态页面中嵌入部分动画设计或是全部的动画设计。Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具,用它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。它采用了矢量图形编辑制作,使得Flash输出的电影动画具有文件小、效果好、图像细腻、对网络带宽要求低以及可无损放大等诸多优点,这一优秀的矢量动画编辑工具给我们带来了强有力的视觉冲击,使我们能够轻易地将丰富的想象力可视化。现如今,Flash动画以小巧、动感、富有交互性而风靡网络。在制作网页时,将Flash动画应用到网页中,作出的网页模板也是栩栩如生,更能吸引浏览者的眼球,而且与浏览者的互动性也比较强。Flash图片不会出现放大图片后出现马赛克的失真现象,同时Flash动画作出的视频其体积小便于在线观看,也赢得了浏览者的关注。Flash的发展离不开网页,而Flash的网络富媒体在网页上处理数据和制作网页游戏上也独具优势。[2]网页的生动性同样离不开Flash动画,Flash动画可以使浏览者摆脱枯燥的网页固定文字,Flash动画制作的动态广告也可以抓住浏览者的眼球。作为网页三剑客之首的Flash在网页设计中起着至关重要的作用,网页的发展离不开Flash动画,Flash动画的发展也离不开网计算机与信息科学学院2014届双学位毕业论文基于Flash的网页设计第2页（共11页）页这一当今潮流平台。2Flash动画应用于网页制作Flash动画在网页应用中随处可见,从简单的流动式动画到复杂交互式Web动画,都体现了Flash动画的优势。[3]我们在大部分的网页中看到的Flash只占网页一小部分内容,通常只是起引导或宣传广告的作用,此时如果用Flash动画来完成网页制作,整个设计过程就太繁琐,而且占用的网页空间也大。所以在实际制作过程中会在Dreamweaver调用和控制Flash动画,将Flash动画作为一个模块嵌入到网页中,二者的结合既能让网页的制作过程更加便捷又能为网页增加动感。2.1在网页中启动Flash动画下面就介绍如何在网页中添加、控制Flash动画以及如何通过网页来启动Flash动画。在网页添加、控制Flash动画首先在网页中插入Flash交互对象,可插入的对象包括:Flash动画,Flash按钮及Flash文本。2.1.1插入Flash动画插入flash动画前必须存在已作好的Flash动画文件(文件格式:.swf)。通过点击网页制作软件中“插入Flash动画”的按钮,弹出对话框,填写所需插入动画的名称和路径,选择事先设计好的.swf格式的Flash动画,点击确定即可完成网页中插入Flash动画。如图1所示：计算机与信息科学学院2014届双学位毕业论文基于Flash的网页设计第3页（共11页）2.1.2插入Flash按钮通过打开插入Flash按钮对话框可插入Flash按钮对象,Flash按钮对象让您可以自定义并插入一套预先设计好的Flash按钮。在插入Flash按钮或文本对象之前必须保存文档。在对话框中可选择按钮类型,可输入按钮上的文本、设置按钮上文字的字体、指定链接的地址或文档、指定下一个目标框架或者目标窗口、为此Flash动画命名等。2.1.3插入Flash文本使用Flash文本对象可以创建和插入一个Flash电影,(包含文本动画效果)。允许创建一个体积小、基于矢量图形的动画,而且在动画中可以设置字体和文字的内容。其用法与Flash按钮类似。然后，设置Flash对象属性选中插入的Flash对象,可以在属性面板中对该动画的属性进行设置。通过属性窗口可设置属性有:动画的高度和宽带、保存路径、对齐方式、背景颜色、是否自动播放、是否循环播放、设置四周空白间距、播放的品质、比例等等。另外，在网页中控制Flash动画可利用Dreamweaver中的行为“ControlShockwaveorFlash”来控制动画的播放、停止或转向某帧。在网页中启动Flash计算机与信息科学学院2014届双学位毕业论文基于Flash的网页设计第4页（共11页）动画网页。方法一:只要浏览器内置了Flash插件,网页内容链接了有关Flash动画,打开网页时便可播