《網(wǎng)頁(yè)編輯》多媒體網(wǎng)絡(luò)課件的設(shè)計(jì)與實(shí)現(xiàn)-多媒體教育

該課件實(shí)現(xiàn)了網(wǎng)上教室、實(shí)驗(yàn)指導(dǎo)、在線交流、教學(xué)管理等功能，利用其進(jìn)行輔助教學(xué)，學(xué)生可自主決定學(xué)習(xí)的內(nèi)容和進(jìn)度，并能利用網(wǎng)絡(luò)隨時(shí)與教師和同學(xué)進(jìn)行交流探討，從而實(shí)現(xiàn)了教為主導(dǎo)，學(xué)為主體的教學(xué)原則。

一、 開(kāi)發(fā)工具和運(yùn)行環(huán)境

1. 開(kāi)發(fā)工具

為方便多媒體網(wǎng)絡(luò)課件的制作與調(diào)試，開(kāi)發(fā)者必須依據(jù)需要選擇合適的開(kāi)發(fā)工具和運(yùn)行環(huán)境。本課件選擇的開(kāi)發(fā)工具有：網(wǎng)頁(yè)制作使用Dreamweaver CS軟件；圖形處理使用Fireworks CS、Photoshop CS軟件；動(dòng)畫(huà)制作使用Flash CS、GIF Animator5.0軟件；視頻和音頻處理使用Premiere7.0、cooledit2.1、WinMPG Video Convert9.0軟件；網(wǎng)頁(yè)上傳使用CuteFTP XP V5.0.2軟件；數(shù)據(jù)庫(kù)開(kāi)發(fā)軟件用Dreamweaver+ASP+Access來(lái)綜合開(kāi)發(fā)。

2.運(yùn)行環(huán)境

運(yùn)行的網(wǎng)絡(luò)環(huán)境：推薦接入帶寬2M以上的教育網(wǎng)內(nèi)使用。

服務(wù)器端環(huán)境:推薦服務(wù)器配置為Intel(R) Xeon(R) CPU 2.50GHZ 或更高版本處理器、4G或更高內(nèi)存空間，Windows 2003 R2 Server以上版本操作系統(tǒng)。

客戶(hù)端環(huán)境：推薦配置為PII300以上的CPU、128MB以上內(nèi)存的個(gè)人電腦，Windows2000/XP操作系統(tǒng)，安裝IE6.0及以上版本瀏覽器，1024×768顯示分辨率，具備Adobe Flash Player 9.0以上版本的插件，Windows Media Player 9.0或更高版本媒體播放器。

二、 課件系統(tǒng)的規(guī)劃與設(shè)計(jì)

1. 課件系統(tǒng)規(guī)劃

教學(xué)模式建構(gòu)的主要目標(biāo)是為了培養(yǎng)和幫助學(xué)生提高自主學(xué)習(xí)能力和創(chuàng)新意識(shí)，網(wǎng)絡(luò)課件規(guī)劃與設(shè)計(jì)必須遵循這一教學(xué)原則，來(lái)充分體現(xiàn)學(xué)生的主體性和教學(xué)方法的現(xiàn)代化。在課件制作前，課題組成員首先對(duì)學(xué)習(xí)這門(mén)課程的新聞和編輯出版專(zhuān)業(yè)的學(xué)生在認(rèn)知水平、知識(shí)結(jié)構(gòu)和個(gè)性化需求等方面進(jìn)行全面考察和定性。在充分了解教學(xué)對(duì)象基礎(chǔ)上，結(jié)合本課程教學(xué)大綱、教學(xué)目的來(lái)選擇教學(xué)內(nèi)容和確定難易程度，然后進(jìn)行課件整體框架設(shè)計(jì)，編寫(xiě)課程的文字和制作腳本。腳本設(shè)計(jì)完成后,就開(kāi)始搜集和處理課件中所用到的各種多媒體素材（包括文字、圖形、圖像、聲音、動(dòng)畫(huà)、視頻等）。根據(jù)課件腳本, 利用計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)將各種素材有機(jī)集成為多媒體網(wǎng)絡(luò)課件，并在校園網(wǎng)上進(jìn)行測(cè)試、修改和完善，最后正式發(fā)布（如圖1）。

圖1  課件規(guī)劃示意圖 

2．課件系統(tǒng)的設(shè)計(jì)

