徐政五***　甘　露　李會(huì)勇

(電子科技大學(xué)電子工程學(xué)院　成都　610054)

摘要:網(wǎng)絡(luò)課件的設(shè)計(jì)與制作已成為現(xiàn)代教育技術(shù)研究的一個(gè)重要領(lǐng)域,也對(duì)網(wǎng)絡(luò)課件的設(shè)計(jì)提出了更高的要求。文中提出了一種網(wǎng)絡(luò)課件的設(shè)計(jì)方案,對(duì)架構(gòu)框圖及主要功能進(jìn)行了說

明,并對(duì)主要實(shí)現(xiàn)技術(shù)作了簡(jiǎn)要的闡述。

關(guān)鍵詞:網(wǎng)絡(luò)課件;開發(fā);設(shè)計(jì);網(wǎng)絡(luò)教學(xué)

中圖分類號(hào): TP393　　文獻(xiàn)標(biāo)識(shí)碼: B　　文章編號(hào): 1672-4550(2005)03-0028-03

如何有效地利用網(wǎng)絡(luò)資源,建構(gòu)基于網(wǎng)絡(luò)的現(xiàn)代教學(xué)模式和開發(fā)適合網(wǎng)絡(luò)教學(xué)的課件,是當(dāng)前高校的一個(gè)迫切需要研究和解決的問題。在基于校園網(wǎng)的教育網(wǎng)絡(luò)環(huán)境下,網(wǎng)絡(luò)課件可以最大限度地調(diào)動(dòng)學(xué)生的積極性和主動(dòng)性,既能進(jìn)行個(gè)性化教學(xué),又能進(jìn)行協(xié)作式教學(xué),還可以將兩者結(jié)合起來,形成一種全新的網(wǎng)絡(luò)教學(xué)模式。在這種教學(xué)模式下,可以完全按照個(gè)人的需要進(jìn)行,包括對(duì)教學(xué)內(nèi)容、教學(xué)時(shí)間、教學(xué)方式、學(xué)習(xí)地點(diǎn)甚至任課教師的選擇。

多媒體網(wǎng)絡(luò)課件質(zhì)量的好壞在網(wǎng)絡(luò)教學(xué)中起著非常重要的作用。首先,要用教學(xué)理論來指導(dǎo)開發(fā)網(wǎng)絡(luò)課件,進(jìn)行教學(xué)設(shè)計(jì),把學(xué)生作為認(rèn)識(shí)的主體,體現(xiàn)教師的主導(dǎo)作用。其次,應(yīng)注重教學(xué)環(huán)境的創(chuàng)設(shè),明確教學(xué)目的,分析學(xué)生特征,教學(xué)知識(shí)點(diǎn)的建立、鞏固及練習(xí)等。還應(yīng)注意網(wǎng)絡(luò)課件的交互性,協(xié)作式學(xué)習(xí)方式,個(gè)性化自主學(xué)習(xí)和課件的開放性。

1　網(wǎng)絡(luò)課件開發(fā)流程及要求

網(wǎng)絡(luò)課件的開發(fā)流程如圖1所示。

在網(wǎng)絡(luò)課件的開發(fā)中應(yīng)滿足如下基本要求:

(1)網(wǎng)絡(luò)課件建設(shè)要充分體現(xiàn)網(wǎng)絡(luò)教學(xué)的特點(diǎn),能提高學(xué)習(xí)者的學(xué)習(xí)興趣與自覺性。(2)網(wǎng)

絡(luò)課件除應(yīng)滿足在互聯(lián)網(wǎng)上運(yùn)行的基本條件,還應(yīng)具備安全、穩(wěn)定、可靠、下載快等特點(diǎn)。(3)網(wǎng)絡(luò)課件應(yīng)有完整的文字與制作腳本。(4)網(wǎng)絡(luò)課件文字說明中的有關(guān)名詞、概念、符號(hào)、人名、定理、定律和重要知識(shí)點(diǎn)都要與相關(guān)的背景資料相鏈接。(5)對(duì)課程中的重要部分,可適當(dāng)采用圖片、配音或動(dòng)畫來強(qiáng)化學(xué)習(xí)效果,但要避免與教學(xué)內(nèi)容無關(guān)的、純表現(xiàn)式的圖片或動(dòng)畫。

2　網(wǎng)絡(luò)課件的總體設(shè)計(jì)結(jié)構(gòu)框圖及主要功能簡(jiǎn)介

2·1　總體設(shè)計(jì)

網(wǎng)絡(luò)課件可分為自主學(xué)習(xí)型、自測(cè)輔導(dǎo)型和交互式授課型課件。三種類型的課件各具特色,本文中所設(shè)計(jì)的網(wǎng)絡(luò)課件靈活地穿插使用了三種類型的課件,借助計(jì)算機(jī)完成異步自主、同步互動(dòng)、發(fā)展個(gè)性的學(xué)習(xí)。

