張紅巖，張軍輝 (安徽工程大學(xué)現(xiàn)代教育技術(shù)中心，安徽 蕪湖 241003)

大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

張紅巖，張軍輝 (安徽工程大學(xué)現(xiàn)代教育技術(shù)中心，安徽 蕪湖 241003)

為了給廣大師生提供倫理教育交流的平臺(tái)，設(shè)計(jì)了大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站。闡述了該網(wǎng)站的總體設(shè)計(jì)，詳細(xì)介紹了網(wǎng)站功能模塊設(shè)計(jì)，并對(duì)網(wǎng)站實(shí)現(xiàn)進(jìn)行具體分析。該網(wǎng)站試運(yùn)行后，效果良好，得到廣大師生的認(rèn)可。

網(wǎng)絡(luò)倫理教育；主題網(wǎng)站；設(shè)計(jì)

大學(xué)生作為接觸網(wǎng)絡(luò)的高頻人群，如何在虛擬環(huán)境下整合中西方網(wǎng)絡(luò)倫理教育資源，通過(guò)主題網(wǎng)站開(kāi)展網(wǎng)絡(luò)倫理教育，是一個(gè)值得探討的重要課題。為此，筆者對(duì)大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)進(jìn)行探討?安徽工程大學(xué)青年基金資助項(xiàng)目“安徽省大學(xué)生網(wǎng)絡(luò)倫理現(xiàn)狀調(diào)查與教育對(duì)策研究”(2008YQ016)。。

1 網(wǎng)站總體設(shè)計(jì)

1.1網(wǎng)站總體架構(gòu)

圖1 網(wǎng)站總體框架圖

網(wǎng)站的總體設(shè)計(jì)以學(xué)習(xí)者為中心，對(duì)學(xué)習(xí)者的學(xué)習(xí)過(guò)程進(jìn)行分解，具體分為以下5個(gè)功能模塊：在線課堂模塊，其功能是實(shí)時(shí)講授和在線點(diǎn)播；學(xué)習(xí)社區(qū)模塊，其功能是主題討論、我是新生和小組交流；資源中心模塊，其功能是用戶登錄、案例分析、教學(xué)教案和專業(yè)資源；博客部落模塊，包括學(xué)生日志、學(xué)生相冊(cè)、博客明星和博客公告等內(nèi)容；網(wǎng)絡(luò)調(diào)查模塊，其功能是在線調(diào)查和統(tǒng)計(jì)分析，網(wǎng)站總體框架如圖1所示。

1.2網(wǎng)站結(jié)構(gòu)設(shè)計(jì)

1)頁(yè)面鏈接結(jié)構(gòu)設(shè)計(jì) 基于Web信息的最大特點(diǎn)是任意鏈接，如何將信息放入邏輯順序并創(chuàng)建一個(gè)有趣易懂的資源庫(kù)是網(wǎng)站建設(shè)的重點(diǎn)。線性結(jié)構(gòu)、樹(shù)狀結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)和分欄式結(jié)構(gòu)是網(wǎng)站通常采用的頁(yè)面鏈接結(jié)構(gòu)形式。由于該網(wǎng)站定位為互動(dòng)學(xué)習(xí)類主題教育網(wǎng)站，因此在結(jié)構(gòu)設(shè)計(jì)上主要采用分欄式結(jié)構(gòu)與網(wǎng)狀結(jié)構(gòu)相結(jié)合的方式，這樣網(wǎng)站中的模塊以分欄的方式非常清晰地排列在首頁(yè)上，當(dāng)訪問(wèn)者選擇相應(yīng)模塊進(jìn)入到相應(yīng)頁(yè)面后，可以在頁(yè)面之間隨意跳轉(zhuǎn)。