本課件結(jié)合新聞和編輯出版專(zhuān)業(yè)的實(shí)際需求，分為理論和實(shí)踐兩大部分。理論部分主要是網(wǎng)頁(yè)編輯的基本知識(shí)，實(shí)踐部分主要是實(shí)驗(yàn)指導(dǎo)和實(shí)驗(yàn)操作。課件系統(tǒng)在具體設(shè)計(jì)上借鑒了軟件工程里結(jié)構(gòu)化分析方法中的模塊化設(shè)計(jì)原則，將每一部分分成若干模塊，分工合作。這樣不僅可以提高課件的制作質(zhì)量和加快課件的制作速度,而且有利于課件的及時(shí)更新與維護(hù)。控制課件教與學(xué)流程的導(dǎo)航系統(tǒng)采用橫向?qū)Ш?，可分為教學(xué)內(nèi)容、學(xué)習(xí)資源、實(shí)驗(yàn)指導(dǎo)、在線交流、教學(xué)管理 5個(gè)模塊（如圖2），每個(gè)模塊對(duì)應(yīng)的課程頁(yè)面導(dǎo)航采用樹(shù)狀結(jié)構(gòu)。模塊下的各級(jí)頁(yè)面以超文本格式分別創(chuàng)建超級(jí)鏈接（HyperLink）。這樣，學(xué)生通過(guò)簡(jiǎn)單的鼠標(biāo)點(diǎn)擊就可以方便實(shí)現(xiàn)不同模塊與對(duì)應(yīng)知識(shí)點(diǎn)之間的跳轉(zhuǎn)，而不會(huì)遭遇網(wǎng)絡(luò)“迷航”^[1]現(xiàn)象。 

圖2   課件系統(tǒng)結(jié)構(gòu)圖

3．課件系統(tǒng)的主要模塊分析與技術(shù)實(shí)現(xiàn)

（1）教學(xué)內(nèi)容

本課件系統(tǒng)主要模塊為教學(xué)內(nèi)容、實(shí)驗(yàn)指導(dǎo)、在線交流和教學(xué)管理，而教學(xué)內(nèi)容模塊則是主體部分。根據(jù)課程教學(xué)目的和大綱要求，參照使用教材和相關(guān)研究成果，課題組成員將教學(xué)內(nèi)容劃分章節(jié)，確定重點(diǎn)難點(diǎn)，并制作成融文字、圖像、音視頻、動(dòng)畫(huà)于一體的教學(xué)內(nèi)容課件和電子教案，每個(gè)章節(jié)都匹配案例分析、制作演示和思考與練習(xí)。教學(xué)內(nèi)容課件頁(yè)面是采用框架結(jié)構(gòu)設(shè)計(jì)的html文檔，無(wú)需插件即可按章節(jié)進(jìn)行瀏覽。電子教案制作成兩種格式：一種是后綴為exe可執(zhí)行文件，不需安裝專(zhuān)門(mén)的閱讀器，下載后可直接播放；一種是html網(wǎng)頁(yè)格式，用網(wǎng)頁(yè)瀏覽器可直接打開(kāi)。案例分析中的大部分動(dòng)畫(huà)采用的是體積較小的swf格式，利用Flash插件即可播放。豐富翔實(shí)的教學(xué)內(nèi)容信息和方便快捷的功能設(shè)置使得學(xué)生能很快掌握本課程的基本概念、理論和具體的操作規(guī)范，為實(shí)踐環(huán)節(jié)奠定堅(jiān)實(shí)的基礎(chǔ)。

（2）實(shí)驗(yàn)指導(dǎo)

