泸州职业技术学院纪检监审部网站设计与实现_毕业设计报告.docx

泸 州 职 业 技 术 学 院毕业设计报告泸州职业技术学院纪检监审部网站设计与实现学生姓名翟佳佳所 在 系信息工程系班 级10计应1班专 业计算机应用技术指导教师陈长忆 副教授2012年11月20日 摘要摘 要随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在internet上表现出重要的地位，并发挥着极其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。本论文主要针对纪检监审处网站的设计以及实现作了详细的论述。为了使学院部门网站得到全面改制，更加能够展示学院部门风采、优点与特色，从而增加人们对学院纪检监审处的了解，首先，我去了学院纪检监审部，根据纪检监审部老师的要求以及所提供的有关信息，建构了纪检监审部网站。关键词：internet 网站建设 纪检监审部网站i目录目 录第一章绪论1第二章需求分析22.1 可行性分析22.1.1经济可行性22.1.2 操作可行性22.2 网站针对人群的需求分析2第三章网站设计43.1 开发工具site server cms介绍43.2 本网站主要工具的使用53.2.1 flash 动画制作工具53.2.2 dreamweaver 网页设计工具53.2.3 photoshop 图像设计软件63.3 网站基本结构图73.4 网站导航栏的设计7第四章网站实现94.1 网站首页的实现94.1.1 公告通知94.1.2 部门新闻104.1.3 图片新闻124.1.4 友情链接144.1.5 站内搜索154.2 网站头部的实现174.2.1 显示当日时间的主要代码174.2.2 设为首页和加入收藏的主要代码184.3 网站尾部实现184.4 网站导航栏目的实现194.5 留言板的实现20第五章网站测试215.1 测试目的215.2 测试环境215.3 测试内容215.3.1 网站测试的主要内容215.3.2 网站系统测试的内容225.4 测试结果22第六章网站发布与维护236.1 申请域名236.2 空间的申请256.3 域名备案276.4 上传网站276.5 网站维护286.5.1 网站后台维护286.5.2 网站内容更新29总 结 30致 谢 31参考文献 32iii 第一章 绪论第一章 绪论1.1 前言在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。 互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。1.2 选题依据internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为internet上一种先进的，易于被人们所接受的信息检索手段，world wide web(简称www)发展十分迅速，成为目前世界上最大的信息资源宝库。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在internet中的广泛应用，web站点向用户提供的服务将越来越丰富，越来越人性化。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了使泸州职业技术学院纪检监审部网站得到全面改制，更加能够展示学院部门风采、优点与特色，从而增加人们对学院纪检监审部的了解。经过调查，纪检监审部原来有本部门的网站，由于以前的网站页面过于单一，内容更新速度慢，所以根据纪检监审处老师的要求和所搜集的资料构建一个新的网站。此网站页面美观，内容更新速度快，也增加了许多新的功能。通过此网站可以让用户更快的了解泸州职业技术学院纪检监审部，以及能够在此网站下载有助于自己学习或工作的资料。35 第二章 需求分析第二章 需求分析2.1 可行性分析2.1.1经济可行性对整个网站的开发而言，采用的所有开发工具都是完全免费的，对于网站的后期维护，只需专人对网站栏目内容的录入与发布即可，无需太多花费。因此，对本站而言，在经济上是完全可行的。2.1.2 操作可行性纪检监审部网站是基于site server cms的网站建设，需掌握模板开发相关知识以及div+css的知识。如今网上有很多相关开发的资料可看，因此不管学习还是开发，都比较简单，对于网站维护人员来说，site server cms后台操作也是比较简单。因此，在操作这一点也是可行的。2.2 网站针对人群的需求分析纪检监审处网站主要针对的是学院，教师和学生进行分析。l 学院的需求分析：学院各个部门的实际情况各不相同。学院的纪检监审部网站也不一样。纪检监审部网站的建设目标是通过网站来展现部门的风采并发挥其在管理的积极作用。(1)纪检监审部网站的设计根据纪检部的特色来决定的，要体现纪检监审部在学院的重要性。在网站设计的时候，要研究这些方面，来确定网站的整体风格。(2)纪检监审部网站应该在突出纪检部特色的同时更注重网站的实用性。网站建设的目的之一就是为纪检监审部的管理服务，所以一个实用的，可操作性的和功能多的网站才是最重要的，纪检监审部网站应该紧紧围绕。l 教师的需求分析：对老师来说，长时间的讲课不利于学生的对知识的吸收，但是由于学生在吸收的知识的程度有很大的差别，就很难以照顾到所有同学都对知识全部理解与吸收，这样就需要花费许多单独时间来辅导学生但这样未必效果明显，网站的建设有利于老师上传试题的详细讲解、相关教学视频等。再者老师们需要互相借鉴别人的教学方法和展示自己的教研成果等来加强自己的知识量，同时老师们还需要一个课外交流平台与学生进行交流，所以网站的建设有利于老师与老师、老师与学生的交流。l 学生的需求分析：随着网络信息的飞速发展，为了能跟上时代的脚步，课堂上老师所讲的知识已经不能满足学生了。网站的建设，可以让学生在网上搜索和下载更多的知识，从而增加学生的知识面。更能帮助学生了解纪检监审出的最新动态。第三章 网站设计第三章 网站设计3.1 开发工具site server cms介绍cms是content management system的缩写，意思就是“内容管理系统”。是一种位于web前端（web 服务器）和后端办公系统或流程（内容创作、编辑）之间的软件系统。l cms的优势网站内容的管理是cms最大的优势，它流程完善、功能丰富，可把稿件分门别类并授权给合法用户编辑管理，而不需要用户去理会那些难懂的sql语法。cms具有许多基于模板的优秀设计，可以加快网站开发的速度和减少开发的成本。它的功能并不只限于文本处理，它也可以处理图片、flash动画、声像流、图像甚至电子邮件档案。l cms的特点1、可以针对各种内容进行分类和发布管理。2、可以针对不同类型的用户发布不同的内容，可以将各种内容进行分类。3、可以任意定义内容类型与多媒体支持。4、用户接口可编辑性强，可以根据客户要求订做用户接口和风格模块。5、可分布式管理。站点管理和维护人员无须集中在同一个办公室。6、可开发性强，可以针对不同的需求进行专门的开发。7、容易使用。l cms的用途及应用领域cms的用途在于方便一些对于各种网络编程语言并不是很熟悉的用户用一种比较简单的方式来管理自己的网站。利用cms，不需要学习复杂的建站技术和太多复杂的html语言，就能够构建出一个风格统一功能强大的专业网站。cms所管理的内容中，可以包括文章，图片，投票，广告，下载，多媒体文件，甚至可以嵌入论坛，留言板。cms的应用领域是各种涉及到文章发布和需要管理的网站建设当中。如：政府部门、学校、商业门户、信息港、地方门户网等。l cms的分类根据其平台脚本种类分为：asp cms、jsp cms、php cms、asp.net cms。根据应用层面分为：重视后台管理的cms、重视风格设计的cms和重视前台发布的cms。3.2 本网站主要工具的使用3.2.1 flash 动画制作工具flash，是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的flash应用程序。 flash特别适用于创建通过internet提供的内容，因为它的文件非常小。flash是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。 3.2.2 dreamweaver 网页设计工具一个可视化的网页设计和网站管理工具，支持最新的web技术，包含html检查、html格式控制、html格式化选项、可视化网页设计、图像编辑、全局查找替换、全ftp 功能、处理flash和shockwave等富媒体格式和动态html、基于团队的web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。 dreamweaver的几大新特性：1.动态跨浏览器验证：自动检测标签和css规则来适应所有主流浏览器！2.更强大的css支持！3.内建的图形编辑引擎:修剪,改变大小,尺寸，旋转角度,调节明暗度都不需要离开dreamweaver环境，因为它本身集成了fw的基本图形编辑技术.(这一点有模仿frontpage的嫌疑！但这个功能确实很实用)！4.无缝整合外部文件和代码：直接将word和excel文档复制和粘贴到dreamweaver中，会保留字体，颜色，css样式表信息。使用系统支持的编码保存任何字体,包括双字节字符集。5.紧密整合mm的其他工具：加强了和mm其他几款产品的协同工作能力.例如:你可以通过dw直接设置flash组件的参数。3.2.3 photoshop 图像设计软件photoshop是adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。photoshop界面图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。 第三章 网站设计3.3 网站基本结构图图3-1 网站基本结构3.4 网站导航栏的设计l 网站首页网站首页主要包括公告通知，部门新闻，图片新闻，站内搜索和友情链接等五个栏目组成。让老师和同学能够更加清楚了解纪检监审部的最新动态。首页设计如下图所示：图3-2 网站首页l 部门简介本页面主要通过工作职责来介绍了纪检监审部。纪检监审处的工作职责主要介绍了纪检监审部在学院的工作及职责。为大家更加了解纪检监审部提供了方便。l 廉政教育本页面主要通过廉政论坛，警钟长鸣，廉政文苑和廉政讲堂几个方面来说明廉政教育的重要性。l 规章制度本页面主要介绍学院的规章制度，以及告诫同学们要遵守学院的制度。l 政策法规本页面主要介绍了政策法规的重要性，并举例说明。l 信访举报本页面主要通过举报指南，网上举报，信函举报和电话举报几种举报方式做了相关说明。1. 举报指南：本页面对怎样举报作了详细的指导。2. 信函举报：本页面主要内容是举报的邮编地址。3. 电话举报：本页面只要内容是举报的电话。4. 网上举报：本页面主要内容是举报的网址。l 资料下载本页面主要提供对用户的资料下载。实现如下图所示：图3-3 资料上传l 留言板的设计留言板设计有利于收集网站浏览者的留言信息，管理员可查看留言，并对留言做出回复。如下图所示：图3-4 留言板设计 第四章 网站实现第四章 网站实现4.1 网站首页的实现网站首页主要有公告通知，部门新闻，图片新闻，站内搜索和友情链接几个栏目组成。4.1.1 公告通知公告通知主要内容是展示纪检监审部最近通知动态，主要代码如下：   公告通知   公告通知的实现如下图所示：图4-1 公告通知4.1.2 部门新闻部门新闻主要内容是展示纪检监审部最近新闻动态，主要代码如下：   部门新闻   部门新闻的实现如下图所示：图4-2 部门新闻4.1.3 图片新闻图片新闻主要内容通过图片来展示，介绍部门的新闻动态，主要代码如下：    图片新闻     图片新闻的实现如下图所示：图4-3 图片新闻4.1.4 友情链接网站友情链接功能的实现，方便了用户对其他有关网站的访问。下面是友情链接实现的主要代码： 友情链接   香港廉政公署   国家监察厅   国家教育网   四川教育厅   国家检察部   中国职务犯罪预防网 网站友情链接的实现如下图所示：图4-4 网站友情链接4.1.5 站内搜索网站站内搜索的实现提供用户对站内信息的快速访问，以便提供对信息访问效率。下面是站内搜索实现的主要代码： 站内搜索 关键字：   function stlupdateajaxelement_1(pageindex) var url = /sitefiles/inner/search/output.aspx?publishmentsystemid=2; var querystring = document.location.search; var querystring2 = ; if (querystring = null | querystring.length = 1)querystring = ;else querystring = querystring.substring(1); var arr = querystring.split(&); for(var i=0; i arr.length; i+) var item = arri; var arr2 = item.split(=); if (arr2 & arr2.length = 2) querystring2 += & + arr20 + = + encodeuricomponent(arr21); elsequerystring2 += & + item querystring = querystring2; function stljumpajaxelement_1(selobj) stlupdateajaxelement_1(selobj.optionsselobj.selectedindex.value);stlupdateajaxelement_1(0); 站内搜索的实现如下图所示：图4-5 站内搜索4.2 网站头部的实现网站头部主要由当日时间，设为首页和加入收藏这几个功能组成。下面是其主要代码。4.2.1 显示当日时间的主要代码欢迎光临，今天是： 网站当日时间功能的实现如下图所示：图4-6 网站日期显示4.2.2 设为首页和加入收藏的主要代码设为首页   加入收藏网站中设为首页和加入收藏功能的实现如下图所示：图4-7 网站设为首页和加入收藏4.3 网站尾部实现纪检监审部网站尾部内容主要有技术支持和网站制作人。下面是网站尾部实现的主要代码：技术支持：siteserver cms copyright 2011 制作人：翟佳佳 网站尾部的实现如下图所示：图4-8 网站尾部4.4 网站导航栏目的实现网站导航栏目主要由网站首页，部门简介，廉政教育，规章制度，政策法规，普法教育，信访举报，资料下载和留言本九个栏目组成。下面是网站导航栏实现的主要代码： 网站首页 部门简介 廉政教育 规章制度 政策法规 信访举报 资料下载 网站导航栏目的实现如下图所示：图4-9 网站导航栏4.5 留言板的实现留言板的实现有利于收集网站浏览者的留言信息，管理员可以查看留言，并对留言做出回复。留言板的实现如下图所示：图4-10 用户登录留言板界面图4-11 管理员登录留言板界面 第五章 网站测试第五章 网站测试5.1 测试目的网站测试的目的是在最少的时间内找出系统中潜在的各种错误和缺陷，同时通过测试证明系统的性能和功能是否满足系统需求，建设的网站是否实现了规划的预期目标，界面是否符合美观、大方的要求，操作是否简单方便，输入的数据信息是否流畅，下载功能是否实现等问题。5.2 测试环境网站是在www服务器环境下运行的，www服务器是目前应用最为广泛的internet服务器之一，用户只要通过“浏览器”就可以非常方便地访问internet，获得所需的信息。www的组成如图所示：图5-1 www网站示意图浏览器和服务器之间的信息交换使用超文本传输协议（hypertext transfer protocol，http）。基于http协议的万维网实际上是一个大规模的、在线式的信息仓库，是一个支持交互式访问的分布式超媒体系统。5.3 测试内容5.3.1 网站测试的主要内容1.运行速度：检查网站运行速度是否正常。2.搜索功能：有搜索功能的地方输入系统存在和不存在的内容,看搜索结果是否正确.如果可以输入多个搜索条件,可以同时添加合理和不合理的条件,看系统处理是否正确。3.链接正确性：检查每一个链接是否都能跳转到相对于的页面。4.下载功能：检测下载资料的功能是否实现。5.3.2 网站系统测试的内容1.网站硬件，网络连接的测试2.网站功能的测试：网页测试：测试网页能否正常运行。内容测试：测试网站里内容能否正常显示。5.4 测试结果网站建设完成后，通过测试，本网站页面美观大方，网站能够正常运行，网站的搜索功能可以实现站内搜索，网站的链接能够正常链接并且跳转到相对应的页面，网站的下载功能能够正常下载资料。 第六章 网站发布与维护第六章 网站发布与维护6.1 申请域名站点中的网页制作好后，就需要把它放到万维网(www)上，让全世界的网络浏览者都有机会参观该站点。下面是域名申请的步骤：1. 首先请登录会员,如果您还没有申请会员,登陆网站点击网页上方的注册这个按钮进入注册页面。如下图所示：图6-1 注册页面2.填入注册资料,然后点击注册,即可完成。注册完成后系统自动登录。如下图所示：图6-2 注册页面3.进行域名查询,选择需要的域名。点击本站左上角的注册域名进入域名查询页面。如下图所示:图6-3 注册域名4. 输入需要查询的域名如:,那么请输入chinaxiamen,然后选择.cn后缀。如下图所示：图6-4 域名查询5. 点击搜索按钮,即将显示查询结果。如下图所示：图6-5 域名查询结果6.选择您需要的域名并提交订单然后点击注册按钮进入资料填写页面。如下图所示：图6-6 中文注册6-7 英文注册6. 填写完成后点击确认注册,再次点击确定，就成功申请域名了。图6-8 确认注册6.2 空间的申请申请域名之后，需要选择提供虚拟主机服务的商家，有的商家收费低廉，但链接速度可能较慢，有的商家收费偏高，但链接速度较快。因此，在选择虚拟主机服务时，应该综合考虑所提供的各种费用和服务。空间申请的步骤：1.申请时是会员才能注册免费空间的，而且这样方便你管理你的产品信息。如下图所示：图6-10免费空间注册2. 在页面的右上角有个即刻申请开通按钮，点击那个进入/pdtshw/ctzjshw/index.asp?pcid=29页面，点击页面中的购买。如下图所示：图6-11 空间购买3. 填写上传账号和密码，开通方式那栏选“正式购买”就行，把相关的个人信息填写完，之后点立即申请的按钮就可以了。如下图所示：图6-12 购买空间界面4. 提交之后会立即生效就可以去管理你的空间了。6.3 域名备案为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。根据中华人民共和国信息产业部第十二次部务会议审议通过的非经营性互联网信息服务备案管理办法精神，在中华人民共和国境内提供非经营性互联网信息服务，应当办理备案！未经备案，不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款或关闭。域名备案的流程：1.登录信息部网站；2.icp注册；3.输入手机、邮件验证码；4.录入备案信息；5.将备案编号和电子证书安放在规定的位置；6.网站站长备案须当面检验拍照，该规定自2012年2月13日起执行。6.4 上传网站 借助工具软件上传，如flashfxp。flashfxp能够提供最简便和快速的途径来通过ftp传输任何文件，提供一个格外稳定和强大的程序，能够确保工作快速和高效的完成。上传后，在浏览器的地址栏中输入域名就可以看到我们自己做的网站了。6.5 网站维护网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，增加访问量。而且平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。6.5.1 网站后台维护 服务器登陆与安全服务器是一个网站的核心，需放在一个特别的房间里，所以我们不能经常去机房更新维护服务器。所以通过一种远程登录的技术登录服务器。我们可以在xp系统的“运行”或在win7的搜索中键入“mstsc”来启动远程桌面程序，打开界面输入要进行远程的主机（