2)網(wǎng)站的導(dǎo)航設(shè)計(jì) 該網(wǎng)站的導(dǎo)航系統(tǒng)和其它類型網(wǎng)站的導(dǎo)航系統(tǒng)不同，主要表現(xiàn)在以下幾方面:①導(dǎo)航內(nèi)容具有專業(yè)性和學(xué)術(shù)性，其包括教育資源、學(xué)習(xí)資源、知識(shí)資源等。②導(dǎo)航服務(wù)對(duì)象具有針對(duì)性，可以指導(dǎo)學(xué)習(xí)者方便地進(jìn)行選擇性學(xué)習(xí)。網(wǎng)站欄目導(dǎo)航是通向網(wǎng)站主要欄目的鏈接，是網(wǎng)站一級(jí)層次結(jié)構(gòu)。網(wǎng)站欄目導(dǎo)航如表1所示。

表1 網(wǎng)站欄目導(dǎo)航

圖3 教師管理視頻流程

3)公共服務(wù)設(shè)計(jì) 公共服務(wù)是網(wǎng)站的一些重要元素的鏈接，這些鏈接可以幫助訪客使用網(wǎng)站(如幫助、網(wǎng)站地圖等)或者能夠提供有關(guān)網(wǎng)站組織者的信息(如關(guān)于我們、與我們聯(lián)系等)。

4)當(dāng)前位置設(shè)計(jì) 當(dāng)前位置告訴訪問(wèn)者目前正處于網(wǎng)站的哪個(gè)地方，其作用是通過(guò)顯示在瀏覽進(jìn)程中的位置，減少訪問(wèn)者在網(wǎng)站內(nèi)的“空間迷失”。

1.3網(wǎng)站資源設(shè)計(jì)

網(wǎng)站的資源是網(wǎng)站得以存在的物質(zhì)基礎(chǔ)。網(wǎng)站資源設(shè)計(jì)是指確定主題教育網(wǎng)站所需的信息資源的種類、明確每種資源在主題教育網(wǎng)站中的作用以及確定站點(diǎn)信息資源的來(lái)源與依據(jù)。一個(gè)主題教育網(wǎng)站中的信息資源應(yīng)該非常豐富，在類別上主要包括專題知識(shí)內(nèi)容、文獻(xiàn)和各種素材庫(kù)、信息資源庫(kù)、案例庫(kù)、試題庫(kù)等，在資源呈現(xiàn)方式上主要包括文字、圖片、動(dòng)畫(huà)、聲音、視頻、虛擬現(xiàn)實(shí)等[1]。參照現(xiàn)有網(wǎng)站的資源設(shè)計(jì)理念，該網(wǎng)站的信息資源也分為上述類型。其中，文字圖片類的資源主要來(lái)自日常搜集的教材以及網(wǎng)絡(luò)上的熱點(diǎn)案例，聲音視頻類的資源除了一些學(xué)習(xí)類的視頻、案例視頻外，還包括課程的教學(xué)視頻資源等。為此，筆者采用分層分級(jí)的設(shè)計(jì)方法，使資源的呈現(xiàn)方式更具邏輯性和可用性，同時(shí)方便資源更新，網(wǎng)站資源設(shè)計(jì)層級(jí)圖如圖2所示。

2 網(wǎng)站功能模塊設(shè)計(jì)

2.1在線課堂模塊

在線課堂模塊的功能是設(shè)計(jì)在線的視頻資源，這樣可以方便學(xué)習(xí)者自主觀看講座視頻，使其系統(tǒng)地學(xué)習(xí)網(wǎng)絡(luò)倫理教育的相關(guān)內(nèi)容，具體功能如下：①教師添加、修改和刪除在線視頻(見(jiàn)圖3)；②提供學(xué)生在線觀看視頻教學(xué)頁(yè)面；③呈現(xiàn)可隨時(shí)任意跳轉(zhuǎn)的目標(biāo)鏈接，方便學(xué)習(xí)者對(duì)學(xué)習(xí)內(nèi)容進(jìn)行選擇。圖3是教師管理視頻流程。

2.2學(xué)習(xí)社區(qū)模塊