為了檢驗(yàn)學(xué)生對(duì)課程概念、理論和相應(yīng)軟件操作技術(shù)的把握程度，或便于課外自學(xué)，課件系統(tǒng)設(shè)置了實(shí)驗(yàn)指導(dǎo)模塊。學(xué)生根據(jù)實(shí)驗(yàn)大綱要求，按照實(shí)驗(yàn)演示視頻提供的具體操作步驟，在本地PC機(jī)上進(jìn)行新聞網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)、Flash新聞動(dòng)畫(huà)制作實(shí)驗(yàn)和新聞圖片處理實(shí)驗(yàn)。實(shí)驗(yàn)素材可以在課件系統(tǒng)的學(xué)習(xí)資源模塊下素材庫(kù)中下載或者在互聯(lián)網(wǎng)上采集。實(shí)驗(yàn)完畢，學(xué)生可根據(jù)自己的實(shí)驗(yàn)情況按照課件系統(tǒng)提供的實(shí)驗(yàn)報(bào)告模板進(jìn)行撰寫(xiě)。實(shí)驗(yàn)結(jié)果（作品）要求在線上傳，以供任課教師評(píng)分和學(xué)生之間相互瀏覽。實(shí)驗(yàn)大綱頁(yè)面除用文本展示其內(nèi)容外，還在頁(yè)面上內(nèi)嵌word格式和PDF格式以便學(xué)生下載保存。實(shí)驗(yàn)演示視頻采用網(wǎng)絡(luò)流行的FLV格式，設(shè)置了方便學(xué)生控制快進(jìn)、倒退等按鈕，且嵌入每個(gè)單獨(dú)頁(yè)面的位置適中，用瀏覽器安裝的Flash Player 9.0插件即可瀏覽。作業(yè)上傳頁(yè)面采用表單（Form）、層疊樣式表（CSS）等技術(shù)來(lái)實(shí)現(xiàn)電子作品的上傳。

（3）在線交流

平等的對(duì)話(huà)和交流，不僅能活躍網(wǎng)上課堂氣氛而且可以增進(jìn)師生之間的感情?；诖?，本課件系統(tǒng)設(shè)置了在線交流模塊，讓學(xué)生在學(xué)習(xí)過(guò)程中,對(duì)關(guān)鍵、有趣的內(nèi)容,未知的、難理解的內(nèi)容,教師補(bǔ)充的新知識(shí)、學(xué)科動(dòng)態(tài)等進(jìn)行師生交互、生生交互和人機(jī)交互^[2]。本模塊由留言板、課程BBS和E-mail三部分組成，學(xué)生在留言板可以匿名就網(wǎng)上課堂學(xué)習(xí)過(guò)程中遇到的問(wèn)題隨時(shí)向老師請(qǐng)教或與同學(xué)在線討論，老師登陸后可以對(duì)學(xué)生留言請(qǐng)教的帖子進(jìn)行分類(lèi)管理和答疑解惑。BBS版塊按照課程內(nèi)容設(shè)置了新聞網(wǎng)頁(yè)編輯、Flash新聞動(dòng)畫(huà)制作和新聞圖片處理3個(gè)主題討論區(qū)。通過(guò)E-mail可以實(shí)現(xiàn)老師對(duì)學(xué)生進(jìn)行個(gè)性化的教學(xué)輔導(dǎo)，從而實(shí)現(xiàn)“因材施教的個(gè)別化教學(xué)”^[3]。留言板、BBS是通過(guò)Access來(lái)實(shí)現(xiàn)，大部分是Asp文件，腳本在服務(wù)器上運(yùn)行，服務(wù)器再把處理好的html文檔傳輸?shù)娇蛻?hù)端，用戶(hù)只需安裝瀏覽器即可瀏覽。

（4）教學(xué)管理

教學(xué)管理模塊是課件一個(gè)輔助部分。通過(guò)登錄機(jī)制，教師可以管理員身份登錄查閱學(xué)生訪問(wèn)次數(shù)、網(wǎng)絡(luò)教學(xué)評(píng)價(jià)、學(xué)生成績(jī)的錄入和學(xué)生留言的疑難解答。學(xué)生登錄則可以查看作業(yè)成績(jī)、在線評(píng)教。本模塊是通過(guò)Access來(lái)實(shí)現(xiàn)，大部分是Asp文件。在教師和學(xué)生登錄的頁(yè)面采用了驗(yàn)證碼和表單技術(shù)，以防止用戶(hù)惡意利用機(jī)器人自動(dòng)注冊(cè)、登錄，從而提高課件系統(tǒng)的安全性。

三、  本課件的特色與創(chuàng)新

