《尘寰女杰》Flash网站设计与开发【毕业论文】.doc

1、.1.本科毕业设计(论文)( 届)论文题目 尘寰女杰Flash 网站设计与开发所在学院 计算机与信息学院 专业班级 计算机科学与技术 学生姓名 学号 指导教师 职称 完成日期 年 月 日.2.诚 信 声 明我声明，所呈交的毕业设计作品和论文是本人经过近四年的基础课程与专业课程学习的基础上，在指导老师的指导下，经过几个月集中的毕业设计学习、实践和努力工作所取得的成果。据本人查证，除了文中特别加以标注和致谢的地方外，设计作品和论文中不包含其他人已经发表或撰写过的研究成果。我承诺，设计作品和论文中的所有内容均真实、可信。学生签名： 签名日期： 年 月 日.3.论文目录摘 要 .20Abstract

2、.211 引言 .221.1 研究背景和系统可行性分析 .221.2 本文结构及组织安排 .232 尘寰女杰网站设计思路 .232.1 全 Flash 网站制作原理 .232.2 Flash 网站制作步骤 .232.2.1 全 flash 网站制作的一般步骤 .232.2.2 结合实际提出尘寰女杰网站的设计 .242.2.3 结合 设计及框架整理 .272.3 网站的设计和实现 .272.3.2 需要的附加软件 Photoshop 介绍 .272.3.2 前期准备 .292.3.3 脚本选定 .292.3.4 XML 数据运用 .293 cnvDing 即网站的设计 .303.1 Flash

3、和 AS 3.0.303.1.1 Flash CS 5.0 介绍 .303.1.2 ActionScript 3.0 面向对象的计算机语言 .313.2 附件制作 .323.2.1 文档类运用 .323.2.2 缓动包引入 .323.2.3 代码编辑 .33总 结 .38致 谢 .39参考文献 .41附录一：测 试报 告 .42附录一：作品说明 书 .43.4.摘 要尘寰女杰主要是运用 Flash 软件及其脚本语言 ActionScript3.0，同时结合使用 Photoshop、Dreamweaver 等软件开发的一个互动网站。该网站主要介绍中国历史上几位代表性的杰出女性，内容包括她们的生平

4、事迹、杰出贡献，以及对现今影视影像的影响。该网站是一个以教育为目的的资料类网站，通过 Flash 的生动具体展现，让人们对那些历史中的杰出女性有一个具象化的认识和理解。跨越时间和空间，把她们敢于奋斗，反抗封建专制的抗争精神传扬，让人们在普及知识的同时，调整健康向上的心态。关键词：尘寰女杰,中国历史,Flash 网站,资料类,教育.5.Abstract“Outstanding Women in Chinese History“is a simple interactive web site using Flash software development with ActionScript3.0

5、 scripting language combined with Photoshop, and made the Dreamweaver. Deeds of the life of several basis of the representation of women in Chinese history, film and television effects of literacy. Is an education for the purpose of information sites, in order to Flash itself is dynamic and interest

6、ing features to attract visitors, at the same time of universal knowledge to guide the healthy and positive state of mind.Keywords: Outstanding Women in Chinese History, a Flash site, Data class, education.6.1 引言Flash 作为主流的动态画面解决方案被广泛运用于各个领域，这一点在网络上更加显著。他以绚丽的视觉效果、小巧的体积、不用安装插件等优势迅速占领网络媒体的主要地位，尤其是强大的脚

7、本语言 ActionScript 的支持，使其比仅仅在视觉传达上，而且在应用上都有美好的开发前景。在计算机应用日益广泛的今天，计算机技术除了已经走进了我们日常的工作，生活外，也走进了我们的课堂教学中。多媒体教学课件不仅可以更加自然、逼真地表现多姿多彩的视听世界，使原本艰难的教学活动充满了魅力，还可以对宏观和微观事物进行模拟，对抽象、无形事物进行生动、直观的表现；对复杂过程进行简化再现，因此也提高了学生的学习兴趣。 多媒体、交互性、网络化是多媒体课件最基本的 3 个特性，多媒体教学方式打破了时间和空间的限制，且在多媒体方面，Flash 具备完善的媒体支持功能，它能导入图形图像、声音、视频、三维动

8、画等各种媒体。将教学内容与教学所涉及到的事物，通过声音、图像、动画等形式表现出来。使学生通过事物形、色、声的不变化和发展直接获取知识，感知世界，并且使许多抽象的概念形象化、具体化，更使教学有难有易，增加教学效果，提高教学效率，具体传统教学所不能比拟的优越性。 【1】作品说为 Flash 网站，实际上更多地是资料总结性的课件，具备了 Flash 课件的一切优点，在视听享受的同时，获取相关的资料。1.1 研究背景和系统可行性分析中国的历史不仅仅是男人的历史，即使是在男尊女卑的严酷背景下，仍然涌现出一批批的杰出女性，她们如同夜空中璀璨的星子，点缀了历史沉重却反复的深墨。选择这一课题，不仅是为了铭记，

9、也为了发扬，寻找自己的定位，将来为社会尽自己最大的努力。Flash 是 Macromedia 公司推出的一款非常优秀的矢量动画制作软件。它具有跨平台、高品质、体积小、可嵌入字体、声音和视频，以及强大的交互功能等特性，让不少网页设计师和动画制作者争先选择。选用 Flash 作为网站的主要开发工具，Flash 是美国著名的多媒体软件公司 Macromedia 开发的图形编辑和动画制作软件，主要用于网页的制作和网络应用程序的开发。在多媒体方面具有以下特点：（1）Flash 采用矢量图形技术，它的 SWF 动画文件非常小，因此 Flash 制作的多媒体课件非常适合在网络上播放。（2）Flash 支持多

