前言：寻找写作灵感？中文期刊网用心挑选的在线考试系统的前台网站设计，希望能为您的阅读和创作带来灵感，欢迎大家阅读并分享。
【摘要】随着计算机网络技术的不断发展与更新，网络与大数据已成为新时代的主题[1]。为了使教师免于繁重的工作中，为了达到测试的便利化，确保保证考试的公平公正，我们设计了一个集考试、测评、练习、调查、分析和管理于一体的网络化考试平台。
【关键词】HTML；CSS；JavaScript；网站设计
1引言
随着网络多媒体技术在教育领域应用的不断普及，应用现代信息技术架构的网络在线考试系统展现出了突出的优越性。为了确保考试的公平，提升老师工作效率，我们将考试网络化，开发了在线考试系统。该系统不用下载客户端，所有操作都在浏览器上完成，被授权的考试用户只要使用网络浏览器（IE，360，FireFox等），就可登录在线考试系统，参加在线考试、在线调查、在线报名等。网络在线考试在一定程度上解决了考试过程中存在的工作量大、工作效率低、反馈周期长、资源浪费等缺点[2]。
2研究内容
网站建设分为前端用户页面设计和后台网站管理维护，前端的个性化用户操作页面生成系统是在Dreamweaver提供的完善的开发环境下，利用HTML+CSS+JavaScript技术来实现完成的，后端服务器是在python环境下开发的。本文主要介绍的是以在线考试系统为主题的前端用户页面设计，研究如何设计使页面更简洁、大方、美观。
3网站功能
该网站具备在线考试，按题型随机抽题组卷，自动阅卷，分数查询，考前练习，题库管理，系统管理等功能。所以该网站主要分为以下几大模块：（1）注册登录：用户需先进行注册，用户分为两种——教师和学生，在注册时根据自己的身份进行选择，注册后方可登录。（2）题库管理：只有教师和管理员才具有此权限，并查询，增加和删除测试题目。（3）账户管理：管理员管理已注册的账户。（4）在线考试：用户登录后，系统会自动从题库中随机抽不同题型组成一套试卷，同一考场内的所有考生所拿到的试卷基本不相同，后台进行管理，控制考试时间，时间一到关闭系统并自动保存。（5）自动阅卷：只针对客观题，用户交卷后便可看到客观题得分。（6）成绩查询：考生可以登录系统查询自己的分数。（7）日常练习：用户可以进行在线练习，系统会自动对用户的练习情况进行记录，并可查看错题记录。
4网站界面规划
页面的整体感觉是网站给访问者的决定性印象，常常决定着网站的商业价值。在确定网站界面时需要在其栏目编排和页面风格两方面加以注意。栏目编排。首先，在确定了网站的功能和模块之后，将收集到的资料内容作一个合理的排列，即栏目安排。它的本质是网站的大纲索引，索引应该清楚的显示网站的功能。编排的原则是从访问者角度出发，方便访问者的浏览和查询。本网站在进行编排时的基本思路是：将一些引人注目的内容置于最突出的位置，然后删除与该功能无关的栏目，并列出网站上最有价值的内容。至于次要内容，例如网站介绍，版权信息，个人信息等，没有必要将其放在显眼位置，以免稀释主题。对于普通用户（如学生）来说，注册成功后并登录成功。首先看到的便是如下表1学生界面，考生可根据需要进行操作。对于教师来说，看到的图形界面如表2教师界面，教师可根据需要进行操作。网站页面风格。本网站从以下两点出发来进行规划：（1）网站LOGO。LOGO是指网站的徽标，相当于产品的商标。徽标的设计应来自网站的名称和内容。我们的网站使用的LOGO是河北农业大学的校徽，具有很强的代表性。（2）网站配色。不同的颜色组合会给网站带来不同的效果，甚至可能影响到访客的心情。主网页的配色需尽可能的控制在三种色彩内，以避免出现网页混乱，花哨，没有主色的问题[3]。并且背景和其他部分要有明显区别，以突出主要文字内容。本网站的配色以淡蓝，淡黄，淡绿色为主，这种搭配可以让网页增加色彩却不显花哨。虽然理论上电脑可实现65536种颜色，但是电脑仅仅识别200多种，所以我们设置颜色时要注意将设置在电脑可识别的范围内。
5网站结构规划
根据文件的类型对全部所需文件进行分类。分类方法如下：将.html文件放在pages文件夹中；将.jpg/.png文件放在images文件夹中；将.js文件放在js文件夹中，以此类推。
6结语
在这个信息技术飞速发展的时代，一切都在朝着网络化、信息化发展，计算机技术已经渗透到人们的生活的各个方面，大数据时代已经到来。考试网络化已成为不可抵挡的发展趋势，给考试带来了新气象、新面貌。相信在线考试系统今后会有更好的发展。
【参考文献】
[1]赵争东.刍议计算机网络的可靠性提高措施[J].电子测试，2015(10):62-63.
[2]张彩萍.基于J2EE的远程教育在线考试系统的设计与实现[D].大连理工大学，2015.
[3]杨红.行业网页制作的几点认识[N].长江工程职业技术学院学报，2005(02):58-59.
作者:刘亚丽 霍畅 闫铜铜 单位:河北农业大学理工学院
