基于網(wǎng)絡(luò)教學(xué)課件的開(kāi)發(fā)與制作

黃火英

摘要：隨著社會(huì)網(wǎng)絡(luò)化發(fā)展，學(xué)校教學(xué)和企業(yè)培訓(xùn)的也越來(lái)越多的選擇網(wǎng)絡(luò)教學(xué)，網(wǎng)絡(luò)教學(xué)除平臺(tái)建設(shè)外，需要更多的是較高質(zhì)量的教學(xué)課件。傳統(tǒng)CAI課件不能適應(yīng)網(wǎng)絡(luò)化教學(xué)培訓(xùn)的需要，取而代之的是基于網(wǎng)絡(luò)技術(shù)，尤其是Web技術(shù)的課件。網(wǎng)絡(luò)課件除具有傳統(tǒng)課件的教學(xué)優(yōu)點(diǎn)外，還可以網(wǎng)上共享，并且具有開(kāi)放性、動(dòng)態(tài)性、協(xié)同性、交互性，主要用于網(wǎng)絡(luò)環(huán)境下的教學(xué)和課堂輔助教學(xué)。

關(guān)鍵詞：基于網(wǎng)絡(luò)；教學(xué)課件；輔助教學(xué)

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）10-0117-03

隨著時(shí)代的發(fā)展，學(xué)生學(xué)習(xí)形式的多樣性，結(jié)合新課改的精神為出發(fā)點(diǎn)，利用大量的多媒體資料和網(wǎng)絡(luò)資源，為學(xué)生自主探究、自主建構(gòu)提供盡可能多的信息是當(dāng)今教師值得思考的問(wèn)題，網(wǎng)絡(luò)學(xué)習(xí)成為當(dāng)今學(xué)生學(xué)習(xí)的主流。

1 網(wǎng)絡(luò)型多媒體課件的優(yōu)點(diǎn)

簡(jiǎn)單的來(lái)說(shuō)，網(wǎng)絡(luò)型課件有以下幾條優(yōu)點(diǎn)：

1）制作工具強(qiáng)能強(qiáng)大，縮短了開(kāi)發(fā)周期；

2）容易運(yùn)行；

3）資料豐富，便于更新。

2 網(wǎng)絡(luò)型多媒體課件應(yīng)注意的問(wèn)題

網(wǎng)頁(yè)課件設(shè)計(jì)中應(yīng)注意的三個(gè)問(wèn)題：

1）多媒體課件大多是引用大量的生動(dòng)影像、照片、動(dòng)畫、聲音等文件組成，由它們組成的網(wǎng)頁(yè)在網(wǎng)絡(luò)上傳輸時(shí)速度較慢，因此在網(wǎng)頁(yè)課件制作前，必須要更改這些文件的格式。如提供用戶下載，可以考慮壓縮。[2]

2）網(wǎng)頁(yè)頁(yè)面要盡量小些，最好是用1-2頁(yè)就能顯示完。

3）網(wǎng)絡(luò)型課件要在網(wǎng)絡(luò)中傳輸，要注意各種插件的使用，如果打不開(kāi)媒體的話，可以在幫助文件中有所說(shuō)明。

3 課件制作環(huán)境

隨著多媒體輔助教學(xué)研究的深入，人們漸漸發(fā)現(xiàn)傳統(tǒng)意義上的多媒體課件的兩大缺陷：一是僅能輔助教師教，不能直接幫助學(xué)生學(xué)；二是把學(xué)生局限于觀賞者的角色，不能主動(dòng)參與到學(xué)習(xí)中來(lái)，“雙主”原則不能很好得到貫徹，而最有效的解決方案是課件網(wǎng)絡(luò)化，利用現(xiàn)有的教學(xué)設(shè)備、網(wǎng)絡(luò)資源，重新整合教學(xué)資源，將信息化教學(xué)進(jìn)行到底。本文正是基于現(xiàn)在多媒體教學(xué)的實(shí)際情況及瓶頸，介紹可視化網(wǎng)頁(yè)開(kāi)發(fā)工具Dreamweaver實(shí)現(xiàn)網(wǎng)絡(luò)教學(xué)。

3.1 所用工具

Dreamweaver、Flash、WindowsXP

3.2 Dreamweaver的主要功能特點(diǎn)

1）可視化編輯界面

2）靈活的編寫方式

3）豐富的媒體支持能力

4 課件制作過(guò)程

4.1 課件設(shè)計(jì)

課件設(shè)計(jì)的前提是確定了課件的主題，根據(jù)教學(xué)內(nèi)容的特點(diǎn)，精心制作多媒體素材，集圖、文、聲、像的綜合表現(xiàn)功能，有效調(diào)動(dòng)和發(fā)揮學(xué)生學(xué)習(xí)的積極性和創(chuàng)造性，提高學(xué)習(xí)效率。[1]教師要根據(jù)教學(xué)要求而制定的一個(gè)課件制作方案，使之符合教學(xué)目標(biāo)的要求。

