網(wǎng)頁(yè)課件、教案輕松做

張帆

寧德職業(yè)技術(shù)學(xué)院 福建福安 355000

1 引言

許多高校的精品課程網(wǎng)站提供的多媒體課件、教學(xué)視頻、教案及教學(xué)標(biāo)準(zhǔn)等材料都以網(wǎng)頁(yè)形式呈現(xiàn)，不提供下載。而且網(wǎng)頁(yè)制作十分精美，很是令人羨慕。網(wǎng)頁(yè)課件、教案不但方便學(xué)習(xí)者遠(yuǎn)程學(xué)習(xí)課程，而且有利于知識(shí)產(chǎn)權(quán)保護(hù)。目前主流的網(wǎng)頁(yè)制作軟件是Front Page和Dream weaver，前者是微軟開發(fā)的，簡(jiǎn)單容易上手，后者較為專業(yè)，功能更為強(qiáng)大。但掌握這些軟件的使用方法，必須有一個(gè)系統(tǒng)的學(xué)習(xí)過(guò)程，這對(duì)于工作在教學(xué)第一線的非計(jì)算機(jī)專業(yè)的教師來(lái)說(shuō)是比較困難的。學(xué)校雖然有負(fù)責(zé)網(wǎng)站開發(fā)的專業(yè)技術(shù)人員，但全校所有課程的網(wǎng)頁(yè)課件、教案等的制作都由幾個(gè)技術(shù)人員完成也是不現(xiàn)實(shí)的，而且有的學(xué)校甚至沒有配備負(fù)責(zé)網(wǎng)站開發(fā)的專業(yè)技術(shù)人員。如何讓教師通過(guò)簡(jiǎn)單的學(xué)習(xí)就能輕松制作網(wǎng)頁(yè)課件和教案，而管理網(wǎng)站的技術(shù)人員只要負(fù)責(zé)網(wǎng)頁(yè)的鏈接就可以了？本文介紹通過(guò)使用iSpring Free、Adobe Captivate及Macro media Flash Paper軟件，使廣大教師按幾個(gè)按鍵就能輕松地把PPT文件或Word文件轉(zhuǎn)化為網(wǎng)頁(yè)課件或教案的方法。

2 網(wǎng)頁(yè)課件

2.1 使用iSpring Free制作

制作網(wǎng)頁(yè)課件最簡(jiǎn)單的方法就是使用免費(fèi)軟件iSpring Free，iSpring Free是Micros of t Of fice Power Point的外掛工具，筆者使用的是iSpring Free 6.0。下面以“第十章雜環(huán)化合物和生物堿”為例，說(shuō)明網(wǎng)頁(yè)課件的制作方法。

首先安裝iSpring Free 6.0，打開編輯好的PPT（“第十章 雜環(huán)化合物和生物堿”）。安裝了iSpring Free之后，在Microsoft Office PowerPoint的工具欄上即嵌入“quick publish”“publish”“flash”“youtube”“update” 等操作按鈕。點(diǎn)擊“publish”按鈕，即彈出發(fā)布對(duì)話框（圖1），輸入標(biāo)題名“第十章 雜環(huán)化合物和生物堿”，選擇輸出文件夾，并在“options”欄目勾選“Start present automatically”和“Advance animations on mouse click”選項(xiàng)，則學(xué)習(xí)者在學(xué)習(xí)時(shí)，通過(guò)點(diǎn)擊鼠標(biāo)，幻燈片內(nèi)容逐步呈現(xiàn)。其他按默認(rèn)設(shè)置即可。點(diǎn)擊“publish”按鈕即完成網(wǎng)頁(yè)課件制作，在以標(biāo)題名命名的文件夾中自動(dòng)生成3個(gè)文件（fixprompt.js、index.html及第十章 雜環(huán)化合物和生物堿.swf）。

通過(guò)iSpring Free制作的網(wǎng)頁(yè)課件能夠保留PPT文件中的動(dòng)畫和過(guò)渡效果，而且在發(fā)布前可以通過(guò)點(diǎn)擊“flash”按鈕十分方便地插入Flash影片。由iSpring Free制作的網(wǎng)頁(yè)課件的播放界面十分友好，具有良好的導(dǎo)航功能。通過(guò)點(diǎn)擊“”按鈕，即可調(diào)出幻燈片縮略圖畫面，點(diǎn)選任一縮略圖，主畫面即顯示該張幻燈片（圖2）。

2.2 使用Adobe Captivate制作

Adobe Captivate是Adobe公司開發(fā)的屏幕錄制軟件，功能十分強(qiáng)大，但操作卻很簡(jiǎn)單?？蓪PT文件導(dǎo)入，根據(jù)需要進(jìn)行編輯后，導(dǎo)出為保留原PPT文件中的動(dòng)畫和過(guò)渡效果的網(wǎng)頁(yè)課件。下面以Adobe Captivate 3和“第十章 雜環(huán)化合物和生物堿”為例，說(shuō)明網(wǎng)頁(yè)課件制作過(guò)程。