10、种类型媒体的整合，特别是从 FlashMX2004 版本后，更是在多种媒体的支持上，功能强大。因此，用 Flash 能制作出的课件具有较强的多媒体性。（3）Flash 具备强大的交互实现功能。Flash 内置的脚本语言，功能强大，利用脚本语言，可.7.以设计出交互功能强大的多媒体课件。（4）使用其内置的脚本语言，可以很方便的调入外部文件，使 Flash 用于制作网站，具有较强的开放性。在众多的多媒体课件制作软件中，Flash 无疑是最耀眼的一个，它具有其他课件制作软件所不能比拟的综合设计性能。1.2 本文结构及组织安排本文的组织结构安排如下:第 1 章引言，阐述了本文的研究背景和意义及系统效果

11、实现的可行性；第 2 章介绍了网站的设计思路；第 3 章主要介绍了网站的场景设计；第 4 章中介绍了系统的开发工具，与 Flash 结合实现的效果；第 5 章为本人对本文完成的一些总结论述。2 尘寰女杰网站设计思路本章简单介绍了全 Flash 网站的制作思路和步骤，提出自己网站的构思和实现的可能。2.1 全 Flash 网站制作原理在实现全 flash 网站效果多种多样，但基本原理是相同的。既是将主场景作为一个“舞台” ，这个舞台提供标准的长宽比例和整个的版面结构， “演员”就是网站子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为“舞台”基础，基本保持自身的内容不变

12、，其他好像“演员”身份的子类内容根据需要被导人到主场景内。至于其他方面，全 flash 网站与一般的 flash 作品并无太大的差别。主要是需要考虑到网站制作方面的独有特性。比如考虑网站带宽和时常需要更新删改的因素。制作全 flash 网站应该多使用若干个小文件进行串联：经常性的导入action 脚本和跳转控制实现动画效果及其网站信息的超链接。这样，可以在需要载入该文件时再对其调用，更适合 Internet 的传播。同时避免了访问者因等待时间过长而放弃浏览。2.2 Flash 网站制作步骤2.2.1 全 flash 网站制作的一般步骤全 flash 网站的制作步骤很简单，主要是“搭起骨架，添肌

13、加肉” 。也就是说首先要对网站的结构进行规划，即网站栏目、内容分布等等，跟制作一般的网站类似，结构的规划必须合理、美观、宜用。虽然看起来这个步骤非常简单。但是确非常重要，因为一个网站的骨架如果不够健壮，那么外表再华丽，也会由于“先天不足”而成为失败的作品。所以要想把这个步骤做好也需下一番工夫的。其次。制作全 flash 网站应该重视对场景的布设。由于 flash 软件长于动画的制作。而短在文字的编排上。所以全 flash 网站比较适合做那些文字内容不太多，主要面向以平面、动画效果为主的应用。如：企业品牌推广、特定网上广告、艺术欣赏类展示、网络游戏、个性网站等。所以布设场景便显得非常重要。比如主

14、次场景的制作是否协调，场景之间的转换采用何种动态效果、场景与网站栏目之间的联系等等，都是需要认真思考的地方。而且由于全 flash 网站以图形、动画为主，如果.8.场景花里胡哨、动作设计杂乱无序。不能给人以美感，也就失去了以 flash 制作网站的意义。因此，全 flash 网站的制作对设计者的整体筹划能力和艺术欣赏水平是一大挑战。下一步是对网站素材的收集同制作一般网站并无差别。唯一注意的是收集素材时可以着意寻找一些能够突出动画效果的方式方法。以便增强所制作网站的感染力。如前文所述。全 flash 网站对比一般 flash 作品。多使用若干小文件或者采用多个场景的编辑方式进行制作。所以在制作网

15、站的时候可以分别编辑。如果是多人制作的话，合理的分工制作可以提高效率缩短工时。所以文件、元件、场景、动作编辑制作完成后，使用脚本语言加以整合，一个全 flash 网站的制作过程便基本完成了。2.2.2 结合实际提出尘寰女杰网站的设计首先，确定内容，通过网上大量的资料收集和整理，确定了导航所使用的板块，分别为权倾天下、文博今古、窈窕淑女、乱世佳人和巾帼武妆几个主要板块，分别对手击倒的人物资料进行归类和整理，然后，必不可少的是网站说明，如果用户无法明白网站的分布和各个按钮的作用，那么网站无疑会是失败的了。决定大致的面板，如图 2-1 所示。：图 2-1 开始界面开始界面说明：开始界面由玻璃晶砖当中镶嵌一个磨砂按钮和红木漆盒组成，点击按钮进入网站框架。如图 2-2 所示：.9.图 2-2 框架框架说明：点击开始后停留页面，处于导言段。除导言外，鼠标滑过其他按钮时，会在主显示区显示评语。如图 2-3 所示：图 2-3 乱世佳人示例点击按钮出现人物列表，如图 2-4 所示：.10.图 2-4 权倾天下示例点击人物名称，出现介绍，如图 2-5 所示：图 2-5 人物介绍示例点击左侧红木漆盒，进行图片浏览，如图 2-6 所示：