本文以八年級(jí)數(shù)學(xué)上冊(cè)第十一章第二節(jié)《旋轉(zhuǎn)》為藍(lán)本，根據(jù)教學(xué)設(shè)計(jì)，將教學(xué)內(nèi)容分為七大模塊：學(xué)導(dǎo)篇、求知苑、實(shí)踐營(yíng)、競(jìng)技場(chǎng)、放飛林、留言板、幫幫你。每一模塊又各有分支：學(xué)導(dǎo)篇分為：學(xué)習(xí)目標(biāo)、學(xué)前準(zhǔn)備、學(xué)法指導(dǎo)；求知苑分為：邊看邊找、邊做邊想、思維跳躍、例題解析；實(shí)踐營(yíng)分為：選一選、填一填、做一做；競(jìng)技場(chǎng)分為：小試牛刀、大顯身手、創(chuàng)新擂臺(tái)；放飛林分為：生活數(shù)學(xué)、數(shù)學(xué)文件、學(xué)以致用、數(shù)學(xué)名人；留言板是一個(gè)反饋平臺(tái)，學(xué)生可以通過(guò)E-mail方式將學(xué)習(xí)情況加以反饋；幫幫你是一個(gè)幫助文件，簡(jiǎn)單介紹了各大模塊的內(nèi)容及作用。每個(gè)模塊既是獨(dú)立的，又是相互聯(lián)系的，課件的流程圖如圖1《旋轉(zhuǎn)》模塊。

4.2 課件腳本制作

腳本在整個(gè)課件制作過(guò)程中是最主要的部分，腳本設(shè)計(jì)是制作課件的重要環(huán)節(jié)，需要對(duì)內(nèi)容選擇、結(jié)構(gòu)布局、視聽(tīng)表現(xiàn)、人機(jī)界面形式、解說(shuō)詞撰寫、配樂(lè)手段進(jìn)行系統(tǒng)的考慮和細(xì)致的安排。從課件的開(kāi)發(fā)制作來(lái)看，腳本創(chuàng)作分為兩步。第一，文字稿本創(chuàng)作。文稿是由教師編寫的。第二，是編輯稿本。編輯稿本是在文稿的基礎(chǔ)上創(chuàng)作的，它不是直接簡(jiǎn)單的將文稿形象化，而是要在吃透文稿的基礎(chǔ)上，進(jìn)一步引申及發(fā)展。

4.2.1 框架集腳本的設(shè)計(jì)

為了使課件頁(yè)面設(shè)計(jì)更合理，導(dǎo)航更方便，本課件在首頁(yè)面選用了框架頁(yè)面。此框架頁(yè)中包括三個(gè)框架，一個(gè)用來(lái)放置課件標(biāo)題（top.htm），一個(gè)框架用來(lái)放置導(dǎo)航菜單欄（left.htm），另一個(gè)框架用來(lái)顯示各設(shè)計(jì)模塊內(nèi)容（main.htm）。每一個(gè)框架都是一個(gè)獨(dú)立的HTML頁(yè)，它們被共同聚集在一起，形成一個(gè)框架集?？蚣芗彩且粋€(gè)HTML面，它定義了網(wǎng)頁(yè)的結(jié)構(gòu)和屬性。使用框架集的好處是當(dāng)頁(yè)面主要內(nèi)容過(guò)長(zhǎng)時(shí)，需要拖動(dòng)滾動(dòng)軸時(shí)，其課件標(biāo)題欄、導(dǎo)航菜單欄可以固定不變地顯示在網(wǎng)頁(yè)中，可以比較方便地進(jìn)行欄目之間的切換等，如圖2。

4.2.2 插入多媒體動(dòng)畫腳本的設(shè)計(jì)

為了突出“ 旋轉(zhuǎn)”形象、生動(dòng)性，課件在“求知苑”、“實(shí)踐營(yíng)”、“競(jìng)技場(chǎng)”、“放飛林”設(shè)計(jì)了豐富的動(dòng)畫，例如，在“求知苑”模塊中“邊看邊找”，這一環(huán)節(jié)，利用豐富的Flash動(dòng)畫演示現(xiàn)實(shí)生活中的時(shí)鐘、電風(fēng)扇、風(fēng)車、轉(zhuǎn)盤等的旋轉(zhuǎn)，并可以實(shí)時(shí)控制，使學(xué)生留下了深刻的印象。從而將直接的教學(xué)設(shè)計(jì)以形象化的、動(dòng)感的多媒體動(dòng)畫形式展現(xiàn)在學(xué)生面前，取得了不錯(cuò)的效果。

4.2.3 E-mail反饋表單腳本設(shè)計(jì)

