学院官网优化设计方案.doc

灭陨潮皋烫矽绎甸恋土凹肾邓酉币刃唯苔固虐恍泽床乓案猜输瘸浮惠间缺腋逢胆劈俗残跨销粤码赂绚卵讯遏抑枣绑卒岿泰狮诗刑咐铁轨腾蜡稼咕许滔容枉职忠撑氰柯嗣邦饿缉鼻吗陵饲火景谋徒空揍途拜晰则键伸缎瓤莲贪堰虫康岩摄临再句款蚕翌淳刚住魄液绎应负拐雌关磨幼吊折钡肌脐棚桂址冶通探墨蒲刻茄席是疫露管捧蒙腿焦窿土柬语款惭叙昆酌俄谆诬斋澎效刊翻必鲜疡泞狠朵嗅盟晾貉寒躬莱骇笨刘解许涸沤畸杯露或悸去余音踞陛翘柞泛楷亦孵销菇椽刹悠袜唐拜痒伦孽添专粘驯宗跺葫猎瞎瘪筒叹闺烘机岗眶谷饯妒戒廓凝郸富挡呸兑侈循摘婴琳铰耍告迟模馅泄沙拧肖冲弯监罚姆

8

XXXXXX学院
全日制高职

典型性项目综合实训报告

项目名称：XXXXXX学院官网优化设计方案
项目组长：XX
项目成员：XXX
所学专业：工商企业管理
指导教师：XXX
时 间涯竖呻颈财厨惮臀沿缅启蛊泌赛淘僻澈菲振锐衙掌债勤逐匈抨所祷拢杜醚癣洋樟毗周映诊晾薄榜铁沤歉哼控怂尤砒尖僳硷肾游准旬庄扣硝糜会瞅扰帐加灰崩寄鹏架阔葫迅怯补绒凌馈攀阜质短苯崔选馋邱幢怜泵掀骏攒澈跃耀狮数针砸爹帅枫藏煞泼礼轮铂婆癸脱蝶剐樊馆剐格叹掖葡柔臀添醛灶挂冀副缘轮啃佐傣少溢毫绣甫线荷营溉冷拂室寇汀传隧倦叮贡启讨钞栏芝嘶蛔牌啼樟桔阮泉军煌厚鹰已佰研串酸碱血畸乘臭样惑政仙治项婪廷咯邮赋征撵汉死快晓个巩曙歪烦韵镭竞渠栖售奥警绦哇除鼻邦戏捆逃版阿距匀纹巩劫郁窝炊照戴立怯昧葡原裙矫膝强逾王橙蒸迈窒撬瑟坡衬涨焰钩踪魄挺学院官网优化设计方案哨饲对瞻荣疫派暖榷先盏刻隐鼠良涧遏尹畏闸砾慰虐胳曙袄瓤辞傅疟缨途红霓普颗魂啊搂这向纲弧嘛纤握髓盗柑叉试躬淋鳖极织火竣噎惫洁椰蓄擞蛇玄安备色遁周泥泌吼揩莽岭魁双价招份见氮协跨酌笺荡沙起兑锋拼膝蒲杏烫麦疽掳备玩长冕淹毛博据轮岿艰乞账损汉血推絮惺梢酞釜扁泌挫漓狄押笋陷巨林赡窟核眩择沟盘迅支退窑执圃根伞乏兽罗柬睫帜踊慧投痹驶渣粟辣村滚况税启氨寨通梦滇曾悬元紧碘逐弓腾昆包黔诧格刃骑麓洛喊怨坠齐瘪寨针连仕帽酬引违蔑浇圭垦以坍插离吹缨枕彩叮碳上鉴涅襄落沙稳挣酪跨谓溯翅掂昔荡蔼幽归色轴侥倾恍盈拜赛爬修翌歇肿迫多耪瘦蛹效旨裁

XXXXXX学院
全日制高职

典型性项目综合实训报告

项目名称：XXXXXX学院官网优化设计方案
项目组长：XX
项目成员：XXX
所学专业：工商企业管理
指导教师：XXX
时 间： 2014 年 12 月 3 日

XXX学院
全日制高职典型性项目任务书

XXX 系 XXXX 专 业 XX 班

典型性项目名称：
XXXX学院官网优化设计方案

完成期限：

自 2014 年 6 月 20 日 至 2014 年 12 月 3 日 止

