毕业设计（论文）-个人网站设计.doc

《毕业设计（论文）-个人网站设计.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）-个人网站设计.doc（16页珍藏版）》请在三一文库上搜索。

1、河南财经政法大学成功学院本科毕业设计报告书 题 目 个人网站 指导教师 职称 讲师 学生姓名 学号 专 业 装潢 班级07装潢本科 院 （系） 成功学院艺术设计系 完成时间 2011年4月29日 个人网站12摘 要网站（Website）是指在互联网上，根据一定的规则和工具制作的用于展示特定内容的相关网页的集合。它是是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，进而开始初步的了解你。因发展的方向和趋势不同，所以产生了三大块主体网站建设群体：1. 行业门户网站；2. 网络综合应用服务公司；3. 专业网站

2、建设服务公司；这三类中，第一类行业门户网站需要长期的客户资源积累，大量的资本运作，操作起来资金门槛不低。而第三类专业网站个性化设计需要高端技术人才，从而提高了技术成本门槛。 第三类网站主要是以个性化网站建设业务为主，大多体现在制作出3D全景网站，FLASH全景交互式网站等。 FLASH全景网站需要与一门专门的脚本语言ActionScript 完美结合才能够制作出来。随着数字媒体艺术的不断发展，受众对交互式体验的需求日益增长，FLASH也已经不再仅限于早期的网页设计这一单一领域了，而是逐步扩展到了动画制作，游戏制作、交互式设计、视频点播、在线社区、桌面富媒体应用，特别是已扩展到目前市场更加广阔，

3、号称“第五媒体”的手持移动设备领域等。Actionscript 是针对FLASH Player运行时环境的编程语言，它实现了FLASH内容和应用程序的交互性，数据处理以及其他许多的功能，所以无论是FLASH界面设计师、FLASH网页设计师还是FLASH脚本程序员，都应该学好FLASH动作语言。关键词 网站/主体网站建设/FLASH/ActionScript目 录中文摘要1 绪论11.1 课题简介 21.1.1 设计要表达的意义或内涵21.2 选题背景 32 课题调研4 2.1脚本语言的认知与调研 4 2.2 网站的构建5 2.2.1 整体风格 5 2.2.2 色彩搭配 53 设计概念及设计思想

4、 6 3.1 设计概念6 3.2 设计思想63.3 设计成果74 设计展开过程 7 4.1 ActionSpript脚本语言学习 9 4.2 人像摄影 94.3 图形设计（素材搜集）105 结束语10致谢11参考文献12（附录）1 绪论随着因特网的高速发展，越来越多的人也认知到它的重要性，因为它能够让你坐在一张椅子上或者躺在一张舒服的床上就能浏览到自己想要的信息，这就是因特网的魅力，尽管它是一个虚拟的空间，但它的方便、快捷、灵活等多种优点，拓展了我们的知识面，给予了我们敖游的空间。它的出现改变了人们传统的思想方法，在我们的生活中给予了我们极大的帮助；坐在家中即可浏览众多网上图书馆丰富的图书收藏

5、；几秒种内，便可收到相隔万里的来信，在最短的时间内获得各地各种祥细的、自已想知道的信息；这也是网站在因特网上兴起的一项必不可少的一个元素，在当今互联网时代，一个企业没有自己的网站就像一个人没有住址，一个商店没有门脸。随着经济全球化和电子商务经济的到来，企业如果还固守于传统模式则必定不能再适应经济全球化的趋势，企业建站和开展电子商务是一个不可回避的现实，总之一个企业的网站建设是很重要的。当然，个人网站也是一样，想要让多的人认识你，一个个性化的网站也是必不可少的，因为你的独特能让别人认知到你的不同，有了一个属于自己的个人网站，你能把自己的信息通过发布在自己的网站上，当然就是你的作品也是整个网站的亮

