大学毕业论文-—美食网站的设计与开发.doc

《大学毕业论文-—美食网站的设计与开发.doc》由会员分享，可在线阅读，更多相关《大学毕业论文-—美食网站的设计与开发.doc（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、毕业论文美食网站的设计与开发目 录摘 要1ABSTRACT2第1章 绪论31.1 网站的设计意义31.2 网站的设计思想31.3 网站的研究背景41.4 国内外研究现状及分析4第2章 网站需求分析52.1网站的界面需求52.2 网站的功能需求52.3 网站制作目标62.4 网站可行性分析62.5 网站前期准备62.6 网站前台页面分析72.7 网站预定数据流程分析7第3章 网站设计83.1 网站结构图83.2 网站开场动画设计93.3 网站一级页面设计93.4 网站二级页面设计113.5 网站三级页面设计123.6 各数据表结构133.7 数据库的连接143.8 数据读取页面功能14第4章 网

2、站测试164.1 网站运行环境164.2 测试结果及分析16第5章 总结18参考文献19附录一20致 谢23摘 要网站设计和开发的质量直接影响到网站的展示效果和接受程度。基于Flash技术的食品网站建设模式源自实践中的探索和应用中的反思，使网站既能保持新颖友好的界面，又能解决Flash网站反应迟滞、切换速度慢的问题。本论文的撰写是基于食品网站的设计与实现。我们主要使用了Flash CS4、ActionScript2.0脚本编程、Photoshop、ASP.NET与SQL Server 2005数据库相结合的技术对网站进行整体设计和制作，并对网站的功能和性能做了主要测试。本设计以网站形式介绍具有

3、地方特色的餐饮美食文化。为满足广大用户不同的需求提供了方便快捷的服务。关键词：美食网站；Flash CS4；在线论坛；用户需求ABSTRACTQuality web design and development directly affect the site display effect and acceptability. Food web construction mode of Flash technology from reflection on exploration and practice based on the site, which can maintain the or

4、iginal friendly interface, and can solve the Flash site response lag, the problem of slow switching speed. This paper is the design and implementation of food web based on. The overall design and production we mainly use the Flash CS4, ActionScript2.0 scripting, Photoshop, ASP.NET and SQL Server 200

5、5 database technology combining the website, and the website function and performance of the main test. This design to form the Food site catering culture with local characteristics. To provide convenient services to meet the different needs of customers.Key words: Food website; Flash CS4; online fo

6、rum; users demand23第1章 绪论随着人们生活水平的提高，人们越来越关注自己的饮食状况,所以美食文化也就受到人们的更多的注意，因此我们制作了一个相关的食品网站。用户在网站浏览美食信息的同时，除了可以浏览到相关美食的文字信息还可以看到诱人的美食图片，为用户提供全面的参考信息，其次本网站还实现了在线交流的功能，让用户更快地得到了所需的美食信息。1.1 网站的设计意义相比较传统的传播媒体，基于FLASH的网站有着自身独特的优势，首先网站不仅可以像传统媒体一样传播文字和图像信息，更能够传播动态图形甚至视频，声音等信息1。其次，浏览者在浏览的过程中，相比较传统媒体单一的浏览顺序，网站则为

7、用户提供了很大的自主性，最后，浏览者在介绍信息的过程中，可以运用操作工具参与或创造信息的介绍活动，这种交互的优势也是传统媒体不可能比拟的2。随着计算机技术的不断发展与深化，网站的制作越来越趋于人性化与美观化，网页设计中已经融入越来越多的动画制作和动态模块。网站的迷人之处在于综合使用文本、图像、声音、动画和视频等的信息与内容，具有丰富的多媒体互动特点3。无可置疑，现如今网站已成为最吸引人的也最有效的信息传递手段和方式，在网络上有着重要的地位，并发挥着及其重要的作用。1.2 网站的设计思想本网站主要面对的是网络上的美食爱好者，因此在进行网站设计时着重考虑了以下几方面的因素：（1）充分展示本网站所拥