網(wǎng)頁(yè)編輯技術(shù)是新聞和編輯出版專(zhuān)業(yè)為適應(yīng)時(shí)代需要所必須掌握的專(zhuān)業(yè)技能之一，越來(lái)越受到高校新聞和編輯出版專(zhuān)業(yè)學(xué)生的普遍重視。目前關(guān)于此類(lèi)相關(guān)網(wǎng)絡(luò)課件很多，但是適應(yīng)高校新聞和編輯出版專(zhuān)業(yè)的本科生學(xué)習(xí)的卻很少。本課件是在總結(jié)多年網(wǎng)頁(yè)編輯教學(xué)經(jīng)驗(yàn)基礎(chǔ)上，專(zhuān)門(mén)針對(duì)該專(zhuān)業(yè)學(xué)生而研制,補(bǔ)充了網(wǎng)上已有課件的不足，具體說(shuō)來(lái)表現(xiàn)在以下幾點(diǎn)：

1．豐富的學(xué)習(xí)資源

本課件包含大量的學(xué)習(xí)資源,其中文本內(nèi)容20余萬(wàn)字,圖片1000余幅,音視頻資料文件容量近2G。尤其是在教學(xué)內(nèi)容的每一章節(jié)還提供了大量與新聞和編輯出版專(zhuān)業(yè)相關(guān)的案例分析：如新聞?lì)惥W(wǎng)頁(yè)編輯、新聞?lì)怓lash動(dòng)畫(huà)制作和新聞圖片處理等學(xué)習(xí)資源。為方便學(xué)生的實(shí)驗(yàn)操作，課件除了提供大量的實(shí)驗(yàn)演示視頻外，還設(shè)置了素材庫(kù)（其中大部分是與新聞編輯專(zhuān)業(yè)相關(guān)的文字、圖片、視頻和網(wǎng)頁(yè)模板與特效）以供下載使用。為拓寬學(xué)生知識(shí)面，課件提供大量的網(wǎng)絡(luò)資源和相關(guān)的參考資料，使學(xué)生在了解本課程同時(shí),也能查閱相關(guān)學(xué)科的知識(shí)信息,從而開(kāi)闊思路，進(jìn)一步增強(qiáng)對(duì)本課程的理解。豐富的學(xué)習(xí)資源為個(gè)別化學(xué)習(xí)、選擇性學(xué)習(xí)、協(xié)作性學(xué)習(xí)與競(jìng)爭(zhēng)提供了可能，使得學(xué)生能夠自主有效地學(xué)習(xí)和復(fù)習(xí)，從而提高教學(xué)效果。

2．友好的交互環(huán)境

網(wǎng)絡(luò)課件交互策略設(shè)計(jì)不僅為學(xué)生建構(gòu)系統(tǒng)的知識(shí)體系,而且可以為師生和學(xué)生之間提供了交流的話(huà)語(yǔ)平臺(tái)，從而形成民主、和諧的網(wǎng)上課堂氣氛。本課件內(nèi)容交互策略實(shí)現(xiàn)主要通過(guò)創(chuàng)設(shè)新情境、制造認(rèn)知沖突、豐富教學(xué)資源來(lái)構(gòu)建良好的交互環(huán)境，激發(fā)學(xué)生學(xué)習(xí)的自主性和創(chuàng)造性。通過(guò)設(shè)置留言板、BBS、E-mail交互平臺(tái)來(lái)及時(shí)解決學(xué)生提出的問(wèn)題和掌握學(xué)生學(xué)習(xí)情況,尤其是學(xué)生可以以匿名形式同老師進(jìn)行網(wǎng)上交流，這無(wú)疑消除了學(xué)生對(duì)教師的恐懼心理，使得學(xué)生的主觀能動(dòng)性得以充分發(fā)揮，同時(shí)也培養(yǎng)了學(xué)生獲取、加工和發(fā)布信息的能力。

3．明確的系統(tǒng)構(gòu)架

本課件導(dǎo)航系統(tǒng)采用橫向?qū)Ш?每個(gè)頁(yè)面有直觀形象的瀏覽標(biāo)識(shí)，超級(jí)鏈接準(zhǔn)確有效，只要使用鼠標(biāo)和鍵盤(pán)就能夠靈活進(jìn)入或退出而不會(huì)出現(xiàn)網(wǎng)絡(luò)“迷航”現(xiàn)象。教學(xué)內(nèi)容層次與段落劃分清晰明確，方便瀏覽。課件的界面設(shè)計(jì)簡(jiǎn)單大方，色彩的使用清新明快，動(dòng)畫(huà)、影像播放自然流暢。與同類(lèi)的課件相比，本課件結(jié)構(gòu)簡(jiǎn)便，條理性強(qiáng)，歸類(lèi)清晰，可有效地輔助學(xué)習(xí)。當(dāng)然，在保持課件構(gòu)架簡(jiǎn)潔明確條件下，可適當(dāng)采用JAVA 、行為、時(shí)間軸動(dòng)畫(huà)等技術(shù)來(lái)增加課件內(nèi)容生動(dòng)形象性，但提倡形象化的同時(shí)，必須突出“課件為內(nèi)容”的核心理念。