6、点，而FLASH这种全景动画网站就能够把你的个性网站表露的淋漓尽致，FLASH全景交互式网站制作出来的网站毫无疑问是要比普通类型网站的视觉效果要好很多，要个性许多，当然要做出来这么一个网站还是得花点功夫去琢磨出来的，首先就得先学好一种FLASH独有的脚本语言ActionScript。Actionscript 是一种极其有趣有实用的变成脚本语言，从一开始就依附于FLASH这个软件（当然也可以在FLEX下实用Actionscript）， 不想其他语言独立存在的（当然最新的Actionscript 可以以独立的.as文件存在），因为FLASH对于做这一独特类型的网站而受到一些视觉设计师的青睐，因此使

7、用者几乎都是以视觉设计师为主的设计师们，所以都必须学习脚本语言来增加网页的动画效果，因此使用者中设计师远多于程序员的奇特现象，经过调查，早过去的十年中这种情况一直持续着。随着 丰富互联网程序（Rich Inenrnet Application 简称RIA）时代的来临，专门迁就设计师需求而推出的AS2.0已经越来越不能满足大量数据处理与大型项目的需求，特别是程序编译与执行速度是AS2.0最大的问题，在网页或是一般动画的设计需求下，设个问题并不明显，但如果要将Actionscript与JAVA或是C之类的编程语言相提并论，actionscript的执行速度让人头疼，这个缺点限制了actionscr

8、ipt未来在更广的应用领域的发展，此外actionscript2.0 宽松的语法规则也让程序员们皱眉，甚至无法接受，各式违背严谨程序规则的程序语法在actionscript2.0 屡见不鲜，这让事后阅读程序变得困难，团队工作时的标准也难以建立，此外SWF文件的安全性也是相当受到质疑的，因此在2007年，FLASH研发团队就退出了基于ECMAScript Edition 4规格制作并且完全符合对象导向要求的actionscript 3.0编程脚本语言，而且可以在FLASH于FLEX这两种软件中运行，速度快，语法严谨，安全性高是actionscript3.0最大的优点，我们可以设想actionsc

9、ript3.0在未来的岁月中将与其他编程语言一比高低的能力了。这也增加了我对此学习的动力。1.1 课题简介 我做的毕业设计课题是个人网站，它可以发布任何关于我的信息和作品，它也能充分表达我所想的，我所想要表达的，而且范围也够广泛，因为它是全球性链接的。唯一独特的就是它是以FLASH全景网站来表现的。1.1.1 设计要表达的意义因为要毕业了，首先这个网站主要是想要给人一种怀念的感觉，希望我们以后要记得我们大学在一起的时光，毕业毕竟是伤感的，网站上面大部分的内容都是关于我在大学里面经历的一切，我以这种形式刻录下来一些记忆，因为我融入了进了这个大家庭，要毕业了，留下一段美好的记忆，在这里我认识许多的

10、人，比我年长的，年幼的都有，现在要说的也就只有这个大学我没有白上，我认识了这么一群怀揣着梦想的年轻人，我们在一起的大学四年，这是我寒窗十多年读书最美好的一段时间，可能是现在的我开始变得感性很多，这可能也是我在学校的一段成长。网页里面有两个比较大的项目：摄影类和图形设计类。摄影类：摄影的人物对象都是我的兄弟姐妹们，他们陪伴着我走过了这四年，我们一起看着学校这一年一年的变化，看到各自开始成熟，眼看着就要毕业了，我只能做的只有这些，给他们拍张最帅、最漂亮的照片，给各自留下最美好瞬间，希望翻开这些照片的时候，心里面都是美滋滋的。图形设计类：这是关于我这四年来的一些作品。网站刚切入的画面，画面中有一本小

11、册子，这个册子用鼠标可以托拽进行翻页动画，这本册子记录了一些我们出去游玩，聚会的一些照片，很怀念那个时候，那个时候我们都很年轻，似乎那个时候我们都没有烦恼，我们都很开心。那个时候我们还没意识到毕业所带来的感受。还有一些零碎项目就是关于介绍我自己的（毕竟是个人网站形式，当然要介绍介绍本人自己了）。1.2 选题背景在网站（Website）是指在互联网上，根据一定的规则和工具制作的用于展示特定内容的相关网页的集合。用于做网页的工具也主要的也就是Dreamweaver、Flash、Fireworks、有着“网页三剑客”之美名。其中的Fireworks可以完全被Photoshop代替，由于Photosh

