毕业论文--湖南文理学院假日活动同盟网站设计说明

1、文理学院假日活动联盟的设计 摘要:本文论述了假日网站的理念、建设、实施和应用。因为我们学校没有一个以假期活动为主题的网站，朋友们想在假期组织同学们参加各种活动相对比较麻烦。针对这一问题，网站分为文化、体育、公益、娱乐等五个活动板块，对活动进行了详细的分类，使其更容易查找。每个板块都有发布栏，用户可以注册登录，在发布栏上发布发起的活动，让其他同学可以第一时间看到活动信息。网站的构思通过网站、Photoshop网页设计、Dreamweaver构建、Access数据库的建立以及与IIS服务器的连接，最终确定网站。网站旨在为学生提供最完整、最准确的假期活动信息，充分发挥学生的兴趣，使学生的校园生活更加

2、丰富多彩！关键词:假日活动，网站，信息发布，浏览介绍在当今高科技飞速发展的社会，互联网已经成为人们日常生活中不可或缺的东西。近十年来，随着社会科技、文化和经济的发展，特别是计算机网络技术和通信技术的大发展，人类社会由工业社会向信息社会过渡的趋势越来越明显，人们的信息意识和对信息资源开发利用的重视程度日益提高，有力地刺激了互联网的发展。随着信息技术的发展，特别是互联网技术的普及和应用，网络用户不再满足于网络中松散的信息，而是更加渴望获得相对集中的咨询新闻、更加生动的表现形式、更加便捷的服务和更加自由的消费。在我们的日常生活中，我们也真切地感受到了互联网技术发展的好处。如网上购物、电子支付、旅游预

3、订、网上银行、网上营销、搜索、广告、电子、即时通讯、游戏这些都与我们的生活息息相关。在校园里，互联网受到年轻朋友的青睐。几乎每个学生都有自己的聊天工具，如MSN、R、微博和博客。这也让更多的年轻人热衷于网络中的虚拟世界，忽略了现实世界中人与人之间的交流。为了解决这个问题，建立一个校园假期活动势在必行。这样既能解决学生组织课外活动的推广问题，又能促进学生之间的交流和理解，增强自身的组织能力和团队精神。1概述1.1的历史互联网起源于美国国防部高级研究计划管理局建立的APA网络。(网站)是指互联网上相关网页的集合，利用HTML等工具按照一定的规则制作而成，用于展示特定的内容。简单来说，它是一种通讯工

4、具，人们可以通过它发布自己想要公开的信息，或者利用它提供相关的网络服务。人们可以通过网络浏览器访问它，获得他们需要的信息或享受网络服务。网络的性能通常从空间大小、位置、连接速度(俗称“网速”)、软件配置、服务提供等方面来衡量。最直接的衡量标准就是这个网络的真实流量。1.2发展在互联网的早期，只能保存简单的文本。经过几年的发展，万维网出现后，图像、声音、动画、视频，甚至3D技术开始在互联网上普及，逐渐发展成我们现在看到的图文并茂的样子。通过动态web技术，用户还可以与其他用户或管理人员进行交流。有些还提供电子服务。很多公司都有自己的，用它们做宣传，产品信息发布，招聘等等。随着网页制作技术的普及，

5、许多个人也开始制作个人主页，主页通常是制作人介绍自己和展示个性的地方。也有公司提供专业的企业制作。通常情况下，这些公司提供信息、服务、nnt、新闻、旅游、娱乐、经济等等人们生活的方方面面。1.3的组成域名+空间服务器+程序=1.3.1域名域名是互联网上计算机或计算机组的名称，由一串用点分隔的字母组成。它用于在数据传输过程中识别计算机的电子位置(有时是地理位置)。目前，域名已经成为互联网品牌和网络商标保护的必备产品之一。DNS规定，域名中的所有标签都由英文字母和数字组成，每个标签不超过63个字符，不区分大小写字母。标签中除了连字符(-)不能使用标点符号。最低级别的域名写在最左边，最高级别的域名写