四、  課件制作需要注意的問(wèn)題

1.網(wǎng)絡(luò)課件需要協(xié)作開(kāi)發(fā)。

多媒體網(wǎng)絡(luò)教學(xué)課件的開(kāi)發(fā)是一項(xiàng)較復(fù)雜的系統(tǒng)工程，開(kāi)發(fā)者不僅需要課程專(zhuān)業(yè)知識(shí)，還需要綜合運(yùn)用計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、教育學(xué)、心理學(xué)、美學(xué)等學(xué)科知識(shí)。因此，網(wǎng)絡(luò)課件制作需要一個(gè)具備各種專(zhuān)業(yè)知識(shí)的團(tuán)隊(duì)來(lái)協(xié)作開(kāi)發(fā)，才能克服個(gè)人開(kāi)發(fā)力量不足的弱點(diǎn)，實(shí)現(xiàn)優(yōu)秀教育資源和人力資源的共享。

2.網(wǎng)絡(luò)課件創(chuàng)作要以建構(gòu)主義理論為基石。

在建構(gòu)主義理論中，“情境、協(xié)作、會(huì)話(huà)、意義建構(gòu)”^[4]是學(xué)習(xí)環(huán)境中的4大要素。網(wǎng)絡(luò)課件創(chuàng)作要以建構(gòu)主義理論為基石，營(yíng)造優(yōu)良的學(xué)習(xí)環(huán)境，為學(xué)生創(chuàng)設(shè)學(xué)習(xí)新情境，構(gòu)建方便、快捷的協(xié)作會(huì)話(huà)平臺(tái)，提供豐富的學(xué)習(xí)資源，盡可能地幫助學(xué)生實(shí)現(xiàn)意義建構(gòu)。

3.網(wǎng)絡(luò)課件需采取優(yōu)化措施。

由于課件的體積過(guò)大和Internet網(wǎng)絡(luò)帶寬的限制，在制作時(shí)需采取必要的優(yōu)化措施。如在保證聲音和圖像質(zhì)量的前提下，可采用具有壓縮性的圖片和流媒體文件；在網(wǎng)頁(yè)設(shè)計(jì)中多運(yùn)用模板(Template)技術(shù)，以提高編程速度，減化程序，加快課件運(yùn)行速度。

五、  結(jié)語(yǔ)

設(shè)計(jì)制作與應(yīng)用《網(wǎng)頁(yè)編輯》多媒體網(wǎng)絡(luò)課件，對(duì)課程中理論知識(shí)和實(shí)踐性環(huán)節(jié)的課堂講解起到很大的輔助作用，從而加深了學(xué)生對(duì)該課程的掌握，大大提高了課堂教學(xué)效果。在現(xiàn)代教育技術(shù)和網(wǎng)絡(luò)資源飛速發(fā)展的今天，開(kāi)發(fā)研制高質(zhì)量的多媒體網(wǎng)絡(luò)課件，對(duì)于我們廣大教育工作者來(lái)說(shuō)依然是一個(gè)不斷探索的新課題。

參考文獻(xiàn)：

[1] 姜麗.網(wǎng)絡(luò)多媒體課件設(shè)計(jì)中應(yīng)注意把握的幾個(gè)原則[J].西北工業(yè)大學(xué)學(xué)報(bào)，2005，25（1）：96.

[2] 高麗君.網(wǎng)絡(luò)化教學(xué)模式研究[J].教育理論與實(shí)踐, 2006, 26(1): 42-43.

[3] 周中云.基于個(gè)別化教學(xué)多媒體課件設(shè)計(jì)的反思[J].中國(guó)電化教育, 2003(1).

[4] 張必清.多媒體課件創(chuàng)作的“蒙太奇”意識(shí)[J] .吉林廣播電視大學(xué)學(xué)報(bào)，2009（3）：107.