8、有的美食资源和美食信息在网站内容设计方面我们除了收录国内各地的众多美食之外还特别介绍了国外的一些特色美食。（2）注重运用先进的网站设计技术考虑到网站在交互性及对网页维护等方面的要求，在网站设计上我们放弃了静态网页设计技术，转而采用FLASH技术进行制作动态网页设计。（3）注重网页的视觉效果合理的网站色调选择和版面布局会让浏览者产生美的感受，从而激发浏览者想要进一步浏览的兴趣4。因此确定一个网站的主色调和版面布局很重要，因为我们的网站是使用FLASH制作的，所以会让网站观看起来十分简便，效果生动活泼。1.3 网站的研究背景本网站的研究目的就是通过网站全面宣传，展示网站的布局、优点与食品的介绍，随

9、时向浏览者发布网站的重要信息，使浏览者增加对网站的了解，增强浏览者与网站之间的联系。通过计算机网络让浏览者及时得到网站最新消息及最新更换的美食信息，同时也帮助浏览者更快一步的了解到各地美食的信息5。在这里浏览者也可以提出对本网站的意见及想法，也可以在本网站上留下自己对美食的见解与推荐。我们设计出这个网站就是在展示自己的作品的同时也希望得到浏览者的认可，给浏览者留下深刻的印象。1.4 国内外研究现状及分析目前，FLASH网站越来越受到国人的关注。2001年前后，FLASH软件开始在中国市场风行。这个由美国MACROMEDIA公司推出的一款多媒体动画制作软件，作为交互式动画设计工具，可以将音乐、声

10、效和可动的画面方便地融合在一起，以制作出高品质的动态效果，造就了一种新的动画形式FLASH动画6。FLASH动画最早通过网络流通，并随着网络技术的飞速发展，深入人们的日常生活。这一优秀的矢量动画编辑工具给我们带来了强有力的冲击，使我们能够轻易地将丰富的想象力可视化。现如今，Flash已经逐渐被国内用户所认识和接受，并随之出现一大批忠实的追随者7。在网络上，对FLASH动画贡献最大的要数那些“闪客”们了，无数年轻人借助FLASH技术实现了他们的创意和梦想。在日本和美国，动画和游戏这一类的技术超出国内比较多，日本的动漫位居世界前列是众所周知的8。要想在这一方面能有所作为，仍需加倍努力。在目前中国动

11、画市场资金短缺的环境下，FLASH动画非常适合中国的国情。总之，FLASH动画相对于传统动画的优势非常明显。当前，FLASH动画在中国的发展取得了一定的进展，但是它的全盛时代还没有到来。随着网络时代的到来，传统媒体和非传统媒体必将在相互竞争中不断向前发展，FLASH动画必将随着自身技术和魅力展现出更为广阔的前景9。第2章 网站需求分析网站建设的需求分析是网站建设的第一个阶段，其总的目的是根据调查分析，明确建设网站的目的与内容，使网站建设能结合企业的实际情况，并满足企业真实需求和用户的需求10。网站需求分析的内容主要包括企业需求调查、目标客户调查与分析、竞争对手调查与分析、市场定位分析、可行性分

12、析、收益分析和风险分析等11。2.1 网站的界面需求由于我们制作的网站主题是美食类的网站，在界面颜色上，我们选择以红色和暗红色为主色调，我们之所以选择红色为主色调一方面是因为红色是生命、活力、健康、热情、朝气、欢乐的象征，另一方面是由于红色容易引起人们的注意，之后配上白色的文字简洁又醒目。在界面排版上，根据调查用户需求的结果，我们在每个栏目页面都会有部分图片展示，再配以适当的文字说明，能够让访问者更加了解中国各地的美食和国外的一些美食以及关于饮食安全方面的常识。因为是Flash网站，自然要添加一些特殊的效果。比如在主页界面上，我们会设置一些文字的变换过程。每个二级、三级栏目中的文字与图片效果也

13、不相同，样式种类多，会使整个网站看起来很丰富。2.2 网站的功能需求生活、工作中我们处处都需要资源，做网站也一样也是需要很多的资源。这些资源既可以充实网站又可以提供给用户。前提是我们需要弄清楚来访问网站的用户有什么样的需求，以及他们所需要的资源12。随着人民生活水平的提高，人们对吃有了更高的要求。我们开发这个网站的目的是为了能够给人们提供更多更好吃的美食，另外也可以广交天下美食爱好者。根据美食文化的特点，我们将网站分成了七个栏目进行详细制作。1美食菜谱：主要介绍的是川菜、粤菜、闽菜和湘菜四大菜系中的美食，让用户对这四大菜系的美食有更深刻的了解和认识。2美食专题：主要介绍关于家常菜谱、美容瘦身和