12、op是一款功能非常强大图形软件。然尔我个人情有独钟的是FLASH做出来的网页，由于FLASH是一款动画软件，所以出来的作品跟动画一样非常流畅和绚魅，而且FLASH并不仅仅如此而已，他可以与actionscript 这门编程语言完美结合，能够做出功能强大的交互式网页，这一类型的网页以动画的形式与客户进行交互，动感十足。随着数字媒体艺术的不断发展，受众对交互式体验的需求日益增长，FLASH也已经不再仅限于早期的网页设计这一单一领域了，而是逐步扩展到了动画制作，游戏制作、交互式设计、视频点播、在线社区、桌面富媒体应用，特别是已扩展到目前市场更加广阔，号称“第五媒体”的手持移动设备领域等。Action

13、scriot 是针对FLASH Player运行时环境的编程语言，它实现了FLASH内容和应用程序的交互性，数据处理以及其他许多的功能，所以无论是FLASH界面设计师、FLASH网页设计师还是FLASH脚本程序员，都应该学好FLASH动作语言，所以学好Actionscript 3.0 对于我完成毕业设计是至关重要的，由于在学校接触了一些关于FLASH比较简单的使用，是我初步的认识了FLASH的基本用法，但那是远远不够的，由于动作脚本语言是起着非常大的作用，所以我需要先把这门编程语言有个初步领悟，才能开始我的毕业设计。2 课题调研2.1 脚本语言的认知与调研我现在要做的只有尽量搜集一些关于学习A

14、ctionscript 3.0编程语言和FLASH的资料、书籍和网站，还有一些现成的纯FLASH网站，然后以它们进行比较，初步了解了网站的大体构成（作品展示、个人简介与联系方式），然后以FLASH独特的方式将它们联系在一起。Actionscript 是一种极其有趣有实用的变成脚本语言，从一开始就依附于FLASH这个软件（当然也可以在FLEX下实用Actionscript）， 不想其他语言独立存在的（当然最新的Actionscript 可以以独立的.as文件存在），因为FLASH对于做这一独特类型的网站而受到一些视觉设计师的青睐，因此使用者几乎都是以视觉设计师为主的设计师们，所以都必须学习脚本语

15、言来增加网页的动画效果，因此使用者中设计师远多于程序员的奇特现象，经过调查，早过去的十年中这种情况一直持续着。随着 丰富互联网程序（Rich Inenrnet Application 简称RIA）时代的来临，专门迁就设计师需求而推出的AS2.0已经越来越不能满足大量数据处理与大型项目的需求，特别是程序编译与执行速度是AS2.0最大的问题，在网页或是一般动画的设计需求下，设个问题并不明显，但如果要将Actionscript与JAVA或是C之类的编程语言相提并论，actionscript的执行速度让人头疼，这个缺点限制了actionscript未来在更广的应用领域的发展，此外actionscrip

16、t2.0 宽松的语法规则也让程序员们皱眉，甚至无法接受，各式违背严谨程序规则的程序语法在actionscript2.0 屡见不鲜，这让事后阅读程序变得困难，团队工作时的标准也难以建立，此外SWF文件的安全性也是相当受到质疑的，因此在2007年，FLASH研发团队就退出了基于ECMAScript Edition 4规格制作并且完全符合对象导向要求的actionscript 3.0编程脚本语言，而且可以在FLASH于FLEX这两种软件中运行，速度快，语法严谨，安全性高是actionscript3.0最大的优点，我们可以设想actionscript3.0在未来的岁月中将与其他编程语言一比高低的能力了

17、。 以下几张图片是一些FLASH网站的截图，也就是有了这些现成的网站才能鼓舞我，每次有些疲惫的时候我就会这样鼓舞自己，（你现在还不能休息，好好学吧，总有一天你也会拥有这么一个网站的，打起十二分精神！加油加油！）。 2.2 网站的构建2.2.1 整体风格整体风格是以经典怀旧的形式展示，这虽说我做的是个人主页，但大部分形式表达还是围绕这个毕业为主题的，因为毕业毕竟是伤感的。我感觉我要的感觉已经表达出来了，进入网站的给人的第一种感觉就是怀念与记忆。还有就是整体不难看出，背景是由多片叶子给予衬托，更加强调了所需的风格。2.2.2色彩搭配色彩是以怀旧黄为主，大红色进行点缀。2.2.3网站优化对于浏览者来

