1、计算机信息管理毕业论文Newly compiled on November 23, 2020计算机信息管理毕业论文北京联合大学继续教育学院毕业论文题目 班级展示平台的设计与实现 专科学校 北京联合大学继续教育学院 专业 计算机信息管理 考生姓名 刘伟 准考证号 指导老师 蒋春梅 2016年4月29日摘 要Flash是一种创作工具，可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash特别适用于创建关于Internet的内容，因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点的。而
2、全Flash网站具备普通网站所不具备的视觉冲击力和互动体验。所以全Flash网站比较生动，其互动性能是普通网站无法相比的。本文完整的阐述了如何制作一个Flash网站，并且怎样利用XML实现txt，mp3和jpg文件在web页面的动态交互加载以及不同页面间的切换，信息的编辑与发送以及Action Script代码控制等。关键词：Flash XML Action Script 作 者：刘伟指导老师：蒋春梅 AbstractFlash is a kind of creation tools, can use it to create demonstration draft, the applicat
3、ion and the other allows users to interactive content. Flash can contain simple animation, video content, complex demo application, and in-between manuscripts and between them of any content. Flash particularly applicable to create the content on Internet, because of it of file is very small. Flash
4、is through the extensive use of vector graphics do it. And the whole Flash web site with ordinary doesnt have visual impact and interactive experience. So the all Flash web more vivid, its interactive performance is ordinary web site that cannot be compared. This paper expounds how to make complete
5、a Flash web, and how to use XML realize TXT, mp3 and JPG file in web pages load and the dynamic interaction between different page switch, editor of information and send and Action Script code control, etc.Keywords: Flash XML ActionScript The make: Liu Wei 前 言数字媒体时代的到来，使人们不在满足于简单直接的信息传达，人们渴望在接受信息的同时
6、能够带来一种视觉享受。Flash能让浏览者在轻松、有趣的视觉感受中，以最短的时间了解信息内容。Flash是目前在网络应用中最好的多媒体动画，强烈的视觉冲击力给浏览者带来全新的感受，更易留下深刻的印象，能够极好的达到理想的宣传效果。综合起来说，Flash网站是一种艺术与技术相结合产物。Flash网站是以艺术介入技术层面来达到视觉推广的目的，这样的好处是能够更好的针对目标人群，把信息以艺术效果的形式体现出来。本课题是利用Flash的Adobe Flash Professional版本进行一个班级网站的制作，由于本人知识的有限，时间的仓促，以及客观条件的限制，网站的规模不会很大。该Flash网站主要
7、是一个以班级活动时候的照片，以及一些对于班级生活的文字的描述和同学介绍的一个班级网站。每个人都有那么段属于自己的学生生涯，对于大学生涯，美好的回忆总是一幕幕出现在眼前。而一个小型的Flash网站，既能勾起我美好的大学回忆，也能在网站中找到一些大学班级生活中的点点滴滴，和同学们的深厚友谊。于是，我决定利用自己大学课余时间自己所学的知识，自己在指导老师的帮助下，和朋友合作制作这个小型的Flash网站。本次毕业设计制作完成的Flash网站共分为三个模块，分别为关于我们、照片和联系我们。本文共分为五章，第一章介绍了Flash软件开发背景以及课题的内容； 第二章介绍了本网站的开发平台及要使用的主要技术；
8、第三章对网站进行了规划和简单的介绍；第四章是网站的具体实现，并描述一些关键性技术；第五章主要介绍网站的发布；第六章是对整个过程的总结，讲述心得与感想。第一章 概 述 Flash网站背景早在上世纪八九十年代，凡是接触网页的人员，在他们的印象中所谓网站就是一些文字和图像的排版，文字和图片都可以做上相应的链接，并且可以点击。而如今，很大一部分人来说，这种现象仍然持续到现在，不过随着互联网网络带宽的不断增加以及如今Flash对互联网的影响力的不断增强，人们已经认可在HTML页面上加入一些Flash的元素。Flash元素的加入使得网络页面更加的生动形象，让人们更容易，更好的去接受。自从2000年以后，开
9、始不断涌现纯Flash网站，但人们对他的认识并不是很深，大部分人会认为纯Flash网站会影响访问的速度。所以在Flash发展初期和带宽有限的情况下确实存在这种现象，随着计算机网络的发展，传输速率加快，这一现状也将得到解决。而且，网站是人们了解一个企业的窗口，而现如今，更多的公司将自己的网站看作是在互联网上的销售平台，不仅让用户在这个平台上了解和感受公司的产品和文化，同时还能收集用户所反馈的信息，通过分析这些信息，企业才能及时调整策略以达到利润的最大化。而纯Flash网站恰好能满足这些企业的要求：它具有强有力的广告宣传、快速的传播速度、涉及的范围极广、丰富的媒体内容、体贴用户的流畅交互、以及跨平
10、台和小巧客户端的支持。目前，纯Flash网站正在形成一种趋势。 Flash网站所具备的优势Flash网站是以生动形象的动画和交互式操作，给每一位访问者带来一种切身体验的访问感受，使用者在浏览的过程中自然而然的融入到网站中。同时Flash已经具备了后端开发和数据显示的能力，可以完全胜任中小型网站的开发。从视觉展现效果来看，纯Flash 网站可以完成HTML网站不能制造出的质感和动作效果，特别是一流的动态视觉特效，能给人以震撼的视听冲击，同时配合高品质的页面设计，别具风格的配乐，纯Flash 网站会展现出无穷的魅力。现如今，计算机网络发展日新月异，互联网网络带宽不断提高，使得动画、音乐、电影的传输
11、瓶颈正在逐渐消失。在线实时收看高品质画面将成为现实，而这作为静态网页的优势将不再构成优势。在未来虽然纯Flash网站不可能代替静态网站，但Flash网站的优势却依旧是静态网站无法匹及的。 关于本课题学生时代是每一个人所共有的美好回忆，经常我们可以看到在毕业即将到来的时候，很多同学开始互相发同学录，给同学留言，合影留念，这些种种迹象表明，大家对自己的班级同学的感情不言而喻。而如今Flash网站的发展，使得人们对Flash网站的认知认可度越来越高。Flash网站相对于普通静态网站的优势特点越来越明显的显露出来。本课题即是用Flash来制作一个以班级回忆和介绍班级同学为主题的Flash网站。既要体现
12、出对学生时代的回忆，感情，渲染出当年的青涩氛围，同时也要借助Flash的优势，体现出很好的人机交互性，Flash的视觉，听觉多方面的冲击力。整个Flash网站中的大部分图片，音乐数据将由外部载入，而文字部分则建立在XML的基础上，由外部进行导入。 本论文所涉及内容本论文主要是将作者在制作本Flash网站中的一些技术层面上的问题一一写出来，介绍整个网站的结构布局，设计思路，最后写出作者自己的感触以及对帮助者的感谢。第二章 开发平台与所用技术 开发工具本网站的开发工具为Adobe Flash Professional 和 Adobe Photoshop CS4 Professional。 Adob
13、e Flash ProfessionalAdobe Flash（原称Macromedia Flash，简称Flash；前身FutureSplash），是 Macromedia公司（现在已被Adobe公司收购）所设计的一种二维动画。通常包括Macromedia Flash，用于设计和编辑Flash文档，以及Adobe Flash Player，用于播放Flash文档。 Adobe Photoshop CS4 Professional Photoshop是Adobe公司旗下最为出名的图像处理软件之一。集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体。Photoshop的应用领域很广泛
14、，在图像、图形、文字、视频、出版各方面都有涉及。 所用技术 本网站实现除了大量应用了Flash对其主要框架以及效果的构造制作，以及Photoshop对网站图片的制作修改外，还使用了XML在Flash中的载入、读取和解析。当使用HTML显示数据时，数据将被存储在HTML中。通过XML，数据可以被单独储存在XML文件中。通过这种方法，你就可以一心一意地使用HTML对数据进行排版和显示，对基本数据的改变并不需要对HTML做出任何改变。通过使用XML，可以使用普通的文本文件储存数据。XML可以在文件或数据库中储存数据。应用软件可以从已存储的数据中储存、获取信息。一般的应用软件可以用于显示数据。第三章
15、网站规划 网站结构图Flash网站区别的普通的静态网站，所以在结构上小有所区别。但在在外观上，区别于大多数静态网站的规则布局。以独特的样式显示，这样可以使每一个游览者可以更好的去感受网站所要表达的信息。本网站的结构图如图3-1所示：图3-1 Flash网站的基本结构 网站内容本Flash网站共有3个Flash界面，主要内容有：关于我们、照片、联系我们这3个模块，整个网站的内容结构如图3-2所示图3-2 内容规划结构图 网站效果图图3-3为引导页面，游览者在欣赏完一段小动画后自动进入网站。该动画模仿鼠标点击的样式，从一开始就给浏览者了一种视觉的冲击，这样可以使浏览者对接下浏览产生很强的兴趣。图3
16、-3 引导页面图3-4为主页面。该页面以一个相册的形式呈现在浏览者的面前，不同于以往普通的静态网站的格调布局，这种新鲜感的创新，不仅呈现了网站所要表达的主题，也将Flash网站的视觉冲击展露无遗。而且，此时再配以背景音乐的渲染，使得效果更加完美。图3-4 主页面图 3-5 关于我们页面，照片固然直观，但是，却比不上文字的细腻，所以，在介绍班级同学的这一块，作者选择了使用文字来进行表达，浏览者在浏览的时候，可以拖动文字旁边的滚动条来浏览相关的内容。图3-5 关于我们页面图3-6为相册页面，前面也说到了，照片总是给人以最直观的感受，所以，除了主页面上的照片的外，这里是一个照片的详细查看。浏览者不仅
17、可以点击主页面上的照片进入到相应的照片内容，也可以进入相册模块，来进行照片的浏览。图3-6 照片页面图3-7 为联系我们页面，一个网站，必须要有一个联系的方式，这样既有利于网站今后的维护与发展，也有利于了解浏览者的建议以及意见。本Flash网站的联系模块是让浏览者输入浏览者的相关联系方式和对网站的建议意见，或其他留言，然后通过发送到作者的邮箱来实现的。 图3-7 联系我们页面第四章 网站程序实现 整体设计本Flash网站的主题是对班级的回忆以及展示，介于Flash网站它不受限于传统静态网站的布局格式。本网站采取了一个以晾晒照片为主要背景的一种方式。设计新颖，浏览者可以在初次进入网站就有种眼前一
18、亮的感觉。而照片总是可以给人以最直观的感受，再辅以背景音乐，可以使浏览者切身体会到作者班级的氛围，仿佛置身于当年的学生时代。这种设计将本网站所要表达的信息可以很好的表达出来。当然了，在直观的照片给予浏览者一定的了解后，文字部分可以让浏览者了解更多有关作者班级的信息。最后的一个联系途径，可以让浏览者留下自己的联系发与作者的邮箱，便于今后的交流。 网站设计 引导页设计引导页的作用：Flash动画能带来视觉的冲击！本网站的引导动画实为一个逐帧动画，模仿鼠标点击，打开网页的效果！。大致的设计步骤如下：1.新建Flash文档，命名为。2.创建766 750的背景，将背景图片（）导入到库中，将图片放与舞台
19、中央。3.新建一个图层，命名为mouse，制作一个鼠标的样子和鼠标经过的时候残影的图样，在第28帧和第87帧间每一帧定义为关键帧，在此区间定义鼠标从背景右下角移动至中间的每一个位置。在每一帧做相应的设计即可。 导航的设计导航的作用：一个网站必须需要一个导航条，这样才能方便浏览者去查看想查看的内容，Flash网站虽然在外观形式上不拘一格，但是，依旧需要一个导航条。本Flash网站的导航条为一个逐帧动画，三个导航按钮，依次出来。每个按钮分配有鼠标交互功能，即点击，并放开鼠标后，出现的交互动画！点击后，要进入相应的页面，大致的设计步骤如下：1制作一个菜单的元件（menu2），里面分别添加三个按钮的图
20、层（item1、 item2、 item3），制作后如图4-1所示：图4-1 添加图层2 给这三个按钮分别写入相应的代码，这里以关于我们为例（图4-2）： (s1); 1.图4-3）图4-3 动态文本框abouttxt2.在文件夹根目录下创建xml文件命名为，并在影片剪辑关于我们2的图层2帧1上写下如下代码：activity = new XML (); (); = true; = function (success) if (success) var news:XMLNode = ; =0; =1000; 3打开，并设置动态文本框abouttxt的html里面的Text内容为文件中第一个节点的
21、内容。4.选中动态文本框abouttxt，然后打开组件面板，将窗口组件Interface里面的UIScrollBar组件（图4-5）拖动到动态文本框abouttxt上，然后调整UIScrollBar的位置即可。图4-5 UIScrollBar组件 XML外部载入实现XML外部导入的作用：对于一个网站，里面肯定有着许多的信息，无论图片还是文字，而对于，最好的数据处理就是xml，本Flash网站，也是利用xml数据格式。为了便于修改，用了txt文本装载。大致的设计步骤如下：1先编辑好xml树结构，如下所示： 2 数据处理部分（1）建立一个xml对象，并且忽视空白（即不将xml里的空格键当成数据加载
22、），下载帧1动作里面，具体代码如下所示：var photoxml = new XML(); = true;(); = function(done) if (done) dataset(); com = true; else trace(lost); ;（2）通过自定义 dataset()函数处理数据，本Flash网站的xml只采取一个层级，所以，只需用到一个for循环，即可将所有数据读取并且装载到相应的数组，相关代码如下：function dataset() listlen = ; trace(listlen); for (k=0; k=listlen; k+) if (k=7) phobox
23、k = listk.; else if (k = 8) trace(关于我们读取成功); aboutbox0 = list8.; trace(aboutbox0); aboutbox1 = list8.; aboutbox2 = list8.; else if (k = 9) trace(联系我们读取成功); contactbox0 = list9.; （3）onLoad 方法的功能。通过onLoad方法，侦听xml内容是否加载完毕，当加载完毕后，运行dataset()自定义函数并且处理数据。 相册的翻页设计相册的作用：本Flash网站介于是对班级的介绍，而照片是可以让浏览者最直观的了解信息的
24、途径之一，而且本Flash网站的就是以一个晒照片的外观作为背景，所以相册即是本Flash网站一个亮点之所在。本Flash网站相册一次显示4张照片，表现了Flash在交互动画方面的强大功能。本Flash网站相册大致设计过程如下：1 动画的制作和排版如图4-6所示：图4-6 相册影片剪辑时间轴这里面photo1到photo4为4个空白的电影剪辑，主要用来加载相片；分别命名为pics1，pics2，pics3，pics4；as层为代码层；3个masker 层，为遮罩动画。2 代码的控制（1）图片的加载););););别创建动动态文本框Username, Useremail, UserTel, Use
25、rmessage(图4-7)。图4-7 创建动态文本框2.然后创建重写按钮与发送按钮(图4-8)图4-8 创建重写按钮3.选中重写按钮然后写入代码，当重写按钮按下时，动态文本框中的text值都变为空，达到清空效果。所以在重写按钮中写下如下代码：on(press) =; =; =; =; 4.选中发送按钮然后写入代码（与重写安钮一样）当发送按钮按下时，动态文本框username的text值赋值给变量username, 动态文本框useemail的text值赋值给变量useremail, 动态文本框usetel的text值赋值给变量usertel, 动态文本框usemessage的text值赋值给
26、变量usermessage。然后将四个变量赋值给的四个参数。发送按钮的代码如下所示：on(press) username=; useremail=; usertel=; usermessage=; url=name= + username + &tel= + usertel + &email= + useremail + &message= + usermessage; getURL(url,_self); 5.在文件中，读取四个参数，然后通过Jmail组件，发送到指定邮箱中。 背景音乐的控制背景音乐的作用：Flash除了在视觉上给人以冲击之外，在听觉上也给人一种享受，本Flash网站为了给浏
27、览者渲染一种更好的氛围，特意设置了背景音乐。这样，浏览者在浏览网页的途中，不但可以感受到Flash带来的视觉体验，也能在听觉上，得到不一样的享受。当然了，所谓众口难调，本Flash网站就这人性化的特点，在背景音乐的控制上，制作了音乐的开关，歌曲的选择，尽最大程度的满足浏览者群体。背景音乐的大致设计步骤如下：1.初始化：首先在动画的第一帧建立声音对象，并加载声音，并播放，如下代码var mysound = new Sound();(bgsound/,true);();2.声音的控制：建立4个按钮和一个音频动画电影剪辑，如图4-9所示：图4-9 音乐开关和控制按钮其中关闭音乐按钮是停止声音的播放，
28、并且停止音频动画电影剪辑（命名为：equalizer）的播放，代码如下：on(release) gotoAndStop(2); =off; (2);1，2，3 这三个按钮，是切换声音的，代码如下所示：on (release) on (release) on (release) 进度条的实现进度条的作用：当网站的规模达到一定的时候，加载文件就需要一定的时间，所以，一个进度条，可以让网站在加载的时候有一个动画的显示，这样可以让浏览者有一个等待的过程，不至于离开浏览，所以，一个进度条的设置就显得尤其重要，下面是本Flash进度条的大致设计步骤：1制作一个进度条的外观动作如图4-10所示：图4-10
29、进度条的外观2.在影片剪辑preloader_main中填入如下代码：onClipEvent (load) total = ();onClipEvent (enterFrame) loaded = (); percent = int(loaded/total*100); text = percent+%; la文件中制作的，所以只需要发布一个文件即可。1.选择“文件”中的“发布设置”，如图5-1所示：图5-1 发布设置2发布以后，在发布的html文件中的添加一段代码，保证网页显示在屏幕中央，一些不需要显示的东西隐藏起来，具体代码如下：第六章 总结 个人总结本次毕业设计，也是我大学学习里面的最后一个“作业”。在老师和同学的帮助下，磕磕碰碰，跌跌撞撞的总算完成了。虽然Flash并不是我所擅长的，而且学校的课程中也没有这门课。但是，既然接下来了这个任务，就必须将它完成好。也许这次设计是我这四年以来最好的一个设计作品。我尽我所能，从网络，书籍中找寻如何制作Flash 的方法。我很用心地去学、去查、去问、去做、去写，这期间我获得了不小的进步，加深了对Fl
