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

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

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

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)查、在線報(bào)名等。網(wǎng)絡(luò)在線考試在一定程度上解決了考試過程中存在的工作量大、工作效率低、反饋周期長(zhǎng)、資源浪費(fèi)等缺點(diǎn)[2]。

2研究內(nèi)容

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

3網(wǎng)站功能

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

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

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

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

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

6結(jié)語

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

【參考文獻(xiàn)】

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

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

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

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