圖4 學(xué)習(xí)社區(qū)模塊示意圖

圖5 博客部落模塊示意圖

由學(xué)習(xí)內(nèi)容建構(gòu)的討論區(qū)和公共留言板是該網(wǎng)站學(xué)習(xí)社區(qū)的2個(gè)組成部分。BBS論壇交互式的在線溝通方式為學(xué)習(xí)者之間以及教室與學(xué)習(xí)者之間提供相互交流的平臺(tái)，是學(xué)生進(jìn)行協(xié)作學(xué)習(xí)的重要工具，也是教師了解學(xué)生學(xué)習(xí)狀況的重要信息來(lái)源。因此，教師通過(guò)BBS論壇可以針對(duì)某個(gè)專題提出討論主題，讓學(xué)生參與主題討論發(fā)表自己的觀點(diǎn)，同事管理員也能在線向用戶發(fā)布公告信息。學(xué)習(xí)社區(qū)模塊的示意圖如圖4所示。

2.3博客部落模塊

博客部落即博客群，是博客管理與博客專集組織的基本形式，博客站點(diǎn)以“群”的方式組織博客專集，以此推動(dòng)同一類型文章的展示或討論某一主題，如SOHU博客就建立了諸如IT博客群、讀書(shū)博客群等[2]。博客部落模塊的主要功能如下：學(xué)習(xí)者申請(qǐng)博客；提供學(xué)習(xí)者在線管理博客頁(yè)面；提供群主管理頁(yè)面。博客部落模塊示意圖如圖5所示。

3 網(wǎng)站的實(shí)現(xiàn)

3.1網(wǎng)站藝術(shù)實(shí)現(xiàn)

1)網(wǎng)站風(fēng)格 在網(wǎng)站設(shè)計(jì)中，當(dāng)確定了網(wǎng)站的主題、預(yù)設(shè)目標(biāo)群體、信息資源內(nèi)容以及結(jié)構(gòu)和導(dǎo)航體系后，還需進(jìn)一步找出最能體現(xiàn)網(wǎng)站風(fēng)格的元素[3]。對(duì)于該網(wǎng)站來(lái)說(shuō)，由于其預(yù)設(shè)目標(biāo)群體是大學(xué)生，因此在風(fēng)格設(shè)計(jì)中，應(yīng)更注重青春、活潑、生動(dòng)、親切、有活力的“整體形象”的營(yíng)造。網(wǎng)站首頁(yè)如圖6所示。

2)網(wǎng)站的CI設(shè)計(jì) 目前，CI設(shè)計(jì)概念已廣泛應(yīng)用到網(wǎng)站的設(shè)計(jì)中，其主要作用是通過(guò)視覺(jué)來(lái)統(tǒng)一網(wǎng)站的形象。由于該網(wǎng)站是師生網(wǎng)上學(xué)習(xí)、交流的平臺(tái)，因而在設(shè)計(jì)中應(yīng)給訪問(wèn)者一種明確的站點(diǎn)形象，具體包括以下幾方面:設(shè)計(jì)網(wǎng)站標(biāo)志；確定網(wǎng)站的標(biāo)準(zhǔn)色彩；確定網(wǎng)站標(biāo)志、標(biāo)題和主菜單的標(biāo)準(zhǔn)字體。

3)網(wǎng)站的色彩設(shè)計(jì) 色彩作為創(chuàng)造有序的視覺(jué)信息流程的重要因素，是決定網(wǎng)頁(yè)界面?zhèn)鬟f信息的關(guān)鍵。設(shè)計(jì)該網(wǎng)站的色彩時(shí)應(yīng)考慮如下內(nèi)容：頁(yè)面背景與文字、圖片、邊框、圖標(biāo)、鏈接等搭配是否符合網(wǎng)站的整體風(fēng)格；利用不同的色彩分布與搭配，將不同類型的信息分布排列，從而形成有序的視覺(jué)流程。此外， 在設(shè)計(jì)過(guò)程中應(yīng)考慮到網(wǎng)頁(yè)的色彩是否能引人注日，是否照顧訪問(wèn)者的視覺(jué)感受，是否與所表達(dá)的內(nèi)容相一致等。

