往届同学的例子相关最最终版

1、目录摘要1ABSTRACT2第 1 章 绪论31.1 课题研究的来源31.2 Flash发展的意义4对第 2 章需求与设计62.1可行性分析62.2的界面需求62.3素材的准备62.4的栏目72.5页面分析72.5.1前台页面分析72.5.2页面分析7第 3 章的设计与实现83.1的结构83.2的实现83.2.1开场动画设计93.2.2按钮103.2.3鼠标效果113.3. 12各个栏目的3.3.1的主要技术123.3.2 本. 12的第 4 章设计与实现144.1创建数据库和表144.2数据库连接功能144.3. 15数据第 5 章测试165.1运行环境165.2测试结果及分析16第 6 章

2、 结论17参考文献18致 谢19新乡学院本科（设计）摘要本课题主要是研究以动画制作工具Flash 及其提供的Action Script、PHP、Mysql 等技术进行设计的。本是以服装的设计为例，实现了一个具有动画、声音、图片以及交互性的站。前台了开场动画、服装、服饰导航、音乐等，形象地展示各种服装的特色，可以登录会员，浏览站内信息，可以留言，使每一位用户可以轻松了解信息及相关动态，方便用户的使用。：Flash；服装；动画；ActionScript1新乡学院本科（设计）ABSTRACTThis topic mainly talks about fashion network Flash ani

3、mation tools provideActionScript script programming techniques, and PHPtechnology of web pagedesign, at the same time, using the MySQL to create the offstage data. This web site takes Flash clothing website design as an example, in order to realize a dynamic web site which has animation, sound and r

4、eciprocity. The Web Front will show all kinds of distinctive costume and it includes the starting cartoon, the introduction and navigation of costume, and real player. You can browse the information in the website after your entry. In this way, it will make every user easily understand the product i

5、nformation as well as know the relevant trends. In this way, the users can apply itconveniently.Key words：Flash; Costume; Wge Making; ActionScript2新乡学院本科（设计）第 1 章 绪论1.1 课题研究的来源Flash 是一种矢量动画格式，它可以将静态的画面变为持续动态的动画，网页效果更加生动美观。Flash的出现使页面脱离了HTML 页面那种死板，让网页变得更加生动有趣。Flash 丰富的视觉效果、强烈的力、动态演示等特点在展示型开发方面有着得天独厚

6、的优势。此外，Flash 网页有体积小、跨性强、成本低廉、视觉冲击力强，Flash 的形式具有很强的亲和力和交互性1。用 Flash来开发，其有以下几个方面：（1）视觉冲击力全Flash基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的。这样对用户有较强的吸引力和视觉冲击力，使用户很轻松愉悦的阅读的内容。（2）文件容量小由于 Flash 采用了矢量技术，其生成的文件容量很小。Flash站是若干个文件结合在一起，文件的可以做的比较小，用户可以陆续载入其他文件，这样更适合 Internet 的，同时也避免了者因等待时间过长而放弃。（3）制作成本低廉使用 Flash 可以

7、实现原来需要多种技术才可以实现的效果，这样一来就简化了设计过程，降低了制作成本，而且可以使统一，运行流畅。（4）数字商务功能Flash 本身的动画功能，可以更加丰富页面效果，对于数字商务来说，可以对商品进行更加详细的，所以对数字商务来说，更适合用 Flash 创建。（5）Flash 应用领域广Flash 的 ActionScript 代码非常强大，交互性强，能与其他语言程序灵活。互联网刚刚开始的时候，很少有多的东西，那时的网页上，大多数都是枯燥的文字。现在打开一个，一幅幅精美的动画满屏飘。Adobe 公司的 Flash 被广泛应用于多Flash 技术不断推陈出新，继席卷网页设计、平面动画、MT

8、V 等。短短数年，之后、电视、卡通、3新乡学院本科（设计）引领风骚的舞台。Flash 从和互联网的融合2。声乐将是它、电视、卡通声乐，推动了传统1.2 Flash以计算机、对发展的意义为特征的信息已经逐渐改变着人们的生活方式，商业化的 Internet 从一开始便式的发展至世界各地，成为新的。全球各行各业纷纷利用互联网建立的 Web 站点，着信息潮流，竞争日益激烈。这就是传达效率的竞争3。Flash能帮助在激烈的商业争中全面、动态的展示企业的优势与特点，让浏览者在轻松、有趣的视觉感受中，以最短的时间了解企业资讯。Flash是目前在应用中最好的多动画，强烈的视觉冲击力给浏览者带来全新的感受，更易