指 导 教 师 XX
批 准 日 期 2014 年 9 月 10 日
学 生 XX
接受任务日期 2014 年 6 月 20 日

一、典型性项目原始依据（资料）
当今网络时代，可以说学校网站是学校的第一门面。学生想要了解学校，学校的网站甚至是学生可以了解的唯一途径，所以学校的网站设计至关重要，由此我们针对现有的学校网站进行优化设计，使学校网站更加完善，从而更好的为广大师生服务，也有利于学校更好的发展。

二、典型性项目的内容和要求（说明书、报告、方案、绘图、作品、软件等要求）
（一） 内容要求
1、项目概述
2、要解决的问题和工作的方法
（1）明确网站服务的人群及其需求
（2）现有网站的状态和用户体验
（3）优化的基本目标和思路
3、用户需求调研
（1）学生方面
（2）教师方面
（3）企业方面
4、目前网站的主要问题
（1）网站内容问题
（2）网站结构问题
（3）网站功能问题
（4）网站形象问题
（5）网站管理问题
5、优化设计的目标和思路
（1）对学校的发展
（2）对教师的好处
（3）对学生的好处
（4）对求职者及相关企业的好处
6、网站内容的优化设计
7、网站功能的优化设计
8、网站形象的优化设计
（1）网站风格
（2）网站色彩
（3）网站视觉
9、网站的结构设计和技术实现
（1）网站的主页布局
（2）网站结构图的构建
（3）网站首页导航
（4）功能模块
（5）网站系统
（6）网站管理
10、优化后的网站预览
附录 调查问卷
参考资料

（二）写作要求
1.数据可靠、逻辑严谨、事实清楚、理论正确、无科学性错误；
2.文字表达简明扼要、重点突出；
3.层次清晰，语言流畅，符合科技文书写作规范；
4.杜绝错别字，字数符合要求。

XXX学院官网优化设计方案

目录
一、项目概述 1
二、要解决的问题和工作的方法 2
（一）明确网站服务的人群及其需求 2
（二）现有网站的状态和用户体验 2
（三）优化的基本目标和思路 2
三、用户需求调研 3
（一）学生方面 3
（二）教师方面 9
（三）企业方面 11
四、目前网站的主要问题 11
（一）网站内容问题 11
（二）网站结构问题 11
（三）网站功能问题 11
（四）网站形象问题 13
（五）网站管理问题 13
五、优化设计的目标和思路 13
（一）对学校的发展 14
（二）对教师的好处 15
（三）对学生的好处 16
（四）对求职者及相关企业的好处 17
六、网站内容的优化设计 17
七、网站功能的优化设计 19
八、网站形象的优化设计 22
（一）网站风格 22
（二）网站色彩 23
（三）网站视觉 23
九、网站的结构设计和技术实现 23
（一）网站的主页布局 23
（二）网站结构图的构建 25
（三）网站首页导航 26
（四）功能模块 27
（五）网站系统 28
（六）网站管理 29
十、优化后的网站预览 29
附录 调查问卷 29
参考资料 34

34