圖6 網(wǎng)站首頁(yè) 圖7 資源審核模塊界面

3.2網(wǎng)站資源審核模塊技術(shù)實(shí)現(xiàn)

資源審核部分主要由站點(diǎn)超級(jí)管理員負(fù)責(zé)，也可以由超級(jí)管理員賦予其他管理員相應(yīng)的權(quán)限進(jìn)行設(shè)置，其目的是防止上傳資源內(nèi)容不合法或不安全，資源審核模塊界面界面如圖7所示。

在數(shù)據(jù)庫(kù)表設(shè)計(jì)方面，資源審核的功能實(shí)現(xiàn)較為簡(jiǎn)單，僅在資源表中添加一字段進(jìn)行判斷即可，通過(guò)判斷該資源記錄所對(duì)應(yīng)的資源的值即可判斷該資源是否已審核，從而在前臺(tái)頁(yè)面窗口進(jìn)行相應(yīng)的顯示。在前臺(tái)頁(yè)面，數(shù)據(jù)庫(kù)中已添加一個(gè)字段chk作為置頂?shù)臉?biāo)記，0代表審核中，1代表審核完。在后臺(tái)代碼編寫(xiě)頁(yè)面修改時(shí)，用選擇框選擇0或1， 也可以用復(fù)選框，也可以直接用文本框填寫(xiě)0或1。

4 結(jié) 語(yǔ)

大學(xué)生網(wǎng)絡(luò)倫理教育主題網(wǎng)站的設(shè)計(jì)建立在對(duì)安徽省大學(xué)生網(wǎng)絡(luò)倫理現(xiàn)狀調(diào)查和相關(guān)網(wǎng)站分析基礎(chǔ)上，在設(shè)計(jì)時(shí)應(yīng)充分體現(xiàn)以學(xué)習(xí)者為中心的理念，通過(guò)用戶管理模塊將學(xué)習(xí)者納入網(wǎng)站管理核心，同時(shí)在學(xué)習(xí)社區(qū)模塊通過(guò)開(kāi)發(fā)學(xué)習(xí)論壇和問(wèn)答中心使學(xué)習(xí)者形成以知識(shí)建構(gòu)為目標(biāo)的學(xué)習(xí)共同體。博客部落模塊的設(shè)計(jì)和開(kāi)發(fā)也體現(xiàn)了主題教育網(wǎng)站與博客相結(jié)合的新型的學(xué)習(xí)模式，使得學(xué)習(xí)過(guò)程更為活潑和開(kāi)放。在線課堂模塊的設(shè)計(jì)和實(shí)現(xiàn)運(yùn)用了當(dāng)前流行的流媒體技術(shù)，從而豐富學(xué)習(xí)資源的形式。該網(wǎng)站經(jīng)過(guò)試運(yùn)行后，效果良好，得到廣大師生的認(rèn)可。

[1]徐苗.教育主題網(wǎng)站的總體策劃[D].徐州：徐州師范大學(xué)，2005.

[2]百度百科博客群[DB/OL].http://baike.baidu.com/view/128108.htm.2009-3-24.

[3]百度百科網(wǎng)站制作[DB/OL].http://baike.baidu.com/view/10410.html#3.2012-3-2.

10.3969/j.issn.1673-1409(N).2012.08.041

TP393.092

A

1673-1409(2012)08-N124-04

2012-04-16

張紅巖(1980-)，女，2002年大學(xué)畢業(yè)，碩士，工程師，現(xiàn)主要從事媒介素養(yǎng)、網(wǎng)絡(luò)傳播技術(shù)方面的教學(xué)與研究工作。

[編輯] 李啟棟