中秋节主题网站设计

Massz影视后期毕业设计(说明书)马鞍山师专软件与食品工程系计算机多媒体技术专业 毕业论文设计说明书题 目： 中秋节主题网站 专业方向：12计算机多媒体技术（影视后期） 姓 名： 王诚 学 号： 12201071 指导教师： 俞欣 目录一、网站主题3二、基本构思3三、素材收集整理3四、制作流程及应用的技术4五、所使用的软件18六、在实际中所遇到的问题、是否解决以及 解决方法或建议 19七、结论、参考19八、致谢20一、网站主题： 中秋节主题网站二、基本构思：这个网站的大概构思是以“中秋节”为主题，通过一些看起来比较简洁的页面，向来访者提供主要是关于中秋节的一些内容、常识以及习俗等，使浏览者在访问网站的同时，能够学到更多的关于传统节日的内容，从而丰富人们的节日生活。三、素材的收集与整理：1.图片（主要是搜索引擎下载）:四、制作流程及应用的技术：1.首页：（1）导航的制作，如图（1）所示： 图（1）在这里所用到的技术：首页导航图片大小设置：首页上的主页面： 首页 历史沿革 节日别称 风俗习惯 神话传说 文学记叙（2）关于其他一些项目的说明。由于个人专业知识所限，故在网上搜索了一些代码来充实整个页面上的内容。如图（2）、图（3）、图（4）： 图（2） 图（3） 图（3） 图（4）（3） 首页上的一些结束标志： 对于字体的设计：h3font-family:华文行楷;background-color:#888F97;text-align:center;color:#FFC;margin-bottom:5px;.amargin-right:120px;.cfont-weight:bold;.dline-height:28px;.emargin-left:200px;首页上“风俗习惯”：风俗习惯function showImage()var num=Math.random();var num1=Math.round(num*3);var arr=new Array();arr0=images/3.jpg;arr1=images/5.jpg;arr2=images/6.jpg;arr3=images/7.jpg;document.imagesimg1.src=arrnum1;window.setInterval(showImage(),1000);（3） 首页上的图片：在这里：主要是找的现成的代码，带进去做出来的效果在ps里的对图片进行了一些简单的处理。（4）首页主要内容的制作。如下所示： 观潮 燃灯 猜谜 烧塔 吃月饼 玩花灯 赏桂花，饮桂花酒 祭月，拜月，赏月对于颜色的处理：以下主要是一些版权信息关于我们 联系我们版权所有：12影视后期王诚2.子页面历史沿革的制作：（1）历史沿革的制作。 如图（5）： 图（5）这里主要介绍的是历史沿革等。左上角是关于起源的一些信息，右边部分则是它的发展，其中穿插着一些图片，让文字不是显得那样单调。字体设置：h3text-align:center;color:#516485;font-family:华文行楷;排版设计：#left,#rightmargin:5px;border:solid 1px #586788;#leftfloat:left;width:350px;margin-left:15px;#rightfloat:right;width:550px;margin-right:15px#left imgmargin-left:22px;#downmargin-left:15px;.ctext-align:left;#right imgfloat:right;.dmargin-top:3px;相应图片，图（6）： 图（6）2. 子页面节日别称的制作：（1）节日别称的制作。 如图（7）所示：图（7）这里所应用的：图（7）主要的是介绍中秋的别称以及假期活动。 #centerfloat:left;width:300px;margin-right:15px;margin-left:5px;#center pline-height:20px;#right imgmargin-bottom:5px;#footerbackground-color:#963;height:40px;color:#FFC;margin-top:20px;border:solid 1px #586788;.amargin-left:50px;.cmargin-left:10px;3. 子页面风俗习惯的制作：（1） 风俗习惯的制作 图（8）用到的技术：function showImage()var num=Math.random();var num1=Math.round(num*2);var arr=new Array();arr0=images/20.jpg.jpg;arr1=images/22.jpg.jpg;arr2=images/23.jpg.jpg;document.imagesimg1.src=arrnum1;window.setInterval(showImage(),1000);页面底下的滚动页面：Five更多活动： 饮酒 观潮 猜谜 烧塔 5、子页面神话传说的制作：（1）神话传说的制作。 如图（9）： 图（9）（1）神话传说 图（10）h3color:#516485;font-family:华文行楷;#left,#rightmargin:5px;border:solid 1px #586788;#leftfloat:left;width:350px;margin-left:15px;#rightfloat:right;width:550px;margin-right:15px#left imgmargin-left:22px;#right imgmargin-left:70px;.ctext-align:left;.dmargin-top:3px;（2）滚动页面制作相关图片5、子页面文学记叙的制作：（1）文学记叙的制作。 如图（11）所示： 图（11）在这里用到了： 诗词类 谢庄 月赋 五、使用软件：（1） Dreamweaver： 用于添加整个网页的代码；（2） Adobe Photoshop CS5： 用于处理整个网页所用到的图片；六、在实际中所遇到的问题、是否解决以及解决方法或建议总结：感觉自己毕竟不是软件专业的同学，所以在制作网页上面存在一定的困难，做出的网页也只是一般的水平，自身存在着很多不足，但是由于时间紧急，做的东西瑕疵太多，还望各位老师指导包涵。1.在设置框架的时候，感觉自己的设想与现实并不是很符合，所以请别的同学帮忙调了一下代码。2.代码写入速度过于缓慢，以后得多学习。3.在一些页面的设计上，总是存在着一些语言语法上的拼写错误，感觉自身的英语水平还是比较差的，只能通过百度等翻译来做。4.希望今后可以多涉及一些语言上的东西，毕竟计算机专业联系还是非常紧密的。七、结论、参考 结论：经过一段时间的努力，毕业设计终于一段落。本文是关于网站设计的文稿设计，通过阅读本论文可以对本网站有一定的了解。本文介绍了网站设计所用到的技术，编程语言等。同时在排版上也做了一定设计。然后对网站的概要设计以及详细设计也做了详细的说明。网站的主要特点有：简洁明了，通俗易懂，操作简单方便。 虽然网站设计已经暂告一个段落，但由于本人的能力有限，再加上知识欠缺，以及对的专业知识不甚熟悉，所以在很多方面还存在着不足，如在网站设计方面还有诸多不足，而且在具体实现各个功能的时候也存在一定的局限性。所以本网站还有很多地方有待完善。 参考：百度贴吧、网盘八、致谢 在本论文截稿之际，我要