18、说，网站的好坏是多因素综合起来评价的，不仅是风格上要有独特，当然我们这上网当然也就受到了网速的限制，如果文件过大，当然网页浏览者是没有耐心对着一个空屏发呆的，所以尽量将一些图片和代码进行优化，这样也就能够缩短浏览者的等待时间，因为FLASH毕竟是要比普通网页多出来一些动态效果，所以文件会稍微的大一点，也大不了很多其实。随着网络的高速发展，我想浏览者的等待时间会缩短很多的。上网当然是要顺畅的，这样才能有一个轻松心情去浏览网页。所以尽量吧图片压缩到最小，只要不破坏的很严重，一般在电脑屏幕上是看不出破绽的。3 设计概念及设计思想3.1 设计概念我是想以这种方式去表达我对大学这四年的怀念，我选择做网站

19、也是因为毕竟是网站，我能往里面插入一些我能表达的一切信息，而且这种FLASH网站形式的人机互动是比较有趣的，能更加勾起浏览者对网站的好奇心。想作为一名出色的设计师，首先是要更多的人关注你，然后开始慢慢的认识你、认可你，那当然就要更好的宣传自己，将自己的作品以网站的形式发布在网络上。3.2 设计思想网站的出现改变了人们传统的思想方法，在我们的生活中给予了我们极大的帮助；坐在家中即可浏览众多网上图书馆丰富的图书收藏；几秒种内，便可收到相隔万里的来信，在最短的时间内获得各地各种祥细的、自已想知道的信息；这也是网站在因特网上兴起的一项必不可少的一个元素，在当今互联网时代，一个企业没有自己的网站就像一个

20、人没有住址，一个商店没有门脸。随着经济全球化和电子商务经济的到来，企业如果还固守于传统模式则必定不能再适应经济全球化的趋势，企业建站和开展电子商务是一个不可回避的现实，总之一个企业的网站建设是很重要的。当然，个人网站也是一样，想要让多的人认识你，一个个性化的网站也是必不可少的，因为你的独特能让别人认知到你的不同，有了一个属于自己的个人网站，你能把自己的信息通过发布在自己的网站上，当然就是你的作品也是整个网站的亮点，而FLASH这种全景动画网站就能够把你的个性网站表露的淋漓尽致。3.3 设计成果经过了几个月的努力和老师的指导下，FLASH网站形式已经经本表露出来，但还是感觉缺少了很多的东西，作品

21、还是太少，所以我想以后通过在社会上的学习去完善自己的网页，最终能够真真正正的有一个属于我自己的一个网页。最终的效果还是有点不满意，因为刚开始学习这方面的脚本知识花了不少时间，淫窝我的接受能力还是比较慢的，但是我会以最大的努力去学习，我始终信仰这么一句话“别人能做到的的，当然你也能，虽说每个人的接受能力是不同的，但是通过在时间上的努力，多花几倍的时间，我相信没有什么是学不会的。最终的成果基本上是已经定稿了，然后就是以后慢慢的去完善它，精益求精嘛，没有什么东西是可以做到最精细的，只有靠以后的知识去完善它、充实它。4 设计展开过程4.1 ActionSpript脚本语言学习可想而知，万事开头难，而且

22、我的英语水平能力也不高，再让我学习一门用英语编写开发出来的一门脚本语言，这不难上加难了嘛，其实换个角度想想，其实也不错，又能学习英语，又能给自己增加一门脚本语言的知识，其实也是蛮不错的嘛（也就只能这么的自我安慰自己了）。然后就开始了这门语言的学习旅程了，首先我是把学校的图书馆翻了个遍，把所有关于FLASH网站建设和ActionScript 3.0的书籍搜集起来，然后开始在网站上听取别人的意见，也就那本书籍更适合我这种没有计算机基础的人更快的上手，然而网上面最高评价就是一本名叫FLASH AcriptScriot 3.0 殿堂之路这本书籍了，正好学校图书馆有这本书，然后我就兴奋的不行，我打开了第