啟動(dòng)Adobe Captivate 3，選擇“錄制或創(chuàng)建一個(gè)新項(xiàng)目”（圖3），在彈出的窗口中選擇“由Microsoft Power Point導(dǎo)入”（圖4）。導(dǎo)入后的界面如圖5所示，可根據(jù)需要對(duì)導(dǎo)入的幻燈片進(jìn)行編輯。 編輯完成后，點(diǎn)擊工具欄上的“發(fā)布”按鈕，在彈出的對(duì)話框中輸入項(xiàng)目名稱“第十章 雜環(huán)化合物和生物堿”，選擇輸出文件夾。在輸出選項(xiàng)欄勾選“導(dǎo)出HTML（X）”選項(xiàng)，點(diǎn)擊“發(fā)布”按鈕，即完成網(wǎng)頁(yè)課件制作。在生成的以項(xiàng)目名稱命名的文件夾中包含4個(gè)文件（standard.js、第十章 雜環(huán)化合物和生物堿.htm、第十章 雜環(huán)化合物和生物堿.swf、第十章 雜環(huán)化合物和生物堿_skin.swf）。

由Adobe Captivate制作的網(wǎng)頁(yè)課件的播放界面也十分友好，不但有進(jìn)、退、播放（暫停）按鈕，而且可一鍵返回首張幻燈片（圖6）。

此外，Adobe Captivate中還提供文本框、點(diǎn)擊框、按鈕等工具，可制作具有良好交互功能的網(wǎng)頁(yè)課件。如烷烴的命名法教學(xué)，編輯狀態(tài)下，在一空幻燈片中插入待命名的烷烴的結(jié)構(gòu)式圖片；點(diǎn)擊Adobe Captivate界面下方的工具欄上的文本框工具，在彈出的對(duì)話框中“文本輸入框”欄目的“正確的輸入項(xiàng)”框中輸入正確答案（若是選擇題，多項(xiàng)選擇題可輸入多個(gè)正確答案），其他按默認(rèn)設(shè)置；點(diǎn)擊“確定”，即在題目下產(chǎn)生輸入框、成功提示框、失敗提示框和答題提示框（圖7）。

雙擊“成功提示框”，輸入“恭喜你，答對(duì)了”等詞；雙擊“失敗提示框”，輸入“對(duì)不起，答錯(cuò)了”等詞；必要時(shí)，在“答題提示框”中輸入適當(dāng)?shù)奶崾?。?yīng)注意的是：必須提醒答題者在輸入逗號(hào)等符號(hào)時(shí)使用的輸入法（中文還是英文，全角或是半角）應(yīng)與前面在“正確的輸入項(xiàng)”框中輸入正確答案的一致。課件運(yùn)行時(shí)，答題者只要在輸入框中輸入正確答案，就會(huì)彈出“恭喜你，答對(duì)了”（圖8）。

3 網(wǎng)頁(yè)教案

Macro media Flash Paper是Macro media公司出的一款文件轉(zhuǎn)換軟件，允許把任何的可打印的文檔直接轉(zhuǎn)換成Flash文檔或PDF文檔，并且保持原來(lái)的文件的排版格式。運(yùn)用Macro media Flash Paper制作網(wǎng)頁(yè)教案的操作十分簡(jiǎn)單。

第一步，用Macro media Flash Paper把Word格式的教案轉(zhuǎn)化為可加載在網(wǎng)頁(yè)上的swf文件。啟動(dòng)Macro media Flash Paper 2.0，將Word格式的教案圖標(biāo)直接拖入Macro media Flash Paper 2.0的窗口中，結(jié)果如圖9所示。點(diǎn)擊“Save as Macro media Flash”，在彈出的對(duì)話框中輸入文件名，選擇輸出文件夾。點(diǎn)擊“確定”，即完成文件格式的轉(zhuǎn)換工作。

第二步，建立一個(gè)文本文檔（文件名任意），在其中粘貼上以下代碼：

將以上代碼中的xxx.swf換成swf格式的教案的文件名。保存后，將該文本文檔與swf格式的教案放在同一個(gè)文件夾中。將該文本文檔的擴(kuò)展名由txt改為html，制作網(wǎng)頁(yè)教案的工作即告完成。提交給負(fù)責(zé)網(wǎng)絡(luò)教學(xué)資源管理的專業(yè)技術(shù)人員鏈接，就可以在家里的電腦屏幕前欣賞自己的杰作了。

[1]劉延輝.談如何制作網(wǎng)頁(yè)形式課件[J].教育研究與實(shí)踐,2010(8):51-52.

[2]張凱,高志軍.iSpring在多媒體課件制作中的應(yīng)用[J].辦公自動(dòng)化,2011(12):55-56.

[3]周全,李棟.Adobe Captivate及其在教學(xué)中的應(yīng)用[J].電腦編程技巧與維護(hù),2011(22):157-159.