基于ＡＳＰ．ＮＥＴ的“Ｗｅｂ網站設計”網絡教學系統的應用與研究

摘要：本文介紹了筆者基于ASP.NET技術研制出了“Web網站設計”網絡教學系統，該系統充分考慮了教學過程中的師生行為，融入了傳統教學的主要環節。該平臺支持教師與學生的交流、學生與學生的學習交流、作業發布與自動批改等。“計算機輔助教學系統”和“計算機考試系統”都融入了網絡教學系統。

關鍵詞：Web網站設計；Internet；網絡課程

中圖分類號：G642文獻標識碼：B

文章編號：1672-5913 (2007) 20-0089-04

計算機與網絡技術的飛速發展，已經逐步改變了面對面獲取知識的傳統教學方式。基于Internet的網絡教學模式，交互性好，教學過程可以不受地域、時間限制，而且可以使得教學資源能在最大范圍內實現共享。并且使傳統的以教師為中心的課堂模式轉化為以學生為中心、學生可以自由選擇學習內容的新模式，具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點，因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯網開展網上教學正呈現出快速發展的態勢，開發了一大批具有較高的水平的網絡教學課程。但是，目前能滿足“高等學校計算機專業計算機教學”要求的網絡教學系統還不多。為了有效提高“高等學校計算機專業”計算機教學的整體水平，我們研制了“基于ASP.NET的“Web網站設計”網絡教學系統”，該系統充分考慮了教學過程中的師生行為，融入了傳統教學的主要環節。該教學系統在婁底職業技術學院推廣應用一年多來，受到了師生的一致好評，取得了很好的教學效果。

1系統功能介紹及技術實現

本系統提供了“Web網站設計”的全部學習課件(教案)、實驗指導書、參考資料、教學大綱、學習要求、查詢手冊和聯機幫助信息等多種資源，為教師提供了素材庫、試題庫等備課資源。該平臺支持教師與學生的交流、學生與學生的學習交流、作業發布與自動批改等。網絡教學系統支持案例型學習、發現式學習、資源型學習、研究性學習、協作學習等多種學習模式。“計算機輔助教學系統”和“計算機考試系統”都融入了網絡教學平臺。現將主要功能模塊介紹如下：

1.1電子教程與在線答題

電子教程是“Web網站設計”課本的電子版本。課本內容在數據庫中按章節分類存儲，并將章節標題按順序顯示在教程頁面左邊，直接點擊可以瀏覽相應內容。在文章內部支持HTML和UBB標簽處理。可以插入圖片、頁面、音樂、動畫、窗口等對象，充分發揮多媒體的特點，使教程生動形象。但應注意的是，HTML標記不允許在頁面內添加，因為要保證腳本的安全性，所以HTML標記會被自動過濾。要使用HTML腳本，只能由管理員在數據庫管理程序中添加。

另外，針對每章的課后習題，設計了在線答題頁面。在線答題部分采用JavaScript腳本語言設計，由于考慮到課后習題數量有限，所以不必要采取從數據庫中讀取的形式。在設計每章習題答題頁面時，預先錄入課后習題及正確答案。當用戶調用在線答題頁面時，JavaScript腳本函數也一起被加載到客戶端瀏覽器中，當用戶答題完畢選擇提交答案時，觸發JavaScript函數，對用戶的答案進行判斷并給出成績。

在電子教程中，利用管理員賬號登錄后，還可以對當前課程內容進行增添和刪除，使得數據庫內容可以動態更改，這為網站的后續制作提供了很好的可擴展性。其他課程也可以通過改變數據庫內容，來直接使用本系統。

1.2實驗系統

實驗系統分為三方面內容：實驗篇、操作測試、基礎知識測試。

實驗篇是針對“Web網站設計知識”課程的每個章節設計出相應內容的實驗指導，對所學內容如：Web網站的類型和體系結構、Web網站的CI設計、Web網站的美工設計、Web網站的圖形圖像和文字設計、Web網站動畫設計等給出其基本操作的說明，有利于學生學習操作篇中對每一章介紹的內容給出幾個具體的示例，讓學生可以按照示例內容，一步一步操作，熟悉所學知識。

測試篇以在線答題頁面的形式，給出了關于每個實驗內容的基礎知識測試題。學生可以在第一時間知道自己的成績。

本部分的設計采用asp.net腳本語言直接從數據庫中讀出對應的數據來實現。通過對數據庫的修改可以很容易的改變實驗的內容。

1.3計算機輔助教學系統

該系統提供了“Web網站設計”、“Dreamweaver”、“ASP程序設計”三個計算機輔助教學系統。這三個教學系統中，有近2000張幻燈片，130余部電影片斷，還有其他滿足教學需要的各種聲音文件和圖像文件等。這些幻燈片遠遠不只是一個單純播放文本和圖像的幻燈片，而是在上面放置了大量“對象”，可以執行各種功能。

