Flash网站设计探讨——兼谈Flash网络广告发展前景-毕业论文.doc

1、Flash 网站设计探讨 兼谈 Flash 网络广告发展前景 I 摘 要 Flash 是一种交互式矢量多媒体技术， 虽然有着较强的程序功能（ Action Script），但是我们大多数人认识 flash 还是因为它制作的 flash 动画。 作为交互式动画制作工具软件， Flash 被广泛地应用于网络动画、网站商业广告和交互式网站。 本文对 Flash 网络应用的发展现状及前景进行研究，主要包括全 Flash 网站以及 Flash 网络广告两个方面，通过大量的阅读研究文献资料并以此为基础对一产品展示网站进行设计制作。全文分为六个章节，第一章引言和第二章网络广告和 Flash对 Flash 网

2、站及网络 广告发展现况进行概括与展望；第三章 Flash网站系统设计和第四章 Flash 网站详细设计通过文字、制作演示、截图等方法描述制作全 Flash 网站的过程和方法，第五章项目展示结果展示制作完成后的结果，第六章结束语对本次研究进行总结。 得出的结论有：随着宽带网络的快速发展，以及最新的光纤网络传输的推出，使得困扰 Flash 网络发展的 容量限制不复存在 ；第三方软件的运用可以大大加强Flash 网站或广告的多样性和专业展示程度； Flash 网站设计最重要的是保持“一致性”，即整体风格的统一，包括排版、文字图片、 过渡、颜色等。 Flash 在网站和网络广告方面的应用有着不可估量的

3、前景。 关键词 ： Flash；网站设计；网络广告； Flash 网站设计探讨 兼谈 Flash 网络广告发展前景 II Abstract Flash is a vector of interactive multimedia technology, although a strong feature (Action Script), but most of us recognize flash or because its the flash animation. As an interactive animation tools, Flash is widely used in netwo

4、rk animation, commercial advertising and interactive website site. The paper shows the development and prospects of Flash network applic- ations ,including both the Flash Web site and Flash Web advertising , and read through a lot of books as the basis for a product-show site. The full text is divid

5、ed into six sections, Chapter I “Introduction,“ and Chapter II “Web advertising and Flash“ on the Flash site development and online advertising to summarize the status and prospects; Chapter III “Summary design of Flash Web site“ and Chapter IV “Detailed design of Flash Web site“ through the text, m

6、aking presentations, screen shots, the entire production methods such as Flash site describes the process and methods .Chapter V “The Results Show” shows the results of this project, and Chapter VI “Conclusions“ of this study concluded. Come to the conclusion: With the rapid development of broadband

7、 networks, and the latest fiber optic network transmission of the launch, making the troubled Flash network development capacity restrictions no longer exist; third-party software can greatly enhance the use of Flash sites or ads diverse And display professional level; Flash website design the most

8、important thing is to maintain “consistency“, that is, the overall style of the uniform, including layout, text picture, the transition, such as color. Flash web site and online advertising used in internet is immeasurable prospects. Key words: Flash; Web Site Design; Web Advertising Flash 网站设计探讨 兼谈

9、 Flash 网络广告发展前景 III 目 录 第一章 引言 . 1 1.1 Flash 的发展简史 . 1 1.2 HTML 页面与 Flash . 5 1.3 全 Flash 网站的未来 . 6 第二章 网络广告与 Flash . 7 2.1 历史及发展趋势 . 7 2.1.1 网络广告定义及主要形式 . 7 2.1.2 网络广告的三个历史阶段 . 8 2.1.3 网络广告的发展趋势 . 10 2.2 Flash 在网络广告中的运用 . 10 2.2.1 Flash 网络广告的优点 . 10 2.2.2 Flash 网络广告的前景 . 11 第三章 Flash 网站系统设计 . 12 3.

10、1 设计目的 . 12 3.2 工作环境 . 12 3.3 Flash 网站设计风格定位 . 12 3.4 Flash 网站的结构规划 . 13 3.4.1 Flash 网站的流程结构 . 13 3.4.2 Flash 网站的层次结构 . 15 3.5 Flash 网站的设计思想 . 16 3.6 Flash 网站的模块规划 . 21 3.7 Flash 网站的界面设计 . 24 第四章 Flash 网站详细设计 . 30 4.1 Flash 音乐播放条 . 30 4.1.1 模块概述 . 30 4.1.2 按钮的制作 . 30 4.1.3 控制条 . 33 4.1.4 添加动作脚本 . 37

