導(dǎo)語：在線考試系統(tǒng)網(wǎng)站設(shè)計研究一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

【摘要】隨著計算機網(wǎng)絡(luò)技術(shù)的不斷發(fā)展與更新，網(wǎng)絡(luò)與大數(shù)據(jù)已成為新時代的主題[1]。為了使教師免于繁重的工作中，為了達到測試的便利化，確保保證考試的公平公正，我們設(shè)計了一個集考試、測評、練習(xí)、調(diào)查、分析和管理于一體的網(wǎng)絡(luò)化考試平臺。

【關(guān)鍵詞】HTML；CSS；JavaScript；網(wǎng)站設(shè)計

1引言

隨著網(wǎng)絡(luò)多媒體技術(shù)在教育領(lǐng)域應(yīng)用的不斷普及，應(yīng)用現(xiàn)代信息技術(shù)架構(gòu)的網(wǎng)絡(luò)在線考試系統(tǒng)展現(xiàn)出了突出的優(yōu)越性。為了確?？荚嚨墓剑嵘蠋煿ぷ餍?，我們將考試網(wǎng)絡(luò)化，開發(fā)了在線考試系統(tǒng)。該系統(tǒng)不用下載客戶端，所有操作都在瀏覽器上完成，被授權(quán)的考試用戶只要使用網(wǎng)絡(luò)瀏覽器（IE，360，F(xiàn)ireFox等），就可登錄在線考試系統(tǒng)，參加在線考試、在線調(diào)查、在線報名等。網(wǎng)絡(luò)在線考試在一定程度上解決了考試過程中存在的工作量大、工作效率低、反饋周期長、資源浪費等缺點[2]。

2研究內(nèi)容

網(wǎng)站建設(shè)分為前端用戶頁面設(shè)計和后臺網(wǎng)站管理維護，前端的個性化用戶操作頁面生成系統(tǒng)是在Dreamweaver提供的完善的開發(fā)環(huán)境下，利用HTML+CSS+JavaScript技術(shù)來實現(xiàn)完成的，后端服務(wù)器是在python環(huán)境下開發(fā)的。本文主要介紹的是以在線考試系統(tǒng)為主題的前端用戶頁面設(shè)計，研究如何設(shè)計使頁面更簡潔、大方、美觀。

3網(wǎng)站功能

該網(wǎng)站具備在線考試，按題型隨機抽題組卷，自動閱卷，分數(shù)查詢，考前練習(xí)，題庫管理，系統(tǒng)管理等功能。所以該網(wǎng)站主要分為以下幾大模塊：（1）注冊登錄：用戶需先進行注冊，用戶分為兩種——教師和學(xué)生，在注冊時根據(jù)自己的身份進行選擇，注冊后方可登錄。（2）題庫管理：只有教師和管理員才具有此權(quán)限，并查詢，增加和刪除測試題目。（3）賬戶管理：管理員管理已注冊的賬戶。（4）在線考試：用戶登錄后，系統(tǒng)會自動從題庫中隨機抽不同題型組成一套試卷，同一考場內(nèi)的所有考生所拿到的試卷基本不相同，后臺進行管理，控制考試時間，時間一到關(guān)閉系統(tǒng)并自動保存。（5）自動閱卷：只針對客觀題，用戶交卷后便可看到客觀題得分。（6）成績查詢：考生可以登錄系統(tǒng)查詢自己的分數(shù)。（7）日常練習(xí)：用戶可以進行在線練習(xí)，系統(tǒng)會自動對用戶的練習(xí)情況進行記錄，并可查看錯題記錄。

4網(wǎng)站界面規(guī)劃

頁面的整體感覺是網(wǎng)站給訪問者的決定性印象，常常決定著網(wǎng)站的商業(yè)價值。在確定網(wǎng)站界面時需要在其欄目編排和頁面風(fēng)格兩方面加以注意。欄目編排。首先，在確定了網(wǎng)站的功能和模塊之后，將收集到的資料內(nèi)容作一個合理的排列，即欄目安排。它的本質(zhì)是網(wǎng)站的大綱索引，索引應(yīng)該清楚的顯示網(wǎng)站的功能。編排的原則是從訪問者角度出發(fā)，方便訪問者的瀏覽和查詢。本網(wǎng)站在進行編排時的基本思路是：將一些引人注目的內(nèi)容置于最突出的位置，然后刪除與該功能無關(guān)的欄目，并列出網(wǎng)站上最有價值的內(nèi)容。至于次要內(nèi)容，例如網(wǎng)站介紹，版權(quán)信息，個人信息等，沒有必要將其放在顯眼位置，以免稀釋主題。對于普通用戶（如學(xué)生）來說，注冊成功后并登錄成功。首先看到的便是如下表1學(xué)生界面，考生可根據(jù)需要進行操作。對于教師來說，看到的圖形界面如表2教師界面，教師可根據(jù)需要進行操作。網(wǎng)站頁面風(fēng)格。本網(wǎng)站從以下兩點出發(fā)來進行規(guī)劃：（1）網(wǎng)站LOGO。LOGO是指網(wǎng)站的徽標，相當(dāng)于產(chǎn)品的商標。徽標的設(shè)計應(yīng)來自網(wǎng)站的名稱和內(nèi)容。我們的網(wǎng)站使用的LOGO是河北農(nóng)業(yè)大學(xué)的?；?，具有很強的代表性。（2）網(wǎng)站配色。不同的顏色組合會給網(wǎng)站帶來不同的效果，甚至可能影響到訪客的心情。主網(wǎng)頁的配色需盡可能的控制在三種色彩內(nèi)，以避免出現(xiàn)網(wǎng)頁混亂，花哨，沒有主色的問題[3]。并且背景和其他部分要有明顯區(qū)別，以突出主要文字內(nèi)容。本網(wǎng)站的配色以淡藍，淡黃，淡綠色為主，這種搭配可以讓網(wǎng)頁增加色彩卻不顯花哨。雖然理論上電腦可實現(xiàn)65536種顏色，但是電腦僅僅識別200多種，所以我們設(shè)置顏色時要注意將設(shè)置在電腦可識別的范圍內(nèi)。

5網(wǎng)站結(jié)構(gòu)規(guī)劃

根據(jù)文件的類型對全部所需文件進行分類。分類方法如下：將.html文件放在pages文件夾中；將.jpg/.png文件放在images文件夾中；將.js文件放在js文件夾中，以此類推。

6結(jié)語

在這個信息技術(shù)飛速發(fā)展的時代，一切都在朝著網(wǎng)絡(luò)化、信息化發(fā)展，計算機技術(shù)已經(jīng)滲透到人們的生活的各個方面，大數(shù)據(jù)時代已經(jīng)到來?？荚嚲W(wǎng)絡(luò)化已成為不可抵擋的發(fā)展趨勢，給考試帶來了新氣象、新面貌。相信在線考試系統(tǒng)今后會有更好的發(fā)展。

【參考文獻】

[1]趙爭東.芻議計算機網(wǎng)絡(luò)的可靠性提高措施[J].電子測試，2015(10):62-63.

[2]張彩萍.基于J2EE的遠程教育在線考試系統(tǒng)的設(shè)計與實現(xiàn)[D].大連理工大學(xué)，2015.

[3]楊紅.行業(yè)網(wǎng)頁制作的幾點認識[N].長江工程職業(yè)技術(shù)學(xué)院學(xué)報，2005(02):58-59.

作者:劉亞麗 霍暢 閆銅銅 單位:河北農(nóng)業(yè)大學(xué)理工學(xué)院