網絡課程制作模板的設計研究

【摘要】隨著網絡技術不斷發展，開發網絡課程，利用網絡進行多媒體教學，已成為目前教育教學改革的重要方向之一。但網絡課程制作難度較大，影響了廣大教師參與網絡課程建設的積極性，本文從網絡課程建設實際出發，提出了教師可以直接應用于網絡課程制作的模板及設計思想，并論述了制作網絡課程模板的具體方法。

【關鍵詞】模板設計，網絡課程制作

【中圖分類號】G434【文獻標識碼】B 【論文編號】1009—8097（2006）06—0016—04

隨著科學技術的飛速發展，計算機網絡迅速普及，利用網絡進行教育教學已成為目前教育活動應用的重要形式和主要發展方向，同時將對我國整個教育事業的改革、進步產生深遠的影響。網上教育不僅從時空上拓寬了教育范圍，而且極大的豐富了教育資源，已成為擴大教學規模，提高教學質量，促進教育改革的重要手段。網上教育的發展離不開大量優秀的網絡課程，所以應加速網絡課程的開發。

一、開發網絡課程的重要意義

1．加快實現教育信息化

二十一世紀人類全面進入信息化社會，而信息化社會對教育提出了更高的要求，首先信息化社會要求教育培養出具有很強的信息能力和創新能力的新型人才，以適應日趨激烈的國際競爭。同時，信息化社會要求勞動者要不斷的更新自己的知識，以適應信息社會知識爆炸帶來的學習需求，要求進行終身的教育與培訓，而怎么才能在當今信息化社會知識增長迅速的過程中，搞好教育與培訓呢？關鍵是要提高教學質量和教學水平。傳統教育由于受到財力、師資的限制不可能大幅度增加學校，而其教育體制和教育方式也不適應培養具有創新能力的新型人才的需要，網絡教育是隨著現代信息技術的發展而產生的一種新型教育方式，發展網絡教育，構建網絡終身學習體系是教育信息化的一項重要任務，又符合世界教育的發展潮流，發展網絡教育就要有效的發揮它所具有的各種資源優勢，需要設計、開發大量的網絡課程，以適應網絡教學的需要。

2．改革課程教學模式

進入二十世紀九十年代以后，在信息技術領域有兩大技術蓬勃發展，并迅速應用到國民經濟的一切領域，這兩大技術就是“多媒體技術”和“網絡技術”。當前以多媒體技術和網絡技術為標志的新的信息技術革命，正以驚人的速度改變著人們的生產方式、學習方式和生活方式。目前我們的教育觀念、教育體制、教育結構、教學內容、教學方式相對落后，因此必須改革傳統的教學模式和教學方法，借助多媒體技術和網絡技術，探索新型的課程教學模式和教學方法，而網絡課程就是利用現代最先進的多媒體與網絡技術開發而成，具有學習資源豐富，操作使用方便，交互性強等特點，不但可以提高學習者的學習興趣，還可以發展學習者的創新意識和求異思維，有利于培養學習者的動手實踐能力，所以說大力開發網絡課程，不僅是信息技術發展的又一個里程碑，而且必將引起教育領域的深刻變革，使教育體制和教學模式產生新的飛躍。

二、網絡課程開發的工具。

常見的網絡課程開發工具主要有以下幾種：

1．最簡單的網頁編輯器。

所有的網頁都是通過HTML來描述的，所以只要會使用HTML， 就可以直接通過文本編輯器來制作網頁。但是HTML標記種類繁多， 記憶和書寫起來都很麻煩，所以直接編輯HTML代碼只是網頁制作的一種輔助方式。

2．專用的網頁編輯器

專用的網頁編輯器主要分為三大類：

（1）完全的“所見即所得”工具

所謂“所見即所得”，就是在編輯網頁時看到的效果， 與使用瀏覽器瀏覽時看到的效果基本一致，這給網頁設計人員帶來極大的方便。如果希望建立一個美觀而又不復雜的站點，這種工具非常合適， 可以很輕松地制作想要的效果，典型的是Drumbeat和NetObjectFusion。

