傳統(tǒng)文化元素在網(wǎng)絡(luò)媒體設(shè)計中的美感體現(xiàn)

本文為：江蘇省教育廳高校哲學(xué)社會科學(xué)研究基金項目“新媒體環(huán)境下傳統(tǒng)文化數(shù)字化呈現(xiàn)與傳播研究（編號：2011SJD860011）”階段性成果

摘要：《中國古代文學(xué)學(xué)習(xí)交流平臺》是關(guān)于漢語言文學(xué)專業(yè)課程《中國古代文學(xué)》的專題學(xué)習(xí)交流網(wǎng)站，目的是通過結(jié)構(gòu)化知識的設(shè)計與重構(gòu)，為師生構(gòu)建一種自主、協(xié)作、探究、教學(xué)相長的學(xué)習(xí)環(huán)境，在功能上應(yīng)具有導(dǎo)學(xué)功能、交互功能、練習(xí)與測評功能，通過研究性學(xué)習(xí)和協(xié)作學(xué)習(xí)，使師生產(chǎn)生思維與心靈碰撞的火花。

關(guān)鍵詞：中國古代文學(xué)；學(xué)習(xí)交流；教學(xué)改革

作者簡介：李勇（1975-），男，講師，畢業(yè)于東北師范大學(xué)傳媒科學(xué)學(xué)院，管理學(xué)碩士，現(xiàn)為鹽城工學(xué)院人文學(xué)院中文系教師。

[中圖分類號]：J524[文獻(xiàn)標(biāo)識碼]：A

[文章編號]：1002-2139(2012)-11-0104-02

一、專題交流學(xué)習(xí)網(wǎng)站的主要功能

一般說來，專題交流學(xué)習(xí)網(wǎng)站是為教與學(xué)服務(wù)的專門性質(zhì)的網(wǎng)站，它是管理教學(xué)資源、對外交流共享、進(jìn)行網(wǎng)絡(luò)教學(xué)探究及師生互動的平臺。因此“共創(chuàng)學(xué)習(xí)環(huán)境，共享智慧資源”是專題交流學(xué)習(xí)網(wǎng)站的基本功能。[1]具體應(yīng)具有五個方面的功能：

1、導(dǎo)學(xué)功能。通過網(wǎng)站欄目的設(shè)置，突出以“學(xué)”為中心的資源整合設(shè)計，師生可共享優(yōu)質(zhì)教學(xué)資源，教師既是參與者又是指導(dǎo)者，學(xué)生既可自主探究學(xué)習(xí)，又可協(xié)作學(xué)習(xí)，充分發(fā)揮學(xué)習(xí)者的積極性和主動性。

2、交互功能。交互是專題交流學(xué)習(xí)網(wǎng)站主要的功能，方便高效的交互功能，能順暢地實現(xiàn)師生互動。從傳播學(xué)的角度來看，組織間順暢的信息交流互動，是保持一個組織長盛不衰生命力的前提條件，恰到好處的交互可以調(diào)動學(xué)生學(xué)習(xí)的積極性和參與性，提高學(xué)生的自主學(xué)習(xí)、協(xié)作學(xué)習(xí)和探究學(xué)習(xí)能力。

3、評測功能。評測功能是對課程教學(xué)效果的檢驗，一般可分為課程學(xué)習(xí)注冊、網(wǎng)上學(xué)習(xí)情況的監(jiān)控、作業(yè)評閱和評價的監(jiān)控、學(xué)習(xí)成績分析評估、章節(jié)單元練習(xí)與測試（附參考答案）、網(wǎng)上模擬測試（附參考答案）等功能。

4、反饋功能。利用留言板、網(wǎng)上投票系統(tǒng)等進(jìn)行網(wǎng)絡(luò)調(diào)查，可采集用戶對網(wǎng)站和教學(xué)的反饋意見，收集學(xué)生對一些問題的看法，并可實時統(tǒng)計投票結(jié)果反饋給教師和學(xué)生。

5、管理功能。利用網(wǎng)站的后臺管理功能，可以不受工作場所和軟件環(huán)境的限制，隨時隨地可以進(jìn)行教學(xué)信息的處理和管理工作，可以提高管理的效率和質(zhì)量。

二、中國古代文學(xué)教學(xué)應(yīng)與現(xiàn)代教育技術(shù)相整合

