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

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

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

1. 開發(fā)工具

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

2.運行環(huá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)。

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

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

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

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

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

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

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

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

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

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

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

（2）實驗指導(dǎo)

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

（3）在線交流

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

（4）教學(xué)管理

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

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

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

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

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

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

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

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

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

四、  課件制作需要注意的問題

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

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

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

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

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

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

五、  結(jié)語

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

參考文獻：

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

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

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

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