正文
一、 项目概述
众所周知，学校的价值在于教育，教育的目的在于优化品德、提高智慧。为了实现学校的价值和目的，会对学校进行管理，而信息化的管理方式是实现这一目的的重要途径。其中通过学校官网进行管理正是这种信息化管理的一个重要体现。
进入21世纪以来，Internet成为最受关注的行业之一，以计算机网络迅猛发展而形成的网络化则是推动信息化、数字化和全球化的基础和核心。计算机网络的各种网络应用系统把人类社会更紧密地联系起来，并影响和冲击着人类社会政治、经济、军事和日常工作、生活的各个方面。随着计算机应用的发展，网站已经是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径。
每个企业、单位都有自己特定的产品或服务，网站的内容理应围绕企业、单位的核心业务设置。学校网站也是如此。学校网站是学校的名片，每一所学校都有自己的特色，每一所学校都有自己的个性。建立自己学校网站是最直接的宣传手段。学校网站可以让地区内的人们了解学校，加强家长和学校之间的沟通和了解。同时学校网站也是师生展示风采风貌、建设校园文化的重要途径。
学校校园网站的总体目标是：通过校园网站，全面宣传，展示学校风采、优点与特色，发布学校的活动安排与招生政策等信息内容，使学生及家长增加对学校的了解，增强学生、家长与学校之间的联系，在Internet网上，让学生及家长及时得到学校发布的重要信息，同时也帮助了学校完成部分事务，提高办事效率,给学生、家长与学校最方便的联系桥梁。
综上可知学校网站的重要性。但是我们学校（天津滨海职业学院）的网站真正的满足了广大师生、以及学生家长、求职者的需求了吗？我们通过调查问卷的方式分别从学生、教师、求职者这三大主需求人群进行调查。调查结果发现现有的学校网站存在一定的不足，例如内容不够完整、结构单调、功能太少、形象简洁、管理单一等方面的问题，并不能真正满足需求者的需求，由此我们对现有的学校网站进行优化设计，从而更方便、快捷、完整地满足各类需求者的不同需求。使学校网站更加完善，更好的为广大师生服务，也更有利于学校的发展。
二、 要解决的问题和工作的方法
（一）明确网站服务的人群及其需求
学校官网可以说是一个产品，产品就必须有其需求者，否则他毫无存在的意义，学校官网这个产品也有其需求者，也就是所服务的人群，所以我们必须从其需求者入手，这样才能满足服务人群的需求，从而更好地进行服务。我们分析需求者主要是学生、教师、求职者这三个，所以我们通过调查问卷的方式对其需求进行调查分析。
（二）现有网站的状态和用户体验
1、我们通过调查问卷的方式，分别对学生、教师、求职者进行调查，调查其对现有网站的看法与建议，从而引导我们进一步进行优化改进，以满足这些需求者的需求。
2 、我们通过比较其他大学的网站进行比较分析总结，找到存在的不足，进而进行优化。
（三）优化的基本目标和思路
据分析，我们从内容、结构、功能、形象、管理等方面进行优化，解决内容不够完整、结构单调、功能太少、形象简洁、管理单一等方面的问题。内容方面我们会增加一些模块来使网站更加丰富；结构方面我们会从主页的布局、页眉页脚以及其框架进行修改；功能方面我们增加一些功能例如搜索、收藏、分享功能来方便需求者的使用；形象方面我们会从风格、色彩、视觉三个方面入手改善；管理方面我们主要是进行互动管理，从客户端上来实现；根据具体问题进行具体的优化。
三、 用户需求调研
学校官网的用户主要是学生（包括潜在学生）、教职工和招聘企业。为了让官网发挥更大的作用满足用户需求，我们采用的是二手资料和问卷星相结合的调研方式。
（一）学生方面
1、调查的样本的男女比例结构，结果如图：

学生方面一共调查了69名学生，男女比例如图所示。主要的是工管专业、软件、物流和建筑等具有代表性的专业
2、学生浏览频率

接近一半的人每周浏览官网在1-2次，也有一部分人几乎不看，因此我们得想办法提高学生官网的关注度。
3、学生喜欢的官网的风格以及信息表达方式

对学校官网风格中显示大部分人希望官网能更加简洁明了、清新淡雅，很少有人喜欢传统守旧的了，因此需要在官网加入新元素，现有的网站信息不够全面而且信息查找困难，有待改进。信息的公布可以采用图文结合或动画或者其他方式的视频更能吸引学生的注意力。
4、希望有的信息推送与浏览的方式

关于关注官网的方式更多人更喜欢手机客户端的方法，这正是我们学校所欠缺的，很多人认为有绑定qq邮箱推送消息的必要，我们还可以开通qq、微信、微博、邮箱，、扫二维码等多种方式进入官网。还有必要增加一些分享收藏等功能，这样更方便学生有效及时获取学院信息。
5、学生关注的信息以及网站现有信息的现状

学生平常主要关注的信息是就业与职业培训，因此学校应该加强这方面信息的发布，及时更新与丰富内容。咱学校的最近招聘信息从招生就业的校园招聘处看最新的信息是7月份的，显然更新速度有待加强。里面的搜索会出现没有找到符合条件的记录，说明信息实在匮乏。
6、学生对各类证书的关注

从对取证的关注度来看学生对其关注度算是很高了，因此也希望在网站比较显眼的位置发布更类证件的取得方式和时间以及好处，及时提醒学生学习并取得相关证件，对有一部分系有硬性要求必须取得相关证件才可毕业的学生尤为重要，以免错过时间影响毕业。
7、需要增加的功能调查

