浅析招生网站的整体设计及优化过程

【摘 要】虽然每个Web站点在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。从国内的大的门户站点如搜狐、新浪到一个微不足道的个人主页，都要以基本相同的步骤来完成。首先是网站前期策划与内容组织（需求分析、风格定位、内容组织），然后效果图设计，网页编辑，动画设计，接下来是技术实现，最后是站点的与维护。这几个阶段完整地结合在一起，直到完成整个站点的工作。

【关键词】网站前期策划与内容组织；页面效果图的设计制作；网页编辑与动画设计；代码融合；测试与维护

0 引言

互联网已经是全世界的信息共享和人与人之间进行信息通信的工具主要平台媒介，对于各种类型的网站的建设必须进行全面的考虑，已达到建设网站的目的，让访问的用户得到相关的信息，网站的使用者也也能把宣传的信息更好的宣传出去，所以网站的建设对于互联网的交互的内容有着重要的任务使者的作用。

1 招生信息服务网网站前期策划与内容组织

要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源、软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。设计者必须了解各类用户的习惯、技能、知识和经验，以便预测不同类别的用户对网站界面有什么不同的需求与反映，为最终的设计提供依据和参考，使设计出的网站更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度不同，以及又有些用户有易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。许多人不愿花费时间来完成这个阶段，因为认为他们没有必要，但是必须把初始计划加入工作过程中，否则到最后当进行到已经无法再做计划的时候，就要遇到巨大的麻烦。在一开始就进行合适的计划和组织是建立一个有效的站点最重要的工作步骤。

2 效果图的设计

招生信息服务网网站旨在利用网络平台构建便利任何学生和教师，以及社会人士在任何时候、任何地方都能借助网络及时、准确地了解淮安信息职业学院的招生和录取情况。招生信息服务网网站的功能方面入手：包括的模块有：公告与通知，招考资讯，政策规定，录取查询，视频播放，下载中心，校内链接，友情链接，流动新闻，新生报到。

招生信息服务网网站是高校教育资讯类网站，他的主要用户为青年学生，同时也是信息行业的网站，所以主色采用蓝色为主色调，因为蓝色具有清凉、自由的感觉，使人们容易联想到天空、海洋、科技，通过本站传达个使用的用户以轻松、愉快、舒适的感觉。

规划草图：网页编辑主要是将使用切片导出的网页进行编辑使其规范易用，同时为了增加网页效果，进行简单的动画制作。所以在此解决两个问题：网页编辑与动画设计。

页面的布局有很多种模式的选择：表格布局、框架布局、层布局及div+css的布局方式等等多中国页面布局的选择。

第一种是直接在切片效果图中进行编辑，进行后期处理，这种方法适用于艺术界面型网页，具体的方法是直接在网页中设置超级链接，添加动画等效果，或者将某些切片删除（或设置为背景），然后添加需要的文字。

第二种是以导出的网页为基础，利用Dreamweaver软件进行合理的布局与优化。这种方法通用性强，很多网页都可采用。

4 代码融合

动态网站从功能上简单可以分成前台静态模块和后台动态模块。前面制作的效果图与网页编辑以及动画制作简单可以理解为静态模块，而后台模块主要采用两种方式进行解决：

方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。此方法能够满足大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功能。

方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。此方法是能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。

此招生信息网网站在此通过这个项目跟大家探讨一下方式一：代码融合。

IIS的安装与配置：要使用讯时网站管理系统创建动态网页，首先要从硬件和软件方面配置好运行环境。在硬件方面，必须安装网卡，必须安装TCP/IP协议、服务器软件以及浏览器软件。

打开IIS，鼠标选中刚刚创建的虚拟目录“zsxx”，然后鼠标打开中右侧的“admin”文件夹，选中“login.asp”文件，然后右键执行“浏览”命令。

本调用分为三种方式：

框架：

line=12&lmname=0&n=30&list=10&more=1&hit=0&open=1&icon=1&new=0&bg=ffffff marginwidth=1 marginheight=1 width=270 height="184" scrolling="no" border="0" frameborder="0">

JS调用：

lm2=73&list=10&icon=1&tj=0&font=9&hot=0&new=1&line=2&lmname=0&open=1&n=20&more=1&t=0&week=0&zzly=0&hit=0&pls=0" charset='gb2312'>

头条新闻调用

？id=0&font=9&nr=0&nrtop=150&nrcolor=999999&titleface=黑体&titlesize=16&titlen=30&

titlebold=700&titlecolor=FF0000" charset='gb2312'>

以上三种方式根据情况不同调用不同的代码即可。

5 测试与维护

系统的测试有两种方式：

第一种是用于自主有服务器的；

第二种是自主申请域名与服务器空间。