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

網站界面的設計主要包括網站的整體規劃、主頁的設計、網頁色彩的搭配、字體的設置和表格的應用幾個方面,如圖2所示。
網站的界面設計網站的整體規劃主頁的設計網頁色彩的搭配字體的設置表格的應用

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