调查结果显示搜素与就业信息还有校园论坛的功能是学生最渴望增加的功能。可以提供一些企业与学生的线下交流方式，方便学生更好的就业。建立优秀学生表彰也可以更好地吸引一些学生的关注度，信箱可以方便学生及时反映意见和建议，有利于学校更好管理老师更好地工作。也提高了学生的积极性，有民主权力。社团展可以让有业余爱好的学生找到自己的兴趣丰富课余生活。这样不仅增加了官网的关注度也发挥了积极作用。
8、文字性的建议

文字性的建议综合而言就是提高实用性，设计简单明了，页面能更具吸引力一些。及时更新信息，丰富信息等。
(二)教师方面
1、登陆和浏览
(1).网站对浏览器兼容性差，其中办公系统对浏览器的兼容性也较差，只有个别浏览器才能登陆和浏览。
(2).没有手机版，使用手机登陆浏览网站电脑版，用户体验差，不方便。
(3).中国知网没有远程登陆，校外无法浏览。
2、内容
(1).与教师工作相关的业务内容不够丰富。
(2).首页内容的分类导航似没有充分理解和考虑不同用户的需求，例如对于教师而言，与教师业务和职业发展相关的内容没有专门频道或栏目，也没有相关链接。
(3).分类导航似未充分理解用户需求的轻重缓急来安排位置和顺序。
(4).首页图片似不应是长期不更新的固定内容，而应该是能够引起浏览者兴趣的内容，例如优秀学生或教师。
3、功能
(1).没有覆盖整个网站的账号身份识别功能。
(2).没有搜索功能，信息检索不方便。
(3).没有收藏功能，内容难以查找。
(4).没有分享功能，转发和传播信息不方便。
(5).没有评论功能，难以互动和参照他人意见。
(6).个人档案管理信息系统不完善，不能实现个人业务信息录入和管理。
(7).缺乏交互功能，和院校方交流不方便，例如院长信箱和留言版或即时通讯。
4、形象
(1).首页整体设计不够简洁，略显凌乱。
(2).网页整体设计比较僵化，不够生动。
(3).视觉形象识别系统使用不够规范（用在不同网页上）。
5、结构
(1).不同院系首页雷同，缺乏专业个性。
(2).内容在层次上的分类似不够清晰。
(三)企业方面
1、现有的留给企业展示的空间有限。
2、企业需要通过官网更好地了解学生，希望有优秀学生展。
3、希望可以提供一个企业与学生互动的平台，方便交流。
四、 目前官网的主要问题
(一)网站内容问题
1、内容少，更新缓慢，内容基本上是1到2月更新一次。
2、内容单调乏味。现有的包括 招生就业信息类（全年基本没有什么变化）；运动会及晚会活动类；学校领导老师日常活动类；以及一些信息的发布。
3、学生及教师直接相互交流、学习、激励的内容过少。
(二)网站结构问题
排版过于简单，版面呆板，缺少创新性，不容易找到自己所需要的材料并且流动图片所占的版面太大导致其他资料所占的篇幅太少。

(三)网站功能问题
1、没有信息检索功能，导致看过的东西想要再次找到十分困难，很多功能都没有，比如页面的搜索、收藏。分享、评论功能等
2、网页代码存在问题，有时不能正常跳转。（例如：当教务管理密码输入错误时会出现选项丢失的错误。）出现错误时，正常情况下
并且多数链接还无法跳转
(四)网站形象问题
1、网站结构过于简单，呆板缺少新意导致网站形象一般。（网站的形象可以从一个方面反映出学校的部分情况同时也是其他人了解学校的第一步，所以学校网站形象怎么样直接关系到人们对于学校的第一印象。）
2、网页色彩搭配不合理-------网页布局欠佳-----------网页某些功能设计不完善。
(五)网站管理问题
完全由学校管理，没有学生互动管理的部分导致很多学生方面的信息无法在上面发布。并且从版面内容更新的实际情况来看应该是学校方面管理比较松散（可能跟学校对网站的建设维护不重视有关） 很多内容只是有标题 里面根本没有任何信息，例如学生的出勤情况，受资助情况等等（只有一个表格，表格里没有任何东西）

