摘要:探討了教材配套網(wǎng)站設(shè)計(jì)的理論基礎(chǔ)、設(shè)計(jì)原則以及如何系統(tǒng)建設(shè)教材配套網(wǎng)站,重點(diǎn)論述了教材配套網(wǎng)站的界面設(shè)計(jì)和內(nèi)容設(shè)計(jì),并對教材配套網(wǎng)站的應(yīng)用前景作了展望。
關(guān)鍵詞: 數(shù)字化學(xué)習(xí);教學(xué)網(wǎng)站;網(wǎng)絡(luò)教材;課程整合;網(wǎng)站設(shè)計(jì)
文章編號:1005-6629(2007)04-0050-03中圖分類號:G633.67 文獻(xiàn)標(biāo)識碼:B
教育網(wǎng)站作為教育信息化的產(chǎn)物目前得到了空前發(fā)展,各類教育教學(xué)網(wǎng)站如雨后春筍般涌現(xiàn)出來,但是與基礎(chǔ)學(xué)科課程教學(xué)相適應(yīng)、與課程教材相配套的教學(xué)網(wǎng)站則較為缺乏。因此,充分利用網(wǎng)絡(luò)技術(shù),建立與基礎(chǔ)學(xué)科課程教學(xué)相適應(yīng)、與課程教材相配套的教學(xué)網(wǎng)站,從而為數(shù)字化學(xué)習(xí)提供有效的學(xué)習(xí)資源和環(huán)境,已成為當(dāng)前的迫切任務(wù)。
1 數(shù)字化學(xué)習(xí)資源——教材配套網(wǎng)站的建設(shè)
教材配套網(wǎng)站作為一種數(shù)字化學(xué)習(xí)資源,是教材和教學(xué)的輔助網(wǎng)站,其結(jié)構(gòu)應(yīng)以獲取知識、開發(fā)技能和培養(yǎng)能力為目標(biāo),既不能做成書本的搬家,也不能單純提供信息瀏覽和下載,而應(yīng)充分考慮其教學(xué)功能,因此其設(shè)計(jì)應(yīng)本著科學(xué)性、實(shí)用性和開放性的原則。
1.1 數(shù)字化學(xué)習(xí)資源——教材配套網(wǎng)站設(shè)計(jì)的理論基礎(chǔ)[1]
網(wǎng)絡(luò)教材的超文本形式,使學(xué)生在學(xué)習(xí)時(shí)間和內(nèi)容上有了充分的選擇余地,他們可以根據(jù)自己的知識基礎(chǔ)和學(xué)習(xí)興趣自主選擇學(xué)習(xí)內(nèi)容。網(wǎng)絡(luò)教材這一特點(diǎn)很符合建構(gòu)主義教育理論,即知識不是通過教師講授得到的,而是學(xué)習(xí)者在一定的情境下,借助其他人(包括教師和學(xué)習(xí)伙伴)的幫助,充分利用各種學(xué)習(xí)資源(包括文字教材、多媒體資源以及從網(wǎng)上獲取的各種信息等),通過意義建構(gòu)獲得。
建構(gòu)主義學(xué)習(xí)理論強(qiáng)調(diào)學(xué)習(xí)環(huán)境的設(shè)計(jì)(包括情境的創(chuàng)設(shè)、資料搜集與整理及組織協(xié)作性學(xué)習(xí))和自主學(xué)習(xí)策略的設(shè)計(jì)(如支架式、拋錨式、啟發(fā)式、自我反饋等)。傳統(tǒng)的教室和教學(xué)方式很難建構(gòu)上述的學(xué)習(xí)環(huán)境,而教材配套網(wǎng)站可以方便地構(gòu)建上述的學(xué)習(xí)環(huán)境。因此,在建構(gòu)主義學(xué)習(xí)理論的指導(dǎo)下,教材配套網(wǎng)站的設(shè)計(jì)應(yīng)強(qiáng)調(diào)問題情境的創(chuàng)設(shè),強(qiáng)調(diào)在教學(xué)過程中的師生交流、生生交流, 強(qiáng)調(diào)利用多媒體手段為學(xué)生提供各種相關(guān)信息和資源。
1.2 數(shù)字化學(xué)習(xí)資源——教材配套網(wǎng)站設(shè)計(jì)的原則
凡事都有原則,教材配套網(wǎng)站的設(shè)計(jì)也不例外,一個(gè)優(yōu)秀的教材配套網(wǎng)站的設(shè)計(jì)應(yīng)考慮下列幾個(gè)方面[2]:
(1)服務(wù)教學(xué)原則。既要注意教學(xué)內(nèi)容的系統(tǒng)性和先進(jìn)性,又要關(guān)注學(xué)生的個(gè)性化學(xué)習(xí)需求和能力培養(yǎng)的教學(xué)策略設(shè)計(jì)。
(2)開發(fā)性原則。課程內(nèi)容、練習(xí)、在線考試等都要能方便地進(jìn)行修改和更新,保持對最新知識發(fā)展的動態(tài)追蹤,實(shí)現(xiàn)“開放式教材”, 以適應(yīng)科學(xué)知識迅速更新?lián)Q代的要求。
(3)多媒體和智能化原則。網(wǎng)絡(luò)教材的多媒體化主要體現(xiàn)在圖像、聲音、動畫等多種媒體的整合上,以實(shí)現(xiàn)多種感官的綜合刺激,有助于知識的獲取和保持。智能化是利用人工智能技術(shù)解決教學(xué)內(nèi)容中的各種問題,如在線測試、在線論壇和虛擬實(shí)驗(yàn)室等欄目。
(4)簡明性原則。教材配套網(wǎng)站的主要功能是為教學(xué)服務(wù),因此設(shè)計(jì)時(shí)應(yīng)以教學(xué)為中心,版面布局、顏色、字體要簡潔明了,網(wǎng)站導(dǎo)航要清晰明了。
(5)易用性原則。網(wǎng)絡(luò)教材的人機(jī)界面設(shè)計(jì)要具有人性化和簡便化,力爭任何人只要會上網(wǎng)就能夠方便地用它來進(jìn)行學(xué)習(xí)或下載所需的資源。
(6)交互性原則。提供一個(gè)交流論壇,以方便師生之間、教師之間以及學(xué)生之間的交流。
1.3數(shù)字化學(xué)習(xí)資源——教材配套網(wǎng)站的界面設(shè)計(jì)
教材配套網(wǎng)站的界面要簡潔明了, 操作要簡便,如采用鼠標(biāo)點(diǎn)擊、下拉菜單選擇和超級鏈接跳轉(zhuǎn)等方式簡化操作, 利用新開窗口、加入收藏夾等方式方便學(xué)習(xí)者隨時(shí)進(jìn)入教材的某一內(nèi)容學(xué)習(xí),設(shè)置功能提示方便學(xué)習(xí)者隨時(shí)了解某一具體模塊的功能等。例如北京科學(xué)、廣東教育出版社出版的《化學(xué)(九年級)》教科書的配套網(wǎng)站“化學(xué)網(wǎng)上課堂”網(wǎng)站( http://www.586hx.com/) ,其界面的設(shè)計(jì)見圖1。

網(wǎng)站界面的設(shè)計(jì)主要包括網(wǎng)站的整體規(guī)劃、主頁的設(shè)計(jì)、網(wǎng)頁色彩的搭配、字體的設(shè)置和表格的應(yīng)用幾個(gè)方面,如圖2所示。
網(wǎng)站的界面設(shè)計(jì)網(wǎng)站的整體規(guī)劃主頁的設(shè)計(jì)網(wǎng)頁色彩的搭配字體的設(shè)置表格的應(yīng)用

網(wǎng)站的整體規(guī)劃主要包括確定網(wǎng)站的欄目和組織網(wǎng)站的結(jié)構(gòu)。
首先,確定網(wǎng)站欄目。在建設(shè)一個(gè)網(wǎng)站之前,最好先有一個(gè)提綱,考慮好各個(gè)欄目以及如何把它們有機(jī)地聯(lián)系起來。通常可以根據(jù)下列幾個(gè)原則來安排網(wǎng)站的欄目[3]:(1)緊扣主題。將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。(2)設(shè)一個(gè)最近更新欄目。如“新聞快遞”這類欄目,這樣不僅給常來的訪客帶來了方便,同時(shí)也讓你的主頁更具有人性化。(3)設(shè)定一個(gè)可以雙向交流的欄目。如交流論壇、留言本等,可以讓瀏覽者留下他們的信息。
其次,確定網(wǎng)站的結(jié)構(gòu)[4]。網(wǎng)站結(jié)構(gòu)主要包括內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)。內(nèi)容結(jié)構(gòu)可以根據(jù)網(wǎng)站的欄目來確定。
目錄結(jié)構(gòu)是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。雖然網(wǎng)站的目錄結(jié)構(gòu)對瀏覽者并無影響,但對于網(wǎng)站本身的上傳和維護(hù)及今后內(nèi)容的擴(kuò)充有重要影響。目錄結(jié)構(gòu)的創(chuàng)建應(yīng)遵循以下幾個(gè)原則: (1)盡量減少根目錄文件的存放數(shù);(2)按欄目內(nèi)容建立子目錄;(3)在每個(gè)主欄目的目錄下建立獨(dú)立的resources子目錄存放圖片、視頻和flash等資源;(4)不要使用過長或中文的目錄名,要注意文件名的大小寫,因?yàn)楹芏嘀黜撍诘姆?wù)器系統(tǒng)(如UNIX系統(tǒng)等)對文件名的大小寫是有區(qū)分的;(5)建立的目錄層次一般不要超過3層。
鏈接結(jié)構(gòu)指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。教育網(wǎng)站通常采用網(wǎng)狀鏈接結(jié)構(gòu),即每個(gè)頁面相互之間建立鏈接,方便用戶隨時(shí)返回自己想要的頁面。為使瀏覽者不會“迷路”,可以在每個(gè)頁面設(shè)計(jì)“返回首頁”按鈕和“網(wǎng)站導(dǎo)航菜單”等,這樣在表現(xiàn)網(wǎng)站服務(wù)意識的同時(shí)又在結(jié)構(gòu)設(shè)計(jì)上體現(xiàn)了網(wǎng)站的統(tǒng)一性。
1.3.2主頁的設(shè)計(jì)
主頁是讀者進(jìn)入網(wǎng)站的第一個(gè)窗口,它的作用好比一本書的封面,因此主頁的設(shè)計(jì)應(yīng)以醒目為主,能夠令人一目了然。其設(shè)計(jì)要注意下列幾點(diǎn):(1)簡潔明了。主頁是吸引用戶注意的關(guān)鍵所在,設(shè)計(jì)上要以清楚醒目為上,不要過于繁雜。(2)主題突出。一個(gè)網(wǎng)站要向讀者宣傳什么和介紹什么,必須在主頁明確地表現(xiàn)出來。(3)打開快速。一般來說,主頁的下載時(shí)間超過10~15秒,很多用戶就會失去耐心,為了提高瀏覽速度,要盡量減小首頁的數(shù)據(jù)量,特別要注意圖片的大小。 (4)易于漫游。主頁可以使用彈出式導(dǎo)航菜單或提供該網(wǎng)站完整的導(dǎo)航圖,使瀏覽者的瀏覽更方便快捷,能迅速定位到其感興趣的頁面上。(5)更新及時(shí)。應(yīng)時(shí)刻確保主頁提供的是最新信息,如可以在主頁提供一個(gè)類似“新聞快遞”的欄目等。(6)一級頁面的顯示盡量采用新建窗口的形式,這使瀏覽者在等待頁面下載的同時(shí)還可繼續(xù)瀏覽其它內(nèi)容。如“化學(xué)網(wǎng)上課堂”網(wǎng)站的主頁設(shè)計(jì),見圖1所示。
1.3.3網(wǎng)頁色彩的搭配
顏色和色調(diào)是最具情緒化、最具感染力的視覺元素,也是最具文化色彩的元素。選擇網(wǎng)頁色彩的總原則是“總體協(xié)調(diào),局部對比”,在做到吸引學(xué)習(xí)者注意力,突出差異的同時(shí),又不至于使瀏覽者的視覺容易疲勞。
一般情況下,一個(gè)網(wǎng)站應(yīng)該有一種或兩種主題色,這樣既可以避免瀏覽者迷失方向,也不至于單調(diào)、乏味。網(wǎng)頁常見配色方法有:(1)用一種色彩。先選定一種色彩然后調(diào)整其透明度或飽和度,產(chǎn)生新的色彩,用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一,有層次感。(2)用兩種色彩。先選定一種色彩,然后選擇它的對比色,如用藍(lán)色和黃色,這樣可以使整個(gè)頁面色彩豐富但不花哨。
1.3.4 字體的設(shè)置和表格的應(yīng)用
網(wǎng)頁中字體的設(shè)置要注意下列幾點(diǎn): (1)字體不宜過多,最好使用windows系統(tǒng)自帶的字體,因?yàn)樽煮w的顯示效果是由瀏覽者的瀏覽器決定的;(2)特殊字體,最好把其做成圖片;(3)字體的字號、字距行距和文字的顏色要適當(dāng);(4)不同內(nèi)容的字體要有所區(qū)別,需要突出的地方可以用不同的字體、字號和不同的顏色表示;(5)可以使用CSS層疊樣式表處理文字效果。通過層疊樣式表編輯好一個(gè)CSS文件,并在其它頁面中調(diào)用它,就可使所有調(diào)用它的頁面具有統(tǒng)一的風(fēng)格。要改變風(fēng)格時(shí),只需修改此CSS文件即可,這樣既可以保持整個(gè)網(wǎng)站頁面風(fēng)格的統(tǒng)一,又可以加快網(wǎng)頁的下載速度和方便以后的維護(hù)、修改。
另外,合理的運(yùn)用表格控制文本和圖像在網(wǎng)頁上出現(xiàn)的具體位置,而不用擔(dān)心不同對象之間的影響,從而使整個(gè)網(wǎng)頁看上去緊湊、統(tǒng)一。
1.4 數(shù)字化學(xué)習(xí)資源——教材配套網(wǎng)站的內(nèi)容設(shè)計(jì)
教材配套網(wǎng)站的內(nèi)容設(shè)計(jì)既要注意其對象的特定性、內(nèi)容的整合性、功能的綜合性等原則,也要把握好其相關(guān)度、整合度和擴(kuò)展度。相關(guān)度是指教材配套網(wǎng)站的內(nèi)容與教材或課本相關(guān)的程度;整合度是指對教材配套網(wǎng)站的綜合、加工、處理水平的程度;擴(kuò)展度是指教材配套網(wǎng)站在擴(kuò)大知識面、豐富素材資料、增加學(xué)習(xí)功能等方面的程度[5]。
根據(jù)教科書和教學(xué)目標(biāo),科學(xué)地選擇網(wǎng)站的內(nèi)容。在確定網(wǎng)站內(nèi)容后,可以按教科書章節(jié)的順序呈現(xiàn)內(nèi)容;也可以根據(jù)學(xué)科特色,將內(nèi)容分成若干知識點(diǎn),分析這些知識點(diǎn)的內(nèi)容是屬于概念、事實(shí)、原理、問題解決的哪一類,然后按照知識的類別來呈現(xiàn)內(nèi)容。
為了吸引學(xué)習(xí)者的注意力,激發(fā)學(xué)習(xí)者的學(xué)習(xí)動機(jī),提高學(xué)習(xí)效果,網(wǎng)站內(nèi)容的設(shè)計(jì)要注意以下幾點(diǎn)[6]:(1)情境性。網(wǎng)站內(nèi)容無論任務(wù)還是問題的提出,都不能是抽象化、簡單化和脫離背景,而是要通過多種表征方式,在一個(gè)近似真實(shí)的、復(fù)雜的情境中產(chǎn)生。(2)建構(gòu)性。內(nèi)容的設(shè)計(jì)要有利于學(xué)生主動進(jìn)行知識的建構(gòu)。(3)動態(tài)性。網(wǎng)站中的內(nèi)容要在學(xué)生學(xué)習(xí)過程和人際交往互動中不斷調(diào)整、更新。(4)直觀性。對于抽象和復(fù)雜的內(nèi)容,可以通過運(yùn)用圖文聲像等多媒體表現(xiàn)形式將抽象的問題具體化、理論的問題事例化、生活化。
2 展望
Internet及網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,使與課程教材相配套的教學(xué)網(wǎng)站應(yīng)用前景非常廣闊,這對基礎(chǔ)教育各學(xué)科課程教學(xué)帶來巨大影響:(1)為學(xué)生的探究性學(xué)習(xí)、自主性學(xué)習(xí)和協(xié)作性學(xué)習(xí)創(chuàng)設(shè)了情境,有利于探究性等新教學(xué)理念和教學(xué)方法的推廣和應(yīng)用;(2)為教師能把課本知識與探究性的教學(xué)方法溶于教學(xué)過程提供條件;(3)為教師的備課提供素材,讓老師有更多的時(shí)間、精力來構(gòu)思和設(shè)計(jì)教案,提高教學(xué)質(zhì)量和教學(xué)效果;(4)通過教學(xué)網(wǎng)站的交流論壇,教師可以及時(shí)獲得學(xué)生的反饋和改進(jìn)的意見,既具有教與學(xué)的功能,又具有提高教學(xué)方法和教學(xué)質(zhì)量的功能。
計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,信息技術(shù)與課程的不斷整合,將會增強(qiáng)教材配套網(wǎng)站資源的廣泛性和實(shí)用性, 人機(jī)交互的及時(shí)性和多樣性。進(jìn)一步研究學(xué)生和教師對多媒體網(wǎng)絡(luò)教材的需求,不斷發(fā)展中學(xué)教材的配套網(wǎng)站,將會給中學(xué)課堂的教與學(xué)注入新的活力和生機(jī), 為教學(xué)內(nèi)容的呈現(xiàn)方式、學(xué)生的學(xué)習(xí)方式及教師教學(xué)方式的改革提供保障。同時(shí),這也將會成為學(xué)生學(xué)習(xí)和教師教學(xué)的一個(gè)有力的助手, 有利于網(wǎng)絡(luò)教學(xué)真正走進(jìn)課堂、走進(jìn)學(xué)生自主學(xué)習(xí)新天地的開辟。
參考文獻(xiàn):
[1]林炯.化學(xué)數(shù)字化學(xué)習(xí)的構(gòu)想與實(shí)踐[J].中學(xué)化學(xué)教學(xué)參考,2004(5):18~20.
[2]趙航濤.建立學(xué)科教學(xué)網(wǎng)站的探討. http://6green.tjut.cer.net/content/news/dynamic/ news/487.htm[OL].2005-8-9.
[3]李同中,閻偉杰,晉建設(shè)等.網(wǎng)頁設(shè)計(jì)制作技巧[J].河南氣象,2004(1):41.
[4]李曉梅.淺議教育網(wǎng)站的策劃[J].中國電化教育,2005(5) :89~92.
[5]謝幼如.網(wǎng)絡(luò)環(huán)境的專題教學(xué)設(shè)計(jì)[J].電化教育研究,2004(5):37~41.
[6]謝幼如.廣東高校基于網(wǎng)絡(luò)資源利用的課程教改試驗(yàn)研究[J].電化教育研究.2005(5):27~31.