Flash网站设计毕业论文.doc
《Flash网站设计毕业论文.doc》由会员分享,可在线阅读,更多相关《Flash网站设计毕业论文.doc(24页珍藏版)》请在三一办公上搜索。
1、目 录摘 要1ABSTRACT2第1章 绪论31.1研究背景31.2 Flash网站对网站发展的意义31.3 课题的来源与意义4第2章 网站需求分析52.1 网站的界面需求52.2 网站的功能需求52.3 网站制作目标62.4 网站可行性分析62.5 网站前台页面分析72.6 网站预定数据流程分析7第3章 网站设计93.1 网站结构图93.2 网站开场动画设计93.3 网站一级页面实现103.4 网站二级页面设计113.5 网站三级页面设计123.6 各数据表结构133.7 数据库的链接153.8 数据读取页面功能15第4章 网站测试174.1网站运行环境174.2测试结果及分析174.2.1
2、 测试结果174.2.2 测试分析19第5章 总结20参考文献21附录一22致 谢24摘 要现如今已是一个信息高速发展的时代,它往往以多种形式展现在人们面前。本课题的研究主要是通过Flash技术进行的网页设计,Flash网站是一种创意和艺术的结合,优美的背景音乐、动态的页面及文字效果增添了网站的美感,并且具有在线咨询的功能,使其更加方便、快捷。本次设计通过制作Flash网站展示了中国孝道文化的传统美德,浏览者可通过浏览网站,了解身边的孝道孝德,还可以进入论坛进行在线交流,发现更多的孝心之人。本论文的撰写是基于Flash网站的设计,大量使用了Adobe FlashCS4、ActionScript
3、2.0脚本编程、Photoshop图像处理、IIS 、ASP.NET以及SQL Server 2005等多种技术。关键词:Flash网站;孝道;在线交流;Adobe FlashCS4 ABSTRACTThis is a quickly developed information erea nowadays.It often displays its various forms to people.This research studies the web design through Flash technology.Flash Website is a combination of idea
4、 and art,beautiful background music,dynamic pages,and the effects of text add to the sense of beauty of website,and have the function of online consulting,and then it is more convenient and quick.This design shows the traditional virtue of our Chinese filial cultures in web Flash making. Browser can
5、 know our filial peity through the website.And get access to the BBS for online communication to find out more filial people.The writing of this article, based on the Flash web making.uses a variety of techniques such as Adobe FlashCS4,the script programming of Action Script2.0,the image processing
6、of Photoshop,IIS ,ASP.NET and SQL Server 2005 . Key words:The Flash site ;Filial piety;Online communication;Adobe flashcs4第1章 绪论1.1 研究背景早在上个世纪八九十年代,人们对于网站的制作的印象就是文字和图像的排版,然后对其做出相应的链接,而今这种现象仍然存在1。随着网络的不断发展,Flash技术开始不断地被应用在网站中,使得网站页面更加生动形象,更容易被人们所接受。渐渐地开始出现了Flash网站,它使用动态的页面效果,恰到好处的表现出了人们的想法,不再像以前一样呆板、
7、无趣。它具有强有力的广告宣传、快速的传播速度、丰富的媒体内容、流畅的交互平台,更加为人们所接受2。Flash网站中不仅可以制作动态的页面,还可以为它们添加声音、视频,即便是很简单的动画,也可以变得很丰富,更好地展现出了网站的思想3。因此,Flash网站的制作已是一种大势所趋。1.2 Flash网站对网站发展的意义 Flash网站的出现使得网站页面不再是以前的那种呆板的条条框框,动态的Flash网站使得网页更加生动有趣,随着互联网技术的迅猛发展,网站数量与日俱增,有的昙花一现,有的经久不衰,原因是和浏览者的欣赏水平及制作者的技术有关的4。因此,动态交互网页已成为网页设计的必然趋势。动态的视觉冲击
8、和时尚感觉,表达出了企业的鲜明形象。利用前沿的Flash技术,配合3D动画的设计制作方式,使其在各类网站中发挥着优势5。Micromedia公司的Flash软件的正式发布,就是宣告了动态的网站将走入人们的生活。这个新产品更加易用,效率更高,支持动态视频功能,精彩的动画与丰富的内容巧妙结合,把浏览者的目光牢牢抓住6。精彩的网页动画吸引了大批的浏览者及网页设计者,正因为它视觉的冲击力和互动性,使得网站内容更加具有真实感,吸引了更多的人关注它7。使用Flash软件开发网站的意义是由于它的视觉冲击力,使用户可以很轻松愉悦的观看阅读网站的内容;Flash网站生成的文件容量小,用户可以连续载入其它文件,这
9、样更适合Internet的传播,同时也避免了访问者因等待时间过长而放弃;Flash网站制作成本较低,且网络统一,运行流畅8。Flash网站已对互联网、大众艺术和文化生活构成了前所未有的冲击,演绎成一场席卷网络和年轻一代的风暴,并且有愈演愈烈之趋势,这不能不引起人们的关注9。1.3 课题的来源与意义孝道孝德在我们的生活中一直演绎着,我们从小到大都在接受这些教诲,尊老爱幼,孝敬父母,这是我们中华民族的传统美德,这些道理很多人都知道,可是做到的人却很少,大家忙碌在工作的海洋中,渐渐把这些都忘记了。如今,Flash网站的发展,使人们对它的认知度越来越高。在本课题中即是使用Flash网站制作的希望人们可
10、以通过这个网站来了解身边的人和事的Flash网站。网站中有很多的孝道文化和孝心事例,让人们看到在这个社会中的角落里存在的感人的事迹。本网站中有很多的图片展示,并带有相关的文字描述,还有一些视频的导入,背景音乐的载入。本课题中的Flash网站实现了在线咨询的功能,在线咨询使用户可以方便的了解孝道文化及一些公益活动,并且用户还可以上传自己所了解的人和事进行上传,与他人分享,交流心得等。 第2章 网站需求分析所谓网站的需求分析就是从用户的角度出发,来完善用户的需求。一个网站的成功与否,很大程度上取决于网站的组织系统与浏览者的意向统一10。只有把握住这一点,才能更好的设计网站,才可以吸引用户,从而留住
11、用户。所以我们要在可行性研究的基础上,确定新网站要完成哪些功能,也就是对网站最终目标提出更完整、清晰、具体和准确的要求。2.1 网站的界面需求我们制作的网站是以孝道孝德为主题的,所以我们在界面颜色上,采用了淡黄色与红色的色调,孝道在我们的家庭生活中是一个很温馨的话题,每个老人提到自己的子女都是欣慰与温暖的11。因此我采用淡黄色为背景,添加红色图案等一些暖色调,给人以温暖的感觉。在界面排版上,根据调查用户需求的结果,我们在每个栏目页面都会有部分图片展示,在配以适当的文字说明,能够让访问者更加清楚的了解孝道的一些讲解,以及孝道文化的传承与发扬。在此Flash网站中,为使访问者浏览时不那么枯燥,因此
12、添加了一些特殊效果。在背景界面上,我们会设置一些文字的变换过程。每个二级栏目中的文字与图片效果也不相同,样式种类多,会使整个网站看起来很丰富。2.2 网站的功能需求生活、工作中我们处处都需要资源,做网站一样也是需要很多的资源12。这些资源既可以充实网站又可以提供给浏览者。前提是我们要弄清楚浏览者需要什么样的资源。开发这个网站是为了激起更多人的孝道之心,也为浏览者提供了在线交流的功能,能够让浏览者更加便于操作。根据孝道孝德的分类,我们分了七个栏目进行详细制作。1. 孝园天地:主要列举一些非常有孝心的人的事例,包括现代和古代的二十四孝,以及孝心视频。2. 公益活动:主要介绍个人、网络、企业的一些公
13、益活动,用他们的孝心行为来感染大众,让更多的人热心公益。3. 孝道孝德:主要介绍孝道文化、孝老敬老、传承孝爱,让人们深入了解孝道的文化,共同弘扬孝道。4. 拯救孝心:主要介绍空巢老人的生活状况,呼吁人们更加的关爱老人,建立和谐美满的家庭。5. 名人谈孝:主要介绍古代和现代一些名人对于孝道的讲解,以及古代名人对于孝道的一些名言。6. 老年养生:主要介绍一些有益于老年人的养生食谱、保健运动、生活窍门,让老年人及子女更多的了解老年养生的一些方法。7. 孝道论坛:主要是为广大用户提供一个交流和探讨的平台,方便中国孝道文化的传播。2.3 网站制作目标本网站的主要任务是制作一个弘扬孝道类的最美孝心网站,并
14、实现在线交流的功能。访问本网站的可以是网络上的任何人,所以本网站的目的旨在宣扬中国博大精深的孝文化。我们对这个网站分了七个方面进行介绍,分别有孝园天地,公益活动,孝道孝德,拯救孝心,名人谈孝,老年养生,孝道论坛,在七个大方面下又各自分有子栏目。在前台,是对孝文化各个方面和层次的细致介绍。网站有很多孝心人物的事例,可供大家学习,还有关于老人的养老方法,可以让我们更亲近老人,了解老人得需求。后台是要实现在线交流发帖功能,网站还设置了管理员权限,管理员可以在管理界面内对浏览者所发的帖子进行回复、修改、删除等操作。2.4 网站可行性分析首先,在技术方面,我们所做的网站是用Flash和ASP.NET技术
15、来实现的,数据库使用的是SQL Sever 2005。这些技术所使用到的软件在市场上销售价格较低,网络上也有下载版本,在网站开发中已经被大量使用,比较成熟,技术上是可行的。其次,在适用性方面,我们是针对我们中国特有的孝文化制作的弘扬孝道类网站,首先会得到政府和国家的支持。在制作内容方面我们查阅了书籍和网站上的各种资料,对中国孝文化的了解比较深入,在此基础上我们才开始着手规划网站,在网站内容上囊括了孝文化的历史,关于孝道的公益活动,孝文化的传承,名人对孝的讲解,老年人养生知识等等,并且我们的网站实现了在线交流发帖的功能,比较有实际意义,会得到广大用户的支持。所以在技术上和适用性上,都是可行的。2
16、.5 网站前台页面分析网站前台分为开场动画,首页,二级页面,三级页面。在色彩上,网站整体以淡黄色和红黑相间为主色调,符合网站主题的特点,并且和图片相呼应,图片加白色边框,配以黑色文字,即简洁又醒目。在总体板式上,首页和各二级页面为独立板式。三级页面,每个栏目下的子栏目为统一板式,但不同栏目下的子栏目板式不一样。因为我们选取的课题是弘扬孝道的最美孝心网站,颜色就不能太过华丽,所以在色彩上用了淡黄色为主色调,给人以温暖的感觉,和孝心的红色相呼应。虽然没有使每个页面的板式不一样,但除孝心视频栏目外,各栏目下的三级页面统一,简单而不失单调,这样更能给人整齐一致的感觉,也使访问者一目了然,不会太繁杂。2
17、.6 网站预定数据流程分析根据网站在线交流功能的要求,建立数据库,以下是表的各数据项。1. 用户登录信息表:dbo.tb_Admin标识:AdminID。用户登录信息表:用户登录ID号(AdminID),用户名(AdminName),密码(AdminPwd)3个字段。2. 论坛模块表:dbo.tb_Module标识:ModuleID。模块信息表:模块号(ModuleID),模块名称(ModuleName),创建模块日期(ModuleDate) ,模块图片(ModuleImage)4个字段。3. 用户表:dbo.tb_User标识:UserLoginName。帮助信息表:用户登录名称(UserL
18、oginName),用户性别(UserSex),用户密码(UserPwd),用户名称(UserName),用户提示问题(UserQuePwd),用户提示答案(UserAnsPwd),用户邮箱(UserEmail)7个字段。第3章 网站设计Flash网站以其效果明显、内容丰富的特点在互联网上越来越为大家所熟识并接受。Flash可以将音乐、动画、视频等诸多元素加入原本枯燥的网站页面,呈现的效果深受网友喜爱13。 Flash网站设计包括的内容有:网站的主题、要用什么样的元素,哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何等14
19、。3.1 网站结构图整个网站结构整齐,分为开场动画,一级页面,二级页面和三级页面。一级页面为首页,二级页面有“孝园天地”、“公益活动”、“孝道孝德”、“拯救孝心”、“名人谈孝”、“老年养生”,在每个二级栏目下又细分了3个三级栏目。网站结构图如图1所示:开场动画首页孝园天地公益活动孝道孝德拯救孝心名人谈孝老年养生孝道论坛孝心故事孝心视频笑看人生个人网络企业孝道文化孝老敬老传承孝爱空巢老人关爱老人美满家庭孔子孟子庄子养生食谱保健运动生活窍门图1 网站结构图3.2 网站开场动画设计开场动画在网站中所占的地位是非同小可的,因为好的开场动画可以对整个网站起到极佳的推动作用,会给浏览者留下极深的印象,使整
20、个网站的层次有所提高。 进入开场动画,背景音乐响起,在孔子说教图的背景中,一枝梅花渐渐出现,温暖的红色给人以希望,孔子图像从底部升至左上方,接着底部出现砚台及毛笔动画,毛笔蘸黑色磨后在右下方书写孝心名言,紧接毛笔蘸红色墨水在中上方书写一个大大的“孝”字,逐渐变换为网站的logo图标,logo图标为一个写有“孝”字的心形图案,带着一对天使的翅膀跳动着,logo下方是网站名称,忽隐忽现,最后动画在“孝”字与logo图标的变换中结束,随后在右下方出现go按钮,点击进入首页。网站开场动画伴随着背景音乐缓缓展开,流畅的动画将网站界面展示给浏览者,能给浏览者清新优雅的感觉,整个开场画面温馨舒畅,给浏览者留
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 网站 设计 毕业论文
链接地址:https://www.31ppt.com/p-3931682.html