《網頁編輯》多媒體網絡課件的設計與實現-多媒體教育

該課件實現了網上教室、實驗指導、在線交流、教學管理等功能，利用其進行輔助教學，學生可自主決定學習的內容和進度，并能利用網絡隨時與教師和同學進行交流探討，從而實現了教為主導，學為主體的教學原則。

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

1. 開發(fā)工具

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

2.運行環(huán)境

運行的網絡環(huán)境：推薦接入帶寬2M以上的教育網內使用。

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

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

二、 課件系統的規(guī)劃與設計

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

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

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

2．課件系統的設計

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

圖2   課件系統結構圖

3．課件系統的主要模塊分析與技術實現

（1）教學內容

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

（2）實驗指導

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

（3）在線交流

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

（4）教學管理

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

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

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

1．豐富的學習資源

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

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

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

3．明確的系統構架

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

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

1.網絡課件需要協作開發(fā)。

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

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

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

3.網絡課件需采取優(yōu)化措施。

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

五、  結語

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

參考文獻：

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

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

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

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