中國古代文學(xué)是高等院校中文系的一門專業(yè)必修課、主干課。長期以來，該門課程的教學(xué)主要采取的是傳統(tǒng)的教學(xué)模式，即以教師教授、學(xué)生接受為主。但在長期的教學(xué)實踐中發(fā)現(xiàn)這種教學(xué)模式存在著不少弊端，教師唱主角，學(xué)生被動接受知識，思維與行為處于抑制狀態(tài)，受教育對象的主觀能動性未能充分發(fā)揮，因而在某種程度上影響了教學(xué)的效果。[2]據(jù)調(diào)查，目前中國古代文學(xué)課程的教學(xué)狀況不容樂觀，在網(wǎng)絡(luò)文化流行的今天，對古代文學(xué)感興趣的同學(xué)為數(shù)不多，尤其是在工科背景下的院校里面，這一現(xiàn)象更為凸顯，在“培養(yǎng)應(yīng)用型本科人才”的時代背景下，古典黯然失色，學(xué)生對外語、計算機(jī)的興趣遠(yuǎn)遠(yuǎn)大于對中文的興趣。[3]

如何改變這一令人擔(dān)憂的狀況、弘揚(yáng)國學(xué)的無窮魅力？其實傳播技術(shù)的發(fā)展給已經(jīng)很好地給出了答案。中央電視臺舉辦的“百家講壇”系列節(jié)目，在社會上掀起的“三國熱”、“論語熱”時至今日仍余音裊裊、不絕如縷，說明傳統(tǒng)文化的根是深植在人們心中的，只要用合適的方式表達(dá)，就會得到廣泛的認(rèn)同。現(xiàn)代教育技術(shù)的迅猛發(fā)展，給高校教學(xué)提供了新的發(fā)展契機(jī)，為了激發(fā)學(xué)生的學(xué)習(xí)興趣，提高學(xué)習(xí)效率，教師必須利用現(xiàn)代教育技術(shù)這一輔助媒介，積極探索出一條行之有效的教學(xué)模式，通過實踐證明，一個好的網(wǎng)絡(luò)學(xué)習(xí)交流平臺，無疑能夠提高中國古代文學(xué)的教學(xué)質(zhì)量。

三、《中國古代文學(xué)學(xué)習(xí)交流平臺》構(gòu)建的實踐探索

1、 網(wǎng)站平臺的總體策劃與設(shè)計

網(wǎng)站平臺的總體策劃與設(shè)計涉及對整個網(wǎng)站的軟硬件配置、結(jié)構(gòu)上的劃分、確定子系統(tǒng)與模塊的處理流程等工作。軟、硬件的配置在教學(xué)網(wǎng)站處理信息系統(tǒng)中最為簡單，只需要利用網(wǎng)絡(luò)服務(wù)器（IIS）來建立動態(tài)網(wǎng)站所需配置，這些內(nèi)容都有現(xiàn)成的網(wǎng)站可以借鑒。這種設(shè)置的主要優(yōu)點(diǎn)是技術(shù)上的先進(jìn)性和成熟性，方案的可靠性、可維護(hù)性及系統(tǒng)的恢復(fù)能力，方案的高效性、低成本及對環(huán)境無特殊要求等。

網(wǎng)站的總體設(shè)計首先要對教學(xué)方面進(jìn)行設(shè)計，如教學(xué)對象分析、教學(xué)目標(biāo)分析、教學(xué)內(nèi)容確定、教學(xué)情境創(chuàng)設(shè)、教學(xué)資源整合、學(xué)習(xí)評價設(shè)計等方面的內(nèi)容，然后便可以確定和劃分網(wǎng)站的功能模塊，可遵循多層次的模塊化、結(jié)構(gòu)化原則，高聚合、低耦合原則，適應(yīng)系統(tǒng)擴(kuò)充和便于系統(tǒng)分階段實現(xiàn)原則。

該教學(xué)網(wǎng)站定位為學(xué)習(xí)交流平臺，旨在為中文專業(yè)師生提供一個學(xué)習(xí)和交流的平臺，使學(xué)習(xí)者可以在網(wǎng)站上獲得知識、解決問題，在這個過程中教學(xué)雙方是平等的。該網(wǎng)站平臺內(nèi)容分為“觀瀾隨筆”、“課程簡介”、“教師隊伍”、“教學(xué)大綱”、“教學(xué)課件”、“在線測試”、“學(xué)生評教”、“學(xué)習(xí)資源”等八個部分的內(nèi)容，大體涵蓋了專題教學(xué)網(wǎng)站的基本功能。

2、 前臺設(shè)計─打造古韻盎然、典雅清新的網(wǎng)站界面

圖：網(wǎng)站首頁引導(dǎo)動畫

