网页及图形设计课程设计报告.docVIP

《网页及图形设计》 课程设计报告 姓名 曹世荣 学号 20110821013 系别 信息管理与工程系 专业 软件技术 班级 11软件B班 课程设计题目 《心香一脉》学习网站+个人网站 指导教师 崔新会 小组成员 曹世荣 2012 年 11 月 27 日 目 录 第一章 引言 2 1.1 选题背景及意义 2 1.2 技术分析 2 第二章 系统分析与设计 3 2.1 功能分析 3 2.2 模块划分 3 2.3 细节介绍 4 2.4 设计特色 9 2.5 参考网站及文献 9 第三章 总结 10 3.1 难点及解决方法 10 3.2 技术收获 11 3.3 未来期望 11 第一章 引言 1.1 背景及意义 随着计算机技术的迅猛发展，网络的不断普及，网络已经成为了人们生活中必不可少的一部分，网上冲浪，预览各种网页已经成为很多人每天的习惯，信息系统也越来越多的采用网页作为用户接口，那么你是否考虑过我们这些网页是怎么做出来的呢？而且这些缤纷色彩的网页也并不是我们全都想要的，我们更乐意欣赏那些我么真正需要的而且内容丰富并且漂亮的网页。我们的大部分知识也几乎来源于网络，我们对网页的需求不同，现在越来越多的网站能够给我们提供所需要的，然而其中必不可少的一部分是其页面美观度，也就意味着一个漂亮的网页能让我们乐于浏览，所以根据以上需求，既要满足人们的需求，又能让浏览者增加兴趣。所以本网站设计的主要是学习网站，我们不仅能在其中学到很多知识，本网站还创新的添加了娱乐主页，当我们想要休息并娱乐的时候可以欣赏一些自己喜欢的收藏，并单独设置了自己的秘密花园，可以收藏一些自己喜欢的文章和记录自己的小秘密，把自己喜欢的语句摘抄下来。 之所以会选择开发因为我，凸显自己的做到内容充实吸引又能做到美观大方赏心悦目本网站主要使用div+css布局，小部分网页用表格布局。网站中用到表单、层、flash、javascript特效、超链接、。使用div+css可以表现和内容兼顾，使用表单实现一些提交功能，javascript特效可以使网页更加生动美观。本课程设计为制作网站。站是一个展示个人风采的平台，美观与内容同等重要。一个优秀的网站应该能够吸引浏览者，结构和内容都要求合理，功能要求齐全。本网站页面较为美观，共有个页面，分为级。通过一级页面即首页可以进入到想要进入的二级页面。二级页面为浏览者提供以下功能：。三级页为首页风格布局都比较简单，应用到了div+css布局。采用盒子模式先用fireworks做出需要的图片，然后在中插入图片做背景，页面的下部分为flash。Main盒子应用了显示隐藏层及图像交换技术，当你点击你想看的图片时出现的效果图，其中包含自己在firework中制作所需的模糊图片模糊图片，还要对层进行定位 读书 该网页运用了div+css技术，简单复古朴素的风格是我们读书时的最爱，符合了我们的口味，加入了字幕滚动使我们的页面看起来更加丰富多彩 知识堂 该网页布局，div+css布局。先用fireworks做出需要的图片，， 因为具有独一无二的网站才让人耳目一新,让人过目不忘.也只有这样才会提高你的点击率,成为受欢迎的网站。本网站页面较为美观，风格清爽活泼功能比较完善。网页中存在隐藏链接，使网站具有趣味性。/ 《我的秘密花园》旖旎 第三章 总结 3.1 难点及解决方法 （1）难点： 1.在网页制作之初网页的，资料与素材不知如何把JavaScript特效在制作flash时添加链接。 添加JavaScript播放器时无法添加本地音乐。 无法定位。首先是自己摸索，如果找不到解决办法就充分利用网络资源——去网上查找解决办法。网页素材和资料的搜索应放在平时，当遇到一些比较好的素材网时就应及时收藏下来。网上许多JavaScript代码特效，但不是每一个拿过来就能用，就能符合自己的需要，这需要自己研究代码，不断修改，把它修改成为能被自己利用的。搭配不理想应在制作网页前做效果图，或找网页模板进行模仿。Flash做成导航时要实现链接应在制作flash的过程中给相应按钮添加代码。有些问题还没有找到解决办法，希望能在以后的学习过程中，逐个突破！ 这次课程设计让我收获颇多，在初涉网站开发时应该先以模仿为主，需求分析是开发网站的重头戏。做网站