基于flash的网页设计教案.doc

基于flash的网页设计 内容摘要：Flash动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说，通过进行网页设计并建设网站，开创了多媒体效果的网页或整个多媒体网站的新潮流，本文对Flash动画在网页制作中的应用及发展做了探讨。 关键词：Flash，网页设计 Flash based website design Abstract：Flash has become a trend of more and more people animation concern development. It can be said, by website design and build the site, creating a new wave of multimedia effects or entire multimedia web site, the paper making Flash animations in web application development done and discussed. Key Words：Flash,website design. 目 录 导 语 1 一、网页制作与Flash 1 二、Flash 动画应用于网页制作 2 （一）、在网页中启动Flash动画 2 1、插入Flash 动画 2 2、插入Flash按钮 3 3、插入Flash文本 3 （二）、Flash动画对网站页面的优化 4 1、网站中的动画声音 4 2、网站中的动画色彩 5 3、网站中的鼠标动画 5 4、网站中的动画导航系统 5 （三） 、Flash动画在网络广告中的设计应用 7 1、主题的确定 7 2、字体的选择 7 3、排版的设计 8 4、交互按钮的设计 8 5、运动轨迹的设计 8 三、Flash应用于网页制作的优点 8 四、 FLASH在网页制作中的延伸发展 9 结 语 10 [参考文献] 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 动画的发展也离不开网页这一当今潮流平台。 2 Flash 动画应用于网页制作 Flash 动画在网页应用中随处可见, 从简单的流动式动画到复杂交互式Web 动画, 都体现了Flash 动画的优势。[3]我们在大部分的网页中看到的Flash 只占网页一小部分内容, 通常只是起引导或宣传广告的作用, 此时如果用Flash 动画来完成网页制作, 整个设计过程就太繁琐, 而且占用的网页空间也大。所以在实际制作过程中会在Dreamw