14、老人养生这三个方面的美食。3美食厨房：主要介绍一些关于美容方面的菜谱、自己制作的美食DIY以及民间各地的风味小吃。4美食原料：主要介绍一些制作美食的原料，例如肉禽类、蔬菜类以及米面豆类。5西餐导航：主要介绍一些富含国外特色的美食，例如韩国料理、法国料理以及意大利餐。6饮食资讯：主要是介绍关于饮食安全方面的常识，例如饮食误区、饮食养性及营养饮食。7食家杂谈：主要是为广大美食爱好者提供一个交流和探讨的平台，方便各地美食文化的传播，给人们提供更多美食信息。2.3 网站制作目标本网站的主要任务是制作一个美食类的网站，并实现在线交流的功能。访问这个网站的可以是网络上的任何人，所以我们制作的这个网站的目的

15、是向所有美食的爱好者介绍中国各地的美食以及国外的一些特色美食。我们对所制作的网站分了七个方面进行介绍，它们分别是：美食菜谱、美食专题、美食厨房、美食原料、西餐导航、饮食资讯以及食家杂谈，在七个大方面下各自又有各自的子栏目。前台，是对美食的各个方面的详细介绍。后台是实现在线交流发帖的功能，网站还设置了管理员权限，管理员可以在管理界面内对用户所发的帖子进行回复、修改、删除等操作。2.4 网站可行性分析首先，在技术方面，我们所做的网站主要使用了Flash CS4 、PhotoShop和ASP.NET技术来实现的，数据库使用的是SQL Server 2005。这些软件市场上销售价格较低，网络上也有下载

16、版本，在网站开发中已经被大量使用，比较成熟，技术上是可行的。其次，在适用性方面，我们是针对美食建立的这个网站，针对性比较强。在制作内容方面我们查阅了书籍和网站上的各种资料，对中国各地的美食有了比较深入的了解，在此基础上我们才开始着手规划网站。另外我们的网站还实现了在线交流发帖的功能。在管理员登陆的情况下用户所发的帖子进行回复、修改、删除等操作。所以，在技术上和适用性上，都是可行的。2.5 网站前期准备在开始着手的时候，我们先看了一些网上比较出色的FLASH网站，最后我们决定了构建这个食品类的网站。在确立了选题后，我们做了一份网站策划，详细的对各种美食进行分类。然后根据分类收集所需要的资料，包括

17、图片，文字简介等，还借鉴了其他一些关于美食网站的经验。2.6 网站前台页面分析网站前台分为开场动画，首页，二级页面，三级页面。在色彩上，网站整体以红色为主色彩，文字方面以白色为主，以黑色和黄色为辅。在总体板式上，首页和各二级页面为独立板式。三级页面，每个栏目下的子栏目为统一板式，但不同栏目下的子栏目板式不一样。在部分二级页面里，除了导航可以进入三级页面外，各二级页面也加入了按钮链接，更方便进入三级页面。因为我们选取的课题是传播类的食品网站，所以大胆的使用了红色作为网站主色调。虽然没有使每个页面的板式不一样，但各栏目下的三级页面统一，简单而不失单调，这样更能给人整齐一致的感觉，也使访问者一目了然

18、。2.7 网站预定数据流程分析根据网站在线交流功能的要求，建立数据库，以下是表的各数据项。1用户登录信息表：dbo.tb_Admin标识：AdminID。用户登录信息表：用户登录ID号(AdminID)，用户名(AdminName)，密码(AdminPwd)3个字段。2论坛模块表：dbo.tb_Module标识：ModuleID。模块信息表：模块号(ModuleID)，模块名称(ModuleName)，创建模块日期(ModuleDate) 3个字段。3帮助表：dbo.tb_Help标识：HelpID。帮助信息表：帮助序号(HelpID)，帮助名称(HelpName)，帮助内容(HelpConc

19、ent)， 3个字段。第3章 网站设计现在的Flash网站已经不再是曾经简单的鼠标事件，不再是单一的切换，因为这些Javascript技术已经帮它实现13。现在的Flash在网站设计中扮演着更为重要的角色，尤其在3D方面的表现，总会让我们目瞪口呆。一个优秀的Flash网站，就像一部令人印象深刻的电影，给我们带来视觉上的享受。Flash网站中的内容多数甚至全部都是由Flash制作完成的，网站基本以图形和动画为主所以比较适合做那些文字内容不太多，以平面动画效果为主的应用14。3.1 网站结构图整个网站结构分为开场动画，一级页面，二级页面和三级页面。一级页面为首页，二级页面有“美食菜谱”、“美食专题