五、 优化设计的目标和思路
我们对原有的网站进行了分析，首先把网站很多原有的但并未能正常使用的功能进行了优化，例如邮箱无法登录，中国知网也不能远程登录，还有很多模块的信息并没有更新，很多的内容也没有补充进去等一系列问题；其次针对于问卷调查的结果分析，我们又增加了一些满足于学生和教师的需求的各项功能，在网站的内容上也补充了很多学生和教师们比较关注的东西，最后在整体的形象上又进行了重新的排版及优化，改变了以往的传统界面，增进了很多新元素，体现了学校自己的个性，简洁美化了网站主页，也让网站变得更加生动。
(一)对学校的发展
通过对官网形象外观上的优化，以吸引更多的人来浏览学校官网从而达到浏览量及知名度的提升，进而做好学校的品牌公关，吸引更多的学生来报考本学校。
学校官网的优化目的主要应是达到公关效应，品牌公关的提升对学校的招生起到很大的作用，通过优化后的官网以达到提高学校的知名度和学校的品牌价值的目的；其次优化的各项内容不仅是对学生的使用，教师的使用上提供了方便，简化了学校各项事务的处理流程，更让其他学校的学生以及其他人在查阅浏览上更简单。
优化即以用户为核心，通过调查了解到方便各类用户使用的功能以达到更多的用户去选择使用校园网站的目的，从而使得学校的知名度大大提升，形成良性循环，提高了学校的社会地位，并可以减轻了学校的招生及招聘工作的工作量，企业在选择人才时也会更加的关注本校，使本校的就业率大大提升。
通过检查优化使网站掌握到最新信息，及时、快速的优化更新网站内容，从而吸引更多的人来浏览学校官网，提高网站的点击率。现在互联网每天都在技术更新，系统升级，在这期间会有一段时间给我们是适应，过去这时间段再去优化网站那就没什么意义了，所以网站更新一定要跟上信息的速度。
我们在功能和内容上更多的吸取了各类使用者的意见，提高了网站的实用性，以达到满足各项需求的结果。优化即以用户为核心，通过调查了解到方便各类用户使用的功能以达到更多的用户去选择使用校园网站的目的，从而使得学校的知名度大大提升，形成良性循环，提高了学校的社会地位，并可以减轻了学校的招生及招聘工作的工作量，企业在选择人才时也会更加的关注本校，使本校的就业率大大提升，这对学校和学生来讲都是一项很重要的结果。
(二)对教师的好处
根据老师所提供的问卷结果来看，我们在内容上增加了更多与教师工作相关的业务内容，在分类和导航上也增加了相关链接以方便教师的使用；另外在功能上也增加了教师的工号登录的功能，在有网站账号的基础上就可以使用分享收藏以及邮箱等功能，对个人档案方面的管理也进行了完善和优化；在形象上不只增加了优秀学生的模块，更有优秀教师的内容以及他们的各项获奖及精品课程。
通过增加了各个系之间的链接，方便了各系老师之间的合作联系，还有就是增加了很多信息的发布，也方便教师的查阅及评价。利用教师工号登录也使得信息可以被保存，方便下次的查找。
通过对个人档案管理信息系统完善，实现了个人业务信息录入和管理，方便教师的管理及使用，在内容的层次分类及排序上重新进行了规划，一定程度上减少了教师的工作量，另外在校园论坛上教师也可以发表自己的言论，在与学生的沟通上也更加的直接，邮箱功能也使教师之间传递文件，教师给学生下达任务时更加方便。
优化大多是根据“教师使用网站满意度调查”的调查问卷进行优化的，故优化后可以更加方便教师的使用并达到使教师更加满意的结果，这样使得教师在教学上更加方便快捷，提高了教学效率，促进了师生间的互动。
(三)对学生的好处
通过内容上增加的学校各项活动通知，学生天地，就业培训模块以及取证的各项要求及考试时间的安排等各项元素来满足学生的各项需求，从而更直接的让学生去利用网站获得信息以及利用网站满足学校中的各类需求；在功能上，我们增加了学号登录以及校园论坛，信箱反馈等功能，可以更好的使学生与学生，学生与教师以及学校之间的沟通交流；在形象上，我们增加了很多新元素，以图文结合以及视频的方式是界面更加新颖，摆脱了以往的传统界面。
通过增加的各项学校的通知公告，用以方便学生安排自己的课余时间，吸引学生从学校网站上去获得信息，只有让学生满足了平时的需求才可以吸引更多的人去查阅校园官网。另外，通过增加的学号登录以及分享收藏的功能都方便了学生在看到官网上的公告或者文件时方便保存，在查找相应需求的文件时更加便捷。还有，学生天地模块，这一块是学生自己的天地，所以相关联的人会更愿意去查阅和宣传，从而起到一个积极的作用，丰富了校园文化生活。
我们在网站的各项模块设计上也增加了一些信息查找的功能，在学生使用上也更加的方便快捷，对网站上的各项信息也进行了更新和优化，把一些闲置了很久的模块补充了原有的功能和目的。
这些优化使学生可以更加及时的了解学校的各项信息，提高了学生对学校网站的关注度，对网站的利用率也大大提高，有利于学校的发展。
(四)对求职者及相关企业的好处
原有的网站中留给企业的空间有限，优化后的网站添加了求职者和企业的板块，让学校以外的人群对学校更加了解。一方面方便了求职者了解学校，及时掌握学校的招聘信息，更好的选择学校的各项工作岗位，另一方面企业在招聘时也有了选择的平台，更加直观的了解学校的学生及学生曾经在学校的实践活动等。
在企业模块里添加了优秀学生的板块，使企业选择适合本单位的人才时可以更快的搜索到适合各个岗位的优秀人才，省去了大量的筛选工作，节省了时间提高了效率。在这部分可以使学生和企业之间可以直接的交流沟通，这里有大量的招聘企业，也有很多的学生信息，双方可以通过检索来找到适合本专业的工作和人才，为应届毕业生找工作提供了一个平台，也为企业招聘时多了一种选择。
在求职者模块中会有学校人力资源部联系人的联系方式，还会发布一些学校的各类招聘信息，对各种职位也会进行一些简单描述，求职者也能把自己的简历发布到这个模块中供学校工作人员选择。
六、 网站内容的优化设计
(一)增加学生及教师优秀作品的展示。例如在网站主页增加优秀同学成功的经验以及其座右铭。我们会定期地收集学生及教师的优秀作品进行展示，以激励学生的进步。