（2）純粹的HTML代碼編輯工具

與完全的“所見即所得”工具相對應，純粹的HTML代碼編輯工具可以對頁面進行完全的控制。使用這些工具時，可

直接編輯原始的HTML代碼，在對頁面進行加工時，也不會破壞原有的代碼。當然，這并不是說必須要從頭到尾編寫每一種效果的HTML源代碼。 因為這些工具通常帶有許多輔助工具，可以創建表格、表單、以及其它復雜的結構，并對創建的頁面進行預覽。但是，這些工具的最大不足在于使用者必須熟悉HTML語言。

這類工具中典型的有HomeSite、HotDogProfessional，HTMLedPro、寫字板、editplus、Uedit32等以及WebEditPRO。其中較常用的是HomeSite。HomeSite操作方式非常直觀，可以吸引那些喜歡使用“記事本”的Web創作者。

（3）混合型的工具

介于上面的兩類工具之間， 混合型的工具在“所見即所得”的工作環境下可以完成主要的工作，同時也能切換到一個文本編輯器，對HTML源代碼進行直接的調整。不過，與所見即所得的工具一樣，這種混合型的創作工具通常也不能完全控制HTML頁的代碼。 但是有一個工具例外，它就是Macromedia Dreamweaver，該工具在對已有的HTML頁進行編輯時，能嚴格地保持原有代碼的格式。典型的混合型的工具還有Adobe PageMill，、HotMetalPro、FrontPage、QuickSite，以及VisualPage。

FrontPage是較好的所見即所得的編輯工具，也是常用的網頁編輯器。它對Web站點有卓越的控制能力，可以統一Web站點內頁面的風格和外觀。它的Web管理也很強大，用戶可以通過圖形的方式觀察和調整站點的結構。

Dreamweaver最杰出的特性就是它的“往返式(Roundtrip)HTML”編輯能力， 這種特性使圖形編輯工具和代碼編輯工具輸出同樣的HTML代碼。Dreamweaver是圖形化HTML編輯工具中惟一不干擾原有的HTML代碼的，所以用Dreamweaver編輯后，仍然可以轉回到原來的代碼類編輯工具進行修改。用其它工具修改后，Dreamweaver能自動更新相應的頁面。它很方便地產生動畫，嵌入JavaApplet、ActiveX控件，以及Netscape插件，并對用戶的動作做出反應。Dreamweaver在瀏覽器之間的兼容性問題上也處理得很好。^[1]

以上介紹的網絡課程開發工具，功能強大，可以制作出比較精美的網上教學內容，但是一般教師必須經過專門的學習和培訓，才能利用這些工具開發制作網絡課程，這無疑帶來了開發周期長，制作困難大等問題，教師是非計算機專業人士，對這些開發工具掌握的程度有限，所以并不能熟練利用這些工具真正自由的表達自己的教學思想，就像畫家作畫時要由別人執筆一樣，正是基于這種考慮，我們根據實際的教學要求開發了一套簡單易用的網

絡課程建設的模板，以降低教師的開發難度，減少教師的工作量，從而調動教師參與網絡課程開發的積極性。

三、本模板的設計思想和特點

一套優秀的網絡課程設計模板，必須在教師不需要編程的前提下，方便地進行目錄菜單、內容的編輯和修改，權限的管理，頁面模板的更換等操作，以及一些網絡課程必要的欄目預提供，教師要方便地對這些欄目進行自由而方便的添加和刪除。

本模板的工作流程如下：

模板主要分為以下幾個部分：用戶瀏覽界面模塊、用戶權限管理模塊、網站內容管理模塊（包括欄目的添加、修改、刪除，欄目內容的添加、修改、刪除等等）三部分。

用戶瀏覽模塊，主要提供給用戶（尤其是學生）瀏覽網站的外觀，我們將其設置為顯示模板，同時給用戶提供了許多不同風格的顯示樣式，用戶（教師）可以通過登陸網站后臺管理頁面，選擇更改顯示模板，選擇自己喜歡的樣式，系統會自動進行更換外觀，避免用戶要通過更改代碼的方式進行更新，這就和windows系統中更改顯示屬性類似。這在某些方面體現了我們模板的設計初衷：方便用戶使用。