11、 4.2 XML 新闻列表 . 39 4.2.1 模块概述 . 39 4.2.2 XML 在 Flash 中的运用 . 39 4.2.3 XML 新闻列表设计 . 40 4.3 3D 元素演示框 . 44 4.3.1 模块描述 . 44 4.3.2 模块设计 . 44 4.4 动感多功能按钮元件的制作 . 47 4.4.1 模块概述 . 47 4.4.2 模块设计 . 47 4.5 其他细节设计 . 48 第五章 项目展示结果 . 49 第六章 结束语 . 50 Flash 网站设计探讨 兼谈 Flash 网络广告发展前景 IV 致谢 . 51 参考文献 . 52 Flash 网站设计探讨 兼

12、谈 Flash 网络广告发展前景 V Content Chapter 1 Introduction . 1 1.1 History of Flash. 1 1.2 HTML Web Page And Flash . 5 1.3 Future of Flash Web Site . 6 Chapter 2 Web Advertising And Flash . 7 2.1 History And Future . 7 2.1.1 Defintion And The Main Forms . 7 2.1.2 Three Historical Stage . 8 2.1.3 Future of We

13、b Advertising . 10 2.2 Using Of Flash In The Web Advertising . 10 2.2.1 Advantages . 10 2.2.2 Future . 11 Chapter 3 Summary Design of Flash Web Site. 12 3.1 Purpose of Design . 12 3.2 Work Environment . 12 3.3 Positioning Style . 12 3.4 Planning Structure . 13 3.4.1 Process Structure . 13 3.4.2 Hier

14、archical Structure . 15 3.5 Design Ideas . 16 3.6 Module Plan . 21 3.7 Interface Design . 24 Chapter 4 Detailed Design of Flash Web Site. 29 4.1 Flash Music Player. 29 4.1.1 Overview . 29 4.1.2 Making Buttons. 29 4.1.3 Control Board. 32 4.1.4 Adding Action Script. 36 4.2 XML News List. 38 4.2.1 Over

15、view . 38 4.2.2 Using Of XML In Flash . 38 4.2.3 XML News List Design . 39 4.3 3D Presentation Box . 44 4.3.1 Overview . 44 4.3.2 Design . 44 4.4 Buttons Box . 46 4.4.1 Overview . 46 4.4.2 Design . 47 4.5 Others . 47 Chapter 5 The Results Show . 48 Chapter 6 Conclusions . 49 Flash 网站设计探讨 兼谈 Flash 网络

16、广告发展前景 VI Acknowledgements . 51 References . 52 Flash 网站设计探讨 兼谈 Flash 网络广告发展前景 1 第一章 引言 目前， Flash 多媒体网站的发展空间很大。虽然有部分人认为全 Flash 网站不利于优化与升级，并且搜索引擎不容易查找，以至于不利于提高网站流量，但是随着网络传输技术的提高及加速， Flash 作为一项己全球普及的多媒体播放软件，不久一定会解决不易优化与升级等问题。 1.1 Flash 的发展简史 Flash，中 文译过来为闪光，目前从事互联网相关工作的人应是很熟知 Flash。由 Flash 的 Macromedi

17、a 公司统计过，目前全世界有 90%以上的电脑装有 Flash 播放器。它的主要功能是面向互联网的网站、图形、动画、应用程序、 RIA(RichInternet App Liacation)等。 Flash 的前身为 Future Splash，原创始人为乔纳森盖伊。 1993 年，乔纳森盖伊成立公司 Future Ware，致力于图像的研究。 1994 年 1 月，乔纳森盖伊决定将绘图软件转移到矢量绘图上。 1996 年夏天， Future Splash Animator 正式发行，并在为两大客户 Microsoft 和 Desiny 服务的过程中，在互联网上引起了很大的反响，当时他的工作室

18、只有 6 个人。由于资金问题， 1996 年 11 月 Macromedia 收购了 Future Ware 公司，将 Future Splash Animator 重新命名为 Macromedia Flash 1.0。 Macromedia 收购 Future Splash 原本是为了完善其看家产品 Director 的，但在互联网上推出了 Flash（ Flash 3.0）后，获得了空前的成功。于是 将 Flash 和Director 进行重新定位。 Flash 正式被定位于互联网，这是个很成功的定位。 1998 年 5 月 31 日， Macromedia 推出了 Flash 3.0。

19、在当时 Flash 3.0 的系统要求描述为 win95/98/NT 以及 16MB 内存，在当时宽带不是很大的情况下，已经足以对互联网产生巨大的影响。 .1999 年 6 月 15 日， Macromedia 推出了 Flash 4.0。 Flash 4.0 中，有自己土里的播放器，并可以进行简单的编程， 1999 年可以Flash 网站设计探讨 兼谈 Flash 网络广告发展前景 2 说是互联网非常火爆的一年，在那时诞生了许许多多的 Flash 英雄，如俄罗斯的Den Inanov、 WireFrame 工作室的 Andries Odendaal 等，他们把许多人带入到 Flash的奇幻世