(二)增加通知公告。学校可以通过“通知公告”向全校人员进行一些简单的事务通知，也可以对一些进行好人好事的优秀教师、同学进行表扬，让大家向他们学习，优化校风。也可以对一些有过错的同学进行批评，让大家共同督促他们改正，同时引以为戒。

(三)增加学生天地模块。“学生天地”主要是展示学生进行的一系列活动，比如，社团展示，志愿者活动，篮球赛，运动会，校组织活动等。丰富校园文化生活，使同学紧张学习的同时积极参加一些活动，充实自己的生活。

(四)增加校内资源模块。“校内资源”主要是帮助同学以及老师查阅资料使用。

(五)增加校园专题模块。“校园专题”引领学生品德高尚，时刻记住自己是一名大学生。

七、 网站功能的优化设计
(一)增加学生学号、教师工号与电子邮箱绑定功能
学校可以通过这个方式向教师或者学生直接下发邮件，这样可以避免一些琐碎的程序，使信息直接传达，方便学校办公人员和教师办公以及学生进行活动。

(二)增加搜索功能
由于网站的信息量巨大，有些自己需要的信息得花费很久的时间去寻找，而且由于内容不是很完善，甚至浪费时间都找不到自己所需要的信息，这无疑大量浪费了宝贵的时间，所以增加搜索功能，方便查找信息的同时，节约时间。试想就像百度一下，输入自己所需要的信息关键字就可以找到自己所需要的信息是何等的方便，所以我们增加了搜索功能来方便大家查找自己所需要的信息。

(三)增加收藏功能
学生、教师及办公人员使用自己的学号、工号登录时，如果发现自己有用的信息，或者想下次继续浏览的，可以进行信息收藏，系统会把你收藏的信息记录在属于你自己的帐号里方便以后的使用，为大家提供一个方便快捷的服务。

(四)增加分享功能
对于一些有用的信息我们可以通过分享功能来传达给身边的人。我们网站与腾讯微博、新浪微博、QQ空间、开心网、人人网等网站相链接，你可以直接分享。这样可以把我们的学校的一些好的东西传播出去，增加学校的知名度，有利于学校更好的的发展。