6、在最右边。由多个标签组成的完整域名总共不应超过255个字符。近年来，一些国家也开发和使用本国语言的域名，如德语和法语。中国也开始使用中文域名，但可以预计的是，在未来很长一段时间内，英文为主的域名(即英文域名)在中国仍将是主流，中文域名备案比较麻烦，但如果备案的话，使用中文域名也是好的。1.3.2空间(虚拟主机)虚拟主机在网络服务器上划分出一定的磁盘空间，供用户放置站点、应用组件等。，并提供必要的站点功能、数据存储和传输功能。所谓虚拟主机，也叫“空间”，就是把一个运行在互联网上的服务器分成几个“虚拟”的服务器。每个虚拟主机都有独立的域名和完整的互联网服务器(支持WWW、FTP、E-mail等。)

7、.虚拟主机是网络发展的福音，极大地促进了网络技术的应用和普及。与此同时，虚拟主机租赁服务成为网络时代的一种新的经济形式。租虚拟主机和租房差不多。程序就是脚本语言，比如asp，php，jsp，。网等。改成源代码就是一堆按照一定格式写的文字和符号，浏览器会帮我们翻译成我们看到的样子。2需求分析2.1问题研究目前我们学校还没有一个以节日活动为主题的。每当周末或假期来临，学生的课外活动就会受到各种条件的限制，他们的青春和活力得不到充分的展示。想在我们学校开展一些活动，只能在校园里贴小广告，不仅破坏了校园的和谐环境，还容易上当受骗。一些活动的参与者主要集中在熟悉的同学和老乡之间，让同学们无法结识更多的有

8、识之士。更有甚者，因为有些同学找不到玩伴，只能对着电脑屏幕度过宝贵的大学时光。建立一个基于我校学生的活动，既解决了上述问题，又方便快捷，一定会受到学生的欢迎。2.2目标用户这门课程的使用者主要是文理学院的学生。我们要充分发挥所提供的互动性，同时虚心采纳同学们提出的意见和建议，努力做好工作，吸引更多本校同学前来参观。2.3需求分析需求分析的目的是获取或描述系统需求中的每个功能需求，通过分析确定系统能做什么，谁将使用系统。本次活动分为文化活动、体育活动、公益活动、娱乐活动、其他活动五大板块，可以帮助游客快速准确地找到所需的活动，还可以进行活动的注册和发布。用户找到需要的活动后，可以查到负责人、活动

9、时间、地点、活动容量、联系方式等等。为了保证活动的真实性，管理员还会对发布的活动进行审核，必要时进行修改和删除。3开发工具介绍3.1 Adobe Photoshop CS5Photoshop是Adobe最著名的图像处理软件之一，集图像扫描、编辑、图像制作、广告创意、图像输入输出于一体，深受平面设计师和计算机艺术爱好者的喜爱。作为Adobe的核心产品，Photoshop CS5最受关注。选择Photoshop CS5的原因不仅是它将与Vista完美兼容，更重要的是，它有几十个令人兴奋的新功能，例如支持宽屏显示的新布局，一个包含20多个窗口的dock，一个占地面积更小的工具栏，多张照片的自动全景生

10、成，灵活的黑白转换，更容易调整的选择工具，智能滤镜，改进的消失点功能，以及对32位HDR图像的更好支持。此外，自CS5以来，Photoshop首次分为两个版本，即常规标准版和支持3D功能的扩展版。Photoshop的应用范围很广，包括图像、图形、文本和视频发布。Photoshop是网页设计领域不可或缺的设计软件。一个好的网络创意绝不会留下图片。只要涉及到图像，就会用到图像处理软件，Photoshop自然成为网页设计的一员。使用Photoshop不仅可以精确处理图像，还可以将图像制作成网页动画，上传到网页。3.2 Adobe Dreamweaver CS5Adobe Dreamweaver CS