教學(xué)網(wǎng)站有豐富的教學(xué)內(nèi)容和學(xué)習(xí)資源固然重要，但是網(wǎng)站的版式設(shè)計、布局、顏色搭配等視覺呈現(xiàn)的藝術(shù)性也不可小覷，網(wǎng)站界面設(shè)計的藝術(shù)性與網(wǎng)站的科學(xué)性、教育性應(yīng)等量齊觀。所以在網(wǎng)站的界面設(shè)計上，更多地采用了獨(dú)具東方情調(diào)的藝術(shù)風(fēng)格，以古典的中國圖形元素為主。在網(wǎng)站命名上也是匠心獨(dú)運(yùn)，鹽城自古東臨黃海，所以網(wǎng)站命名為“觀瀾閣”，古人有“醉里挑燈看劍”的豪情，今人應(yīng)有“閣中聽濤觀瀾”的逸致。

在網(wǎng)站的引導(dǎo)動畫設(shè)計上，以美國Adobe公司出品的Flash CS3為開發(fā)工具，設(shè)計靈感來源于中國古籍的裝幀特色，采用古典線裝版式，洋溢著鮮明的中國民族氣派，蘊(yùn)涵了意念的空靈美、淡雅的色彩美、嚴(yán)整的秩序美等中國傳統(tǒng)美學(xué)精神。在動畫元素的編排上更多采用了傳統(tǒng)的文化符號，如中國畫、書法、古建筑等表現(xiàn)形式。在網(wǎng)站導(dǎo)航欄和標(biāo)題欄的設(shè)計上，采用古典紋樣裝飾，中國傳統(tǒng)圖案有著深厚的歷史淵源和豐富的民間特色，是中國傳統(tǒng)文化中最精美的部分之一，反映出不同時期的文化特色和風(fēng)俗習(xí)慣。如原始社會的裝飾圖案簡潔、概括、充滿活力；漢唐時期的裝飾圖案渾厚、宏大；明清時期的裝飾圖案纖細(xì)、豐富等等。

在網(wǎng)頁配色上，主色調(diào)有四種：水墨黑、玉質(zhì)白、中國紅和宣紙黃。由于網(wǎng)站“中國風(fēng)”特點(diǎn)顯著，因此水墨黑便成了首選元素；白色代表了白玉，“君子佩玉”自古以來便是中華民族道德和修養(yǎng)的標(biāo)志，玉又是中國傳統(tǒng)文化中吉祥如意的象征，所以在正文部分大量采用了白色鋪底；紅色是民俗與文化的顏色，也是中國的象征，如紅色的樓閣、紅色的標(biāo)題欄圖片配以祥云圖案的設(shè)計；宣紙是中國勞動人民所發(fā)明的藝術(shù)創(chuàng)造，中國的書法和繪畫離了它便無法表達(dá)藝術(shù)的妙味。時間的流逝會使宣紙漸漸泛黃，在古漢語里，“黃卷”便是書籍的雅稱，“縑緗黃卷，總謂經(jīng)書” 泛黃的書卷總是給予我們更多歷史的情愫、懷古的幽香和生命的氣息。

網(wǎng)站整體風(fēng)格清新雅致，古色古香，在體現(xiàn)歷史的凝重和渾厚的同時，配合張揚(yáng)的中國紅描繪燦爛的中國古代文明，蘊(yùn)涵詩情畫意的優(yōu)雅意境。[4]

3、后臺設(shè)計─構(gòu)建B/S結(jié)構(gòu)的網(wǎng)絡(luò)學(xué)習(xí)平臺

后臺管理部分主要利用數(shù)據(jù)庫技術(shù)，對前臺信息發(fā)布版塊進(jìn)行信息管理。在后臺管理中，普通用戶無法使用后臺管理功能，只有賦予權(quán)限的管理員才能進(jìn)行信息的添加、編輯、刪除等操作。本網(wǎng)站以B/S架構(gòu)為基礎(chǔ)，它的客戶端是一個標(biāo)準(zhǔn)的瀏覽器，服務(wù)器端是Web Server，而Web Server與數(shù)據(jù)庫和應(yīng)用服務(wù)器的緊密結(jié)合使得這種模式的應(yīng)用范圍不斷擴(kuò)大，主要優(yōu)點(diǎn)是便于擴(kuò)充應(yīng)用、升級維護(hù)簡便。網(wǎng)頁設(shè)計采用CSS+DIV技術(shù)，以方便維護(hù)及更改網(wǎng)站整體風(fēng)格，也為以后的升級提供了便利。

在網(wǎng)站設(shè)計的過程中，前臺與后臺數(shù)據(jù)庫的連接是本網(wǎng)站設(shè)計的關(guān)鍵，通過后臺頁面向數(shù)據(jù)庫中添加信息，并在前臺生成靜態(tài)頁面，一般說來有三個方面的優(yōu)點(diǎn)：

（1）加快頁面打開瀏覽速度，靜態(tài)頁面無需連接數(shù)據(jù)庫打開速度較動態(tài)頁面有明顯提高。

