1、泸 州 职 业 技 术 学 院毕业设计报告泸州职业技术学院纪检监审部网站设计与实现学生姓名 翟佳佳所 在 系 信息工程系班 级 10 计应 1 班专 业 计算机应用技术指导教师 陈长忆 副教授2012 年 11 月 20 日摘要I摘 要随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在 Internet 上表现出重要的地位，并发挥着极其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可
2、能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。Internet 的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人 Web 页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。本论文主要针对纪检监审处网站的设计以及实现作了详细的
3、论述。为了使学院部门网站得到全面改制，更加能够展示学院部门风采、优点与特色，从而增加人们对学院纪检监审处的了解，首先，我去了学院纪检监审部，根据纪检监审部老师的要求以及所提供的有关信息，建构了纪检监审部网站。关键词：Internet 网站建设 纪检监审部网站目录II目 录第一章 绪论 .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 D
4、reamweaver 网页设计工具 .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 站内搜索 .15目录III4.2 网站头部的实现 .174.2.1 显示当日时间的主要代码 .174.2.2 设为首页和加入收藏的主要代码 .184.3 网站尾部实现 .184.4 网站导航栏目的实现 .194.5 留言板的实现 .20第五章 网站测试 .215.1 测试目的 .
5、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参考文献 .32第一章 绪论1第一章 绪论1.1 前言在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要
6、。 互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。1.2 选题依据Internet 是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为 Internet 上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称 WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。近年来，随着网络用户
7、要求的不断提高及计算机科学的迅速发展，特别是数据库技术在 Internet 中的广泛应用，Web 站点向用户提供的服务将越来越丰富，越来越人性化。因此网站建设在 Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了使泸州职业技术学院纪检监审部网站得到全面改制，更加能够展示学院部门风采、优点与特色，从而增加人们对学院纪检监审部的了解。经过调查，纪检监审部原来有本部门的网站，由于以前的网站页面过于单一，内容更新速度慢，所以根据纪检监审处老师的要求和所搜集的资料构建一个新的网站。此网站页面美观，内容更新速度快，也增加了许多新的功能。通过
8、此网站可以让用户更快的了解泸州职业技术学院纪检监审部，以及能够在此网站下载有助于自己学习或工第一章 绪论2作的资料。第二章 需求分析3第二章 需求分析2.1 可行性分析2.1.1 经济可行性对整个网站的开发而言，采用的所有开发工具都是完全免费的，对于网站的后期维护，只需专人对网站栏目内容的录入与发布即可，无需太多花费。因此，对本站而言，在经济上是完全可行的。2.1.2 操作可行性纪检监审部网站是基于 Site Server CMS 的网站建设，需掌握模板开发相关知识以及 DIV+CSS 的知识。如今网上有很多相关开发的资料可看，因此不管学习还是开发，都比较简单，对于网站维护人员来说，Site
9、Server CMS 后台操作也是比较简单。因此，在操作这一点也是可行的。2.2 网站针对人群的需求分析纪检监审处网站主要针对的是学院，教师和学生进行分析。 学院的需求分析：学院各个部门的实际情况各不相同。学院的纪检监审部网站也不一样。纪检监审部网站的建设目标是通过网站来展现部门的风采并发挥其在管理的积极作用。(1)纪检监审部网站的设计根据纪检部的特色来决定的，要体现纪检监审部在学院的重要性。在网站设计的时候，要研究这些方面，来确定网站的整体风格。(2)纪检监审部网站应该在突出纪检部特色的同时更注重网站的实用性。网第二章 需求分析4站建设的目的之一就是为纪检监审部的管理服务，所以一个实用的，可
10、操作性的和功能多的网站才是最重要的，纪检监审部网站应该紧紧围绕。 教师的需求分析：对老师来说，长时间的讲课不利于学生的对知识的吸收，但是由于学生在吸收的知识的程度有很大的差别，就很难以照顾到所有同学都对知识全部理解与吸收，这样就需要花费许多单独时间来辅导学生但这样未必效果明显，网站的建设有利于老师上传试题的详细讲解、相关教学视频等。再者老师们需要互相借鉴别人的教学方法和展示自己的教研成果等来加强自己的知识量，同时老师们还需要一个课外交流平台与学生进行交流，所以网站的建设有利于老师与老师、老师与学生的交流。 学生的需求分析：随着网络信息的飞速发展，为了能跟上时代的脚步，课堂上老师所讲的知识已经不
11、能满足学生了。网站的建设，可以让学生在网上搜索和下载更多的知识，从而增加学生的知识面。更能帮助学生了解纪检监审出的最新动态。第三章 网站设计5第三章 网站设计3.1 开发工具 Site Server CMS 介绍CMS 是 Content Management System 的缩写，意思就是“内容管理系统” 。是一种位于 WEB 前端（Web 服务器）和后端办公系统或流程（内容创作、编辑）之间的软件系统。 CMS 的优势网站内容的管理是 CMS 最大的优势，它流程完善、功能丰富，可把稿件分门别类并授权给合法用户编辑管理，而不需要用户去理会那些难懂的 SQL 语法。CMS 具有许多基于模板的优秀
12、设计，可以加快网站开发的速度和减少开发的成本。它的功能并不只限于文本处理，它也可以处理图片、Flash 动画、声像流、图像甚至电子邮件档案。 CMS 的特点1、可以针对各种内容进行分类和发布管理。2、可以针对不同类型的用户发布不同的内容，可以将各种内容进行分类。3、可以任意定义内容类型与多媒体支持。4、用户接口可编辑性强，可以根据客户要求订做用户接口和风格模块。5、可分布式管理。站点管理和维护人员无须集中在同一个办公室。6、可开发性强，可以针对不同的需求进行专门的开发。7、容易使用。 CMS 的用途及应用领域CMS 的用途在于方便一些对于各种网络编程语言并不是很熟悉的用户用一种比较简单的方式来
13、管理自己的网站。利用 CMS，不需要学习复杂的建站技术和太多复杂的 HTML 语言，就能够构建出一个风格统一功能强大的专业网站。CMS 所管理的内容中，可以包括文章，图片，投票，广告，下载，多媒体文件，甚至可以嵌入论坛，留言板。CMS 的应用领域是各种涉及到文章发布和需要管理的网站建设当中。如：政第三章 网站设计6府部门、学校、商业门户、信息港、地方门户网等。 CMS 的分类根据其平台脚本种类分为：ASP CMS、JSP CMS、PHP CMS、ASP.NET CMS。根据应用层面分为：重视后台管理的 CMS、重视风格设计的 CMS 和重视前台发布的 CMS。3.2 本网站主要工具的使用3.2
14、.1 Flash 动画制作工具Flash，是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公
15、式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。 3.2.2 Dreamweaver 网页设计工具一个可视化的网页设计和网站管理工具，支持最新的 Web 技术，包含 HTML检查、HTML 格式控制、HTML 格式化选项、可视化网页设计、图像编辑、全局查找替换、全 FTP 功能、处理 Flash 和 Shockwave 等富媒体格式和动态 HTML、基于团队的 Web 创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。Dreamweaver 的几大新特性：1.动态跨浏览器验证：自动检测标签和 CSS 规则来适应所有主流浏览器！2.更强大的 CSS 支持！3.内建的图形编辑引擎:修剪,改变大小,尺寸，旋转角度,调节明暗度都不需