網(wǎng)絡(luò)課件的總體設(shè)計(jì)結(jié)構(gòu)框圖如圖2所示。

2·2　主要功能簡(jiǎn)介

2·2·1　導(dǎo)航系統(tǒng)

教學(xué)內(nèi)容部分知識(shí)體系龐大,內(nèi)容豐富。為使學(xué)生能夠自主選擇本系統(tǒng),迅速查找到知識(shí)點(diǎn)在知識(shí)體系中的位置及與其他知識(shí)點(diǎn)的關(guān)系,務(wù)必做到導(dǎo)航清晰。系統(tǒng)有如下三種導(dǎo)航方式。

(1)目錄樹導(dǎo)航。將課程內(nèi)容按章節(jié)組織,每章有若干節(jié),每節(jié)有多個(gè)知識(shí)點(diǎn)。用這種樹型知識(shí)拓展形式,可使學(xué)生快速有效地進(jìn)入自己所需的知識(shí)點(diǎn)。

(2)網(wǎng)頁(yè)中導(dǎo)航指針導(dǎo)航(向前、向后翻頁(yè))。

(3)網(wǎng)頁(yè)中相關(guān)內(nèi)容列表導(dǎo)航。提供靈活的學(xué)習(xí)內(nèi)容定位方式的同時(shí),系統(tǒng)還提供學(xué)生學(xué)習(xí)過程定位機(jī)制,即通過學(xué)習(xí)過程的跟蹤記錄,讓學(xué)生從前一次退出的地方開始新的學(xué)習(xí)。

2·2·2　檢索功能

(1)名詞檢索功能。幫助學(xué)生通過鍵入學(xué)習(xí)中常遇到的名詞或術(shù)語(yǔ)快速定位到相關(guān)內(nèi)容頁(yè)面中。

(2)索引表。列出學(xué)習(xí)中會(huì)遇到的各類術(shù)語(yǔ)、各種定義。索引服務(wù)為這些常見的概念進(jìn)行簡(jiǎn)明扼要的解釋,在系統(tǒng)中充當(dāng)隨時(shí)備查的“詞典庫(kù)”的作用。

(3)課程背景。包括課程涉及到的一些知識(shí)點(diǎn)、定理的出處和背景。

2·2·3　答疑

答疑功能利用網(wǎng)絡(luò)特性(基于ASP及網(wǎng)絡(luò)數(shù)據(jù)庫(kù)設(shè)計(jì)),設(shè)計(jì)了有效的師生之間、同學(xué)之間交互的學(xué)習(xí)活動(dòng)。這樣可彌補(bǔ)遠(yuǎn)程教育中不便于交流的缺憾,可調(diào)動(dòng)學(xué)生的學(xué)習(xí)熱情,提高學(xué)習(xí)效果。

在“疑難討論”中,有各種專題討論區(qū)和一個(gè)精華區(qū),教師可根據(jù)學(xué)習(xí)過程的進(jìn)度和學(xué)生對(duì)知識(shí)的掌握情況,增加、刪除和管理討論區(qū),比如在學(xué)習(xí)結(jié)束后,考試臨近之前教師可增加“總復(fù)習(xí)指導(dǎo)”,“考試心理”等討論區(qū)。而“新手上路”討論區(qū)在考試臨近時(shí)可以刪除。教師可收集在討論區(qū)中發(fā)表過的有價(jià)值的文章存放在精華區(qū),以利于學(xué)生快速獲得重要信息。學(xué)生可選擇自己感興趣的討論區(qū),參與討論,并定期把精華區(qū)內(nèi)容打包下載,以離線方式查閱并保存重要內(nèi)容。

“專題輔導(dǎo)”的實(shí)現(xiàn)機(jī)制和“疑難討論”完全一樣。學(xué)生在“疑難討論”中進(jìn)行了充分的討論后,在“專題輔導(dǎo)”討論區(qū)里可以得到更專門的輔導(dǎo)。教師也可根據(jù)自己的教學(xué)經(jīng)驗(yàn)不時(shí)地在“專題輔導(dǎo)”里發(fā)表新的專題,從而更有利于幫助學(xué)生把握到學(xué)習(xí)的重點(diǎn)。

2·2·4　測(cè)試

本課程的試題資料可按照教育測(cè)量理論組織為習(xí)題和自測(cè)練習(xí),系統(tǒng)提供提示和解答過程,以幫助學(xué)生完成自我評(píng)價(jià)。

3　網(wǎng)絡(luò)課件的開發(fā)技術(shù)

3·1　網(wǎng)頁(yè)開發(fā)技術(shù)