20、”、“美食厨房”、“美食原料”、“西餐导航”、“食家杂谈”，在每个二级栏目下又细分了3到4个三级栏目。 开场动画首页美食菜谱川菜粤菜湘菜闽菜美食专题家常菜谱美容瘦身老人养生美食厨房美容菜谱美食DIY美容菜谱饮食资讯饮食误区饮食养性营养饮食西餐导航韩国料理法国料理意大利餐美食原料肉禽类蔬菜类米面豆类食家杂谈图1 网站结构图3.2 网站开场动画设计Flash网站的开场动画在整个网站中都起着至关重要的作用，一个好的开场动画会紧紧地抓住浏览者的眼球，给浏览者留下深刻的印象，从而提高整个网站的层次。开场动画，我们设计的比较有美食文化的特色，打开网站后，音乐开始响起，动画中间出现关于中华美食文化源远流长的

21、介绍性文字，当文字结束后，动画会以泼墨的形式分别出现介绍川菜文化和湘菜文化的图片和文字；当湘文化介绍完之后，变成另一个音乐，慢慢出现网站的名字和网站的标语，最后出现本网站的logo和“点击进入”的文字，当点击“点击进入”时会进入网站的主页。在开场动画展示的过程中动画右下角一直会有“skip”字样，可以跳过开场动画的播放同样可以进入本网站的主页。流畅的动画将网站开场动画界面展示给浏览者。网站开场动画如图2所示：图2 开场动画3.3 网站一级页面设计网站的主页是网站的门面，所以首页的设计是整个网站的重点内容，必须要有吸引大众目光的有创意的版面设计，这样才能更好地宣传与推广网站。本网站分为左右两个部

22、分，左边是有关美食的一些介绍文字框，拖动滑竿可以向下滑动后，可看到整个简介的内容，左上角是本网站的Logo标志食家美食网，并在Logo下边配以火在燃烧的动画。左下角是网站的版权信息，页面上有带有很多动画效果的文字，为网站增加动感。本网站的字体颜色多为白色，方便浏览者观看。网站的右边以翻页的形式出现6张图片形成了两排，呈现出一排三张图片的格局。六张图片整齐的排列在页面中央，且六张图片任一张都是可点击的，点击图片会有出现一些相关的文字介绍或者图片，这时右上方会出现关闭按钮，点击关闭以后将恢复到网站的首页。网站的右下角有音乐条可以控制网站背景音乐音量的大小及音乐的开关。图3为首页效果图：图3 一级页

23、面我们设计网站时，在网站里添加了背景音乐，考虑到有些用户可能不想听到背景音乐，所以我们在网站的下放设计了音乐条用来控制背景音乐的开关以及音量的大小。为了达到控制音乐这种效果，我们想了很多方法，以下是部分代码（详细代码见附录一）：MySound1=new Sound();MySound1.loadSound(Morning.mp3,true);MySound1.start();MySound1.onSoundComplete = function() MySound1.start();3.4 网站二级页面设计 网站的二级页面分为：“美食菜谱”，“美食专题”，“美食厨房”，“美食原料”，“西餐导航

24、”，“饮食资讯”六个板块。在样式上，我们的每个版块都达到了不一样的效果，在二级页面我们采用的颜色大致相同，简洁而不失大气，并且在二级页面上，除了点击导航上的三级子栏目外，也可以在页面上找到相应的按钮进入三级页面。以“美食专题”为例，在美食专题这个页面中，左部分是以图片的形式呈现在我们面前，当鼠标经过某一张图片时，会出现另一张图片，当鼠标经过图片旁边的文字时会出现相关的介绍性文字。页面的右侧是一棵不断生长的花草图案及飘落的文字，是用来增加页面的美观度。从而使网站的视觉效果更为震撼。页面的上方出现进入到三级页面的导航。图4为美食专题页面展示效果:图4 二级页面以下是实现图片展示的部分代码： sto