9、为顾客留下深刻印象，能够很好的达到理想的宣传效果，全力营造出完美的企业形象4。综合起来说，Flash是一种艺术与技术相结合产物。Flash是以艺术介入技术层面来达到视觉推广的目的，这样的好处是能够更好的目标群，把商品的档次、适应人群，以艺术效果的形式体现出来5。随着互联网宽带的不断增加和 Flash 对互联网的影响力的不断增强，人们已经认可在 HTML 页面上加载一些 Flash 的元素会使页面更生动形象。自 2000 年以后，开始不断涌现出 Flash，但人们对他的认识并不是很深，大部分人会认为 Flash会影响的速度。在 Flash初期和宽带有限的情况下确实这种现象，随着计算机的发展，传输

10、速率加快也将得到解决。目前 Flash在较多应用企业推广，或者自身业务宣传，在较少部分6。性强、成本低廉、视觉冲击力强、也有个人、风景、音乐类纯艺术 FlashFlash 网页有着体积小、效果好、跨Flash 的Flash 的思路更为奇形式具有很强的亲和力和交互性。在网页中特和夸张，但它同样遵循传统网页的制作思路和制作要点，注重跨创作者和客户合作的过程中最好不要局限于“我在做网页”的思维，因为在网页中插入 Flash 除了能在上发布以外，还可以在传统电视、楼宇电视、等载体上发布，所以要有制作精品的信念，这样才能使网页的前景更为广阔，才能为更多的商家和目标受众所青睐7。在国内 Flash 全景已

11、经大量运用到许多领域的4建设中，与国外对比在同新乡学院本科（设计）技术将在未来有强大的市场8。一水平上，这一基于上述，设计主要是使用当下比较流行的动画制作工具 Flash 提供的 Action Script该设计以服装编程技术进行前台界面设计，以及 PHP 进行设计。为例，实现一个具有文字、动画、声音的站。追求视觉冲击和时尚感受，展示精品时尚的，对服装的特色进行、查看、浏览和商品的，用户还可以登录的，登录对服饰进行评论和留言。5新乡学院本科（设计）第 2 章需求分析的目的是获取或描述需求与设计需求中的每一个功能需求9。一个的与否很大程度上取决于的组织系统与浏览者的意。因此我要站在需求者的角度去

12、构思的，对每一个页面都要深思熟虑，要考虑到浏览者的心理，本涉及到界面的需求、功能的需求和的可行性。2.1可行性分析首先，在技术方面，我所做的是用 Flash CS4 和 PHP 技术来实现的，数据库使用的是 Mysql。这些市场上较低，上也有版本，在开发中已经被大量使用，比较成熟，技术上是可行的。其次，在适用性方面，我是本服装，建立的这个性比较强，对服装店的服装进行分析，做出详细展示。另站还实现了留言版功能。当用户成为服装网的会员后，就可以进入的。综上所述，本服装的制作无论是在技术上还是适用性上，都是可行的。2.2的界面需求根据制作的，因为是服装，因此在界面颜色上，选择了清新的天，这样会突显服

13、装绚丽的色彩。在背景色调上，我采用了浅，这样更能彰显服装的亮丽，配以白色文字，即简洁又醒目。在界面排版上，根据用户需求的结果，我在每个栏目页面都会有部分图片展示，再配以适当的文字说明，能够让者更加清楚的了解我服装提供的各种服务内容，便于用户选择适合的服饰。因为是 Flash，自然要添加一些特殊效果。在背景界面上，我会设置一些文字的变换过程。每个栏目中的文字与图片效果也不相同，样式种类多，页面之间进行切换时，也设计有转换效果，会使整个看起来很丰富。2.3素材的准备本是一个展示性的服装，我主要是这些商品作一些，通过一些图片和文字的描述对这些商品的主要意义进行。在搜索合适图片的同时也动手做出一些网页

14、背景与动画。在所有素材准备好的时候，我在实际做网站的时候再对一些素材做一些处理。同时，还在网上查找了一些服饰图片，对图片做了整体的修改。例如，一些图片太大或者太小，或者是不清楚甚至有些还要6新乡学院本科（设计）重新修整时，我就借用 Photoshop 等一些作图显得更加美观，从而让网页的视觉效果更好。工具来处理这些图片，让它们2.4的栏目本服装首页与展示在内一共有四个栏目（上装、裤装、套装、我），各个栏目又包含有不同数量的子栏目。在它的一级栏目中，每个栏目的开始都做有特殊的动画来吸引浏览者。而在每个子栏目中，又加入了本商品的详细与图片信息，在让浏览者了解商品的同时又能够看到实物的图片，从而增加

