《毕业论文圣诞节主题网页及动画开发设计》由会员分享，可在线阅读，更多相关《毕业论文圣诞节主题网页及动画开发设计（20页珍藏版）》请在金锄头文库上搜索。
1、苏州职业大学计算机专科毕业论文题目： 圣诞节 姓 名：沈丹 学 号：086502312 指导教师：沈孝（效）良 教 学 点：苏州职业大学 2010 年 4 月 5 日摘 要计算机的普及、网络的快速发展、Internet信息的膨胀，都在无形中刺激着新世纪互联网的蓬勃发展。网络体现出来的作用越来越强大，日益成为人们生活、工作、娱乐等许多方面不可缺少的有力工具，使足不出户获取信息成为大众所支持和追求的时尚与流行。而在互联网上，网页和网站是最重要的基本组成部分。企业可以通过网站宣传自己，建立电子商务平台；个人可以建立独具风格的网站展现自我；政府机关单位可以通过网站公开事务，实现电子政务平台。因此，建立
2、一个能够吸引大众眼球的网站已成为一门赤手可热的技术。目前，可使用的网页制作软件有很多，而Dreamweaver、Flash、Firewords三大软件的完美结合高效地实现了网页制作的各种技术和功能。其中，Dreamweaver主要用于网站整体布局与设计，并进行管理；Flash主要用于制作结合多种媒体的网页中的矢量动画；Firewords主要用于绘制和优化网页中的各类图像、按钮等，并可制作简单的GIF动画。本文主要介绍网页制作和Flash动画。关键词：网页制作，Flash动画目 录1.引言42.开发环境43.网页结构说明53.1html网页模块53.1.1网站首页53.1.2圣诞节起源53.1.
3、3平安夜63.1.4圣诞老人63.1.5圣诞树传说73.2Flash动画模块73.2.1铃儿响叮当73.2.2平安夜83.2.3圣诞晚会93.3PPT模块94.CSS代码11总 结15致 谢16参 考 文 献171.引言随着科学技术的不断提高，计算机科学日渐成熟，其强大的功能已为人们深刻认识，它已进入人类社会的各个领域并发挥着越来越重要的作用。通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。这次制作的是一个关于圣诞节的静态网页。圣诞节在中国，还不算是个大的节日，但在西方，它可以和我们这里的春节与之相比。我希望我的这个作品，可以让更多的人对圣诞节有更多的了解。我选择了
4、DreamweaverCS3作为制作软件，Dreamweaver就是微软公司开发的专门用来开发网站的软件。一般的网页包括html、css、javascript这三大结构，主要分成静态和动态两种。我做的是静态网页，运用了html和css。简单的制作了一个精美的圣诞节网页，主要介绍了圣诞节的来源、习俗和圣诞老人、圣诞树等的一些内容。另外还加入了Flash、PPT和Photoshop来使圣诞节更加的生动化。2.开发环境1、 网页开发环境：DreamweaverCS32、 动画开发环境：Flash3、 演示文稿开发环境：PowerPoint4、 辅助工具：Photoshop图片截图工具可以写在辅助工具
5、里。3.网页结构说明“圣诞节”主要分为三个模块：html网页、Flash动画和演示文稿PPT，这个三个模块既相互联系有相互独立。3.1html网页模块3.1.1网站首页上图均为首页导航，可以链接每个不同的页面3.1.2圣诞节起源3.1.3平安夜上图设计了锚记，点击链接到一下图片，方便阅读3.1.4圣诞老人3.1.5圣诞树传说3.2Flash动画模块动画我一共设计了三个，分别为：铃儿响叮当、圣诞晚会和平安夜。3.2.1铃儿响叮当此动画，我主要运了引导层制作了雪景和补间动画还有一些渐变的效果，引出了圣诞节的浪漫气氛。3.2.2平安夜此动画，我运用了文字的遮罩效果和温暖的背景，引出了平安夜的祥和气氛
6、。3.2.3圣诞晚会此动画，我运用了补间、逐帧动画，按钮和一些渐变效果，再一次的运用引导层制作了雪景，体现了外面的浪漫气氛和里面的欢乐气氛。3.3PPT模块由于课程中没有涉及到PPT这一课程，所以初略的做了一下，简单的介绍下：所有的字运用了渐变式回旋、菱形、渐入等动画效果，单击页面可进入下一个画面。4.CSS代码body background-color: #336633;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 24px;color: #336699;td, th font-family: A
7、rial, Helvetica, sans-serif;font-size: 12px;line-height: 24px;color: #333333;a color: #3366CC;text-decoration: none;form background-color: #CCCC99;.title font-family: Arial, Helvetica, sans-serif; font-size: 24px;line-height: 30px; background-color: #006666;color: #DCDCDC;.subtitle font-family: Aria
8、l, Helvetica, sans-serif;font-size: 16px;line-height: 22px;font-weight: bold; color: #006666;.header font-family: Arial, Helvetica, sans-serif;font-size: 24px;background-color: #006666; color: #DCDCDC;.nav font-family: Arial, Helvetica, sans-serif;font-size: 14px; font-weight: bold;background-color:
9、 #CCCCCC;.navLink font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;background-color: #DEDECA;.sidebar font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;padding: 3px;background-color: #FFFFFF;.sidebarHeader font-family: Arial, Helvetica, sans-serif
10、;font-size: 16px;line-height: 24px;color: #FFFFFF;background-color: #339999;.sidebarFooter font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;background-color: #CCCCCC;.footer font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;line-height: 22px;color
11、: #333333;background-color: #CCCCCC;.legal font-family: Arial, Helvetica, sans-serif;font-size: 9px;color: #333333;.box1 border-color: #CCCCCC #333333 #333333 #CCCCCC;border-width: medium; border-style: ridge;.promo font-family: Times New Roman, Times, serif;color: #000033;.titlebar font-family: Tim
12、es New Roman, Times, serif;font-size: 9px;color: #FFFFFF; background-color: #336699;.dingbat font-family: Arial, Helvetica, sans-serif;background-color: #99CC99; color: #006666; font-weight: bolder;font-size: medium;a:hover text-decoration: underline;input.big width: 100px;input.small width: 50px;td
13、 hr text-align: left;td hr color: #FF0000;总 结20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。通过这次的网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。在制作工程中，我碰到了许多的小问题，明明很简单，我却找不到出路，经过查看书，才明白过来，其实都是一些基本
14、的东西，我却没有掌握好。也说明了我平时缺少自己动手操作，但也使我知道了很多以前没有涉及到的方面，让我们知道了更多的知识，增强了动手操作能力，实践能力，去发现问题，解决问题能力。不但在网页中出现问题，在制作Flash和PPT的时候，也遇到不少的问题，比如像画面字体的排版，在Flash中引导层、遮罩等的运用问题，在老师和同学的帮助下，还有自己的努力，慢慢地都得到了解决的方法。这一工程也让我认真地学习了一回，特别是在Flash方面，从一个什么都不知道到能做一些简单的动画，这让我有一些成功感。总之，在这一次的实践中，我得到了很多的收获，在以后的时间里，我还要不断提高自己，我相信以后会做的更好。致 谢在本次设计中，我要感谢我的指导老师沈孝良。虽然我们已经出来实习，都不在学校，但是沈老师还是一个一个和我们沟通。通过电话、电子邮件对我们进行辅导，他的认真负责，使我
