班级网页设计毕业论文.doc

班级网页设计毕业论文 作者： 日期：2 个人收集整理 勿做商业用途广东金融学院2009-JX16- 注：教师姓名后留有一个空格，后面填写教师职称。下面加下划线。阅后删除此文本框。 本科毕业论文（设计）班级网站设计学生姓名： 学号： 系部：计算机科学与技术专业：信息管理与信息系统指导教师: 提交日期: 毕业论文基本要求1毕业论文的撰写应结合专业学习，选取具有创新价值和实践意义的论题。2论文篇幅一般为8000字以上,最多不超过15000字。3论文应观点明确，中心突出,论据充分，数据可靠，层次分明，逻辑清楚，文字流畅,结构严谨.4论文字体规范按广东金融学院本科生毕业论文写作规范和“论文样板执行。5论文应书写工整，标点正确，用用微机打印后,装订成册。本科毕业论文（设计）诚信声明本人郑重声明：所呈交的本科毕业论文（设计），是本人在指导老师的指导下,独立进行研究工作所取得的成果，成果不存在知识产权争议，除文中已经注明引用的内容外，本论文不含任何其他个人或集体已经发表或撰写过的作品成果.对本文的研究做出重要贡献的个人和集体均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担.学生签名： 时间: 年 月 日关于论文（设计）使用授权的说明本人完全了解广东金融学院关于收集、保存、使用学位论文的规定，即：1.按照学校要求提交学位论文的印刷本和电子版本;2。学校有权保存学位论文的印刷本和电子版，并提供目录检索与阅览服务,在校园网上提供服务；3。学校可以采用影印、缩印、数字化或其它复制手段保存论文;本人同意上述规定。学生签名： 时间: 年 月 目 录摘 要IIIABSTRACTIV1。绪论- 1 1.1 研究背景- 1 1.2 可行性分析 1 1.3 网页的规划设计- 2 1.4 总体设计 3 1。5 网站设计思想 4 -2.相关技术 5 2。1 ASP（Active Server Pages）- 5 -2.2 Macromedia Dreamweaver 8 6 2.3 Macromedia Flash 8 7 2。4 ACCESS软件- 7 3.网站总体分析与设计 8 -3.1 网站系统分析- 8 3.2 主页设计- 9 4。详细设计介绍- 15 -4.1 本站首页(同第三节所述)- 15 -4.2 班级风采 15 -4。3 专业介绍 16 -4。4 休闲娱乐- 17 -45 学习园地- 18 4。6七嘴八舌论坛- 19 -4。6。1注册界面- 19 -4.6。2 用户登陆界面 20 4。6。3 用户登陆进入论坛 22 -5.结束语- 27 参考文献- 29 -致 谢- 30 -摘 要在Internet飞速发展的今天为了加强师生间、学校和学生家长间的信息的沟通，做好学生交流沟通，我认为应该构建班级网站，为班级在学校的校园网上安个家。在大学校园里，拥有个人电脑的学生与日俱增.BBS几乎成为大学校园次文化的一个组成部分。特别是大学班级网站这一特殊的虚拟社区，近年来也像QQ和手机短信一样，逐渐成为年轻人的一种时尚。既然网络已经融入了学生的日常生活，成为他们学习、生活中不可或缺的部分,而现实又迫切需要有新的集体建设的方式来弥补传统班级管理的缺陷,那么能否发挥网络的功能，服务于班集体建设便成为自然的思考。所以该论文所涉及讨论的班级网站就是班级现实组织在网络上的一种延伸和映射，建立班级网站的目的是为了探索高校班级建设的新方式,构建班级建设的新平台。关键词：班级网站；ASP；DreamweaverAbstractAt todays rapid development of Internet in order to strengthen between teachers and students, schools and students to communicate information between parents, students communicate well， I think we should build a Class website for the Class School at home on campus network security. At university campuses, students have increased the personal computer. BBS almost became the campus of the University subculture as an integral part of. University website in particular the special Class of virtual communities, in recent years as mobile QQ， and the same message， has gradually become a fashion among young people。 Now that the network has been integrated into the daily lives of the students， their learning, an integral part of life, and the reality and the urgent need to have a new collective approach to construction to make up for the shortcomings of traditional management of Class， then the ability to exert the function of network , Construction Services in the class will consider a natural. So involved in the discussion of the dissertation Class. Class website is in reality an extension of the network and mapping， the establishment of the Class website aimed at colleges and universities in order to explore new ways of Class Construction， Construction to build a new platform Class.个人收集整理，勿做商业用途个人收集整理,勿做商业用途Key Words：Class website;ASP； Dreamweaver- 30 -班级网站设计在Internet飞速发展的今天,大学、中学、小学，甚至幼儿园都有自己的网站。但在校园网中却难觅学校的重要组成元素班级的影子,这样校园网的作用也大打折扣。为了加强师生间、学校和学生家长间的信息沟通，做好班务管理工作，我认为应该构建班级网站，为班级在学校的校园网上安个家。1.绪论1。1 研究背景据中国互联网络信息中心（CNNIC）2007年4月发布的调查数据，在我国3.03亿网民中，学生占到33。2，而这其中在校学生更是网民的主体。在大学校园里，拥有个人电脑的学生与日俱增。在连上教育网的大学宿舍里，一个个学生一整天挂在网上,开着BBS，开着QQ,他们在上面凭借一个个ID浏览、发布信息，与人交流-甚至是与自己相距80公分的室友。BBS几乎成为大学校园次文化的一个组成部分。特别是大学班级网站这一特殊的虚拟社区，近年来也像QQ和手机短信一样，逐渐成为年轻人的一种时尚。既然网络已经融入了学生的日常生活，成为他们学习、生活中不可或缺的部分，而现实又迫切需要有新的集体建设的方式来弥补传统班级管理的缺陷，那么能否发挥网络的功能，服务于班集体建设便成为自然的思考。所以该论文所涉及讨论的班级网站就是班级现实组织在网络上的一种延伸和映射，建立班级网站的目的是为了探索高校班级建设的新方式，构建班级建设的新平台。1。2 可行性分析班级网站是使用计算机对毕业班级大学生活以及以后方便联系而开发的系统.通过使用计算机技术、信息技术、数据库技术，来实现远程网络联系，资源共享为目标,利用先进的硬件设备，对班级网站进行一定的错误的调试和纠正以及网站完整性的规划。在该项目的可行性研究与计划工作中，通过对网络工作环境进行的实地调查和自己掌握的知识的程度,通过对资料的整体和对整体网站的构想和实现程度进行的全面的分析得出了结论,这个网站的任务对是完全可以达到的。主要分析如下所述。1、技术可行性通过以往学习和总结得到的经验，首先我熟练掌握了基础软件Dreamweaver的使用，可以使用它对网站的整体结构进行完整的设计规划。Flash是一款很好的动画制作软件，可以对网页的进一步完善起到至关重要的作用。后台数据库设计使用Microsoft公司提供的office软件中自带的Access软件，数据表存储格式为.MDB .通过它对数据可以很方便的进行管理，也可以很容易的移植到其他数据库系统中。因此，在技术上,开发班级网站在技术上是可行的.2、经济可行性对于我来说已经不用再到其他的网吧或者借用其他人的电脑来完成自己的班级网站的设计，自己可以在自己的电脑中完成对网站开发的所有工作，而且这次对班级网站的开发也是完全不需要资金的投入的，主要是时间和精力的投入,所以经济这方面是完全可行的。3、人员可行性作为班级网站的设计，我已掌握了大部分设计软件的使用，包括Dreamweaver的使用、Flash动画软件的使用、Photoshop美化软件的使用、Access数据软件的使用，Asp知识的灵活运用等等，完全有能力成功设计出这个班级网站的。另在辅导老师的大力支持和帮助下,其他曾经参与过其他网站设计的同学等等所有的人力都已经完全大具备的情况下，实现班级网站的设计在人员上是完全可行的。综上所述，系统开发是完全可行的。1.3 网页的规划设计一、网页的定位规划设计一个网页，首先遇到的问题就是网页定位的主题。所谓主题也就是网页的题材 。班级网站属于BBS类网站，这类网站的设计不应制作得太过于五彩缤纷、花枝招展。因为这类网站大多数都是一些纪念性的、回忆性的网站，需表现出一种欢乐的回忆的气氛。主要的设计特征为：(1）网页的顶部直截了当的切入主题：班级名称，在标题下方是两个流动的消息和格言栏，最下方则用Flash设计了一个动画，其中有不同的画面对应一定的页面，起到了导航的作用.（2）网页的整体风格是可爱、纯真，给人以活泼、积极进取的印象。（3）网页的主题明确,表达简练，一般均用简单的线条和文字来表达丰富的内容.（4）在网页的色彩设计上以专业色：蛋黄色为主,版面安排轻快、活泼。（5）附加特殊的功能,如：搜索引擎、专题论坛等功能.二、设计原则网页的界面应该保持统一,以保证页面在浏览时有较高的下载速度，网页的性能安全可靠,具有一定的开放性，易于管理，网页的内容便于扩充,实现信息资源的有效共享. 三、网页的风格 网页的风格应该统一，这样才能够突出网页所要表述的主题，也同时能够帮浏览者快速了解站点的结构和浏览机制。网页的色彩上应该突出个性不失简洁。整个页面要具有个性，主题突出 .网页的栏目保持相应的一致，使浏览者对站点的结构一目了然，便于留言者浏览.四、规划网页浏览方式 很多站点都会包含多个网页,如何让浏览者知道在这些网页,并访问它们,这是网页制造者必须考虑到的事情，如果浏览者不知道如何访问需要的页面，也就无法得到想要的信息。应该在网页创建时规划网页的浏览机制，目的是提供清晰易懂的浏览方法，采用统一的网页组织形式，引导用户轻松自如访问每个网页.在规划网页浏览方式应注意：*创建返回主页的链接*显示网页当前位置 具有能反馈信息的地方1。4 总体设计总体设计也称为概要设计.在总体设计中要解决的问题是“怎样做”以及“做什么”问题。总体设计的任务是：划分出组成网页的物理元素。如：程序、文件、数据库、过程和文档等。设计网页的结构，确定中每个程序由哪些模块组成，并确定模块与模块之间的关系。寻找实现目标网页的各种不同的方案，然后从中选取合理的方案,列出组成网页的所有物理元素,制定实现这个方案的进一步计划. 选择一个最佳方案向用户推荐，并进一步为这个最佳方案设计软件结构，进行必要的数据库设计.一版面设计（Dreamweaver）Dreamweaver网页设计软件,它的功能非常强大，几乎可以完成很多网页的整体规划.它可以连续修改一个或几个网页的外观和格式,能够显著增强和扩展HTML元素，从而实现更少的编码、更少的页数和更快的下载速度。选取一个固定的版面格式，为页面设计确定方向.二建立数据库运用Access，因其具有强大的数据仓库，并提供了一个全面的平台，从而使设计、建立、维护和使用数据仓库解决方案变得迅速而轻松,这样的数据仓库解决方案让决策过程在准确的信息基础上更为有效.在逻辑结构基本确定之后，再根据应用需要对设计结构进行适当的修改和调整以期进一步完善设计，提高应用系统的性能。这种修改和调整包括以下这个方面:根据对信息查询的响应时间的要求和查询频度要求进行数据库结构的调整。a.增加必要的冗余数据。b.如果经常要做的查询是两个关系的连接，则可以考虑是否可以将两个关系合并为一个关系。数据试运行合格后，数据开发工作就基本完成,即可投入正式运行了。但是,由于应用环境在不断变化,数据运行过程中物理存储也会不断变化，对数据设计进行评价、调整、修改等维护工作是一个长期的任务,也是设计工作的继续和提高。1.5 网站设计思想通过班级网站，全面宣传，展示班级风采、优点与特色，发布班级的重大活动安排，增强同学之间的相互联系，提高办事效率。如图所示: 首页学习园地专业介绍休闲娱乐班级风采七嘴八舌论坛2。相关技术2。1 ASP（Active Server Pages）2。1。1 ASP的优势 在制作本系统过程中的一个至关重要的环节就是网页的制作.而在当今世界上,用于制作网页的工具比比皆是，如ASP、PHP、JSP等等。但作者之所以选择ASP制作本系统，原因在于asp是微软公司最为流行的开放式的Web服务器应用程序开发技术，它相对于其他网页制作工具具有自己独特的优势,是一套微软开发的服务器端运行的脚本平台。与一般的程序不同， .asp 程序无须编译， ASP 程序的控制部份,是使用 VBScript 、 JScript 等脚本语言来设计的，当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器 ( 即脚本引擎 ) ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样, ASP 程序的编写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写 ASP 程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装 ASP 时，系统提供了两种脚本语言： VBsrcipt 和 JScript ,而 VBscript 则被作为系统默认的脚本语言.ASP 本身并不是一种脚本语言，它只是提供了一种使镶嵌在 HTML 页面中的脚本程序得以运行的环境.因此,作者使用asp作为制作本产品信息系统主要技术和工具，一方面符合了现阶段制作网页的流行趋势,很好地做到了与世界前沿的接轨，可以最大限度地利用世界上现有的动态网页资源，丰富制作手段；另一方面使用asp制作这个系统,可以最大化地发挥asp技术的优势,简化制作程序,减少工作时间，降低制作成本.2.1。2 ASP的特点任何开发工具皆可发展ASP个人收集整理,勿做商业用途文档为个人收集整理，来源于网络只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。 由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器.语言相容性高 ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plugIn（外挂组件模组)的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高 如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务(Web Server）端执行后，将结果转换成标准HTML文件,再传送到客户端（Client)的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用.易于操控数据库 ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如:Acess、Foxpro、dBase、Oracle等等,另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。面向对象学习容易 ASP具备有面向对象（Object-Oriented）功能，学习容易,提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session,同时，若使用ASP内建的“Application”对象或Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息.2。1.3 ASP的六大内部对象对象名称 功能描述 RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASPApplication中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理。 所以我选择了ASP结合Dreamweaver构建我们信管051412班的班级网站。 2.2 Macromedia Dreamweaver 8本文为互联网收集，请勿用作商业用途个人收集整理，勿做商业用途Dreamweaver是由美国MACROMEDIA公司开发的，是集网页制作和管理网站于一身的网页编辑器，它是目前市场上有关网页设计、制作功能非常强大的软件,操作界面友好,可扩展性能强，是网页设计制作领域的主流工具.随着互联网的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器，Dreamweaver是一个可视化的网页设计和网站管理工具，支持最新的Web技术，是第一套为专业网页设计师发展的视觉化网页开发工具，利用它可以非常轻易地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。2。3 Macromedia Flash 8FLASH是Macromedia公司出品的，用在互联网上动态的、互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待. FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。 FLASH虽不可以象一门语言一样进行编程，但用其内置语句并结合JAVASCRIPE，您也可作出互动性很强的主页来. FLASH另外一个特点就是必须安装插件PLUGIN，才能被浏览器所接受！当然这也避免了浏览器之间的差异,使之一视同仁！2.4 ACCESS软件美国Microsoft公司于1994年推出的微机数据库管理系统。它具有界面友好、易学易用、开发简单、接口灵活等特点,是典型的新一代桌面数据库管理系统。其主要特点如下: （1）完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。 （2）强大的数据处理功能，在一个工作组级别的网络环境中，使用Access开发的多用户数据库管理系统具有传统的XBASE（DBASE、FoxBASE的统称）数据库系统所无法实现的客户服务器（Cient/Server)结构和相应的数据库安全机制，Access具备了许多先进的大型数据库管理系统所具备的特征，如事务处理/出错回滚能力等。 （3)可以方便地生成各种数据对象，利用存储的数据建立窗体和报表,可视性好。 （4)作为Office套件的一部分，可以与Office集成，实现无缝连接. (5）能够利用Web检索和发布数据，实现与Internet的连接。 Access主要适用于中小型应用系统，或作为客户机/服务器系统中的客户端数据库.3.网站总体分析与设计3。1 网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：（1）班级首页:通过一定的flash动画设计和动态的文字实现首页的展示，从侧面反映班级的和睦和团结；（2）班级风采：通过班级体、校内外的趣事、宿舍间的故事展现班级体，从中多数是以照片和文字结合的效果来展现的;（3）休闲娱乐：在这个网页模块中我们可以找到很多游戏的链接,从中可以看到很多有趣的话题，可以丰富浏览的趣味性和多样性；（4）专业介绍：通过一个网页模块来介绍我们的专业，介绍我们所学习的是什么，让更多大人了解和熟悉我们系熟悉我们专业;(5）学习园地：在这里我们有很多学习的心得,也有很多学习的榜样,同样也有很多学习的资料,很多笑话很多诗歌,只要你想到的我们都可以给你提供得到;（6）七嘴八舌论坛：这是我的网页的主要功能模块，在这个模块中你可以实现用户的注册，也可以通过注册的用户进行留言和发表言论和文章，当然我也设计了为未注册的游客所服务的简洁浏览，但是只是一般的浏览,并不可以进入我们的聊天和留言模块中,所以呢想要进入我们的大家庭中就必须得注册成为我们大家庭中的一员才可以七嘴八舌的和大家交流了。3.2 主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的flash动画相结合以及滚动的消息条相组合而成，以蛋黄色为背景色，充分体现班级的勃勃生气，静态的图片起到了一定的承托动态文字的作用,起到了一定的美化作用，而动态的文字就得利用到了JavaScript 等脚本语言来设计的,使之可以实现移动的效果也利用Dreamweaver实现了链接的功能.主页的大篇幅被一个flash占据，并且我使用flash实现了它对其他班级网站页面的链接,该flash给人以一种新鲜活泼的感觉，充分的反应了当代大学生的积极乐观的风貌,在该flash中点击一定的页面内容都会出现一定的动画效果,可以给每一个浏览该页面的人一种轻松愉悦的心情.班级首页：主页面部分代码如下：script language=JavaScript！-function statusMessageObject（p,d) this.msg = MESSAGEthis。out = ” this。pos = POSITIONthis。delay = DELAYthis.i = 0this.reset = clearMessagefunction clearMessage(） this。pos = POSITIONvar POSITION = 100var DELAY = 5var MESSAGE = 欢迎光临! Welcome to 051412班 ”var scroll = new statusMessageObject（）function scroller（) for （scroll。i = 0； scroll.i scroll.pos; scroll.i+） scroll.out += ” ”if （scroll.pos = 0）scroll.out += scroll。msgelse scroll。out = scroll。msg。substring(-scroll。pos，scroll.msg。length)window.status = scroll.outscroll.out = ” ”scroll。posif （scroll。pos -(scroll.msg。length) scroll。reset(）setTimeout （scroller（），scroll.delay)function snapIn(jumpSpaces,position） var msg = scroll。msgvar out = ”for （var i=0； iposition； i+）out += msg。charAt（i)for (i=1;ijumpSpaces；i+)out += ”out += msg.charAt（position）window。status = outif （jumpSpaces = 1) position+if （msg.charAt（position) = )position+ jumpSpaces = 100position else if （jumpSpaces 3）jumpSpaces *= 。75elsejumpSpacesif （position != msg。length） var cmd = ”snapIn(” + jumpSpaces + ”， + position + ”);scrollID = window.setTimeout(cmd,scroll。delay）； else window.status=”jumpSpaces=0position=0cmd = ”snapIn（ + jumpSpaces + ”,” + position + )”；scrollID = window。setTimeout（cmd，scroll。delay)；return falsereturn truesnapIn（100,0);/ - scriptvar x,yvar step=18var flag=0var message=”可爱的051412班欢迎你的光临！”message=message.split(”)var xpos=new Array(）for (i=0；i=message.length-1;i+) xposi=50var ypos=new Array()for （i=0；i=1； i-） xposi=xposi-1+stepyposi=yposi-1xpos0=x+stepypos0=yfor （i=0; imessage。length1; i+） var thisspan = eval(”span”+(i）+”.style）thisspan。posLeft=xposithisspan。posTop=yposielse if （flag=1 & document。layers) for （i=message。length1； i=1； i-） xposi=xposi-1+stepyposi=yposi1xpos0=x+stepypos0=yfor （i=0； imessage.length1； i+) var thisspan = eval(document。span+i)thisspan.left=xposithisspan.top=yposivar timer=setTimeout（”www_helpor_net（)，30)for (i=0;i=message.length1；i+） document。write(”）document.write(messagei）document.write（/span”)if (document。layers)document。captureEvents（Event.MOUSEMOVE）;document。onmousemove = handlerMM；www_helpor_net（);/ -/script/p tr embed src=index2.swf” quality=”high pluginspage= type=”application/xshockwave-flash width=”949” height=209”/embed /tr script language=JavaScript1.2var cssdefinition=stylen.menuitemsnborder:2。5px solid FFF2BF;nnn。menuitems antextdecoration:none；ncolor:black；nn/styleif (document。all|document.getElementById）document。write（cssdefinition）function over_effect（e,state， bgcolor）if （document。all）source4=event。srcElementelse if （document。getElementById)source4=e。targetif （source4.className=”menuitems)source4。style.borderStyle=statesource4.style.backgroundColor=bgcolorelsewhile（source4。tagName！=”DIV）source4=document。getElementById？ source4。parentNode : source4.parentElementif (source4。className=menuitems”)source4.style。borderStyle=statesource4。style。backgroundColor=bgcolor/tdtd/td/trtrtd height=”7/tdtable width=”989 height=”181” border=0”