15、本商品的度。页面分析前台页面分析前台分为开场动画，首页，页面，三级页面。在色彩上，整体以鲜艳的为主色彩，文字方面以白色为主，以黑色为辅；在总体版式上，首页和各页面为版式。三级页面，每个栏目下的子栏目为统一版式，但不同栏目下的子栏目版式不一样；在每个页面里，除了导航可以进入三级页面外，各页面也加入了按钮，更方便进入三级页面。由于我选取的课题是服装，选择蓝红色为的是看起来更为大方。虽然没有使每个页面的版式不一样，但我认为，各栏目下的三级页，简单而不是单调，这样更能给人整齐一致的感觉，也使者一目了然。2.5.2页面分析采用的是 PHP 技术制作的传统的级页面，三级页面。也分为首页，二

16、在色彩上，的色调是天，文字方面以白色为主，以黑色为辅；在总体版式上，首页和各页面为版式。三级页面，每个栏目下的子栏目统一，在每一个模块下都可以对进行编辑版式，不同的人进入的页面也不相同，例如：管理员进入可以审核评论留言，会员登录可以发布和浏览论坛，实现的功能也不相同。7新乡学院本科（设计）第 3 章的设计与实现Flash以其效果明显、内容丰富的特点在互联网上是越来越为大家所认识并接受。Flash 可以将音乐、动画、呈现的动态效果深受人们喜爱10。等诸多元素加入原本枯燥的页面，3.1的结构根据的需求分析，前台整体结构使用页面嵌套 Flash 布局的方式，以上、中、下为布局呈现出整个页面，以 Fl

17、ash 为果。，从而实现主页、子页的动感效整体结构使用 PHP+CSS 布局，实现前台与如图 1 所示。交互的功能。结构图 1结构图3.2的实现本服装使用到了开场动画、音乐、导航按钮、网页等技术。这些技术可以提高本的灵活性、动画性。使用这些技术可以提高的性能，与传统的的有较明显的区别，加载外部的影像和图片，提高了加载8论坛留言板联系我女装男装裙装衬衫牛仔裤外套我套装裤装上装首 页开场动画新乡学院本科（设计）的速度。3.2.1开场动画设计制作开场动画，无论是普通的框架页面，还是 Flash，为了增加的的性质，也增加了的品质11。本服装吸引力，既可以说明制作用到了音效的技术，各个之间的制作，在开场

18、动画里我可以点击“点击进入”就可以使用加载页面技术跳转到首页。开场动画，我设计以开门的方式打开，在点击“点击进入”时，画轴打开，接下来会有图片展示，并配有相应的文字，展示过程中在图片左下角会有“skip”字样，可以跳过，进入栏目选择页面。开场动画伴随优雅纯净的钢琴曲，流畅的动画将界面展示给浏览者，能给人静谧享受的感觉，进入首页的时候会给者一种强烈的动感效果，以视觉和听觉的冲击来加深者对的印象，更能彰显本服装的品味与档次。开场动画如图 2、图 3 所示。图 2开场动画9新乡学院本科（设计）图 3 欢迎光临导航分为一级导航和导航。在制作这些导航时，都用到了按钮的知识点，用到了代码 on () 动作

19、。看到页面效果的话我们会感觉到当单击某一个按钮的时候，它会有一个动感的效果，在这同时当单击下去时我们还可以听到会有一个声音的效果，这也是按钮所提供的。导航效果如图 4 所示。图 4 导航效果3.2.2 按钮按钮是 Flash中的一种，他有一个很明显的特征，即在创建后可以在整个文档或其他文档中重复使用。它具有多种形态，并且会响应鼠标定的动作，是实现动画交互效果的关键对象12。，执行指在设计当中，大量的使用了按钮，如：在裤装和我们等栏目当中制作的“水晶按钮”。制作是：创建按钮，从库中把任一个的水晶按钮图形拖入到舞台中，相对于舞台全居中对齐。然后制作指针经过外观，同样居中对齐。然后给按钮添加交互命令