25、p (); a.useHandCursor = false; b.useHandCursor = false; c.useHandCursor = false; d.useHandCursor = false;我们制作的图片切换在运行时一直显示着手的形状这不是我们需要的，所以我们使用了上面的代码，用来取消当鼠标经过图片时图片切换而不显示手形的目的。这里的a,b,c,d代表着页面中所显示的4张图片的实例名。3.5 网站三级页面设计网站的三级页面，为各栏目下的详细介绍，是将每个二级栏目细分为3到4个子栏目，分别进行详细介绍。在风格上，每个二级页面下的子栏目样式统一，整齐简洁，使网站看起来更加大气规

26、整。我们所制作的美食网站展示主要是在“美食菜谱”，“美食专题”，“美食厨房”，“美食原料”，“西餐导航”，“饮食资讯”六个栏目中进行详细介绍，各个板块下的三级页面形式各异，但是每个板块下的三级页面风格是统一的。以下截取了“美食厨房”栏目下的“美食DIY”页面作为展示：图5 三级页面“美食DIY”这个页面的特色就是形式比较独特新颖，页面的左侧是想要介绍的几道美食的图片，而右边是各个美食相应的制作方法。中间的三个按钮是当浏览者点击某一个按钮时会出现相应的一道美食和它的制作方法。整个页面的效果符合了“美食厨房”这个主题，展现形式别具一格。3.6 各数据表结构数据库技术随着数据应用和需求的变化而不断发

27、展。创建数据库的过程就是确定数据库的名称、所有者、大小以及存储该数据库的文件和文件组。同时需要理清楚各项之间的相应关系，才可以进行正常的网站运行。1用户登录信息表:dbo.tb_Admin标识：AdminID。预定信息表：登录ID号(AdminID)，是否确认(AdminName)，价格(AdminPwd)3个字段。表1 用户登录信息表 字段 数据类型 允许空 是否为主键 AdminID int no yes AdminName bit yes no AdminPwd int yes no2浏览模块信息表：dbo.tb_Module标识：Module_ID。模块信息表：模块号(ModuleID

28、)，模块名称(ModuleName)，创建模块日期(ModuleDate) 3个字段。表2 浏览模块信息表 字段 数据类型 允许空 是否为主键ModuleIDintnoyesModuleNamebityesnoModuleDateintyesno3帮助表：dbo.tb_Help标识：HelpID。帮助信息表：帮助序号(HelpID)，帮助名称(HelpName)，帮助内容(HelpConcent)， 3个字段。表3 帮助表字段数据类型允许空是否为主键HelpIDintnoyesHelpNamebityesnoHelpConcentintyesno以上为数据库的三张表结构。3.7 数据库的连接数

29、据库是用于存储数据信息的系统，通过其他语言程序可以读取数据库中信息，或将信息存储到数据库中。本网站数据库的连接采用的是ASP.NET技术。我们制作网站的数据库连接将代码写入了Web.Config文件，以下为部分代码：3.8 数据读取页面功能在“在线论坛”功能里，主要是提供“在线浏览帖子”、“用户登录”、“发表帖子”，管理员还可以“管理帖子”、“管理模块”、“管理用户”功能。在论坛里，用户可以畅所欲言，有好的关于美食文化的帖子都可以积极发表，在论坛里发现好的帖子也可以好好收藏。图6为“管理员登陆”页面截图：图6 数据读取“管理员登陆”图第4章 网站测试网站测试指的是当一个网站制作完成，上传到服务

30、器之后针对网站的各项性能情况的一项检测工作。它与软件测试有一定的区别，它除了要求外观的一致性以外，还要求其在各个浏览器下的兼容性，以及在不同环境下的显示差异15。4.1 网站运行环境网站运行环境：操作平台：Windows XP/ Windows 7数据库：Microsoft SQL Server 2005运行环境：Microsoft Internet Information Services (IIS) 5.14.2 测试结果及分析1测试结果第一，先根据程序说明文档配置IIS，在Microsoft SQL Server 2005里添加数据库后，还需要将本地数据库名称添加到网站数据库安全性用户中