整個教學系統圖、文、聲、像、動畫、電影并茂，生動活潑。教學中能有效調動學生的學習積極性，使學生把上課當做一種樂趣，一種美的享受。

計算機輔助教學系統在技術上的創新有以下幾個方面：

1.3.1設計了面向對象的幻燈片

在具體教學中，有大量的“對象”需要做實地演示操作，將這些“對象”放置在幻燈片上，并進行相應的激活設置，在播放幻燈片時只需要點一下鼠標，即可激活對象進行演示操作，與真正的對象操作完全一樣。

1.3.2實現了在對象里書寫講稿

在幻燈片上放置對象，在對象里書寫講稿，可大大減輕教師的備課工作量，更方便了學生的自主學習。

1.3.3在對象里嵌套對象

在具有插入對象功能的對象里根據教學需要再嵌套對象，可以增加講課的靈活性。

1.3.4多渠道提供對象工具

在幻燈片上使用了三種方式提供“對象”連接，盡可能地方便教師的操作。

1.3.5多渠道使用超級鏈接技術

一是將全部幻燈片有規律地鏈接在一起，從任意一個幻燈片可以進入各個角落。二是將圖、文、聲、像、動畫、電影等無縫地鏈接在一起。三是在插入的對象里建立鏈接。需要時，只需用鼠標點擊即可

1.3.6電影的制作和播放

教學過程中有些具體操作，只靠一些畫面無法解釋清楚，將這些操作錄制成帶有聲音解說的小電影在幻燈片中進行播放，不僅能加強學生的感性認識，還可以減輕教師的備課工作量。特別是實戰操作困難的內容，加入小電影就更有必要性。尤其是涉及到計算機系統的參數設置，一般不允許隨便操作。本系統將這些必要的操作過程全部錄制成小電影，并在各個操作環節上配有聲音解說。系統里共制作了170余部電影片斷。

1.3.7實戰和板書操作等功能設計

為了增加講課的機動性和靈活性，我們在每張幻燈片的左邊都設置了“實戰”按鈕和“板書”按鈕，需要進行實戰演習時，按“實戰”按鈕，即可進入相應的實戰操作。需要板書時，可隨時單擊“板書”按鈕調出“黑板”書寫。

1.4計算機考試系統

系統提供了智能化程度較高的“Web網站設計”、“ASP程序設計”、“Dreamweaver網頁制作”三個計算機機試系統。

每個考試系統都裝入近3000道試題和答案。試題中有單選題、是非題、多選題、主觀題、填空題、改錯題和電影題共七種類型。試題庫中試題除給出參考答案外，還設有知識點，以控制在試卷選題時不出現有相同知識點的試題。每個系統都可以進行試卷標準化選題、上機標準化選題和任意區間選題三種方法的隨機選題。系統不僅能輸出圖文并茂的精美試卷，而且能使學生直接上機考試。對于學生的機試成績，自動評卷后，還可以根據學生的考試成績，科學給出不同學生對于各有關知識點的定性評語及其繼續學習建議書。

1.5學習幫助系統

系統提供了教學大綱、學習要求、查尋手冊和聯機幫助信息等多種資源，為教師提供了素材庫、試題庫等備課資源。支持學生案例型學習、發現式學習、資源型學習、研究性學習、協作學習等多種學習模式。限于文章的篇幅，該子系統的理論與技術另文介紹。

1.6交流論壇

交流論壇分為學生交流論壇和師生交流論壇。學生交流論壇主要供學生之間探討學習心得，交流學習成果之用。師生交流論壇主要作學生向教師詢問問題和教師布置作業、發布通知之用。

論壇功能跟目前網上流行的大部分論壇一樣。用戶需要先在論壇中注冊一個自己的ID號，再以該ID號登錄即可使用論壇功能。注冊用戶可以修改登錄密碼，瀏覽、發表、搜索文章。管理員使用管理員賬號可以登錄bbs用戶管理界面，進行各項管理操作。

用戶可以使用UBB代碼在文章中插入各種對象，和調整文字屬性。但對于敏感或粗俗語言，系統會自動過濾。

public string trn(string instr)

