基于flash的恩宇运动地板网站的设计与实现.doc

毕 业 论 文论文题目基于flash的恩宇运动地板网站的设计与实现.院（系）名称专业名称班 级学生姓名学 号指导教师姓名2010年4月完成目录内容摘要1关 键 词 1Abstract 1Key words11Flash应用技术的发展21.1 Flash简介21.2 Flash网站技术的现状分析31.3 运动地板的现状分析 41.4 基于Flash运动地板和HTML网站的比较41.5 Flash网站技术的前景52恩宇运动地板网站的需求分析62.1 网站设计的思路62.2 设计网站的标志72.3 网站设计的色彩和风格72.4 网站设计的版面布局82.5网站设计的流程图83Flash网站开发环境与相关技术93.1 网站开发环境9 3.2 网站开发相关技术103.3 Action script相关知识114基于Flash的恩宇运动地板网站的基本设计134.1网站结构设计134.2首页面banner设计135网站效果的实现135.1产品简介区的制作13 5.2 在线论坛的制作176各个栏目的链接196.1链接的主要技术 196.2恩宇运动地板网站的链接 207小 结21参考文献 22致 谢 23内容摘要：本网站主要使用基于Flash的开发工具，Flash脚本为主要设计语言。通过flash将动态的logo、动态的导航条及后台数据等相融合开发而成。使用Flash脚本进行数据之间的传递、页面之间的连接及撤换。在数据存取及连接上，使用最新的ASP.NET数据存取技术来实现对SQL SERVER 数据库的操作。随着网络的迅速发展，各个行业越来越多的运用网站来宣传及打造自己。而 flash成为现在制作网站的一种流行工具。Flash网站之所以如此受到欢迎，究其原因是它所生成的.swf文件相对较小，采用的是矢量图，于网上传播速度快，而且还能够制作出优美的动画效果和超强的交互式的图形用户界面应用程序，还可以添加声音和视频等等。给人们的视觉听觉效果上增添了极大的冲击力，也对网站的宣传做出一定的贡献。关键词： Flash 恩宇运动地板 aspAbstract：This website USES the development tools, based on the Flash for the main design language script Flash. Through flash will dynamic logo, dynamic navigation and backend data integration and development. Use Flash script data transfer between the connection between the pages, and the volume change. In data access and connection, using the latest data access technology to realize the operation of SQL SERVER database.Along with the rapid development of the network, each industry more and more used to create your web publicity and. But now the production site to flash a popular tools. Flash sites are so popular, the reason is that it generates SWF file. Relatively small, using the vector diagram is in online travel faster, but also can make beautiful animation and super interactive GUI application, still can add sound and video, etc. Give people the visual and audio effects added greatly to the impact of the website, and make contributions to the promotion.Key words： Flash grace yu movement floor asp1. Flash应用技术的发展1.1 FLASH 简介Macromedia公司的所见即所得的网页制作软Dreamweave、网页图片处理软件Fireworks和动画制作软件Flash三个软件结合在一起，起了一个好听的名字“网页制作三剑客”。而flash深受广大动画爱好者的喜爱，目前已经发展到CS3版本1。Flash是美国的macromedia公司于1999年6月推出的优秀网页动画设计软件。是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。大家知道，html语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总不能很好的普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而Flash的出现正好满足了这种需求。Flash的前身是FutureSplash，是早期网上流行的矢量动画插件。它是针对矢量图形编辑和动画创作的专业软件，目前，它已经升级到FLASH MX版本，功能十分强大。正是因为它采用了矢量图形编辑制作，使得FLASH输出的电影动画（*.swf）具有文件小、效果好、图像细腻、对网络带宽要求低以及可无损放大等诸多优点，从而，深受广大电脑动画设计者和网页设计者的喜爱2。Flash的特点有：1、使用矢量图形和流式播放技术使用全新的矢量图形。与位图图形不同的是，矢量图可以任意缩放尺寸而不影响图形的质量和大小；通过使用关键帧和图符使得所生成的动画文（.swf）文件非常小，便于网上应用，几k字节的动画文件已经可以实现许多另人心动的动画效果！用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间内就得意播放。矢量图和位图最大的区别就是矢量图形采用数学运算记录的。而位图是记录像素点的位置与颜色来定义的。图的大小越大文件就越大！2、流式播放技术。流式播放技术可以使得动画边播放边下载，从而缓解了网页浏览者焦急等待的情绪。打个简单的比喻，当你在一个上午要用完一桶水你不用等一桶全部到你手中才能用。你可以打开水龙头让它一个上午流出一桶水。这样就能实现一边流一边用的效果了。3、多媒体特性把音乐，动画，生效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画（电影）效果。4、易学、通用、强大强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTIONHE和FSCOMMAND可以实现交互性，使flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接潜入网页的任意位置，非常方便。超过99%的浏览器都装有flash插件，不必担心兼容性问题。1.2 Flash网站技术的现状分析从2001年以来，大部分FLASH常规业务（如FLASH网站片头，FLASH演示动画，FLASH网站，FLASH广告，等）利润开始下滑。下滑的原因如下： 首先，大量从业者、设计公司、工作组继续涌入市场趋向饱和的设计FLASH的行业，对于客户来说也增加了选择余地，大副增加了竞争压力。后进入市场的经营者为了瓜分现有利益，由于技术上不占有足够优势而采取价格竞争，而国内FLASH的制作成本几乎完全是劳动力，从业者劳动力成本估算不清，这样降价底线也就非常模糊。最终导致了FLASH业务的价格下跌难以控制，FLASH片头从最初的过万元制作一个降到目前的几百元一个。当然质量也必然下降很多。 其次，客户在价格下跌过程对FLASH价格定位失去原有标准。客户总想要少花钱购买更多的更好的东西的心理。当面对一些经营能力比较差的工作队伍的时候往往能够在对于报酬的谈判中获胜。这就促使了FLASH产品价格在客户心目中的实际价格进一步下跌3。 在利润下滑的客观现实下，面临巨大竞争压力的时候不同的从业者(包括创作个人、团体和公司)会各自根据需要采取不同的措施，也产生了多种不同的效果。大多数非垄断性行业的利润总会趋向与平均，最开始进入的人也许可以获得非常巨大的利益，而当进入的人越来越多，那么利润也就开始逐渐平分。渐渐会接近一条水平线，一些经营不善的则会出现亏损。而在行业利润已经趋向于平均的时候，首先采取技术革新的人，就会获得相对较高的利润。高与平均线的利润会引起其他的同行仿效，当大部分经营者陆续进行技术革新时，利润逐渐的再次平分，为了获得高于平均线的利润，又会激发新一轮继续技术革新。这是符合利润规律的。 FLASH常规业务的市场现阶段正出于一个调整阶段，而并非所谓的消亡。1.3 运动地板的现状分析目前国际、国内比赛中已经开始采用 PVC 塑胶运动地板（不是人造革）替代大部分传统材料铺装体育馆地面2008北京奥运会球类比赛场馆几乎全部铺的是pvc塑胶运动地板，刚刚闭幕的北京奥运会，更大大强化了普通百姓的体育运动意识。同时对于运动场地的要求也必然越来越高在以后专业 PVC 塑胶运动地板必将会成为运动市场的主流，根据市场调查数据分析，目前国内运动场馆及各单位活动室的专业 PVC 塑胶运动地板占有率只有百分之几，所以市场潜力非常大。PVC 塑胶运动地板（不是人造革、也不是塑料泡沫）适用于家庭健身房、居家练功房、室内乒乓球馆、羽毛球馆、篮球馆等场所，家装用量较少，没有太多引起消费者的关注。以前能生产这类材料的国家原来集中在欧洲、日本、韩国，以法国为最。国内生产专用运动地板的厂家很少，至于能生产制造出与国际水平接轨的运动地板的厂家更是凤毛麟角。然而我国的Enyoo（恩宇）牌pvc塑胶运动地板经过长时间的研发终于获得了突破性的成功 .作为业内中高档品牌中的佼佼者，在很多关键性技术指标都已经达到或超过国际先进水平。 所以PVC塑胶运动地板在中国不再是个缺口。我国对运动地板的设计、生产以及质监、销售等方面均缺乏系统、综合的国家标准，在缺乏统一、系统的国家标准的情况下，企业各自为政，开展行业管理十分困难。不过，尽管问题还很多，但随着人们对身体健康的重视程度越来越高，其巨大商机也在凸显4。1.4 基于Flash运动地板和HTML网站的比较Flash之所以那么受欢迎其主要原因是视觉效果比较强。任何一个纯flash网站最吸引人的地方便是从视觉上给人以动感、使看起来不像html网站那么死板、那么单调。任何的语言和产品成功与否取决于商业应用的普及率，FLASH的普及率我就不说了，大家都知道，除非你玩的是命令行或服务器否则基本上都有，这点比HTML有很大的优势。我们知道随着社会的发展，人们的需求，对产品的要求也越来越有所提升。其商家为了满足人们的需求，其网络对外形象的推广，网站视觉都非常棒，可以说花了很多心思在上面，其实就是一个纯FLASH网站。此类网站的确非常的酷，非常的棒，那么我们的运动地板网站是不是也以应该往这方面发展呢？那对于FLASH网站，其有什么优点呢？首先，肯定的就是只要你有灵感、创意，做出来的东西就会酷，帅，更具活力，随意性大。其次，因为其动画的特性，配合AS程序，打破了让人习惯了静止的网页页面的格局，让人眼前一亮。再次，如果与传统网站比较，Flash用做推广品牌形象网站以及品牌延升的新产品展示、宣传，您将会获得更多、更好的效果以及经济收益。Flash有很多优点但同样也存在缺点。Flash的缺点在于：首先是带宽与下载时间的限制，用Flash技术设计的网站，占用大量的宽带空间，下载速度很慢。一定记住：并不是所有用户都利用宽带上网。其次可用性限制，用老版本Flash设计的网站，后退键没有作用：点击后退键会使你退出Flash网站，而不是 返回上一层网页。同时，链接以及非链接的标准颜色会发生改变，并且用户须控制需要利用的文本尺寸。而且，Flash 经常带来网站交互问题。由于Flash支持类似于电视的呈现模式方法，所以用户经常作为观赏者出现。不管画面多么精美，过一段时间，用户就会对内容产生厌烦。最后还有就是搜索引擎的限制，尽管像Google这样的大型搜索引擎，现在具备了对Flash做索引的能力，但搜索内容仍然非常有限，所以Flash网站不会在搜索引擎中获得好的排名。纯FLASH网站有优点也有缺点，就看我们怎么样去处理好这层关系，例如为什么有些公司的网站会有HTML版和FLASH版，目的就是如果你需要功能性的则进入HTML版，如果仅仅是看、浏览，那么FLASH站完全可以实现你的要求。归根结底的讲,纯FLASH网站是宣传型的网站,HTML的页面是功能型的!1.5 Flash网站设计的前景FLASH作为一个优秀的传播载体，由于把音乐、动画、声效及交互成功地融合为一体，已成为一种全新的文化传播方式。虽然有下滑的趋势，但是仍然具有较大的市场潜力。据Flash软件的制造商美国Macromedia公司统计，目前全球已有超过“三亿六千三百万”的用户安装了Flash Player，（Flash软件播放器）他们可以即时观看最新的Flash内容。而在我国，每天至少有15万人在下载着各种Flash动画，并将它们广泛传播。而且FLASH也被预装在Windows98和WindowXP机算机中、 NetscapeNavigator浏览器、苹果机等。 FLASH最大的优势是一个非常优秀的传播载体，已经使的不少公司获得了巨大的成功。我们所熟悉“流氓兔”(MashiMaro)“Puccs”(炸酱面小女孩)等这些国外的优秀FLASH系列短片，国内最有代表性的是SHOWGOOD的大话三国。 国产FLASH系列动画的领头羊SHOWGOOD，做出了一系列具有独创性和娱乐性的优秀原创FLASH动画的队伍。其中网络电影大话三国更取得各媒界争相报道，好评如潮。同时还开始为一些知名的品牌(如YAHOO、世界杯)设计动画短片。他们还跟ISP进行合作，拨打某个固定的号码上网的用户即便可以更快的看到新的SHOWGOOD动画，ISP服务的竞争力增强了，自身也获得了利益。紧接着他们也会配合生产部分周遍产品，毛绒玩具，小礼品等5。FLASH制作的跨媒体应用，目前已经有不少电视节目中使用到了FLASH制作的动画，并且业界不少使FLASH更多的应用到传统媒体的尝试。同时利用FLASH制作教学课件也越来越广泛。 随着FLASH MX 的推出，相应的高版本FLASH 播放器 “Flash player 6” 增强了跨媒体的引用可能。在Flash软件的制造商美国Macromedia公司对FLASH MX 以及其相应版本的FLASH PLAYER 6的介绍资料中可以发现，FLASH所制作的产品将有可能在电视、手机、掌上电脑，甚至其他智能家用电器上。这将给FLASH 的应用带来更大的突破。这将给FLASH 的应用带来更大的突破。综合上述，FLASH是高效的转播载体，同时加上它不断增强的开发潜力，跨媒体应用的可能，这样就会促使一些优秀的新产品，这里尤其看好的是在移动设备上的应用，比如使用FLASH制作用于手机（或掌上电脑）上的游戏，使购买一部手机的用户可以不断更换他手机中的游戏，这样会吸引大量的年轻购买力。（在手机 GAME方面日本已经有了非常好的成功先例）人们可以使用移动设备（包括手机，掌上电脑等）随时随地的观看喜爱的动画片。这些目前虽然还处于技术尝试阶段，但他启示了FLASH的良好前景。FLASH的优势综合起来更加使它具备强劲的实力能够更多的创造获利机会。2. 网站设计的需求分析2.1 网站设计的思路本网站是一个展示型网站，其主要目的就是向用户展示各种运动地板的性能和特征，让用户一看就一目了然。其主要包括以下几个栏目：首页、公司简介、产品介绍、安装保养、成功案例、在线论坛。首页主要展示了该企业的logo，以及该企业是2008年北京奥运会的合作伙伴，正因为是奥运会的合作伙伴使用户看了得以对该企业产生信任感，进而更多的选择我们的产品。公司简介主要通过选择理由、工厂概况、销售网络三个栏目来进一步对该公司进行介绍。产品介绍栏目主要对不同类型的运动地板进行了简介。主要包括四个栏目：乒乓球运动地板、篮球运动地板、羽毛球运动地板、健身房运动地板。这四个栏目采用的是同样的模板，分别对这几种类型的地板进行了图面剖析，并用文字形式对每种地板的特性进行了描述。另外还有各种地板的具体图例展示。安装保养包括安装方式、焊接方法、保养知识三个栏目。成功案例包括客户列表和图形展示。在线论坛主要是用来让用户留下自己宝贵的意见，该栏目用到了asp技术和SQL server数据库的链接，这就是所谓的后台链接。2.2 网站设计的标志 本网站的标志就是一个转动的立体图形。这主要是出于让浏览者一目了然本网站的设计目的，同时也突出了flash的动态效果。这个图标即复合本网站的设计目的又能够起到画蛇点睛的目的。所以，对于这个标志还可以称得上是合适的。如下图21所示 图2-12.3 网站设计的色彩和风格以灰色为主色调，采用简单大方而又不脱俗的风格。虽然采用的是冷色调但给人以干净利落的视觉效果。我们都知道在艺术设计过程中，任何一种网页颜色都能表达出某种意境，在制作网页的时候一定要充分考虑网页的色彩搭配，这样才能制作出符合内容的网页，做到美观大方，色彩和谐，给访问者身心愉悦的视觉感受。我们本着这些设计理念的同时又根据自己的个性量身订做出了自己网站的色彩模式与风格。我们主要以灰色为主色调，灰色给人的感觉是暗淡无光的，为什么我们的网站还愿意用灰色作为主色调呢？因为运动地板就是要简单的色彩，不需要花红柳绿的颜色，那样会影响人的心情。灰色和黑色结合使用，正和我们的运动地板网站柔和的结合在一起，与运动相协调。我们履行简单大方的风格来创造我们的网站，让来方者觉得和平而又不俗，让网页尽可能的平淡而又没有乱的感觉，尽管有动画在运动也不会觉得没有头绪。在复合一定出场规律的同时又展现出我们设计的风格6。 2.4 网站设计的版面布局本网站采用了上下和左右混合型结构来布局。即主栏目采用上下型的版面布局，而下面的每个子栏目又都采用了左右型的版面布局。在版面布局这一块中，我们首先让首页中的导航条经上下结构出现，这种页面结构的特点就是导航位于网页上部，而在中下部显示网页主体内容，这是一种很普遍的用法，而在子页面中，我们又采用左右型，这种页面结构一般是导航在页面左侧，而中间部分显示网页主体内容，这种结构比较符合人们的浏览习惯。所以我们这个网站是以混合型来构造的。这样即美观又符合人们阅览的视觉效果，也给网站增加了不少色彩。2.5 网站设计流程图 流程图如2-2所示： 主页首页公司简介产品介绍成功案例安装保养在线论坛选择理由公司介绍工厂概况销售网络乒乓球运动地板篮球运动地板羽毛球运动地板健身房运动地板客户列表案例展示安装方式保养知识焊接方法图2-23. Flash网站开发环境与相关技术3.1 网站开发环境本节简单介绍Flash 开发环境的一些知识.熟话说工欲善其事必先利其器,在flash开发之前首先要介绍一下Flash的开发环境。目前的flash制作中，除了基于时间轴的动画外，使用as脚本开发的应用越来越多。开发基于时间轴的flash的理想工具当然是Adobe的Flash系列，包括Flash 8，Flash MX2004，Flash CS3，Flash CS4等。其中除了CS3和CS4外，其他的版本均不支持AS3，因此，想要使用AS3开发flash应用，必须使用CS3以上版本。具体的如何使用CS3开发基于时间轴的flash动画在此不介绍，网上有很多的教程。而且Flash CS3自身的帮助文档中介绍的很清楚了。在此简单介绍一下使用AS3脚本开发Flash应用的几个IDE。Flash cs3/cs4 是不错的flash工具。但笔者认为不论Flash cs3还是Flash CS4，在单纯的AS脚本编写方面，与其他语言的开发工具(如Eclipse、Netbeans等)相比，仍然存在不小的差距。Flash cs3不支持代码重构，代码定位等功能，在编写代码方面不是十分方便。但是Flah CS3/CS4对时间轴动画的支持是其他纯AS工具无法比拟的。Flash是一个用于创作的工具。无论是制作简单的小动画还是复杂的交互Web应用程序（如网上购物商城），它使读者可以随意创建任何作品。如果再加上图片、声音和视频，那么做出的Flash应用程序会更加丰富多彩，诸如MTV、语言课件等等。Flash包含了许多功能，如拖放用户界面组件、给文档添加动作脚本从而添加行为，甚至可以添加到对象的特殊效果这些功能令Flash成为功能强大且易于使用的一种工具软件。在Flash中编辑创作时，是在Flash的源文档中工作，即保存时文件扩展名为.fla的文件；在发布时，会同时创建一个扩展名为.swf的文件，这个文件将在Flash Player中运行。在默认情况下，运行.swf应用程序的Macromedia Flash Player会随Flash一起安装。Flash Player确保可以在各种平台、浏览器上以统一的方式来查看和使用所有的SWF内容4。3.2 网站开发相关技术 在Flash基本动画制作中，主要有关键帧动画和遮罩动画的制作。关键帧动画是一种比较原始的制作动画的方法。它采用的原理实际上就是传统的动画片制作原理，先把动画中的分解动作一帧一帧地制作出来，然后再把它们连续播放，利用人们视觉停留效果，就会形成连续播放的动画了。在Flash中制作关键帧动画有两种方式，一种就是在Flash中逐帧逐帧地制作分解动作，另一种方法是导入在其他绘图软件中制作出来的分解动作的连续文件。打个比方，一个图层就像一张透明的纸张，透过上面的图层可以清晰地看到下面的图层。但是遮罩图层则不同，它就像不透明的纸张一样，将下面的被遮罩层遮住，被遮罩层若要能够显示，必须在上面的遮罩图层上挖一个洞，通过这个洞才能看清楚下面的图形。遮罩图层只对它下面的被遮罩图层起作用。利用遮罩层可以实现水中倒影和波浪文字等效果。当遮罩层作用于某个普通层时，普通层上内容就会透过遮罩层上有内容的部分显示出来。将多个层结合到一个遮罩层，可以创建出很复杂的效果。除此之外，用户还可以为遮罩层制作移动的行为，以实现看到的普通层上的物体动起来的效果。遮罩层可以将和它结合在一起的普通层上面的内容隐藏起来，只有遮罩层上有内容的地方才会显示普通层上的内容。应用Flash动作脚本语言编写动作脚本，可以创建具有高度交互性的动画。要创作复杂的交互动画，需要掌握本章介绍的高级技术，包括控制动画播放、建立自定义光标、获取鼠标位置、捕获按键、建立滚动文本框、设置颜色值、建立声音控制、检测碰撞和创建画线工具等。本章后面还通过一个实例，介绍这些技术的综合应用。交互动画可以与用户互动。用户可以使用键盘、鼠标或二者操作，中转到动画的不同部分，移动对象、输入信息、单击按钮、以及执行其它交互操作。通过编写在指定事件发生时执行的一些动作脚本，可以创建交互动画。当播放头到达某帧时，当影片剪辑载入或卸载时，或者当用户单击一个按钮或按下键盘上的按键时，触发动作脚本的事件将发生，动作脚本将告诉Flash当特定的事件发生时要执行什么动作。要创作出具有高度交互性的动画，需要用到一些高级技术。3.3 ActionScript相关知识 Action Script简称为AS，是Flash产品平台的脚本解释语言。该语言可以实现Flash中内容与内容，内容与用户之间的交互。AS的解释工作由Action Virtual Machine(AVM)来解释，AVM可以称之为AS虚拟机，类似于JVM，AVM是Flash Player播放器中的一部分。AS语句要想起作用是要通过Flash创作工具或Flex服务器将其编译生成2进制代码格式方可，而编译过的2进制代码格式将成为SWF文件中的一部分，被Flash播放器执行。AS1.0起源于ECMAScript标准，由于ECMA的语法的兼容性和Flash Player播放器的大渲染引擎的需要，AS可以称之为是语法来源于ECMAScript。 说到AS不得不说Flash4的AS集合，它曾经让Flash4兼容格式的内容变化多端。但是从一定程度上，Flash4的AS不能称之为成熟的并且为开发者所承认的脚本语言集合。它的语法方式完全不同于ECMAScript。虽然我们可以在Flash5的时代可以向它添加一些ECMA效仿的语句上去，但是AS在Flash4中是完全于ECMAScript标准相左的。现在Flash4的AS仍然可以被应用在Flash Lite1.1的内容之上。 AS1.0是从Flash5的时代诞生的，这时的版本就已经具备了ECMAScript标准的语法格式和语义解释。尽管后来的Flash Player5/6的播放器版本(Build)的一再更新，使得越来越多的ECMA语法和语义被纳入到AS1.0的API当中去，但是核心语言的编译处理及表现方式都是延续了Flash5的AS1.0的标准。甚至于到后来的Flash7，对于AS1.0的核心解释机制，仍然与Flash Player5有着很多相同之处。AS2.0是在MX时代被慢慢引入的，而在MX 2004版本被开发者全面采纳。AS2.0的运行则是完全在Flash Player6以上的版本中才具备的机制。 AS3.0的规范已经出来了，而AS3.0也是未来Flash开发脚本的核心。AS3的播放器只有从Flash Player 8.5以上版本开始支持，也就是我们现在用到的Flex 2.0 Beta才可以对AS3进行编译的工作。AS3有着很多不同之处，它将全面支持ECMA4的语言标准，意味着AS3将具有ECMAScript中的Package/命名空间namespace等多项AS2不具备的特点。AS3将全面支持E4X，也就是支持ECMAScrpit for XML的标准。AS3将采用全新的AVM来进行解释，与AS1/2的AVM将完全不同。此外AS3的编译器也是完全和AS2的编译器有所不同。此外，AS3的API将更加直观，会去除很多容易让人混淆的部分，添加对ECMA全面的兼容性，目的就是让基于AS3的内容更加快速与强壮。 有了ActionScript，就可以通过设置动作来创建交互动画。动作就是指用ActionScript（动作脚本）编写的、当特定事件发生时执行的一组指令。触发动作的事件可以是播放头到达某帧，或用户单击一个按钮，或用户按下键盘上的键。在Flash中，可以使用Actions面板为按钮、影片剪辑或帧设置动作。使用Normal Mode(标准模式)动作面板上的控件，无需编写任何动作脚本就可以插入动作。如果已经熟悉ActionScript，也可以使用Export Mode(专家模式)动作面板编写自己的脚本。指令的形式可以是一个动作（如指令动画停止播放），也可以是一系列动作（如首先计算条件，然后执行一个动作）。很多动作的设置只要求读者具有少量的编程经验，而其他一些动作的应用则要求比较熟悉编程语言，用于高级开发。ActionScript中的对象可以包含数据或作为影片剪辑以图像形式出现的编辑区中。所有的影片剪辑都是预定义类MovieClip的实例。每个影片剪辑实例均包含MovieClip类的所有属性和所有方法。在面向对象的脚本编写中，依据指定的顺序，类可以相互接收属性和方法，这称为继承。利用继承可以扩展或重定义一个类的属性和方法。从其他类继承而来的类称为子类，传递属性和方法到另一个类的类称为父类。一个类可以是子类，也可以是父类。4. 基于Flash恩宇运动地板网站的基本设计4.1 网站结构设计 在网站结构设计中，我们主要是调整了各个对象的透明度，成渐变色有视觉的过度效果，给用户以柔和的感觉。首先出现的图片就突出了我们的主色调，然后让“恩宇”二字以渐隐的效果过度出现，突出公司的名字。最后才出现banner和logo以及首页面。给用户一目了然的视觉感。 在我们的网站结构中，我们让logo在首页面banner右上端不停地转动，它会随用户的鼠标移动的方向而加速或减速。在结构设计这一块中应用了帧动画和大量代码的结合，正是由于代码的加入才使的很多动态效果得以实现。4.2 首页面banner设计 恩宇运动地板网站的banner主要使用了影片剪辑元件和文字特效软件。使用影片剪辑元件制作的banner使背景有动态的效果，给人以流星划过的美感，多而不乱。把动态的背景和有特效的文字结合起来就是完美的结合。5. 网站效果的实现5.1 产品介绍区的制作5.1.1 产品介绍区按钮的制作当点击首页中的“产品介绍”会联接到带有四个缓动按钮的子页面。产品介绍区中的按钮不仅是以缓动效果出现的，而且当点击不同的按钮会联接到下一级子页面。四个缓动按钮如图5-1图5-1四个按钮的制作过程如下：1)新建四个图形元间分别为text1（乒乓球运动地板）、text2（篮球运动地板）、text3（羽毛球运动地板）、text4（健身房运动地板）。2)新建一个名为sprite4的影片剪辑，第一帧放text1，第二帧放text2，第三帧放text3，第四帧放text4。 3)再新建几个影片剪辑分别为：sprite3、sprite2、sprite5，其中sprite5的图层2的前四帧放的图形分别为：shape6、shape5、shape4、shape3。图层1的第一帧动作面板中加有动作: gotoAndStop(this._parent._name);4)再新建一个影片剪辑sprite6，其中图层1放sprite4；其中图层2放sprite3；其中图层3放sprite2（遮罩层）；其中图层4放sprite5（被遮罩层）；其中图层5放sprite2。如图5-2图 5-2 5)最后把影片剪辑sprite6分别放在场景中的四个不同层中，它们的具体缓动是通过如下代码实现的：stop();my = 乒乓球.swf, 篮球.swf, 羽毛球.swf, 健身房.swf;numOfMenu =4;speed = 6;def = 60;max = 140;min = 40;mc.loadMovie(乒乓球.swf);this1.line._visible = 0;for (i = 1; i = numOfMenu; i+)thisi.bg.inner._yscale = def;thisi.mainText.gotoAndStop(i);thisi.on Rollover = function ()over = this._name;thisi.onRollOut = thisi.onDragOut = function ()over = 0;thisi.onRelease = function ()mc.loadMovie(mythis._name - 1, frameNamethis._name - 1);this.onEnterFrame = function ()var _loc1 = this;for (i = 1; i 1)_loc1i._y = _loc1i - 1._y + _loc1i - 1.bg.inner._yscale;if (over = 0 | over = undefined)_loc1i.bg.inner._yscale = _loc1i.bg.inner._yscale + (def - _loc1i.bg.inner._yscale) / speed;_loc1i.prevFrame();else if (i = over)_loc1i.nextFrame();_loc1i.bg.inner._yscale = _loc1i.bg.inner._yscale + (max - _loc1i.bg.inner._yscale) / speed;else_loc1i.bg.inner._yscale = _loc1i.bg.inner._yscale + (min - _loc1i.bg.inner._yscale) / speed;_loc1i.prevFrame();_loc1 i.mask._yscale = _loc1i.bg.inner._yscale; 6)当点击其中的一个按钮（如篮球运动地板）：如图5-3图 5-35.1.2 产品介绍区中子栏目的制作 在产品介绍区中的四个子栏目分别是用flash制作的四个独立文件。生成的.swf文件分别为：乒乓.swf、篮球.swf、羽毛球.swf健身房.swf。这四个栏目布局相同，从左到右一次为：剖析图、产品描述、展示图。其中剖析图的制作运用了大量的遮罩层和补间动画。产品描述运用了大量的按钮和遮罩。另外还运用了影片剪辑及调整渐变色才使各个子栏目得以实现更多的功能和视觉效果。5.2 在线论坛的制作5.2.1 asp技术的简介Active Server Pages（ASP，活动服务器页面）就是一个编程环境，在其中，可以混合使用HTML、脚本语言以及组件来创建服务器端功能强大的Internet应用程序。如果你以前创建过一个站点，其中混合了HTML、脚本语言以及组件，你就可以在其中加入ASP程序代码。通过在HTML页面中加入脚本命令，你可以创建一个HTML用户界面，并且，还可以通过使用组件包含一些商业逻辑规则。组件可以被脚本程序调用，也可以由其他的组件调用。当在Web站点中融入ASP功能后，将发生以下事情：1、用户调出站点内容，默认页面的扩展名是.asp。2、浏览器从服务器上请求ASP文件。3、服务器端脚本开始运行ASP。4、ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。5、页面信息发送到浏览器。ASP的内置对象Request 从客户端取得信息。Response将信息发送客户端。Server提供Web服务器的一些组件。Session 储存一个Session会话过程中的用户信息，它仅可被该用户访问Application 在一个ASP应用程序中可以给不同客户端共享的信息。5.2.2 flash和asp技术的交互实现Web数据库的应用一般有两种方法：一种是Web服务器端提供中间件，连接Web服务器与数据库服务器；另一种是把应用程序下载到客户端直接访问数据库。最常用的中间件技术有通用网关接口(CGI)和应用程序编程接口(API)两种。CGI程序存在效率低、速度慢等缺点；而API很大程度上克服了 CGI的缺点，但其兼容性差，开发难度大也让许多开发人员望而却步。客户端访问数据库主要包括javascript和数据库连接器(IDC)等。用 javascript和IDC开发Web数据库虽然简单，但也存在功能有限、不能完全控制其过程等缺点，所以它们也无法胜任较复杂的Web数据库的开发。微软推出的ASP方案很好地解决了这些难题6。 在flash和asp技术的交互的过程中是不能脱离数据库的，要先在数据库中附加所用到的数据库（db_BBS_Data.MDF），然后设置安全性和登录名。这些工作都做好后当点击flash前台的“在线论坛”按钮时弹出在线论坛的对话框。在架设好服务器和数据库后在“在线论坛“按钮的动作面板中输入如下代码：on(press) getURL(http:/localhost/Index.aspx);该图中包括了“请先登录”、“注册”、“忘记密码”、“搜索”、“帮助”当有新用户注册或老用户登录时，就会把用户的信息提交给数据库来进行身份的验证。如果验证信息正确，则用户可以进入论坛发表自己的意见，否则就会提示错误信息，如密码不正确。如果是新用户则必须先注册然后登陆方可使用。 6. 各个栏目的链接6.1 链接的主要技术FLASH与“超级链接”的联系是必不可少的了，下面对FLASH中一个常用且非重要的一个ACTION函数getURL（ ）做一个总结。 首先getURL触发的方式主要有两种： 1. 观众被动链接方式 在动画时间线上的某一贞上添加getURL指令，动画播到这一贞时自动链接getURL参数指定的页面地址。2. 观众主动链接方式 在场景中的某一个按钮上添加getURL指令，按钮被触时，动画链接到getURL数指定的页面地址。 它在ACTION面板中的位置：FLASH5.0中：ACTIONSgetURLFLASH MX中：ACTIONSBrowser/NetworkgetURL 语法形式：getURL(url,window,variables); 参数说明： 1. url参数：url用来获得文档的统一定位资源。注意填写的时候要书写可以在I地址栏里直接书写，但在这里，我们必须写成才可以，当然FTP地址、CGI脚本也都可以作为其参数。以上是绝对地址，它完整书写了统一定位资源。其实这里也可以使用相对地址：如果SWF与要打开的资源属于同一目录下，可直接书写要打开的文件名及后缀。如getURL(aaa.swf);如果资源在下一层目录，就以/开头，如getURL(/aaa.swf);如果资源在上层目录，就以./开头，如gerURL(./aaa.swf);以上说的目录是指SWF文件存放的目录为基准。 2. windows参数：设置所要访问链接的网页窗口打开方式。可自己输入贞或窗名称（配合Dreamweave里框架的设置）。也可以通过下拉列表选择：_self:在当前的浏览器打开链接。_blank:在新窗口打开网页。_parent:在