20、，使其直接跳转到其他页面。按钮效果1新乡学院本科（设计）如图 5 所示。图 5按钮效果3.2.3 鼠标效果在制作本的时候考虑到本服装要制作的更加有动态效果，使本更加得绚丽，所以使用了两种鼠标效果，使鼠标经过和放在按钮上的效果各不相同。第法是在 Flash 里新建一个影片剪辑，绘制一个圆，圆的中心对准十字，然后在属性里为实例命名为 mc；然后将它拖入舞台，新建一层，选中第一帧，然后打开“动作”面板，输入如下语句：_root.onEnterFrame=function()/mc 这个实例的 x 轴坐标等于舞台上的鼠标的 x 轴坐标mc._x=_root._xmouse;/mc 这个实例的 y 轴坐

21、标等于舞台上的鼠标的 y 轴坐标mc._y=_root._ymouse; 如果需要渐进跟随鼠标，把代码修改成下面这样就可以了_root.onEnterFrame=function()mc._x=_mc._x+(_root._xmouse-mc._x)/4; mc._y=_mc._y+(_root._ymouse-mc._y)/4;在这里可以通过修改“4”的值来跟随的快慢，数值越大，跟随的速度就1新乡学院本科（设计）越慢。第二种是在 Flash 里新建一个影片剪辑，同样画一个圆，中心对准十字，然后在属性里把实例命名为 mc。然后将它拖入舞台，新建一层，选中第一贞，然后打开“动作”面板，输入如下语

22、句：onClipEvent(load)StartDrag(_root.mc,true); 总结：这两种代码的书写产生的效果基本上一样，目的都是让影片剪辑跟随鼠标的移动而移动，但是第法 mc 移动的会更流畅一些，用这种让人有卡的感觉。来做鼠标指针的替换比较好，3.3 各个栏目的3.3.1的主要技术使用 Flash 制作，除了利用其简单的动画制作技术之外，的是要使，Flash用交互性。相对于其他交互式多制作中加载外部文件等技术也就是技术更为常用。为了提高网页技术的速度，需要限制.swf 文件的大小。如果整个都放在一个.swf 文件中，这个文件就太大了不利于文件的。这时可以将一些文件以外部文件的方式

23、存放，由.swf 文件加载这些文件，从而使.swf 文件变小，而且这样有利于的维护和管理。Flash 中可以和文件。外部的文件有影片文件、图片文件、声音文本、文本文件使用 Flash 的JPEG、GIF 和 PNG可以外部的.swf 文件和图片文件，FlashCS4 支持格式的文件。在 ActionScript 中可以使用 loadMovie()、loadMoveNum()、loadvarible()技术加载外部影片和图片13。3.3.2 本的中主要使用的是 loadMovieNum()的加载应用技术。本服装首先要好的布局并制作出来，然后制作出需要加载的 Flash 文件，并将其发布形成.sw

24、f 文件。通过在导航中各个按钮上添加加载代码将其显示在所需位置。时间轴上加一层 as 层，并在其第一帧上添加动作，将文件名为“首页.swf”加载到舞台中。代码：1新乡学院本科（设计）loadMovieNum("首页.swf",1);在导航中的首页按钮上写如下代码：on (release) loadMovieNum("首页.swf", 1);unloadMovie(2); 在导航中的其它按钮上加如下代码：on (release) loadMovieNum("unloadMovie(2); 展示.swf", 1);其中“展示.swf”可以

25、改变成其它的页面名，加载的代码基本上同小异不论是主页面的加载还是子页面的加载都需要 loadMovieNum（）加载技术来加载文件。代码的使用的 unloadMovie(2)是卸载已加载的级别为“2”的页面，避免与其他页面重叠，发生。1新乡学院本科（设计）第 4 章设计与实现该使用 PHP 技术和 CSS 样式制作。该可以使用户登录后进行浏览站内信息，可以网上留言。4.1 创建数据库和表数据库技术随着数据应用和需求的变化而不断发展。创建数据库的过程就是确定数据库的名称、所有者、大小以及该数据库的文件和文件组14。create database news;在数据库中建立四个表，分别为 categ

26、ory，users，news，review，其中 category中存放的数据时项目类型，“上装”、“裤装”、“套装”，users 表中存放了用户数据，“用户名”、“”、“ID”。news 表中存放了用户所的审核状态。的，review 表中包含了“用户名”4.2 数据库连接功能光有好看的网页还不行，还需要我对数据进行处理，因此利用到了 MysqlPHP，实现这<?php能用到了以下代码：$database_connection = null; function get_connection()$hostname = "localhost"$database = &qu

