本科生毕业论文—湖南文理学院假日活动同盟网站设计.doc

湖南文理学院假日活动同盟网站设计湖南文理学院假日活动同盟网站设计电系专业学生：指导老师： 摘要：本文论述了假日活动网站的构想，建站，实现和应用。由于我校目前还没有一个以假日活动为主题的网站，学生朋友们想在假日里组织参加各种活动相对麻烦。针对这一问题，本网站分为文化、体育、公益、娱乐和其它等五大活动板块，将各种活动进行详细分类，便于查找。各个板块设有发布栏，用户可以通过注册和登录，在发布栏上发起活动，这样其它同学便能第一时间看到活动信息。本网站通过网站构想，photoshop网页样图设计，dreamweaver构建，access数据库的建立和IIS服务器的连接，最终完成网站建设。网站旨在为本校学生提供最为全面和准确的假日活动信息，充分发挥同学们的兴趣爱好，让同学们的校园生活变得更加丰富多彩！关键词：假日活动，网站，信息发布，浏览The Design of Holiday Website of Hunan University of Arts and ScienceElectronics and Information Science and Technology Candidate: Advisor：Abstract:This article discusses the idea of holiday Web site, building, implementation and application.Because there is no one in our school holiday activities-themed Web site, friends want to holiday in the Organization of the students participate in various activities relative trouble.In response to this problem, the website is divided into cultural, sports, public service, entertainment and other five activity sectors, the detailed classification of activities, make it easier to find.Each plate has released bar, users can register and log in, publishing activities initiated on the bar, so that other students can see activity information the first time.The conception of Web sites through the Web site, Photoshop Web design, Dreamweaver construction, establishment of the Access database and the connection to the IIS server, finalize the website.Web site designed to provide students with the most complete and accurate information about holiday activities, give full play to students interests, make students campus life more colorful!Keywords: holiday activities,website,information release,browse引言在高新技术飞速发展的当今社会，互联网成为了人们日常生活必不可少的东西。近十年来，随着社会科技，文化和经济的发展，特别是计算机网络技术和通信技术的大发展，随着人类社会从工业社会向信息社会过渡的趋势越来越明显，人们对信息的意识，对开发和使用信息资源的重视越来越加强，这些都强烈刺激了internet的发展。随着信息技术的发展，特别是互联网技术的普及应用，网络用户已不再满足网络松散的信息，更加希望得到相对集中的咨询消息，更加生动的表现形式，更加便捷的服务，更加自由的消费。在日常生活中，我们也切实感受到了互联网技术发展的好处。如网上购物、电子支付、旅行预订、网上银行、网络营销、搜索、广告、电子邮箱、即时通讯、游戏这些都与我们的生活息息相关。在校园中，互联网更是受到了年轻朋友们的青睐。几乎每个同学都拥有属于自己的聊天工具，如QQ、MSN，也有自己的人人网，微薄与博客。这也使得更多的年轻人热衷于网络中的虚拟世界，忽视了人与人之间在现实世界中的交往。针对这一问题，建立一个校园假日活动网站势在必行。这不仅可以解决同学们组织课余活动的推广问题，还能促进学生之间的交流与了解，提升学生自身的组织能力与团队合作精神。1 网站概述1.1网站的历史因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度（俗称“网速”）、网站软件配置、网站提供服务等几方面考虑，最直接的衡量标准是这个网站的真实流量。1.2网站的发展在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3D技术开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子。通过动态网页技术，用户也可以与其他用户或者网站管理者进行交流。也有一些网站提供电子邮件服务。许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布、招聘等等。随着网页制作技术的流行，很多个人也开始制作个人主页，这些通常是制作者用来自我介绍、展现个性的地方。也有提供专业企业网站制作的公司，通常这些公司的网站上提供人们生活各个方面的资讯、服务、nnt、新闻、旅游、娱乐、经济等。1.3网站的组成域名+空间服务器+程序=网站1.3.1域名域名（Domain Name），是由一串用点分隔的字母组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置），目前域名已经成为互联网的品牌、网上商标保护必备的产品之一。DNS规定，域名中的标号都由英文字母和数字组成，每一个标号不超过63个字符，也不区分大小写字母。标号中除连字符（-）外不能使用其他的标点符号。级别最低的域名写在最左边，而级别最高的域名写在最右边。由多个标号组成的完整域名总共不超过255个字符。近年来，一些国家也纷纷开发使用采用本民族语言构成的域名，如德语，法语等。中国也开始使用中文域名，但可以预计的是，在中国国内今后相当长的时期内，以英语为基础的域名（即英文域名）仍然是主流，而且中文域名备案比较麻烦，但是如果备案下来用中文域名也是很好的。1.3.2空间（虚拟主机）虚拟主机是在网络服务器上划分出一定的磁盘空间供用户放置站点、应用组件等，提供必要的站点功能、数据存放和传输功能。所谓虚拟主机，也叫“网站空间”，就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器，每一个虚拟主机都具有独立的域名和完整的Internet服务器（支持WWW、FTP、E-mail等）功能。虚拟主机是网络发展的福音，极大的促进了网络技术的应用和普及。同时虚拟主机的租用服务也成了网络时代新的经济形式。虚拟主机的租用类似于房屋租用。1.3.3程序程序就是脚本语言，如asp，php，jsp，.net等。换成源码就是一堆按一定格式书写的文字和符号，浏览器会帮我们翻译成眼前的模样。2 网站需求分析2.1问题研究目前我校还没有一个以假日活动为主题的网站。每当周末或节假日来临，学生们的课余活动便会受到各种条件的限制，青春与活力得不到充分的展现。在我校如果想要发起某些活动，只能在校园里张贴小广告，这不仅破坏了校园的和谐环境，还容易上当受骗。某些活动的参与人员，也主要集中在熟悉的同学和老乡之间，无法让同学们结识更多的有识之士。更有些同学更因为找不到玩伴，只能对着电脑屏幕消耗宝贵的大学时光。建立一个以我校同学为基础的活动网站，不仅解决了以上提到的问题，还方便快捷，定会受到同学们的欢迎。2.2 目标用户本网站面向的用户主要是湖南文理学院的在校学生，要充分发挥网站提供的互动性，同时虚心采纳同学们提出的意见与建议，力争将网站做好，吸引更多的本校同学访问。2.3 需求分析需求分析的目的是获取或描述系统需求中的每一个功能需求，并通过分析确定系统能够做什么，谁来使用这个系统。本网站将活动细分为文化活动、体育活动、公益活动、娱乐活动和其它活动五大板块，可以让访问者快速准确地找到所需的活动，还可以注册登录后发布活动。 用户找到所需活动后，可以详细查到该活动的负责人、活动时间、地点、活动内容、联系方式等。为了确保活动的真实性，管理员还会对发布的活动进行审查，必要时进行更改与删除。3 开发工具介绍3.1 Adobe Photoshop CS5Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。作为Adobe的核心产品，Photoshop CS5最受关注。选择Photoshop CS5的理由不仅仅是它会完美兼容Vista，更重要的是几十个激动人心的全新特性，诸如支持宽屏显示器的新式版面、集20多个窗口于一身的dock、占用面积更小的工具栏、多张照片自动生成全景、灵活的黑白转换、更易调节的选择工具、智能的滤镜、改进的消失点特性、更好的32位HDR图像支持等。另外，Photoshop从CS5首次开始分为两个版本，分别是常规的标准版和支持3D功能的Extended(扩展)版。Photoshop的应用领域很广泛，在图像、图形、文字、视频出版各方面都有涉及。在网页设计领域里Photoshop是不可缺少的一个设计软件，一个好的网页创意不会离开图片，只要涉及到图像，就会用到图像处理软件，Photoshop理所当然就会成为网页设计中的一员。使用Photoshop不仅可以将图像进行精确的加工，还可以将图像制作成网页动画上传到网页中。3.2 Adobe Dreamweaver CS5Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver可以使用动态HTML功能，而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。3.3 IIS服务器IIS是Internet Information Services的缩写，是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面（Frontpage）、有全文检索功能的（IndexServer）、有多媒体功能的（Net Show）。其次，IIS是随着Windows NT Server 4.0一起提供的文件盒应用程序服务器，是在Windows NT server上建立Internet服务器的基本组件。它与Windows NT Server完成集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intrane站点。IIS（Internet Information Server，互联网信息服务）是一种Web服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。4 开发技术介绍4.1 ASPASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；（3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；（5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等；（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取；（7）方便连接ACCESS与SQL数据库。4.1.1 ASP工作原理当在Web站点中融入ASP功能后，将发生以下事情：(1)用户向浏览器地址栏输入网址，默认页面的扩展名是.asp；(2)浏览器向服务器发出请求；(3)服务器引擎开始运行ASP程序；(4)ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容；(5)页面信息发送到浏览器。4.2 CSSCSS（Cascading Style Sheet），中文译为层叠样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS是1996年由W3C审核通过，并且推荐使用的。简单地说，CSS的引入就是为了使得HTML语言能够更好地适应页面的美工设计。它以HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显示器、打印机、打字机、投影仪和PDA等。CSS的引入随即引发了网页设计一个又一个的新高潮，使用CSS设计的优秀网页层出不穷。4.3 JavaScriptJavaScript是一种具有面向对象能力的、解释型的程序设计语言。在句法构成上，JavaScript的核心语言与C、C+和Java相似，都具有诸如if语句 while循环和&运算符这样的程序结构。但是，JavaScript与这些语言的相似之处也仅限于句法上的类同。JavaScript是一种松散类型语言，这就是说，它的变量不必具有一个明确的类型。JavaScript中的对象把属性名映射为任意的属性值。它们的这种方式更像是（Perl中的）对象。JavaScript中的OO继承机制是基于远行的，这和不太为人所知的Self语言很相似，而和C+以及Java中的继承大不相同。像Perl一样，JavaScript是一种解释型语言。4.3.1 JavaScript的应用JavaScript在Web浏览器中应用最为广泛，在此环境中，通用用途的核心通过对象得到扩展，这些对象允许脚本和用户交互，控制Web浏览器，以及修改出现在浏览器窗口中的文档内容。这种嵌入式版本的JavaScript运行嵌入到HTML Web页面中的脚本，它通常称作客户端的JavaScript,以强调脚本是由客户端计算机运行的而不是由Web服务器运行的。5 关系型数据库Access介绍Microsoft Office Access 是由微软发布的关联式数据库管理系统，是集成在Microsoft公司开发的产品更新换代Office系统中的集成软件。它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是Access的功能足够强大，足以应付一般的数据管理及处理需要。Access能够存取Access/Jet 、Microsoft SQL Server 、Oracle，或者任何ODBC兼容数据库内的资料。ODBC（Open Database Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机小型计算机以及主机系统。ODBC作为一个工业标准，绝大多数数据库厂商 大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL Server、 Oracal 、Informix等，当然也包括了Access。5.1 Access的优点（1）存储方式简单，易于维护管理Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb或.accdb）的数据库文件中，便于用户的操作和管理。（2）面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。（3）界面友好、易操作Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。（4）集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。（5）功能强大Access支持ODBC（开发数据库互连，Open Data Base Connectivity），利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用。（6）支持广泛，易于扩展，弹性较大能够将通过链接表的方式来打开EXCEL文件、格式化文本文件等，这样就可以利用数据库的高效率对其中的数据进行查询、处理。还可以通过以Access作为前台客户端，以SQL Server作为后台数据库的方式（如ADP）开发大型数据库应用系统。总之，Access是一个既可以只用来存放数据的数据库，也可以作为一个客户端开发工具来进行数据库应用系统开发；即可以开发方便易用的小型软件，也可以用来开发大型的应用系统。6 网站设计分析6.1 网站概貌湖南文理学院假日活动同盟网站面向的用户群是湖南文理学院在校学生，出于为解决学生组织课外活动的困难而设计。我为网站设计的名称是“走哇” ，意为同学们约好后一起去活动。网站首页的设计风格简洁、大方，同时也体现出了大学生所具有的活力与激情。网站的友好性很好，用户登录网站后，根据提示，可马上进行所需要的操作。6.2 功能划分进入本网站后，首页分为文化活动体育活动公益活动娱乐活动和其它活动。在导航栏的下边，还有相册，点击相册，将会看到美丽的校园风光。如图6-1示。湖南文理学院假日活动同盟网站文化活动体育活动公益活动娱乐活动其它活动相册图6-1 湖南文理学院假日活动同盟网站模块图6.3功能描述6.3.1 文化活动这里集中了各式各样的文化活动，如琴棋书画等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.2 体育活动这里集中了各式各样的体育活动，如足球、篮球、乒乓球等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.3 公益活动这里集中了各式各样的公益活动，如义卖、捐款、义务劳动等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.4 娱乐活动这里集中了各式各样的娱乐活动，如K歌、舞会、旅游等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.5 其它活动这里集中了各式各样的其它活动。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.6相册点击相册，将会看到多幅美丽的校园风光。7 网站详细设计7.1 网站页面设计7.1.1首页设计网站的首页就好比是一个人的形象，直接关系到给人的第一印象。好的网站首页可以让用户在第一时间体验到这个网站所具有的不同之处。本网站页面设计用的软件是Photoshop CS5。网站的首页设计是以蓝色为背景，主体部分为绿色的条形渐变，覆盖在蓝色背景上。再配以一条绿色丝带样式的导航栏缠绕在Logo下边，整体给人一种亲近自然的感觉，看后心情舒畅。网站首页主要分四部分。第一部分为网站Logo，网站名“走哇”为橙色，象征着年轻人的活力与热情。“走哇”下面有一排手拉手的小朋友。右侧上端是用户的登录与注册，背景色为蓝色，起点缀作用。第二部分是网站的导航栏。导航栏的样式为一条绿色的丝带围绕在页面上方，营造出一种立体感。导航栏上分为首页、文化、体育、公益、娱乐和其它六项。第三部分是网站的主体。左侧为网站简介，右侧为相册。点击照片，便可进入照片欣赏页面。第四部分是网站的版权。如图7-1示。图7-1 网站首页7.1.2 分页设计网站的分页有五项，分别是文化活动、体育活动、公益活动、娱乐活动和其它活动。为了便于操作，每一项活动分页的结构基本相同，但每个页面的颜色搭配不同。每个分页的设计上采用了多次渐变与图层蒙版的应用，营造出通透有层次的感觉，使页面不至于太枯燥。在分页的页面结构上，大致分两部分。第一部分为页面上边，左侧为分页主题，右侧为其它分页的导航。第二部分左侧为活动信息表格，列出了活动主题与时间，点击表格上方的“more将会进入活动信息页面，查看更多的活动信息。右侧为发布栏，点击发布栏后，如果用户已登录，将可填写活动发布表单，如果没登录，将没有浏览权限，会链接到用户登录页面，登录后方可进行活动信息的发布。在点击“more”,后，进入活动信息页面，点击活动信息的编号，将会看到该条活动的详细信息，包括负责人、主题、时间、地点、活动内容、联系方式,即5W1H。图7-2所示为娱乐活动页面。图7-2 娱乐活动页面7.1.3 相册设计在主页上点击照片，便可进入相册浏览校园风光。相册页面采用了JavaScript技术，照片将以飘动的形式出现在用户眼前。当移动鼠标，照片也会随着鼠标移动。点击其中的一副照片，便可放大观看。如图7-3所示。图7-3 校园风光页面7.1.4 切片在用Photoshop设计好主页和分页的页面后，要用Photoshop的剪裁工具对页面进行切片，并存储为web和设备所用格式，以html和图像格式存储。这样在Dreamweaver中打开后，页面将会以表格的形式出现。再将部分图片删除，用背景色或文字替代。对于大部分的相同区域，可用切出来的小块区域以重复的方式替代，以加快网页的下载速度。7.2 数据库的设计 7.2.1数据库的分类本网站的数据库采用的是Access数据库，根据实际情况，建立db1数据库，包含如下数据表：（1）database1 用户信息表（2）whfabu 文化活动发布表（3）tyfabu 体育活动发布表（4）gyfabu 公益活动发布表（5）ylfabu 娱乐活动发布表（6）qtfabu 其它活动发布表7.2.2数据库的具体设计（1）database 1 用户信息表，表中包含了用户的基本信息，在用户注册时填写。具体设计如表7-1所示。表7-1 database1用户信息表字段名称数据类型说明id自动编号编号name文本姓名pwd文本密码sex文本性别age数字年龄tel数字电话email文本邮箱hometown文本家乡right文本权限dt日期/时间注册日期（2）whfabu 文化活动发布表，表中包含了文化活动的详细信息，在用户发布活动时填写。具体设计如表7-2所示。表7-2 whfabu文化活动发布表字段名称数据类型说明id自动编号编号when日期/时间活动时间where文本活动地点who文本负责人what文本主题why文本活动内容how文本其它准备dt日期/时间发布日期（3）tyfabu 体育活动发布表，表中包含了体育活动的详细信息，在用户发布活动时填写。具体设计如表7-3所示。表7-3 tyfabu 体育活动发布表字段名称数据类型说明id自动编号编号when日期/时间活动时间where文本活动地点who文本负责人what文本主题why文本活动内容how文本其它准备dt日期/时间发布日期（4）gyfabu 公益活动发布表，表中包含了公益活动的详细信息，在用户发布活动时填写。具体设计如表7-4所示。表7-4 whfabu文化活动发布表字段名称数据类型说明id自动编号编号when日期/时间活动时间where文本活动地点who文本负责人what文本主题why文本活动内容how文本其它准备dt日期/时间发布日期（5）ylfabu 娱乐活动发布表，表中包含了娱乐活动的详细信息，在用户发布活动时填写。具体设计如表7-5所示。表7-5 whfabu文化活动发布表字段名称数据类型说明id自动编号编号when日期/时间活动时间where文本活动地点who文本负责人what文本主题why文本活动内容how文本其它准备dt日期/时间发布日期（6）qtfabu 其它活动发布表，表中包含了其它活动的详细信息，在用户发布活动时填写。具体设计如表7-6所示。表7-6 whfabu文化活动发布表字段名称数据类型说明id自动编号编号when日期/时间活动时间where文本活动地点who文本负责人what文本主题why文本活动内容how文本其它准备dt日期/时间发布日期7.3 Dreamweaver建站7.3.1新建站点打开Dreamweaver，点击管理站点，新建站点，命名为activity web。将Photoshop设计好的页面放在该站点下。7.3.2连接数据库建立好数据库后，打开控制面板，管理工具，数据源（ODBC），系统DSN，添加建立好的数据库。点击数据库下的加号，将数据库载入Dreamweaver中。如图7-4所示。图7-4 连接数据库7.3.3 注册和登录页面在activity web下新建两个asp页面，分别为登录和注册页面。如图7-5所示。图7-5 登录和注册页面7.3.4发布活动页面在每个活动页面下都要新建一个发布活动页面。当用户点击发布栏后，如果用户已登录，将转到该活动的发布页面，进行发布活动信息的填写。如图7-6所示。图7-6 发布活动信息页面7.3.5 更多活动信息和活动详细页面同样在每个活动页面下都要有更多活动信息和活动详细页面。当用户点击“more”，将会转到更多活动信息页面，再点击活动编号，会看到该活动的详细信息。7.4 网站的测试制作网站的时候要不断进行测试，在网页中进行页面预览，以便保证网页达到所需要求。不论是页面布局还是数据库，都是在一遍遍的测试中完成的。在网站完成后，还要从主页开始，一项一项在网页中预览，预览无误后，网站才算真正地完成。8 结论经过一个多月的准备与学习，我的毕业设计与论文终于完成了。在刚刚接过选题的时候，我暗自高兴，因为我很喜欢这个设计题目，大三的时候也有过网站制作的基础，自以为可以很好地完成。但当我真正开始毕业设计工作的时候，却发现自己不会的东西是那么多。就从第一步用Photoshop做网页设计来说，之前我是直接在Dreamweaver中做页面，这回为了页面的美观，我决定用Photoshop做。因为之前没用Photoshop做过平面设计，做起来很蹩脚。于是我先自学了Photoshop的平面设计教程，最终做出了自己还算满意的主页页面。在后面的设计中，我也遇到许多问题，多次修改，多次预览测试，一次次失败，一次次尝试。这次毕业设计，让我在自己解决问题的能力上得到了锻炼，同时也看到了自己的不足。这为我在以后的工作中打好了基础。答谢:在完成本系统的设计过程中，本人得到老师的悉心指导和同学的帮助，在此深表谢意。 参考文献1 曾顺，精通CSS+DIV，北京：人民邮电出版社，2007.82 唐建平，ASP动态网页程序设计与制作实训教程，北京：机械工业出版社，2006.93 David Flanagan（美），JavaScript权威指南，北京：机械工业出版社，2007.84 高洛峰，细说PHP，北京：电子工业出版社，2009.105 弗里曼（美），Head First HTML与CSS、XHTML 中国电力出版社，2008.46 孙素华，中文版Dreamweaver CS5 网页设计从入门到精通，中国青年出版社，2011.17 刘斌,张军.ASP.NET+SQL SERVER 动态网站开发案例精选M.北京.清华大学出版社.20058 Patrick McNeil(美)，网页设计创意书，北京：人民邮电出版社，2010.11袁节膅薂羄肅蒃薁蚃芀荿薀螆肃芅蕿袈芈膁蚈羀肁蒀蚇蚀袄莆蚇螂肀莂蚆羅袂芈蚅蚄膈膄蚄螇羁蒂蚃衿膆莈蚂羁罿芄螁蚁膄膀螁螃羇葿螀袅膃蒅蝿肈羆莁螈螇芁芇莄袀肄膃莄羂艿蒂莃蚂肂莈蒂螄芈芄蒁袆肀膀蒀罿袃薈葿螈聿蒄葿袁羁莀蒈羃膇芆蒇蚃羀膂蒆螅膅蒁薅袇羈莇薄罿膄芃薃虿羆艿薃袁节膅薂羄肅蒃薁蚃芀荿薀螆肃芅蕿袈芈膁蚈羀肁蒀蚇蚀袄莆蚇螂肀莂蚆羅袂芈蚅蚄膈膄蚄螇羁蒂蚃衿膆莈蚂羁罿芄螁蚁膄膀螁螃羇葿螀袅膃蒅蝿肈羆莁螈螇芁芇莄袀肄膃莄羂艿蒂莃蚂肂莈蒂螄芈芄蒁袆肀膀蒀罿袃薈葿螈聿蒄葿袁羁莀蒈羃膇芆蒇蚃羀膂蒆螅膅蒁薅袇羈莇袄芈蒇袇螀芇蕿蚀聿芆艿蒃肅芅蒁螈羁芄薃薁袆芃芃螆螂芃莅蕿肁节蒈螅羇莁薀薈袃莀艿螃蝿荿莂薆膈莈薄袁肄莇蚆蚄羀莇莆袀袆羃蒈蚂螂羂薁袈肀肁芀蚁羆肁莃袆袂肀薅虿袈聿蚇蒂膇肈莇螇肃肇葿薀罿肆薂螆袅肅芁薈螁膅莃螄聿膄蒆薇羅膃蚈螂羁膂莈蚅袇膁蒀袀螃膀薂蚃肂腿节衿羈腿莄蚂袄芈蒇袇螀芇蕿蚀聿芆艿蒃肅芅蒁螈羁芄薃薁袆芃芃螆螂芃莅蕿肁节蒈螅羇莁薀薈袃莀艿螃蝿荿莂薆膈莈薄袁肄莇蚆蚄羀莇莆袀袆羃蒈蚂螂羂薁袈肀肁芀蚁羆肁莃袆袂肀薅虿袈聿蚇蒂膇肈莇螇肃肇葿薀罿肆薂螆袅肅芁薈螁膅莃螄聿膄蒆薇羅膃蚈螂羁膂莈蚅袇膁蒀袀螃膀薂蚃肂腿节衿羈腿莄蚂袄芈蒇袇螀芇蕿蚀聿芆艿蒃肅芅蒁螈羁芄薃薁袆芃芃螆螂芃莅蕿肁节蒈螅羇莁薀薈袃莀艿螃蝿荿莂薆膈莈薄袁肄莇蚆蚄羀莇莆袀袆羃蒈蚂螂羂薁袈肀肁芀蚁羆肁莃袆袂肀薅虿袈聿蚇蒂膇肈莇螇肃肇葿薀罿肆薂螆袅肅芁薈螁膅莃螄聿膄蒆薇羅膃蚈螂羁膂莈蚅袇膁蒀袀螃膀薂蚃肂腿节衿羈腿莄蚂袄芈蒇袇螀芇蕿蚀聿芆艿蒃肅芅蒁螈羁芄薃薁袆芃芃螆螂芃莅蕿肁节蒈螅羇莁薀薈袃莀艿螃蝿荿莂薆膈莈薄袁肄莇蚆蚄羀莇莆袀袆羃蒈蚂螂羂薁袈肀肁芀蚁羆肁莃袆袂肀薅虿袈聿蚇蒂膇肈莇螇肃肇葿薀罿肆薂螆袅肅芁薈螁膅莃螄聿膄蒆薇羅膃蚈螂羁膂莈蚅袇膁蒀袀螃膀薂蚃肂腿节衿羈腿莄蚂袄芈蒇袇螀芇蕿蚀聿芆艿蒃肅芅蒁螈羁芄薃薁袆芃芃螆螂芃莅蕿肁节蒈螅羇莁薀薈袃莀艿螃蝿荿莂薆膈莈薄袁肄莇蚆蚄羀莇莆袀袆羃蒈蚂螂羂薁袈肀肁芀蚁羆肁莃袆袂肀薅虿袈聿蚇蒂膇肈莇螇肃肇葿薀罿肆薂螆袅肅芁薈螁膅莃螄聿膄蒆薇羅膃蚈螂羁膂莈蚅袇膁蒀袀螃膀薂蚃肂腿节衿羈腿莄蚂袄芈蒇袇螀芇蕿蚀聿芆艿蒃肅芅蒁螈羁芄薃薁袆芃芃螆螂芃莅蕿肁节蒈螅羇莁薀薈袃莀艿螃蝿荿莂薆膈莈薄袁肄莇蚆蚄羀莇莆袀袆羃蒈蚂螂羂薁袈肀肁芀蚁羆肁莃袆袂肀薅虿袈聿蚇蒂膇肈莇螇肃肇葿薀罿肆薂螆袅肅芁薈螁膅莃螄聿膄蒆薇袁节膅薂羄肅蒃薁蚃芀荿薀螆肃芅蕿袈芈膁蚈羀肁蒀蚇蚀袄莆蚇螂肀莂蚆羅袂芈蚅蚄膈膄蚄螇羁蒂蚃衿膆莈蚂羁罿芄螁蚁膄膀螁螃羇葿螀袅膃蒅蝿肈羆莁螈螇芁芇莄袀肄膃莄羂艿蒂莃蚂肂莈蒂螄芈芄蒁袆肀膀蒀罿袃薈葿螈聿蒄葿袁羁莀蒈羃膇芆蒇蚃羀膂蒆螅膅蒁薅袇羈莇薄罿膄芃薃虿羆艿薃袁节