毕业论文-圣诞节主题网页及动画开发设计

《毕业论文-圣诞节主题网页及动画开发设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、苏州职业大学计算机专科毕业论文题目：圣诞节姓名：沈丹学号：指导教师：沈孝（效）良教学点：苏州职业大学2010年4月5日摘要计算机的普及、网络的快速发展、Internet信息的膨胀，都在无形中刺激着新世纪互联网的蓬勃发展。网络体现出来的作用越来越强大，日益成为人们生活、工作、娱乐等许多方面不可缺少的有力工具，使足不出户获取信息成为大众所支持和追求的时尚与流行。而在互联网上，网页和网站是最重要的基本组成部分。企业可以通过网站宣传自己，建立电子商务平台；个人可以建立独具风格的网站展现自我；政府机关单位可以通过网站公开事务，实现电子政务平台。因

2、此，建立一个能够吸引大众眼球的网站已成为一门赤手可热的技术。目前，可使用的网页制作软件有很多，而Dreamweaver、Flash、Firewords三大软件的完美结合高效地实现了网页制作的各种技术和功能。其中，Dreamweaver主要用于网站整体布局与设计，并进行管理；Flash主要用于制作结合多种媒体的网页中的矢量动画；Firewords主要用于绘制和优化网页中的各类图像、按钮等，并可制作简单的GIF动画。本文主要介绍网页制作和Flash动画。关键词：网页制作，Flash动画目录1.引言42.开发环境43.网页结构说明53.1ht

3、ml网页模块53.1.1网站首页53.1.2圣诞节起源53.1.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、网页开发环

5、境：DreamweaverCS32、动画开发环境：Flash3、演示文稿开发环境：PowerPoint4、辅助工具：Photoshop图片截图工具可以写在辅助工具里。3.网页结构说明“圣诞节”主要分为三个模块：html网页、Flash动画和演示文稿PPT，这个三个模块既相互联系有相互独立。3.1html网页模块3.1.1网站首页上图均为首页导航，可以链接每个不同的页面3.1.2圣诞节起源3.1.3平安夜上图设计了锚记，点击链接到一下图片，方便阅读3.1.4圣诞老人3.1.5圣诞树传说3.2Flash动画模块动画我一共设计了三个，分别为：

6、铃儿响叮当、圣诞晚会和平安夜。3.2.1铃儿响叮当此动画，我主要运了引导层制作了雪景和补间动画还有一些渐变的效果，引出了圣诞节的浪漫气氛。3.2.2平安夜此动画，我运用了文字的遮罩效果和温暖的背景，引出了平安夜的祥和气氛。3.2.3圣诞晚会此动画，我运用了补间、逐帧动画，按钮和一些渐变效果，再一次的运用引导层制作了雪景，体现了外面的浪漫气氛和里面的欢乐气氛。3.3PPT模块由于课程中没有涉及到PPT这一课程，所以初略的做了一下，简单的介绍下：所有的字运用了渐变式回旋、菱形、渐入等动画效果，单击页面可进入下一个画面。4.CSS代码body

7、{background-color:#;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:24px;color:#;}td,th{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:24px;color:#;}a{color:#3366CC;text-decoration:none;}form{background-color:#CCCC99;}.title{font-fami

8、ly:Arial,Helvetica,sans-serif;font-size:24px;line-height:30px;background-color:#;color:#DCDCDC;}.subtit