27、ot;news"$username = "root"$password = ""global $database_connection;$database_connection= mysql_connect($hostname,$username,$password) or die(mysql_error();mysql_query("set names 'gbk'"); mysql_select_db($database,$database_connection) or die (mysql_error()

28、;function close_connection() global $database_connection;1新乡学院本科（设计）if($database_connection)mysql_close($database_connection) or die(mysql_error();?>4.3 数据在“我”里，主要是提供了“留言板”的功能。本的“留言板”是静态页面，用 Flash 制作表单模拟留言，过程，在后期，我会对的留言功能进行改进，实现动态传递。需要输入用户名和合一、浏览、还可以修改。<?php session_start();require_once("

29、functions/is_login.php"); if(isset($_GET"login_message")if($_GET"login_message"="password_error") create database news;use news;create table category(category_id int auto_increment primary key, name char(20) not null);create table users(user_id int auto_increment p

30、rimary key, name char(20) not null,password char(32);1新乡学院本科（设计）第 5 章测试5.1运行环境运行环境：操作平台：Windows 7数据库：Mysql运行环境：WampServer2.05.2 测试结果及分析我所用到的测试是白盒测试，白盒测试又称结构测试、透明盒测试、逻辑驱动测试或基于代码的测试。白盒测试是一种测试用例设计，盒子指的是被测试的，白盒指的是盒子是可视的,你清楚盒子内部的东西以及里面是如何运作的。"白盒"法全面了解程序内部逻辑结构、对所有逻辑路径进试。"白盒"法是穷举路径测试15。

31、在使用这一方案时，测试者必须检查程序的内部结构，从检查程序的逻辑着手，得出测试数据。1.测试结果首先，先根据程序说明文档配置 PHP，在 MySQL 里添加数据库后，然后进试。测试跳转功能，点击文字会跳转到 index.php，跳转到该页面，不登陆的话可以查看的内容，还可以对发布的进行评论。如果要是用户登录的话就还可以对进行发布和修改。如果用户在登录的时候想记住，可以在“记住复选框上打上对勾。然后，测试网页间的。当每个页面的都做好后，然后分别点击每个页面，看是否正确。2.测试分析经过测试后，每个页面都能正常显示。在进行测试时，我或大或小遇到了很多和，在和同学们的帮助下，功能现已经能够基本实现。

32、运用上述方式，可进行留言、发布、修改和评论，这样能使本的功能更加完善和合理，给用户提供更加便捷和使用的功能。1新乡学院本科（设计）第 6 章的努力，我制作的服装结论在通过近几和同学们的帮助下终于完成了。经历了本次毕业设计，我学到了很多知识，以前对于 Flash 以及 PHP不了解，但是现在我可以简单的运用了。在设计服装的同时，也明白了一个好的项目是不断纠正不断完善的。在制作的过程中，我发现虽然我使用了Flash制作，但是还用到了许多其他的编程语言，例如：收集到的图片大小不是统一的，就要用到 Photoshop；在制作的时候，需要使用 PHP 技术，Mysql 数据库技术等等。通过本次毕业设计，

33、能够将我在大学四年里所学到的知识复习并加深印象，能够更好的提升的能力。本次服装的毕业设计，我学会了如何找出并且解决，并且通过和书本这样的强大工具来解决遇到的，但是中的信息非常多，就需要让学会从大量的信息中筛选所需要的信息。这不仅仅是制作出，更是一次系统的学习，我最大的收货是学会了一种态度，一种对待学习的态度，这对于我以后的学习是非常有帮助的。在完成毕业设计的过程中，我遇到的最大的是，许多想要效果不能一个人做出来，感到无从下手，说明专业知识不够，对的知识不能灵活掌握，无法将理论与实践结合起来。这不仅仅了我学到的知识在技术上的应用，也需要配合用户的需求，做到。要以客户的需求为标准来提高。虽说这些都会消耗制作的时间，但在、同学的帮助下以及的不断努力下，不怕麻烦，不怕重复，当克服了这些之后，我会感觉到的知识在一点一滴地积累，在不知不觉中增加。虽然很多错误被克服了，但是制作中难免还有很多不足之处，希望予指正与建议。我相信，只要肯钻研，只要挤时间，一切想要的知识都可以掌握。虽然现在的制作工作已经结束，但还有一些需要改进的地方，比如说“我”下的“留言板”功能，现在是用 Flash 制作了一个动画效果，模拟留言传递过程看，但是中并没有完全体现出来，今后我会加以完善，请继续检查接下来的。1新乡学院本科（设计）参考文献，荣艳冬Flash CS4