用戶權限管理模塊，主要是為了保證網站的安全。我們給系統設置了三級用戶，即系統管理員、資料審核員和內容錄入員。系統管理員擁有最高的權限，可以對每一門課程進行審批、修改、刪除，一般只有一個系統管理員，資料審核員的角色一般賦予教師，即某一門課程的創始人，他可以擁有網絡課程的顯示模板選擇、網絡課程的功能模塊組合、每一模塊的欄目設置、以及欄目下面具體頁面的內容添加編輯、可以審批內容錄入人員的錄入信息，決定是否同意發布等等；內容錄入人員的角色一般賦予教學輔助人員，可以是助教或課代表等等，他們根據課程創始人的意見，收集整理資料并上傳到服務器的臨時存儲區，以供課程創始人審核。眾所周知，網絡課程建設是一個長期的循序漸進的過程，需要多人共同參與建設。本模塊體現了網絡課程建設人人參與、集體共建的原則。用戶信息使用cookie和session會話驗證，用戶

驗證信息采用md5加密，網絡間采用http協議傳輸，rsa加密傳輸數據，保證信息的傳輸安全。

每一個功能模塊都在起始部分設置頁面的操作權限，只有當用戶的權限大于或等于這個權限值時，用戶才可以操作這個頁面。一般來說，每一門課程都有自己的用戶名和密碼組合，符合這個密碼組合才可以進入此課程的后臺管理界面。

網站內容管理模塊是本模板的核心部分，主要包括欄目的設置（包括欄目添加、編輯、刪除），每個欄目下的具體內容添加、編輯、刪除，內容審核模塊。

內容管理模塊中，最主要的就是菜單欄目的在線添加、修改和刪除。目前，菜單的讀取方式有許多，比如同步顯示、異步加載，像ASP.net自帶的treeview，MSDN異步加載樹，XLoadTree樹，阿信的樹，藍色街燈的樹，美洲豹的樹等等各種版本，在節點數不多的情況下表現還可以，當節點數過千時，除了異步加載方式以外，基本上都存在運行時間太長的問題，這樣看來，當節點數過千時，似乎只能采用異步加載的方式。異步加載優點是勿庸置疑的，理論上可以加載無窮大節點數，且每個子節點都相對獨立，不過它也有缺點：它是以服務器、負荷和網絡傳輸為代價換取樹的加載速度。異步加載，服務器端都有樹的數據源（數據庫或XML文件等），客戶端每展開一個新節點，就要從數據源里取一次數據，需要查庫的話服務器負荷加大，需要加載XML文件的話，幾百上千個子節點XML文件的維護工作量就更大，當然這里還有網絡傳輸量的增加，如果萬一網絡不穩定，子節點就無法加載了。考慮到這些因素，本模塊借鑒了梅花雪的數插件的做法和思路：即結合一次加載和異步加載的優點，采用異步顯示的方式。因為節點并不是說一加載就全部展開，展開的只是很少的一部分，那么加載的時候沒有展開的節點就沒有必要馬上生成，舉個例子：一個30*30*30的樹，接近28000個節點總數的樹，若是沒有特殊必要的話，加載的時候只需要生成第一級的30個節點就夠了，這樣原來要生成2800節點而現在只需要生成30個節點，這個速度就快了很多倍。至于下面的節點，在用戶點擊展開的時候再生成，這樣做每次生成的節點只有幾十到幾百個而已，異步顯示的技術使得一次加載多節點樹成為可能。

欄目顯示解決了，接下來就是欄目的添加、編輯與刪除，用戶可以添加無限級欄目，可以編輯欄目的名稱、欄目的鏈接地址等等。

內容添加模塊，借鑒了ewebedit的在線編輯器的優點，ewebedit是eWebSoft.com旗下eWeb團隊開發的基于網頁的、所見即所得的在線HTML編輯器。它能夠在網頁上實現許多桌面編輯軟件（如：Word）所具有的強大可視編輯功能；它是一個真正的綠色軟件，不需要在計算機上安裝任何的客戶端軟件，界面如下圖所示：