（2）有利于搜索引擎優(yōu)化，根據(jù)調(diào)查顯示，百度、Google等著名搜索引擎都會優(yōu)先收錄靜態(tài)頁面，在網(wǎng)站的推廣方面優(yōu)勢明顯。

（3）網(wǎng)站更安全，HTML靜態(tài)頁面不會受ASP相關(guān)漏洞的影響，而且可以減少木馬病毒攻擊，數(shù)據(jù)庫出錯時，不影響網(wǎng)站正常訪問。

在網(wǎng)站的首頁巧妙地設(shè)置了隱蔽的后臺管理入口，點(diǎn)擊“書山有路”的動畫圖片便可進(jìn)入后臺管理頁面，當(dāng)然普通瀏覽者沒有權(quán)限是無法進(jìn)入的。在后臺管理界面的設(shè)計上，也和網(wǎng)站整體的“中國風(fēng)”一脈相承，真正做到“表里如一”。

四、網(wǎng)站設(shè)計開發(fā)中過程的幾點(diǎn)創(chuàng)新

在網(wǎng)站平臺開發(fā)設(shè)計的過程中，應(yīng)用了一些目前較為普遍、流行的技術(shù)，例如“動態(tài)后臺生成前臺靜態(tài)頁面”技術(shù)，已經(jīng)被實踐證明有諸多的優(yōu)點(diǎn)。通過開發(fā)設(shè)計團(tuán)隊的協(xié)作，解決了一個又一個的難題，總結(jié)起來也有自己別出心裁的創(chuàng)新點(diǎn)。

（1）在“教學(xué)大綱”欄目頁面中，利用Flashpaper工具軟件，將word文檔轉(zhuǎn)換成可以直接嵌入網(wǎng)頁的Flash媒體文件，很好的保留文件的原貌，并可實現(xiàn)文檔的縮放、搜索、復(fù)制、打印等操作。

（2）在“教學(xué)課件”欄目頁面中，利用iSpring工具軟件，將ppt課件轉(zhuǎn)換成能直接嵌入網(wǎng)頁的Flash媒體文件，能實現(xiàn)教學(xué)課件的在線播放學(xué)習(xí)，省卻了一般需將ppt文件下載后再用Powerpoint播放的麻煩，即使能在線瀏覽，也是犧牲了部分動畫效果為前提的。

（3）在“學(xué)習(xí)資源”欄目頁面中，為了實現(xiàn)圖片學(xué)習(xí)資源的展示效果，使用了Lightbox JS技術(shù)，Lightbox的圖片展示效果類似于Windows XP操作系統(tǒng)的注銷/關(guān)機(jī)對話框，除去屏幕中心位置的對話框，其他的區(qū)域都以淡出的效果逐漸變?yōu)殂y灰色以增加對比度，此時除了對話框內(nèi)的表單控件，沒有其他區(qū)域可以獲取焦點(diǎn)，能實現(xiàn)圖片展示的大小自適應(yīng)效果。

結(jié)語

專題學(xué)習(xí)交流平臺在教學(xué)中的應(yīng)用，打破了傳統(tǒng)教學(xué)模式下時間和空間的限制，可以讓學(xué)生接觸豐富的學(xué)習(xí)資源和拓寬專業(yè)知識視野，把教學(xué)內(nèi)容、教學(xué)重點(diǎn)難點(diǎn)、教學(xué)過程、教學(xué)方法、交流學(xué)習(xí)成果變成形象直觀、豐富生動的多媒體信息，實現(xiàn)課堂教學(xué)現(xiàn)代化，能給學(xué)生提供主動探究、多元交互、發(fā)展創(chuàng)造的環(huán)境，使學(xué)生的學(xué)習(xí)方式從傳統(tǒng)的單一被動式學(xué)習(xí)變?yōu)橘Y源型學(xué)習(xí)、探索型學(xué)習(xí)、合作型學(xué)習(xí)等多種學(xué)習(xí)方式，有助于培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，推進(jìn)以學(xué)生為主體的先進(jìn)教學(xué)思想。

參考文獻(xiàn)：

[1]、魯正火，魏霞，陳勛?。虒W(xué)網(wǎng)站開發(fā)[M] ．北京，中國鐵道出版社，2007，7．

[2]、尹海江．中國古代文學(xué)研究式教學(xué)模式淺嘗[J] ．教書育人（高教論壇），2009，（12）．

[3]、高春花．試論多媒體課件在中國古代文學(xué)教學(xué)中的具體運(yùn)用[J] ．中國成人教育，2009，（16）．

[4]、李勇．“中國風(fēng)”網(wǎng)站引導(dǎo)動畫的文化傳播[J] ．新聞愛好者，2010，(3)．