20、界，理解 Flash，开发 Flash。在同期这种热潮还推动了两大国外网站的发展。一个是 ultrashock（ http:/），另一个就是 flashkit（ http:/）。 2000 年 6 月 24 日， Macromedia 推出了 Flash 5.0。 Flash 5.0 中的 ActionScript（也就是我们常说的 AS 1.0）已有了长足的进步，并且开始对 XML 和 Smart Clip（智能影片剪辑）的支持。 ActionScript 的语法已经开始定位为发展成为一种完整的面向对象的语言，并且遵循 ECMAScript 的标中（类似于 JavaScript），这对于一个

21、设计人员来说已经足够做任何想做的事情了，但当时它的面向对象的编程能力还是很弱。 Flash 5.0 的发布对于 Flash 来说是一个重大转折，无论从设计角度还是从开发角度，相对 Flash 4.0 有质的飞跃。 2002 年 3 月 15 日， Macromedia 推出了 Flash MX。 它实际上就是测试版中的 Flash 6.0，后来为了配合 MX 产品线，正式命名为MX，支持的播放器为 Flash Player 6。 Flash 6.0 开始了对外部 JPG 和 MP3 的调入支持，同时也增加了更多的内建对象（如直接的绘画控制），并且还提供了对 HTML 文本的更精确的控制，引入了

22、 SetInterval 超频帧的概念，同时也改进了 SWF 文件的压缩技术。 Flash 6.0 从本质意义上讲并没有很大的改变，只是在 Flash 5.0 上增强了一些功能。 2003 年 8 月 25 日， Macromedia 推出了 Flash MX 2004。 支持用 Flash MX 2004 创建的 SWF 的播放器被命名为 Flash Player 7。 Flash MX 2004 新增功能如下： 对移动设备如手机、 PockerPC 的支持（像素字体的清洗显示）； Flash Player 运行时性能提高了 2 至 5 倍； 对 HTML 文本中内嵌图像和 SWF（ SWF

23、 中的独立 SWF）的支 持； 对 FLV 外部视频的支持（与 QuickTime 的集成）； Flash 网站设计探讨 兼谈 Flash 网络广告发展前景 3 对 Adobe PDF 及其他文档的支持； 基于屏幕的可视化开发环境； 可视化编程环境； 高级可控制外观组件支持； 数据绑定； Web 服务和 XML 的预建数据连接器； 项目管理功能； 源代码控制系统； 开放了 JSAPI（ JavaScript API）借口可以通过 JSFL（ JavaScript Flash）对Flash 进行更深入的扩展。 Flash MX 2004 的新功能介绍，虽然让人感到振奋，但仍有许多人对 Flash

24、 MX 2004 发布满怀意见。原因有二，其一是因为 Macromedia 大刀阔斧地对ActionScript 进行了改革，从原来的 AS 1.0 改为了 AS 2.0，这对许多开发人员来说是机会的。当然 Macromedia 的初衷是为了使 ActionScript 更符合规范，更易于面向对象的编程。其二是因为 Flash MX 2004 的 ActionScript 的转型致使 Flash MX 2004 的 Bug 层出不穷，以至于使 Macromedia 对 Flash MX 2004 进行了升级，升级为 Flash 7.2，修复了原有众多的 Bug。 2005 年 8 月 8 日，

25、 Macromedia 推出了 Flash 8。 Flash 8 的发布使许多人从 Flash 6.0 开始就怀有的想法和思路得以实现，从此 Flash 8的发布相对于 Flash MX 2004的发布效果是不同的，使更多的人对 Flash的能力更加认可和喜爱。 Flash 8 在图形处理和视频处理上要比 Flash MX 2004 有很大一步的提高，相应地在 ActionScript 上也作了填充和功能的改善。 Flash 8 的主要新增功能如下： 图形的滤镜 Filter； 图形的混合模式 BlendMode； 位图 缓冲 Cache as Bitmap； 改进的文本锯齿功能； Flash

26、 网站设计探讨 兼谈 Flash 网络广告发展前景 4 新的视频编码 on2V6； 视频支持 Alpha 通道等。 2007 年 3 月， Adobe 推出了 Flash CS3（ Flash 9）。 图 1.1： Adobe 网站截图 Adobe 收购 Macromedia 后， Flash 成为 Adobe CS3 创意组件的新成员。 Flash CS3 在 ActionScript 上继续遵循 ECMAScript 贵干，并在 AS 2.0 的基础上作了较大的改动，命名为 ActionScript 3.0。这是继 AS 2.0 以来对 ActionScript 脚本进行的第二次较大的调整。 AS 3.0 的基本语法结构如下。 Packeage Import flash.display.Sprite; Import flash.text.TextField; Public class HelloWorld extends Sprite Public function HelloWorld() Var display_txt:TextField=new TextField(); Display_txt.width=400; Display_txt.text=”Hello webstudio.I love it!”; AddChild(display_txt);