利用此編輯器，可以方便地對文字進行編輯、排版，其操作和word處理軟件非常相似；可以插入圖片、動畫、視頻及其它各種格式的文件；可以添加藝術字；可以添加超級鏈接，鏈接到網絡上其它頁面；縮略圖、文字水印、圖片水印功能，并可設置縮略圖大小、生成條件，水印文字內容、顏色、字體、陰影等；圖片插入或修改對話框，加入圖片預覽功能，具有縮放，顯示原大小的功能；插入已上傳到服務器端的圖片、Flash等文件，充分利用現有的資源；自動或手動獲取遠程文件，可以把別人服務器上的圖片等文件自動傳到自己的服務器，不要當心別人的站點關了，本地鏈接的文件不存在的問題，也不要再一個個下載下來再傳上去了，全過程完全自動；對于在線編輯器來說，路徑問題一直是一個難點，基本上市面上的在線編輯器所編輯出來的內容鏈接都用的是帶域名的絕對全路徑，eWebEditor充分解決了此問題，只要簡單設置一下三種路徑形式可選（相對路徑、絕對根路徑、絕對全路徑），完全擺脫了站點或系統或目錄遷移而帶來的路徑問題；eWebEditor的圖形熱點鏈接絕對是所有在線編輯器軟件中的始創，能夠在線編輯實現圖形的熱點鏈接功能，即一個圖片可以按區塊鏈接到多個地址．．．．．．^[2]

四、利用本模板設計網絡課程的具體方法

首先，教師（課程創始人）通過權限模塊中的課程申請頁面，填寫申請信息，包括課程名稱、課程內容簡介、課程負責人的聯系信息、課程的面向對象等等，提交到服務器。

系統管理員通過課程審批模塊，查看教師的課程申請情況，如果符合要求，則批準開通，同時自動生成該課程的用戶名和密碼的組合并反饋給申請教師的Email信箱。

課程創始人通過該用戶名和密碼的組合，登陸系統，自動進入該課程的后臺管理頁面，包括權限管理模塊和內容管理模塊。在權限管理模塊中，該課程創始人可以在線修改自己的用戶名和密碼，在下次登陸時生效；添加內容錄入人員，包括他們的用戶名、密碼以及對哪些欄目具有添加的權限，如果添加錯誤或感覺不合適，也可以刪除該內容錄入人員的帳號。內容管理模塊中，主要包括欄目的設置，系統在模板

中提供一些默認的欄目，如課程的主持人簡介、課程的發展規劃、教學計劃、教學管理、教學大綱、電子教材、授課教案、自測習題、實驗指導、在線考試、在線答疑、參考文獻等等，教師可以從這些欄目中進行選擇、組合，可以添加別的欄目和子欄目，教師可以對這些欄目的名稱、鏈接地址進行修改，也可以刪除任意一個欄目或子欄目，可以調整欄目的位置，如上下及所屬的上級欄目等等．．．．．．欄目設置好以后，就可以進行具體內容的輸入，調用在線編輯器，鼠標置于每一個按鈕上均有提示幫助，用戶即使是新手也會馬上掌握其使用方法。輸入內容，也可以對已經輸入的內容進行編輯；值得一提的是：在設置在線考試時，教師需要設置好考試開始的時間、考試結束的時間、考試的題型及其分值，考試的班級等等，系統自動隨機生成試卷，呈現給每個考生的試卷在總體上是一樣的，但在試卷的順序安排上，每個考生的試卷都不一樣，在一定程度上防止考生作弊。

系統的功能還有許多，本文限于篇幅，不再一一介紹。總之，利用本模板，教師可以簡單、方便、快速地制作出具有自己特色的網絡課程。

參考文獻

[1]http://www.mdjx.net/course/hep/wangyesheji/Part_1/Preface/chapter_03/Section_02.htm

[2]http://ewebeditor.webasp.net/features.asp 2006-6-10