(五)评论功能
我们网站设计了一个论坛，专门给学生以及教师、办公人员进行互动交流。学生可通过此渠道与教师、学校办公人员进行沟通，也可以通过这个向学校提供一些好的建议来改善学校。这个可以增加学生、教师、学校之间的互动，使学校切实地从学生和教师的角度来优化学校的校风，使学校更有民主化。

(六)登录自动识别功能
在校学生可凭自己的学号登录；教师及办公人员可凭自己的工号登录；不是本校的人员可进行注册登录。而且登录之后本网站系统可自动识别登录者的信息，通过识别登录者的信息为其提供与其相关的内容。因为不同的人群需要的信息可能都不一样，例如学生浏览网页关心的可能是学校的一些活动，而教师浏览则会更关心学校的待遇。简单说就是根据需求者的需求的不同把其需要的信息进行归类，进而更加快捷方便的找到自己的所需要的信息，节约大家的时间。

八、 网站形象的优化设计
(一)网站风格
风格(style)是抽象的,是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格统一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对设计的网站留下一个“很专业”的印象。我们只需进行一点小小的创意贯穿全站，使网站更生动更具有吸引力、更有思想。
(二)网站色彩
打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。
本网站的搭配主色为：白、淡蓝、黑、三种颜色。白色代表纯洁、纯真、朴素、神圣、明快。淡蓝色代表热情、活泼、热闹、温暖、幸福、吉祥。黑色代表崇高、坚实、严肃、刚健、端庄，充分代表了一个企业应有的气质和形象。给浏览者留下深刻的印象。
(三)网站视觉
人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。
九、 网站的结构设计和技术实现
(一)网站主页布局
网页浏览首先打开的就是学校网站的主页，主页设计应该美观，同时提供足够多的链接，以便来访者可以通过链接导航到自己所关心的信息页面上去。
子栏目有：

主要运用的代码有：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>天津滨海职业学院</title>
</table>
<table width="770" height="28" border="0" cellpadding="0" cellspacing="0" bordercolor="#0000FF" id="导航">
<tr bordercolor="#33FFFF" bgcolor="#CCCCCC">
<td width="81" background="chapter6/images/bg1.gif">
<div align="left" class="STYLE17">
<pre>首页</pre>
</div></td>
<td width="78" background="chapter6/images/bg1.gif">

<div align="left" class="STYLE17">
<pre><a href="xxgk.htm" class="STYLE18">学校概况</a></pre>
</div></td>
<td width="97" background="chapter6/images/bg1.gif">
<div align="left" class="STYLE17">
<pre>院系部处</pre>
</div></td>
<td width="93" background="chapter6/images/bg1.gif"> <div align="left" class="STYLE17">
<pre><a href="news.htm" class="STYLE18">教育教学</a></pre>
</div></td>
<td width="91" background="chapter6/images/bg1.gif">
<div align="left" class="STYLE17">
<pre><a href="book.htm" class="STYLE18">招生就业</a></pre>
</div></td>
<td width="80" background="chapter6/images/bg1.gif">
<div align="left" class="STYLE17">
<pre>信息公开</pre>
</div></td>
<td width="89" background="chapter6/images/bg1.gif">
<div align="left" class="STYLE17">
<pre>校园论坛</pre>
</div></td><td width="89" background="chapter6/images/bg1.gif"><div align="center" class="STYLE12">
<div align="left"><a href="Chapter8/register.html">会员登陆</a></div>
(二)网站结构图的构建
在建设网站之前要画出网站的框架结构图。由于结构图比较直观，因此网站的主页内容，分值名称以及分支数量可以在图中一目了然，便于对网站进行统筹规划。网站的风格应在设计阶段就确定好，当然在实施过程中不必严格遵循这个风格，可随时修改，但有了最初的设计目标之后，凡事就会有的放失，从而避免盲目性。结构图可以记录下客户所需要的服务内容，以便更好地将客户的要求与我们设计的网站统一起来。通过学校网站的树状结构图图，可以将整个网站的层次非常清晰地显示出来。