11、5是一个集成了网页制作和管理的所见即所得编辑器。Dreamweaver CS5是专为专业网页设计人员开发的第一套可视化网页开发工具。它可以轻松创建跨越平台限制和浏览器限制的动态网页。Dreamweaver可以使用动态HTML功能，而不是编写一行代码。它甚至可以在所有流行的平台和浏览器中检查用户工作结果可能出现的错误。3.3 IIS服务器IIS是互联网信息服务的缩写，它是一个万维网服务器。Gopher服务器和FTP服务器都包含在内。IIS就是可以发布网页，有ASP(Active Server Pages)、JAVA、VBscript生成的页面，还有一些扩展功能。IIS支持一些有趣的东西，比如与编

12、辑环境的接口(Frontpage)，全文搜索功能(IndexServer)，多媒体功能(Net Show)。其次，IIS是Windows NT server 4.0提供的文件盒应用服务器，是在Windows NT server上构建Internet服务器的基本组件。它与Windows NT Server集成在一起，允许利用Windows NT Server的安全性建立一个功能强大、灵活的Internet/intranet站点，使用NTFS文件系统。IIS(Internet Information Server)是一种Web服务组件，包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器

13、，用于网页浏览、文件传输、新闻服务和发送等。它使得在网络(包括互联网和局域网)上发布信息变得很容易。4开发技术简介4.1 ASPASP是Active Server Page的缩写，意思是“动态服务器页面”。ASP是微软开发的一个应用程序，用来代替CGI脚本。它可以与数据库和其他程序进行交互，是一种简单方便的编程工具。ASP是一个服务器端脚本环境，可用于创建和运行动态网页或Web应用程序。ASP可以包含HTML标记、纯文本、脚本命令和COM组件等。ASP可用于向网页添加交互式内容(如在线表单)，或创建使用HTML页面作为用户界面的web应用程序。与HTML相比，ASP网页具有以下特点:(1)使用

14、ASP可以突破静态网页的一些功能限制，实现动态网页技术；(2)ASP文件包含在HTML代码组成的文件中，易于修改和测试；(3)服务器端的ASP解释器会在服务器端执行ASP程序，并将结果以HTML格式发送到客户端浏览器，这样你就可以使用各种浏览器正常浏览ASP生成的网页；(4)ASP提供了一些嵌入对象，可以让服务器端脚本更加强大。比如，可以从web浏览器获取用户通过HTML表单提交的信息，用脚本处理信息，然后将信息发送到web浏览器；(5)ASP可以使用服务器端ActiveX组件来执行各种任务，如访问数据库、发送电子邮件或访问文件系统等。(6)由于服务器将ASP程序执行的结果以HTML格式发回客