23、一页，看着作者写的创作感言和前沿，我就更加兴奋了，因为真的写到我心坎里面去了，应该是说写到了读者的心坎里面去了，然后我就翻到了学习章节里面了，恩对，我要彻彻底底的开始学习它了，是的我翻到了不到几页，我睡着了，因为我真的不认识它（当然它应该也不认识我，都是初次见面嘛），全是英文，太夸张了，因为连续这好几次都是这样，看着看着我就犯瞌睡了，然后我就郁闷了，这书还没高中英语书看的舒服了，起码那书上还有些字字画画的，这书上出了字就是字，出了英文就是些让人看不懂的中文，当然我放弃了那么几天，它太让我头疼了，我是一点计算机语言编程能力都没有，根本就看不懂那倒底是什么意思。唯一给我动力的就是那些已经做成的FL

24、ASH全景动画网页了，我会打开网页泡在里面享受里面的一切，心里默想着，学好这门语言，你也可以的王朝，人家同样也是人，你毫无疑问的也是个人，当然多花点功夫你是可以做出看来的，这就是我唯一的动力，就因为它能做出如此独特的网站出来，我也开始在网上搜集一些学有所成和正在学习这门脚本语言他们的所领悟出来的心得，我也就总结出这么一句话-只要功夫花的深，铁杵就能磨成针（还挺废话的啊）。但事实确实如此，然后我就开始百度搜教程啊，反正是关于学习FLASH网站教程的关键字我都打了个遍，实用性的绝对是少的可怜，这再一次打击到我学习的欲望心了，经过了几天疯狂的百度后，总算是找到了一个让我兴奋不已的FLASH学习网站，

25、里面有一些老外出的一些入门构建FLASH网站建设的教程，虽然是听不懂吧，但大概什么意思也是能猜得到的，因为软件语言还是一样的。然而我在里面发现了构建这个网站的站长创建这个网站（久久特效网）的笔录，他说道：可能我们中国一直以来都受到以前封建主义思想的影响，所有大部分人都是持有一个保守之心，有什么特长和技术都不喜欢拿出来分享，而美国这点就不一样了，他们懂得分享知识和技术，中国人是很聪明的，你想一个国家这么多人，如果每个人都可以将自己擅长的技术加以分享，每个人都有自己的想法，自己的创新，我想技术的提高绝对是一浪高过一浪，一个国家的强大和富裕当然是全国所有人的综合素质，他创造这个网站就是给喜欢FLAS

26、H的人一个学习平台，他会搜集更多的资源发布到网站上供大家免费下载，那我还挺佩服这位站长。心理面由衷的感谢他。现今已经好很多了，因为我们现在有很多的设计交流平台网站了，大家伙可以把自己的设计拿出来与大家分享，做设计这行最忌讳就是见识少了，最需要的当然就是丰富的想象力了，分享的东西多了，我们见识到得和学习到的自然也就多了，想象力自然就丰富了。从刚开始的接触，学习脚本语言的时间将近有四个月左右，那个时候正好是刚过完年，然后我就开始接触一些小的编程实例，慢慢的开始接触大型的编程项目，刚开始还是很费力的，不懂的就一般上Adobe的官网上查查语法和资料，还有没事我会到书店去逛逛，看看有没有需要的书籍子资料

27、。到了四月份的时候，基本的编程已经差不多都没有问题了，但还是需要时不时的拿着资料书查编程语法，四月中旬已经差不多网站的大概框架已经出来了，然后就开始做一些细节添加，细节修改。4.2 人像摄影四月中旬就回到了学校开始做摄影类项目了，当然我还得把系里边的摄影棚给申请下来，所以刚开始我找了我们的指导老师吴老师，跟吴老师商量了下，然后找到了张斌张老师，最终不是很费力的就申请下来了摄影棚，然后接下来的就是学习摄影类的知识了，在网上查了下着方面的资料（关于拍摄人像），因为我在淘宝的一家公司任过美工一职，所以经常也一直用着单反相机和影室闪光灯，所以着这个也稍微的有了解，所以这个学起来就没有学代码那么吃力了，