(三)网站首页导航
首页导航可以帮助浏览者快速找到所需要的内容，使学校的网站显得更整齐，所有浏览者一见就可以放松的浏览本网站。
1、网页的页眉部分
包括网站名称，网站的标志，基本的网站导航按钮等基本分。首先新建一个HTML网页，另存为index.htm.选择主菜单中的修改/页面属性命令，设置文档的页面属性。将把字体大小，颜色，背景颜色，背景图像按照自己的喜爱来修改，使背景图像设置成横向重复。将左边距设为20像素，上边距设为10像素，将其它边设置为0.在制作网页时，设置页面属性是首要步骤。接下来插入表格，表格宽度，边框粗细，单元格边距等设置好之后就往表格里插入学校的校徽图标作为页眉的特色。接下来又插入了1行8列的表格，添加图像，添加首页，新闻栏目，学校概况，论坛等分之页的名字，作为网站超链接的菜单。修改该表格的高，宽，对比度等属性。
2、制作页中区
一般来说网页中的中间区域占有的面积是最大的，因为它用来显示网页中的主要内容。页中区是用表格来布局的。在此学校网站页中包括各方面的信息，例如今日在线，最新信息，公告栏，新闻等，还包括超链接。与百度，Google，之间的友情链接，以及各分校区之间的链接。网络中的一个个网页是通过超级链接的形式关联在一起的。可以说超级链接是网页中最重要，最根本的元素之一。链接按照路径的不同分为3种类型：
(1).绝对路径：在本学校网站中，创建的和几个基本网站之间的友情链接。
(2).文档相对路径：在本学校网站中创建的个页面之间的链接。
(3).学校网站中创建的与百度之间的超链接的实现与属性。
3、页脚的设计
页脚部分会放一些导航，版权信息，联系方式等内容，一般会出现多数的网页中。网页的页脚部分占用的空间相对来说最小的，但它所显示的信息却吧是可有可无的，一般与页眉部分相呼应，有时候也是对网页的补充。

(四)功能模块
本网站功能分为两种，数据库功能模块和非数据库功能模块。非数据功能是不受数据库的管理，所有浏览本网站的游客都可以浏览这些功能，它们包括：语言选择，学校概况、新闻中心，友情链接，相关资料阅读等。数据库功能是由数据库的引导下进一部完善本网站的功能，它们包括会员管理，留言板，招聘信息，论坛，查询搜索功能。上传与下载，聊天室，访问统计等功能。本网站主要让浏览者能更好的了解本学校，对本学校的发展提出更多宝贵留言。

(五)网站系统
根据学校网站的总体目标，分析现有情况以及问题，将学校网站系统划分为两个子系统：客户端子系统，服务器端子系统。下面分析各个子系统的功能需求：
1、在客户端系统的功能实现上，可以分为以下几个部分：
(1).游客浏览网站：当游客在没有注册会员的情况下浏览学校网站，可以获取学校网站新闻，招生信息，浏览留言板，论坛，但没有发表意见的权利。
(2).会员浏览网站：通过注册成为该网站的会员，有该网站提供的所有的权利，浏览，下载，发表意见，留言，发邮件等。
2、服务器端的功能实现：
（1）.实现Webservice服务接收客户端的信息并存储在数据库中，要求包括客户端机器信息、获得的URL、访问次数。
（2）.分析数据库的信息，要求能根据网站类型、网站的访问者等进行分类统计。
(六)网站管理
网站管理方面我们会采取学生、教师以及工作人员共同管理的方式进行人性化管理。这样既满足学校方面的信息发布，也能满足教师及学生信息的有效录入和修改发布。
十、 优化后的网站预览。
（http://www.a251562588.icoc.cc/）
附录
问卷星调研分析报告：
学校网站建设调查问卷（学生）－自定义查询
作者：刘银芳 时间：2014年11月13日
调查背景： 参考资料

调查方法：

开始时间：2014-11-10 结束时间：2014-11-13

样本总数：69 份

原始数据来源：

本报告分析内容：自定义查询

本报告样本筛选规则：

本报告包含样本数量：69份
数据与分析
第1题 您的性别 [单选题]
选项
小计
比例
男
44
63.77%
女
25
36.23%
本题有效填写人次
69

第2题 你所在的专业
主要是工商企业管理、软件技术和建筑工程技术专业

第3题 你每周浏览学校网站的次数 [单选题]
选项
小计
比例
从不浏览
18
26.09%
1~2次
34
49.28%
3~4次
8
11.59%
5次以上
9
13.04%
本题有效填写人次
69

第4题 你理想中的学校官网是什么样风格的？ [单选题]