15、户端浏览器，用户不会看到ASP编写的原程序代码，可以防止ASP程序代码被窃取；(ACCESS与SQL数据库的便捷连接。4 . 1 . 1 ASP工作原理当ASP功能被并入网站时，将会发生以下事情:(1)用户在浏览器地址栏输入URL，默认页面扩展名为。asp；(2)浏览器向服务器发送请求；(3)服务器引擎开始运行ASP程序；(4)自顶向下处理ASP文件，执行脚本命令和HTML页面；(5)将页面信息发送给浏览器。4.2 CSSCSS(Cascading Style Sheet)，中文翻译为层叠样式表，是一种用于控制网页样式并允许样式信息与网页内容分离的标记语言。CSS在1996年被W3C批准并推荐

16、使用。简单来说，CSS的引入是为了让HTML语言更好的适应页面的艺术设计。它基于HTML语言，提供了丰富的格式化功能，如字体、颜色、背景和整体布局，网页设计师可以为各种可视化浏览器设置不同的样式，包括显示器、打印机、打字机、投影仪和PDA。CSS的引入立刻引发了一个又一个网页设计的新热潮，用CSS设计的优秀网页层出不穷。4.3 JavaScriptJavaScript是一种具有面向对象能力的解释性编程语言。在语法结构上，JavaScript的核心语言类似于C、C+和Java，都有if语句while循环和&运算符等程序结构。然而，JavaScript和这些语言的相似之处仅仅是语法上的相似。Jav

17、aScript是一种松散类型的语言，也就是说，它的变量不必具有显式类型。JavaScript中的对象将属性名映射到任意属性值。这样它们更像是对象(在Perl中)。JavaScript中的OO继承机制是基于远游的，这与鲜为人知的Self语言非常相似，但与C+和Java继承有很大不同。像Perl一样，JavaScript是一种解释性语言。4 . 3 . 1 JavaScript应用JavaScript在Web浏览器中被广泛使用。在这个环境中，通用的核心由对象扩展，对象允许脚本与用户交互，控制Web浏览器，并修改浏览器窗口中出现的文档内容。这个JavaScript的嵌入式版本运行嵌入在HTML网页中

18、的脚本。它通常被称为客户端JavaScript，以强调脚本是由客户端计算机而不是web服务器运行的。5关系数据库访问简介Microsoft Office Access是微软发布的关系数据库管理系统，是集成在微软开发的产品升级Office系统中的集成软件。之所以集成到Office中而不是Visual Studio中，是因为它比其他数据库管理系统更容易学习，一个普通的计算机用户就可以掌握和使用。而且最重要的是Access功能强大，足以满足一般的数据管理和处理需求。Access可以访问Access/Jet、Microsoft SQL Server、Oracle或任何ODBC兼容数据库的数据。ODBC

19、(开放式数据库连接)是微软推出的工业标准。它是一个独立于厂商的开放API应用程序接口，可以跨平台访问各种个人电脑和小型机，与主机系统进行通信。作为一种工业标准，ODBC由大多数数据库供应商提供。大多数应用软件和工具软件厂商都为自己的产品提供ODBC接口或支持，包括常用的SQL Server、Oracal、Informix等。，当然还有访问。5.1访问的优势(1)存储方式简单，易于维护和管理。Access管理的对象包括表、查询、窗体、报表、页、宏和模块，所有这些对象都存储在带有后缀(.mdb或者。accdb)，方便用户操作管理。(2)面向对象Access是一种面向对象的开发工具，它利用面向对象的

20、方法将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各种对象中。它把一个应用系统看成是由一系列对象组成的，为每个对象定义了一套方法和属性来定义对象的行为和外国。用户还可以根据需要扩展对象的方法和属性。通过对象的方法和属性来完成数据库的操作和管理，大大简化了用户的开发工作。同时，这种面向对象的开发方法使得应用程序的开发更加容易。(3)界面友好，操作简单Access是一个可视化工具，但是它的风格和Windows一模一样。用户想要生成对象并应用，只需用鼠标拖拽即可，非常直观方便。系统还提供了表格生成器、查询生成器、报表设计器、数据库向导、表格向导、查询向导、表单向导、报表向导等工具，操作

21、简单，易于使用和掌握。(4)整合环境，处理各种数据信息。该环境基于Windows操作系统下的Access集成开发环境，集成了各种向导和生成器工具，大大提高了开发人员的工作效率，使建立数据库、创建表格、设计用户界面、设计数据查询、打印报表等变得便捷有序。(5)功能强大。Access支持ODBC(开放式数据库连接)。利用Access强大的DDE(动态数据交换)和OLE(对象的连接和嵌入)功能，可以在数据表中嵌入位图、声音、Excel表格和Word文档，还可以建立动态数据库报表和表单。Access还可以将程序应用于网络，并与网络上的动态数据连接。使用数据库访问页面对象生成HTML文件，很容易构建In

22、ternet/Intranet应用程序。(6)支持面广，易于扩展，灵活性更大。可以通过表格的方式打开EXCEL文件和格式化文本文件，这样就可以利用数据库的高效率来查询和处理数据。还可以使用Access作为前台客户端，SQL Server作为后台数据库，开发大型数据库应用系统(如ADP)。简而言之，Access是一个只能用来存储数据的数据库，也可以作为一个客户端开发工具来开发数据库应用系统。也就是说，它既可以用来开发小型易用的软件，也可以用来开发大型应用系统。6设计分析6.1概述文理学院假期活动联盟是针对文理学院学生的，旨在解决学生组织课外活动的困难。我给你设计的名字是“Go Wow”，意思是同

23、学们约好一起去参加活动。主页的设计风格简洁大方，也体现了大学生的活力与激情。非常友好。用户登录后，根据提示，可以立即执行所需操作。6.2功能划分进入此页面后，首页分为文化活动、体育活动、公益活动、娱乐活动和其他活动。在导航栏的底部，还有一个相册。点开相册，你会看到美丽的校园风景。如图6-1所示。XX文理学院假期活动联盟文化活动体育活动公益活动娱乐活动其他活动相册图6-1文理学院假期活动联盟模块6.3功能描述6.3.1文化活动棋类、书法、绘画等各种文化活动都集中在这里。想发布和浏览活动的同学可以点击这里找到自己想要的信息。6.3.2体育活动这里有各种各样的体育活动，比如足球、篮球和乒乓球。想发布

24、和浏览活动的同学可以点击这里找到自己想要的信息。6.3.3公益活动各种公益活动都集中在这里，比如义卖、捐款、义务劳动。想发布和浏览活动的同学可以点击这里找到自己想要的信息。6.3.4娱乐活动这里有各种各样的娱乐活动，如k歌、舞蹈、旅游等。想发布和浏览活动的同学可以点击这里找到自己想要的信息。其他活动其他各种活动都集中在这里。想发布和浏览活动的同学可以点击这里找到自己想要的信息。6.3.6相册点开相册，你会看到很多美丽的校园风景。7详细设计7.1页面设计7.1.1主页设计首页就像一个人的形象，直接关系到第一印象。一个好的主页能让用户第一时间体验到不同。这个页面设计使用的软件是Photoshop

25、CS5。的首页设计是蓝色背景绿色主体的条形渐变，覆盖蓝色背景。以绿色丝带式的导航条包裹在Logo底部，整体给人一种亲近自然的感觉，看完之后感觉很舒服。首页主要分为四个部分。第一部分是Logo，用橙色命名为“Go Wow”，象征年轻人的活力和热情。“走哇”下面有一排牵着手的小朋友。上半部分是用户的登录和注册，底色为蓝色，起到装饰作用。第二部分是导航栏。导航条的样式是环绕页面顶部的绿色丝带，营造出一种立体感。导航栏分为首页、文化、体育、公益、娱乐等六项。第三部分是主体部分。左边是简介，右边是相册。点击照片进入照片欣赏页面。第四部分是肯定的。如图7-1所示。图7-1主页7.1.2分页设计共有五个页面

26、，分别是文化活动、体育活动、公益活动、娱乐活动和其他活动。为了操作方便，每个活动页面的结构基本相同，只是每个页面的配色不同。每一页的设计都采用了多重渐变和图层蒙版的应用，营造出通透的层次感，让页面不至于太过枯燥。在分页的页面结构上，大致分为两部分。第一部分是页面顶部，左侧是分页主题，右侧是其他分页的导航。第二部分左侧是活动信息表，列出了活动的主题和时间。点击表格顶部的“更多”进入活动信息页面，可以查看更多活动信息。右边是发布栏。点击发布栏后，如果用户已经登录，他将能够填写活动发布表单。如果他没有登录，他将没有浏览权限，将转到用户登录页面。登录后，他可以发布活动信息。点击“更多”，则进入活动信息

27、页面，点击活动信息的编号，就会看到活动的详细信息，包括负责人、主题、时间、地点、活动容量、联系方式，即5W1H。图7-2显示了娱乐页面。图7-2娱乐页面7.1.3相册设计在首页点击照片，就可以进入相册浏览校园风光。相册采用JavaScript技术，照片会以飘飘的形式出现在用户面前。移动鼠标时，照片也会随着鼠标移动。点击其中一张照片将其放大。如图7-3所示。图7-3校园风光页面切片用Photoshop设计好主页和分页页面后，用Photoshop的裁剪工具将页面切片，并以web和设备使用的格式、html和图像格式存储。当您在Dreamweaver中打开它时，页面将显示为表格。删除一些图片，替换成背

28、景色或文字。对于大部分相同的区域，可以用剪出小区域来重复替换，以加快网页下载速度。7.2数据库设计7.2.1数据库的分类本数据库采用Access数据库。根据实际情况，建立db1数据库，包括以下数据表:(1)数据库1用户信息表(2)whfabu文化活动发布表(3)tyfabu体育活动发布表(4)gyfabu公益活动发布表(5)ylfabu娱乐发布形式(6)qtfabu其他活动发布表7.2.2数据库的具体设计(1)数据库1用户信息表，包含用户的基本信息，用户注册时要填写。具体设计见表7-1。表7-1数据库1用户信息表字段名数据类型解释编号自动编号数字名字文本显示当前工作目录文本密码性文本性别年龄数

29、字年龄电话数字电子邮件文本家乡文本家乡正确文本权限震颤性精神错乱（Delirium Tremens的缩写）日期/时间注册日期(2)whfabu文化活动发布表，包含文化活动的详细信息，用户发布活动时填写。具体设计见表7-2。表7-2 whfabu文化活动发布表字段名数据类型解释编号自动编号数字当.的时候日期/时间工字续时间在哪里文本活动地点谁文本代表什么文本主题为什么文本活动能力怎么文本其他准备工作震颤性精神错乱（Delirium Tremens的缩写）日期/时间发布日期(3)tyfabu体育活动发布表单，包含体育活动的详细信息，在用户发布活动时填写。具体设计见表7-3。表7-3 tyfabu体

30、育活动发布表字段名数据类型解释编号自动编号数字当.的时候日期/时间工字续时间在哪里文本活动地点谁文本代表什么文本主题为什么文本活动能力怎么文本其他准备工作震颤性精神错乱（Delirium Tremens的缩写）日期/时间发布日期(4)gyfabu公益活动发布表，包含公益活动的详细信息，用户发布活动时需要填写。具体设计见表7-4。表7-4 whfabu文化活动发布表字段名数据类型解释编号自动编号数字当.的时候日期/时间工字续时间在哪里文本活动地点谁文本代表什么文本主题为什么文本活动能力怎么文本其他准备工作震颤性精神错乱（Delirium Tremens的缩写）日期/时间发布日期(5)ylfabu

31、娱乐发布表，包含娱乐活动的详细信息，用户发布活动时填写。具体设计见表7-5。表7-5 whfabu文化活动发布表字段名数据类型解释编号自动编号数字当.的时候日期/时间工字续时间在哪里文本活动地点谁文本代表什么文本主题为什么文本活动能力怎么文本其他准备工作震颤性精神错乱（Delirium Tremens的缩写）日期/时间发布日期(6)qtfabu其他活动发布表，包含其他活动的详细信息，用户发布活动时需要填写。具体设计见表7-6。表7-6 whfabu文化活动发布表字段名数据类型解释编号自动编号数字当.的时候日期/时间工字续时间在哪里文本活动地点谁文本代表什么文本主题为什么文本活动能力怎么文本其他准备工作震颤性精神错乱（Delirium Tremens的缩写）日期/时间发布日期7.3 Dreamweaver网站构建新站点打开Dreamweaver，单击“管理站点”，创建一个新站点，并将其命名为activity web。把Photoshop设计的页面放在这个站点下。连接到数据库建立数据库后，打开控制面板、管理工具、数据源(ODBC)和系统DSN，添加已建立的数据库。单击“数据库”下的加号将数据库加载到Dreamweaver中。如图7-4所示。