大學生網絡倫理教育主題網站設計與實現

張紅巖，張軍輝 (安徽工程大學現代教育技術中心，安徽 蕪湖 241003)

大學生網絡倫理教育主題網站設計與實現

張紅巖，張軍輝 (安徽工程大學現代教育技術中心，安徽 蕪湖 241003)

為了給廣大師生提供倫理教育交流的平臺，設計了大學生網絡倫理教育主題網站。闡述了該網站的總體設計，詳細介紹了網站功能模塊設計，并對網站實現進行具體分析。該網站試運行后，效果良好，得到廣大師生的認可。

網絡倫理教育；主題網站；設計

大學生作為接觸網絡的高頻人群，如何在虛擬環境下整合中西方網絡倫理教育資源，通過主題網站開展網絡倫理教育，是一個值得探討的重要課題。為此，筆者對大學生網絡倫理教育主題網站設計與實現進行探討?安徽工程大學青年基金資助項目“安徽省大學生網絡倫理現狀調查與教育對策研究”(2008YQ016)。。

1 網站總體設計

1.1網站總體架構

圖1 網站總體框架圖

網站的總體設計以學習者為中心，對學習者的學習過程進行分解，具體分為以下5個功能模塊：在線課堂模塊，其功能是實時講授和在線點播；學習社區模塊，其功能是主題討論、我是新生和小組交流；資源中心模塊，其功能是用戶登錄、案例分析、教學教案和專業資源；博客部落模塊，包括學生日志、學生相冊、博客明星和博客公告等內容；網絡調查模塊，其功能是在線調查和統計分析，網站總體框架如圖1所示。

1.2網站結構設計

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

2)網站的導航設計 該網站的導航系統和其它類型網站的導航系統不同，主要表現在以下幾方面:①導航內容具有專業性和學術性，其包括教育資源、學習資源、知識資源等。②導航服務對象具有針對性，可以指導學習者方便地進行選擇性學習。網站欄目導航是通向網站主要欄目的鏈接，是網站一級層次結構。網站欄目導航如表1所示。

表1 網站欄目導航

圖3 教師管理視頻流程

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

4)當前位置設計 當前位置告訴訪問者目前正處于網站的哪個地方，其作用是通過顯示在瀏覽進程中的位置，減少訪問者在網站內的“空間迷失”。

1.3網站資源設計

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

2 網站功能模塊設計

2.1在線課堂模塊

在線課堂模塊的功能是設計在線的視頻資源，這樣可以方便學習者自主觀看講座視頻，使其系統地學習網絡倫理教育的相關內容，具體功能如下：①教師添加、修改和刪除在線視頻(見圖3)；②提供學生在線觀看視頻教學頁面；③呈現可隨時任意跳轉的目標鏈接，方便學習者對學習內容進行選擇。圖3是教師管理視頻流程。

2.2學習社區模塊

圖4 學習社區模塊示意圖

圖5 博客部落模塊示意圖

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

2.3博客部落模塊

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

3 網站的實現

3.1網站藝術實現

1)網站風格 在網站設計中，當確定了網站的主題、預設目標群體、信息資源內容以及結構和導航體系后，還需進一步找出最能體現網站風格的元素[3]。對于該網站來說，由于其預設目標群體是大學生，因此在風格設計中，應更注重青春、活潑、生動、親切、有活力的“整體形象”的營造。網站首頁如圖6所示。

2)網站的CI設計 目前，CI設計概念已廣泛應用到網站的設計中，其主要作用是通過視覺來統一網站的形象。由于該網站是師生網上學習、交流的平臺，因而在設計中應給訪問者一種明確的站點形象，具體包括以下幾方面:設計網站標志；確定網站的標準色彩；確定網站標志、標題和主菜單的標準字體。

3)網站的色彩設計 色彩作為創造有序的視覺信息流程的重要因素，是決定網頁界面傳遞信息的關鍵。設計該網站的色彩時應考慮如下內容：頁面背景與文字、圖片、邊框、圖標、鏈接等搭配是否符合網站的整體風格；利用不同的色彩分布與搭配，將不同類型的信息分布排列，從而形成有序的視覺流程。此外， 在設計過程中應考慮到網頁的色彩是否能引人注日，是否照顧訪問者的視覺感受，是否與所表達的內容相一致等。

圖6 網站首頁 圖7 資源審核模塊界面

3.2網站資源審核模塊技術實現

資源審核部分主要由站點超級管理員負責，也可以由超級管理員賦予其他管理員相應的權限進行設置，其目的是防止上傳資源內容不合法或不安全，資源審核模塊界面界面如圖7所示。

在數據庫表設計方面，資源審核的功能實現較為簡單，僅在資源表中添加一字段進行判斷即可，通過判斷該資源記錄所對應的資源的值即可判斷該資源是否已審核，從而在前臺頁面窗口進行相應的顯示。在前臺頁面，數據庫中已添加一個字段chk作為置頂的標記，0代表審核中，1代表審核完。在后臺代碼編寫頁面修改時，用選擇框選擇0或1， 也可以用復選框，也可以直接用文本框填寫0或1。

4 結 語

大學生網絡倫理教育主題網站的設計建立在對安徽省大學生網絡倫理現狀調查和相關網站分析基礎上，在設計時應充分體現以學習者為中心的理念，通過用戶管理模塊將學習者納入網站管理核心，同時在學習社區模塊通過開發學習論壇和問答中心使學習者形成以知識建構為目標的學習共同體。博客部落模塊的設計和開發也體現了主題教育網站與博客相結合的新型的學習模式，使得學習過程更為活潑和開放。在線課堂模塊的設計和實現運用了當前流行的流媒體技術，從而豐富學習資源的形式。該網站經過試運行后，效果良好，得到廣大師生的認可。

[1]徐苗.教育主題網站的總體策劃[D].徐州：徐州師范大學，2005.

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

[3]百度百科網站制作[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年大學畢業，碩士，工程師，現主要從事媒介素養、網絡傳播技術方面的教學與研究工作。

[編輯] 李啟棟