31、，然后进行测试。第二，测试“美食菜谱”下四个页面的效果，在IIS下运行网站，点击导航上的“美食菜谱”按钮，可以看到二级页面，几张分别代表着所要介绍的地方菜系的图片依次进行运动，移动到合适的位置，当鼠标经过任何一张代表某个菜系的图片时，在几张图片的中间空白位置会出现介绍该图片所代表菜系的文字。在图片的右边是用来链接三级页面的按钮。点击进入三级页面，5张图片以W的形状出现在界面上，鼠标经过图片出现文字介绍。测试其他的按钮都是成功的。第三，测试“美食专题”下的三个页面的效果，首先点击导航上的“美食专题”按钮，界面上出现几张图片组成的大图片，这属于鼠标经过事件，当鼠标经过某一张图片时，这张图片就会切换

32、成另一张图片，当鼠标经过文字时会出现文字介绍。图片上边分别为进入三级页面的按钮。点击进入三级页面，当点击某一张小图片时，图片会变大并配以文字介绍。测试其他的按钮都能成功连接。第四，测试“美食厨房”下的三个页面的效果，首先点击导航上的“美食厨房”按钮，页面像幕布一样切换出来，左侧四张小图片叠放在一起，都是可点的，点击以后右侧的大图片会以不同样式自动切换出来，页面中间是详细的文字介绍。文字上方是四个带链接的按钮，点击以后进入三级页面，左侧是几张图片的切换，单击按钮时，右侧配以相对图片的文字介绍。测试其他的按钮都能够链接。第五，测试“美食原料”下的三个页面的效果，首先点击导航上的“美食原料”按钮，页

33、面上会出现三张在运动的图片，在图片的下方为相对图片的文字介绍。图片的左边是看上去让页面美观的运动图片，图片上边分别是进入三级页面的按钮。点击进入三级页面，界面上出现一张图片，这同样属于鼠标事件，当鼠标经过图片的某一个区域时会在图片上出现相应的文字。当点击按钮时图片会切换到另一张图片，界面的右边是介绍该页面的文字。测试其他的按钮都能够链接。第六，测试“西餐导航”下的三个页面的效果，首先点击导航上的西餐导航按钮，页面右侧是几张图片的自行切换，界面下边是该页面的一些文字介绍，文字上方是用图片做成的进入三级页面的按钮，点击进入三级页面，页面左边出现文字介绍，右边会慢慢移动到适合的位置，这里的图片有置顶

34、的动能，鼠标经过某一张图片，该图片置顶，当点击这张图片时会出现这张图片的文字介绍。测试其他按钮均成功。第七，测试“饮食资讯”下的三个页面的效果，首先点击导航上的饮食资讯按钮，页面左边出现一幅大图，并且在图片上有文字介绍，大图上两块幕布向两边展开并渐隐消失，图片下方有四个白色小正方形，当鼠标经过这几个正方形时图片切换，每张图片切换效果相同。页面左边是文字介绍，在文字介绍旁边是进入三级页面的按钮，点击进入三级页面，页面上边分别是文字介绍和图片，页面下边是一行可以左右移动的图片。测试其他的按钮都能够链接。第八，测试“食家杂谈”的功能，在IIS下运行网站，点击导航上的食家杂谈按钮，在该论坛中，主要是提

35、供“在线浏览帖子”、“用户登录”、“发表帖子”等功能，管理员还可以完成“管理帖子”、“管理模块”、“管理用户”等操作。在论坛里，用户可以畅所欲言，有好的关于美食的帖子都可以积极发表，在论坛里发现好的帖子也可以收藏。2测试分析经过网站测试后，每个页面都能正常显示。达到了预先设想的效果，按时完成了整个网站的设计，制作，调试等一系列的工作。同时，在进行网站测试时，我们遇到了很多问题和困难，在老师和同学们的帮助下，网站功能现在都已经能够基本实现。第5章 总结在完成设计的两个多月里，我和我的搭档经历的很多。在制作网站的过程中老师和同学的帮助是完成设计的必要因素。开始在网站的规划，网站的色彩选择等的方面我

