當課件越來越多地服務于學生自主學習的同時。特別是網絡課件的廣泛應用,如何使課件的界面設計適合學生自學就變得更加重要。因此設計網絡課件,不僅界面的形式要美,關鍵要有利于人的獨立使用,收到良好的教學效果。
知識價值的美
知識是課件的組成基礎,是課件傳達的最直觀的信息,所以對知識的研究是首要的?,F在制作的課件在知識的表示方式上,還不時出現板書搬家的現象。我認為通過課件“再現”的知識。應該是經過精選的、具有價值的知識信息。
例如。在我校組織的網頁比賽中,我制作的“匡老師課堂”獲得了較好的名次,其成功的因素之一就是知識組織得較實用,且具有一定的層次性。其中,一級B課程的知識點依照學生的現實基礎進行了排列重組,且用貼近學生生活的素材來支撐。
人機界面設計的英
人機界面設計的美與否直接決定著學生視覺上、心理上、感情上的接受與否。對于人機界面的美的研究標準是:和諧。人機界面的設計主要由以下三部分組成。
1.版式設計。構成平面的基礎是各種不同的“要素”,例如點、線、面等。這些“要素”的組合要達到和諧的效果需注意變化與統一。變化處理得當,畫面顯得生動活潑;統一在畫面中產生一致、完整、秩序的效果。
我在設計同一用戶界面時,所有的菜單選擇、命令輸入、數據顯示和其他功能在外形和結構上保持了一致性。同時,為了使界面不沉悶,我加入了一些Flash小動畫。使得網頁靜中有動,動靜結合。
2.文本的設計。不同字體會給讀者帶來不同的感情色彩,如黑體有醒目嚴肅的感覺,宋體、楷書有端莊剛直的表情……然而所有的字體設計都為了同一個目的:閱讀的流暢性。
我在設計網頁首頁時,使用了較少的文字和較多的留白,為的是讓學生一目了然,找到所需。設計講課內容時,與學習休戚相關的標題用黑體大號字;支撐論點的補充材料則用仿宋小號字。
3.教學信息網絡傳播的色彩設計?!坝蒙俣粏握{,用色多而不雜亂?!蔽业木W頁的情感基調是活潑明朗,所以我主要以紅、綠、藍三色為主。Banner圖片以及其他插圖以紅、綠兩互補色為主;網頁中圖標的主色則為藍色。同時,為了增加色彩的秩序美,我在圖片中綴以大紅、淺橙、墨綠、青綠、天藍等三原色的近親色。
網頁制作技術的美
網絡課件的技術美體現在以下三個方面。
1.教學內容呈現多媒體化和情境化。多媒體教學通過其特有的圖、文、聲、視并茂,可以吸引學生的注意力,便于他們產生學習的興趣,提高教學效果。我在設計用戶時分了兩類:教師與學生。例如,在學習《計算機網絡技術基礎》課程時,當以學生的用戶名進入“OSI參考模型”這一章的學習時,我用Flash動畫給出了現實生活中學生可能接觸到的各種各樣的通信方式,進而提出:“計算機之間的通信方式是怎樣實現的?”學生自學之后,我給他們展示了一個配有解說的3D動畫。下課了,同學們均感到了學習的快樂。
2.交互方式多樣化。通過網絡可以把教師和學生緊密地聯系起來,利用計算機通信技術和多媒體技術可以進行多種交互方式,其中E-mail和BBS是教師與學生之間溝通的主要渠道。這次網頁我設置了學習論壇,學生注冊以后可以自由地在上面就某個專題發表自己的看法,也可以對練習和學習中遇到的問題進行在線討論。我也參與其中對學生提出的問題給予適當的引導和解釋。學生如果存在較多疑問。也可以通過E-mail與我交流,這樣既詳盡又保護了學生的私密性。實踐證明,學生的學習主動性有了明顯的增強。
3.導航系統便捷化。網絡給學生提供了豐富的超媒體資源,為學生創造出了一種由他們自行控制的學習環境,如果缺乏導航系統,就會使一些學生迷航,從而降低學習效率。在本次網頁中,我主要通過突出主干導航線來提高學生的自學效率。學生登陸以后,在首頁頂端的導航條就清晰地呈現了這名學生所在專業的各個功能模塊,有“課程說明”、“單元學習”、“學習記錄”等,學習者可以方便地進入學習所需的內容。
總之,在制作網絡課件時要以使用對象為依托,使用恰當的網絡制作技術,在進行網頁設計的同時,充分考慮到網絡課件的藝術美感,使得網絡課件更人性化,更好地服務于教與學。