網(wǎng)絡(luò)課件的一大特點(diǎn)就是交互性強(qiáng)，所以，為了實(shí)現(xiàn)師生的“互動(dòng)”及學(xué)習(xí)情況及時(shí)反饋，設(shè)計(jì)了E-mail反饋表單，方便了師生之間的互動(dòng)交流。設(shè)置時(shí)選中文檔左下角“標(biāo)簽選擇器”上的“Form標(biāo)簽”，在屬性面板上，動(dòng)作中輸入mailto：wanghtfjue@126.com，在方法中選擇POST。

4.2.4 模塊化設(shè)計(jì)

網(wǎng)絡(luò)課件是在網(wǎng)絡(luò)環(huán)境下讓求學(xué)的人獲取知識(shí)的教學(xué)工具，也是學(xué)生自主學(xué)習(xí)的一種手段，其主體是學(xué)生，使用課件的人也就是學(xué)生本人。因此，課件信息的及時(shí)、實(shí)時(shí)更新、維護(hù)就顯得特別重要了，因此，模塊化設(shè)計(jì)的思想就起了很大作用，每個(gè)模塊各欄目又建立了相對(duì)獨(dú)立的頁(yè)面，各個(gè)模塊（包括模塊內(nèi)部欄目）與導(dǎo)航菜單建立鏈接，彼此之間相對(duì)獨(dú)立又相互聯(lián)系，這樣，可以實(shí)時(shí)更新某一模塊中信息而不影響其他模塊中信息，從而減輕了維護(hù)的強(qiáng)度，節(jié)省了時(shí)間。所以，模塊化程序設(shè)計(jì)思想在課件特別是網(wǎng)絡(luò)型課件中是非常重要的。

4.3 課件總裝與測(cè)試

課件各個(gè)模塊設(shè)計(jì)完成后，要分別進(jìn)行調(diào)試，最后總裝生成一個(gè)可執(zhí)行的應(yīng)用程序，本課件將首頁(yè)面命名為zhuye.htm，另外建立一個(gè)index.htm頁(yè)面作為引導(dǎo)頁(yè)，引導(dǎo)頁(yè)的設(shè)計(jì)是為了使課件使用者在使用過(guò)程中能夠一目了然。本課件可以用IE6.0及以上版本的瀏覽器瀏覽，方法和瀏覽普通網(wǎng)頁(yè)一樣，只需找到index.htm文件，雙擊運(yùn)行即可，方便快捷。假如該課件上傳到網(wǎng)站上供人瀏覽或下載的話，那么，只需將index.htm改名就可以了，并將其和相關(guān)內(nèi)建立容鏈接就可以了。不過(guò)，要注意的是，課件名不能和網(wǎng)站索引文件index.htm同名，否則的話，網(wǎng)站首頁(yè)將不能正常瀏覽，同時(shí)，如果課件文件較大的話，還要考慮將其壓縮，這樣，有利于正常下載，減少出錯(cuò)的機(jī)率。

在安裝好后，還須對(duì)課件進(jìn)行測(cè)試，其目的是檢測(cè)程序是否可以正常的運(yùn)行，鏈接是否正確，動(dòng)畫、聲音能否正常播放等。 [1]如有問(wèn)題，應(yīng)及時(shí)有效的修改，至滿意為止。

4.4 課件的發(fā)布

課件制作完成后，經(jīng)過(guò)嚴(yán)格的測(cè)試后，那么，課件就要交付使用了，網(wǎng)絡(luò)型課件的發(fā)布比較靈活，既可以以單獨(dú)的網(wǎng)頁(yè)形式運(yùn)行于單機(jī)，又可以上傳到網(wǎng)站，實(shí)現(xiàn)網(wǎng)上共享。在單機(jī)運(yùn)行，只需用IE6.0及以上版本的瀏覽器瀏覽，雙擊index.htm即可；而上傳到網(wǎng)站上后，那么，我們就可以隨時(shí)隨地的上網(wǎng)瀏覽或下載課件了。總之，網(wǎng)絡(luò)課件的發(fā)布因?yàn)槭墙⒃诰W(wǎng)絡(luò)基礎(chǔ)上的，其發(fā)布、傳播的靈活性及快捷性是傳統(tǒng)課件所無(wú)法比擬的。

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

網(wǎng)絡(luò)多媒體課件由于能輔教并兼有助學(xué)功能，其需要大量的素材，設(shè)計(jì)各種各樣的交互，制作調(diào)試的難度也非常規(guī)課件能所比，但其獨(dú)特的作用卻也是普通多媒體課件所不能及的，有其獨(dú)特的魅力。

參考文獻(xiàn)：

[1] 汪一穎. 面向網(wǎng)絡(luò)的CAI課件設(shè)計(jì)[EB/OL].http：//www.jhedu.org/InfoItem？itemid=132.

[2] 趙經(jīng)成. 網(wǎng)絡(luò)教學(xué)課件制作[M].北京： 人民郵電出版社， 2004.

[3] 馬赫. DreamweaverMX 2004網(wǎng)頁(yè)設(shè)計(jì)經(jīng)典108例[M]. 北京： 中國(guó)青年出版社， 2005.