{ int i= yuyan.Length;

for (int j=0;j

{instr=instr.Replace(bad[j]，clear[j]);}

return instr;

}

htm[17]=\"媽媽的Ｘ\";

ubb[17]=\"過濾文字\";

論壇文章及回復的數據處理。考慮到文章的回復會很多，如果按照順序從數據庫中依次讀取，有可能會出現數據庫壓力增加。所以采用預讀取數據，對應排列后顯示的方法，大大減低了數據讀取次數。

對于用戶提交的任何信息，系統都會作安全處理，檢測不安全因素。尤其是SQL注入防范，對注入字符全部過濾。

String username=Request[“username”]. Replace(\".\"，\"1\").Replace(\"，\"，\"2\").Replace(\"(\"，\"3\").Replace(\")\"，\"4\").Replace(\":\"，\"5\");

用戶在線時權限與及時狀態保存在SESSION中，隱藏于瀏覽器狀態中，不可修改，瀏覽器關閉，信息便消失。再次打開本頁，需要重新登錄。

2系統設計的幾個問題

2.1關于ASP.NET技術

ASP.NET也叫ASP+，它不僅僅是ASP的簡單升級版本，它還提供了一個統一的Web開發模型，其中包括開發人員生成企業級Web應用程序所需的各種服務。

ASP.NET具有不依賴某種具體語言的特點，可以用任何與.NET 兼容的語言(包括Visual

Basic.NET、C#和JScript.NET)編寫應用程序。另外，ASP.NET的語法與ASP在很大程度上可以兼容，熟悉ASP的開發人員可以很方便的轉到ASP.NET的開發中來。同時ASP.NET還提供一種新的編程模型和結構，可生成伸縮性和穩定性更好的應用程序，并提供更好的安全保護。可以通過在現有 ASP 應用程序中逐漸添加 ASP.NET 功能，隨時增強 ASP 應用程序的功能，其中包括托管的公共語言運行庫環境、類型安全、繼承等等。與 ASP 相比，ASP.NET 在很多方面有了顯著的改進，這些方面包括：性能、狀態管理、可縮放性、配置、部署、安全性、輸出緩存控制、網絡場支持和 XML Web services 結構等。

ASP.NET通過ODBC接口，不僅可以使用Web網站設計、Dreamweaver網頁設計、ASP程序設計、Microsoft SQL Server 等數據庫，而且可以使用任何提供了ODBC驅動程序的第三方產品。 與ADO對應于ASP一樣， ASP.NAT對應的有ADO.NET。 ADO.NET提供對 Microsoft SQL Server 等數據源以及通過 OLE DB 和 XML 公開的數據源的一致訪問。數據共享使用者應用程序可以使用ADO.NET 來連接到這些數據源，并查詢、刪除、操作和更新數據。

2.2系統的開發及運行環境

本系統最終版本是基于Windows2000/XP professional、Visual Studio.NET及MS FrontPage 2000、MDAC 2.7 for Data、Internet信息服務開發環境下進行的，系統的運行需要在服務器上安裝.NET Framework。且在安裝 .NET Framework之前，必須確保該服務器上已經安裝并運行了Internet信息服務。

將本系統直接拷貝到服務器的Web主目錄下，或者在磁盤的任何位置通過在IIS中建立虛擬目錄指向系統文件夾即可訪問本系統。

3結束語

該教學系統的應用，使得教學過程可以實現雙向互動，最大限度的實現教學資源的共享。并且本系統功用齊全，使用方便，具有良好的可擴展性和通用性。可作為設計其他網絡課程的模版。同時可與其他高等職院共享，將會促使我國高等職院“WEB網站設計”教學的整體水平有一個新的提高。

Based on ASP.NET“Web Website Design”network teaching system

application and research

WU Lian-gui， YI Yu

(Loudi Vocational Technical InstituteLoudi Hunan 417000)

Abstract: Owing to that the ASP.NET technology has developed out network teaching system， owe system teacher and student behavior in having considered teaching process sufficiently， a key link melting to have entered tradition teaching. Announcing and correcting voluntarily the exchange studying， school assignment owing platform exchange， student and student supporting the teacher and the student and so on. Both \"computer-aid teaching system \" and \"computer examination system \" melt to have entered network teaching system.

Keywords: Website designs Web; Internet; Network course

參考文獻

[1] 吳蓮貴. Web網站設計[J]. 校本教材，2006，(3).

[2 ] 普悠瑪. ASP.NET程序設計示例導學[M]. 北京科海電子出版社，2003.

[3 ] 楊浩. JavaScript入門與提高[M]. 北京：清華大學出版社，2003.

[4] 王愛民. 基于Web的《計算機應用基礎》網絡教學系統的研制[EB/OL]. 中國教育和科研計算機網，2006.

作者簡介

吳蓮貴(1954-)，女，湖南婁底職業技術學院計算機系主任，副教授，研究方向：教育管理，網絡軟件開發。

易瑜(1980-)，女，湖南婁底職業技術學院，軟件工程師，研究方向：網站設計與安全管理。

通信地址：湖南婁底職業技術學院計算機系

E-mail：ldwlg@163.com