對(duì)于靜態(tài)網(wǎng)頁(yè)開發(fā),本文使用Dreamweaver這一可視化網(wǎng)頁(yè)制作軟件,該軟件可進(jìn)行“可見即所得”的頁(yè)面編輯,且具有HTML源代碼編輯環(huán)境和嵌入Javascript腳本,可制作簡(jiǎn)單動(dòng)態(tài)效果和交互操作界面。而且Dreamweaver在編輯功能上較Frontpage強(qiáng),可隨時(shí)將當(dāng)前網(wǎng)頁(yè)轉(zhuǎn)換為框架網(wǎng)頁(yè),也能利用層操作隨時(shí)定位區(qū)域。對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)開發(fā),本文使用Dreamweaver

UltraDev軟件,將Web應(yīng)用程序的開發(fā)環(huán)境同可視化創(chuàng)作環(huán)境結(jié)合起來,幫助用戶快速進(jìn)行Web應(yīng)用程序的開發(fā)。它能完全集成Dreamweaver,具有最優(yōu)秀的可視化操作環(huán)境,又整合了最常見的服務(wù)器端數(shù)據(jù)庫(kù)操作能力。能夠快速生成專業(yè)的服務(wù)器操作頁(yè)面和代碼。它不僅可以用于開發(fā)基于ASP技術(shù)的Web應(yīng)用程序,還可以開發(fā)基于JSP技術(shù)或CFMI技術(shù)的應(yīng)用程序。

3·2　多媒體開發(fā)技術(shù)

對(duì)于動(dòng)畫素材,常用的動(dòng)畫格式有SWF、GIF和AVI等,本文課件的頁(yè)面題圖用GIFAnimator軟件合成,格式為GIF。而頁(yè)面中的按鈕、主頁(yè)動(dòng)畫及二維動(dòng)畫演示用Flash制作。

對(duì)于靜態(tài)圖像處理、動(dòng)態(tài)視頻處理以及聲音媒體的處理,主要使用的軟件有: A dobe Photoshop6·0、InageReady 3·0及Macromedia FlashMX等。

3·3　數(shù)據(jù)庫(kù)開發(fā)技術(shù)

該技術(shù)是實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)的關(guān)鍵。主要應(yīng)用在“疑難討論”、“專題輔導(dǎo)”、“用戶管理”等部分,它的應(yīng)用可以使網(wǎng)絡(luò)課件的交互成為可能。本文數(shù)據(jù)庫(kù)系統(tǒng)應(yīng)用MicrosoftAccessDriver引擎,開發(fā)工具為MicrosoftAccessXP。

3·4　CSS技術(shù)

CSS即層疊樣式表,使用CSS能夠簡(jiǎn)化網(wǎng)頁(yè)的格式代碼,加快下載顯示速度,外部鏈接樣式可以同時(shí)定義多個(gè)頁(yè)面,大大減少重復(fù)勞動(dòng)的工作量。對(duì)于不同的模塊,如“疑難討論”、“專題輔導(dǎo)”、“學(xué)習(xí)內(nèi)容”、“導(dǎo)航條”等各種復(fù)雜的頁(yè)面元素,通過少數(shù)的幾個(gè)CSS樣式表來統(tǒng)一管理,使整個(gè)課件的外觀清晰、簡(jiǎn)潔,使用方便。

3·5　PHP技術(shù)

PHP技術(shù)是一種跨平臺(tái)的服務(wù)器端的嵌入腳本語(yǔ)言。本文檢索功能應(yīng)用PHP來開發(fā)。

4　結(jié)束語(yǔ)

網(wǎng)絡(luò)教學(xué)的優(yōu)勢(shì)已為越來越多的人所重視,需要大力發(fā)展網(wǎng)絡(luò)教學(xué),發(fā)揮網(wǎng)絡(luò)優(yōu)勢(shì),將已有的網(wǎng)絡(luò)實(shí)驗(yàn)室、校園網(wǎng)、Internet和教學(xué)軟件充分利用起來,使之真正為教學(xué)服務(wù)。本文討論了網(wǎng)絡(luò)課件的總體構(gòu)架及開發(fā)技術(shù),希望本文能為網(wǎng)絡(luò)課件的設(shè)計(jì)與開發(fā)提供一些粗淺的經(jīng)驗(yàn),并對(duì)高校教學(xué)改革發(fā)揮一定的積極作用。

參考文獻(xiàn)

[1]　韋鈺·中國(guó)遠(yuǎn)程教育發(fā)展進(jìn)入新階段的標(biāo)志·開放教育, 1998, (3): 3

[2]　現(xiàn)代遠(yuǎn)程教育資源建設(shè)技術(shù)規(guī)范(試行)·中華人民共和國(guó)教育部, 1999

[3]　甘登岱,郭玲文·精品網(wǎng)頁(yè)制作DIY·北京:清華大學(xué)出版社, 2000