36、们遇到了很多的困难，又因为制作网站经验的匮乏，所以有一段时间我们的网站基本上没有什么进度，所幸在老师和同学的帮助，我和我的搭档的思路逐渐明了，而我们的网站也慢慢地完成，虽然我们的网站在制作过程中遇到了很多的困难，但是因为有了老师和同学的帮助，我们也在规定的时间内完成了网站的制作。在制作网站的过程中我们不仅运用了Flash技术，而且使用了其他别的软件技术，例如：制作论坛的时候用到了ASP.NET技术，数据库技术，网站所需要的图片规格不符合要求的，我们还使用了Photoshop软件。这次设计的网站是一个较为完整的项目，它不仅考察了我们学到的知识在技术上的应用，也需要配合我们的审美观，更重要的是它让

37、我们学会团体合作的重要性。这不仅仅是一次毕业设计，更是一次系统的学习，我最大的收获是学会了一种态度，一种对待学习的态度，这对我以后的学习是非常有帮助的。参考文献1罗小燕Flash动画与卡通制作创意导航M北京：清华大学出版社，2002：1231452哈特ASP.NET 2.0入门经典M北京：清华大学出版社，2006：1231353德汉，周辉Flash MX 2004 网页动画制作标准教材M北京：电子工业出版设，2004：1351484宗晓艳Photoshop与Flash结合把现有图画改编为动画的方法J电脑知识与技术，2009，（23）：86985陈青Flash MX 2004标准案例教材M北京：

38、人民邮电出版社，2006：1351686赵国志，赵璐色彩构成与绘画设计艺术M辽宁：美术出版社，2000：1331457赵子江变形动画制作教程M北京：机械工业出版社，2000：1651838高志清Flash动作制作零点飞跃学设计零点飞跃丛书M北京：水利水电出版社，2005：1091389李琼Flash8.0闪客动画轻松现场实战M北京：航空工业出版社，2007：11213510雪之航工作室Flash MX中文版技巧和实例M北京：中国铁道出版社，2003：16017911张昌飞精通PHOTOSHOP CS4中文版M北京：清华大学出版社，2010：13515612瑞哈特（美），曹铭FLASH MX宝典

39、M北京：电子工业出版社，2003：9311313成戈二维动画设计制作FLASH 8M北京：电子大学出版社，2008：13514914刘涛Flash创意设计实例教程M北京：清华大学出版社，2003：11112315张亚东，张荟惠Flash CS3二维动画设计与制作M北京：电子工业出版社，2009：99123附录一加载音乐代码如下：MySound1=new Sound();MySound1.loadSound(Morning.mp3,true);MySound1.start();MySound1.onSoundComplete = function() MySound1.start();这里的Mo

40、rning.mp3是本网站背景音乐的名称。var i=100;btn1a.enabled=false;btn2a.enabled=true;btn3a.enabled=true;btn4a.enabled=true;btn1a.onRelease=function()MySound1.start();btn1a.enabled=false;btn2a.enabled=true;btn3a.enabled=true;btn4a.enabled=true;btn2a.onRelease=function()MySound1.stop();btn1a.enabled=true;btn2a.enabl

41、ed=false;btn3a.enabled=false;btn4a.enabled=false;btn3a.onRelease=function()i=i-10;if(i0 and i0 and i100)MySound1.setVolume(i);btn1a.enabled=false;btn2a.enabled=true;btn3a.enabled=true;btn4a.enabled=true;elsebtn4a.enabled=false;以上代码是网站中的音乐条的代码，其中可以增加或减少音量，还可以将音乐关闭与打开。上述中btn1a表示打开音乐，btn2a表示关闭音乐，btn3a表

42、示减音量，btn4a表示增加音量。stop();onEnterFrame = function () var percent_loaded = _root.getBytesLoaded()/_root.getBytesTotal();preloader_mc.value = percent_loaded;if (percent_loaded = 1) delete onEnterFrame;/通知主场景跳到第三帧播放，第二帧上有我们使用了链接属性的mc和组件，并且取消了/注意由于有组件的原因，在发布设置里设置ad2.0类在第二帧导出。gotoAndPlay(3);以上是网站中的loading代码。on(press) _parent.q.unloadMovie(); _parent.k2.unloadMovie();_parent.kk.loadMovie(meishicaipu.swf);aa._visible=false;on(rollOver)aa.gotoAndStop(2);aa._visible=true;上述代码是点击导航时加载另一个网页的代码