软件教研室网站的设计

四川信息职业技术学院谢宇

软件教研室网站的设计

四川信息职业技术学院谢宇

信息时代随着计算机技术以及通信网络的飞速发展，信息的发布和交流开始越来越广泛利用计算机、网络管理和信息采集势在必行。当今高校的教学任务越来越繁忙，一些部门急需一个自己的能进行新闻快速发布、资料下载、在线留言等功能的网站。本次毕业设计是实现一个软件教研室网站，该网站分为前、后台，主要功能包括：新闻查看功能、文件下载功能、在线留言功能、相册查看功能、视频查看功能、管理员登录功能、新闻发布功能、新闻收索功能、新闻管理功能、文件管理功能、留言管理功能。任何用户均可在本网站前台查询新闻，通过单击每条新闻的标题来查看该条新闻的详细内容。当用户进入下载页面后，通过单击每个文件的标题来下载该文件。当用户进入留言板页面后，可以查看所有回复的留言信息，也可以进行留言。用户可以在毕业留影中查看各班级照片。用户可以在学生视频中可以单击观看视频。当管理员通过后台登录成功后，可以进行新闻的发布、修改和删除，在修改时可以新闻的收索；可以进行文件的上传、修改和删除；可以进行对前台浏览者的留言回复，也可以对回复进行修改和留言的删除。当管理员操作完毕后，可以单击“退出系统”按钮，退出后台系统。

一、开发背景

近年来，随着internet的迅速崛起，互联网已日益成为收集提供信息的最佳和最快渠道，并快速进入传统的流通领域。互联网的跨地域性、可交互性、全天候性使其在与传统媒体行业和传统贸易行业的竞争中具有不可抗拒的优势，因而发展十分迅速。

当然，无论是企业还是学校，随着信息量的增大，变化幅度也不断增大。依靠传统的手工管理手段显然已不能适应新时期高校的教学工作，无法完成大量的信息分析和处理。

因此，作为一个信息学院中教学繁忙的软件教研室，应当具有一个可实施性的软件智能化沟通平台是无可厚非的。软件教研室网站既可以解决资料、信息的繁冗难处理问题，又可以节约各老师的宝贵时间，不仅使信息渠道更为畅通，而且可以资源共享，实现了信息管理的智能化。

二、网站分析

很多网站都提供新闻栏目，例如搜狐、新浪等著名网站的新闻专栏。许多企业和个人网站也需要定期发布一些关于企业或网站的新闻。因为网络中新闻发布的频率非常高，如果使用静态网页作为新闻页面，则维护工作将非常繁琐，管理员每天需要制作大量的网页，从而浪费很多时间和精力。使用新闻发布、新闻管理系统和留言板可以使新闻发布、管理和留言变得很轻松，管理员只需设置标题、内容和图片等新闻就可以了，系统将自动生成对应的网页。本文将对新闻发布及管理系统进行系统分析与总体设计。

从功能描述的内容将其分为前后台，我们根据这些功能，设计出系统的功能模块，后台功能模块如下图所示。

设计出前台功能模块如下图所示。

三、网站模块的设计与实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。常用的软件是Macromedia的Dreamweaver以及Adobe的Photoshop。

设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。

统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。

对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。

和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。

3.1 前台

主界面

访问者可以在主界面查看通知信息、动态信息、教务信息、日程信息、实习就业信息、快速导航到其他网站、查看相册照片、查看学生作品等操作。

新闻界面

此界面是通过点击主界面上“专业动态”中的“动态信息”进入，访问者可以在此界面点击查看各类新闻。访问者点击某一新闻进入新闻查看界面。

资料下载界面

此界面是通过点击主界面上“资料下载”进入，访问者可以在此界面下载后台上传的各类资料。访问者点击某一资料后，将进入资料详情界面。在资料详情界面，点击文件，即可进行下载。

留言板界面

此界面是通过点击主界面上“留言板”进入，访问者可以在此界面查看留言信息，也可以点击“我要留言”进行留言。

3.2 后台

登录界面

管理员在此界面进行登录成功后，可以实现新闻的添加、管理，资料上传、管理，留言回复、管理，用户创建、管理操作。

新闻添加界面

管理员在此界面可以添加动态信息、日程信息、通知信息、教务信息、就业实习信息。

新闻管理界面

管理员在此界面可以对动态信息、日程信息、通知信息、教务信息、就业实习信息进行新闻修改、新闻删除。

留言回复界面

管理员在此界面可以对网站访问者进行问题回复。管理员点击回复后，进入“回复留言”界面，进行留言回复。