28、基本上拿上相机就能上手了。下面几张照片是邀请我们班同学做模特拍出来的。 4.3 图形设计（素材搜集）跟着摄影项目一起，图形设计也同步的开始规划了，由于作品有些稀少，所以想在多这几张图形设计，也就是关于我们学校的一些建筑，然后拿着相机开始在学校拍一些建筑素材，白天不是要出楼嘛，然后就是白天在外面搜集素材，晚上回寝室开始制作图片、修照片、编程序。5 结束语经过几个月的制作，大体的构架已经出来了，最后给我的感觉还是比较欣慰吧，当时要考虑的问题也都解决了，然后就是要感谢我的指导老师，还有就是感谢我的模特们，没有你们当然我的摄影也是制作不出来的。每个人所追求的东西是不一样的，不管你追求的东西有多难，我始

29、终坚信着只有你花功夫了就一定会有所回报的，就算最后出来的结果不是你的初衷，但是回想一下努力的那个过程，还是很欣慰的。虽说还有很多的不足，但还算令自己满意吧，我的指导老师吴华堂吴老师和我的FLASH动画老师张晓辉张老师给了我一些建议，然后就是很感谢老师们的建议，这对于我网站设计有着相当大的帮助。致 谢 感谢这四年来陪我走过来的所有老师，是你们教会了我现在拥有的一切，这一次的毕业设计是我最重视的一次任务，我想把四年来学到的一切都融入在里面，这四年来，我学到了很多东西，不只是专业知识，还有处人方式。大学这四年，先不说别的，认识这么多的朋友和老师，我知足了，是这些人陪我走过这四年。然后首先感谢我的指导

30、老师吴华堂老师，这几个月都是吴老师给我们细心指导，就怕我们出差错，所以对每一个人都是非常细心。还有就是张斌张老师，在做网页的摄影项目的时候，一直都麻烦张老师，因为要用到系里边的摄影棚，所以张老师帮我申请到了摄影棚，而且给了我一些建议（关于摄影类知识的），帮助我更快的完成摄影类项目。我想毕业以后继续做关于本专业的工作，因为我喜欢上了这门专业，它带给我很多的惊喜，因此我对它产生可比较大的兴趣，我也希望能在这方面以后会有所作为。刚开始我对这类FLASH网站是处于完全陌生状态，然后到了大三的时候开始接触它，当时教我们这方面的专业知识是张晓辉张老师，那个时候展开了关于张老师的作品和一些比较成功的网站，那

31、个时候感觉很神奇，原来网页还能以这种形式去表现，我当时就想着，我要又这么一个个人网页发布到因特网上，那还挺好的。因此从那个时候，我开始深入的学习这方面的知识，我可以将我学习的知识都发布到我的个人网站上，让更多的人看见和评价我的作品。所有的这一切都要感谢我的老师们，真的感谢你们！还有就是感谢我的学校，给了一个很好的环境认识这么多的朋友，大学里面不比以前，在这里最重要的就是学会了为人处事方式，这个对于一个即将踏入社会的学生是一个相当好的铺垫。感谢我的学校，感谢我的老师门，感谢我的同学们，谢谢你们陪伴我走过这个精彩的四年。我会永远怀念这个不平凡的四年。谢谢你们！参考文献王 愉 著 交互程序设计书 清

32、华大学出版社 2010年6月奶绿茶 著 FLASH 3D特效 清华大学出版社 2010年5月杨东昱 著 FLASH 动画即战力 清华大学出版社 2010年 5月叶珝霳 著 FLASH 程序设计 清华大学出版社 2009年9月叶珝霳 著 Photoshop CS影像羽翼 清华大学出版社 2009 年6月孙 颖 著 Actionscript 3.0 殿堂之路 电子工业出版社 2010 年4月Joey Lott 著 ActionScript 3.0 cookbook 民邮电出版社 2007 年5月武海峰 著 Maya/AfterEffects 影视制作特效 人民邮电出版社 2011 年1月 参考素材网站：视觉中国：http:/ 酷：http:/