電路理論基礎(chǔ)網(wǎng)絡(luò)課程的設(shè)計與開發(fā)

梁立凱　佟　強

摘要：本系統(tǒng)采用ASP作為服務(wù)器端應(yīng)用程序的編程語言,Access作為后臺數(shù)據(jù)庫的設(shè)計開發(fā)工具,充分利用了ASP和Access自身的優(yōu)點, 實現(xiàn)電路課程的現(xiàn)代化網(wǎng)絡(luò)教學(xué)。

關(guān)鍵詞：網(wǎng)絡(luò)課程 ASP JavaScript Access數(shù)據(jù)庫

中圖分類號：TP331 文獻標(biāo)識碼：B 文章編號：1673-8454（2009）07-0068-03

電路理論基礎(chǔ)網(wǎng)絡(luò)課程的設(shè)計,是基于先進的流媒體、Internet和多媒體等技術(shù)，從教與學(xué)兩方面實際需求出發(fā)，努力設(shè)計出一個面向電路課程適用的助教助學(xué)型網(wǎng)絡(luò)課程，實現(xiàn)該課程的現(xiàn)代化網(wǎng)絡(luò)教學(xué)，通過開放式的教育網(wǎng)絡(luò)，使學(xué)生在電路課程的課堂教學(xué)、自學(xué)復(fù)習(xí)、質(zhì)疑、自測、自檢，以及與老師的交流等教學(xué)環(huán)節(jié)中達到對該課程重點、難點的理解和掌握，從而體現(xiàn)出電路網(wǎng)絡(luò)課程教學(xué)手段現(xiàn)代化、教學(xué)信息資源共享的目的。

電路理論基礎(chǔ)網(wǎng)絡(luò)課程樹立以學(xué)生為本、為學(xué)生服務(wù)的思想，充分發(fā)揮網(wǎng)絡(luò)教學(xué)的優(yōu)勢，創(chuàng)建有利于學(xué)生素質(zhì)教育和創(chuàng)新能力培養(yǎng)的多樣化的網(wǎng)絡(luò)教學(xué)模式。

一、網(wǎng)絡(luò)課程設(shè)計與開發(fā)的目標(biāo)

貫徹現(xiàn)代教育理念，發(fā)揮網(wǎng)絡(luò)教學(xué)優(yōu)勢，關(guān)鍵環(huán)節(jié)是網(wǎng)絡(luò)課程的設(shè)計與開發(fā)。因此，電路理論基礎(chǔ)網(wǎng)絡(luò)課程的設(shè)計目標(biāo)為:

（１）要充分體現(xiàn)出電路理論基礎(chǔ)網(wǎng)絡(luò)課程的特點。

（２）充分發(fā)揮計算機、網(wǎng)絡(luò)、多媒體技術(shù)優(yōu)勢，特別是資源開放和共享的優(yōu)勢，較好地表現(xiàn)教學(xué)內(nèi)容，并加大知識信息量。

（３）努力體現(xiàn)學(xué)生自主學(xué)習(xí)的學(xué)習(xí)方法和學(xué)習(xí)規(guī)律，在教學(xué)設(shè)計上運用建構(gòu)主義理論作指導(dǎo)。

（４）采用基于知識點的超媒體教學(xué)導(dǎo)航設(shè)計、教學(xué)結(jié)構(gòu)設(shè)計和人機交互界面設(shè)計，使網(wǎng)絡(luò)課程更加趨于合理。

二、網(wǎng)絡(luò)課程的設(shè)計與開發(fā)

1.主頁面的設(shè)計與開發(fā)

優(yōu)秀的主頁是一個好網(wǎng)站必須具備的第一要素。首先確定網(wǎng)站的主題和風(fēng)格，充分體現(xiàn)出主頁面的豐富內(nèi)容及畫面的簡潔性。主頁如圖1所示。

圖1電路網(wǎng)絡(luò)課程主頁

（１）新聞系統(tǒng)的發(fā)布

新聞發(fā)布系統(tǒng)的作用是通知學(xué)習(xí)本課程的人了解本網(wǎng)絡(luò)課程的最近動態(tài)，以及老師向同學(xué)們發(fā)布最新通知。在制作中首先設(shè)計了一個通知模板，其視圖如圖2所示。

圖2電路網(wǎng)絡(luò)課程最新消息

在做好模板后，利用后臺管理，將其連接起來，發(fā)布消息的網(wǎng)頁會自動生成。這樣方便了老師消息的發(fā)布，有利于學(xué)生在網(wǎng)絡(luò)課程中的學(xué)習(xí)。

（２）站內(nèi)的搜索

站內(nèi)搜索在設(shè)計的過程中，先制作出了搜索需要的界面，然后將網(wǎng)絡(luò)課程的所有內(nèi)容放在指定的文件夾中，并將搜索的源代碼加入到主頁面里。

（３）留言簿和ＢＢＳ論壇最新信息的展示

在主頁面提取留言簿和ＢＢＳ論壇的最新信息，能夠方便老師和學(xué)生了解網(wǎng)絡(luò)課程的最新問題，其在主頁面的顯示如圖３所示。

圖3留言簿與BBS論壇最新

兩者的顯示方式，原理是一樣的，以最新留言為例，首先制作一個網(wǎng)頁用來讀取指定文件夾中的數(shù)據(jù)庫，然后在主頁面里調(diào)用這個頁面。

2.子頁面的設(shè)計與制作

建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊，結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當(dāng)困難。本課程規(guī)劃子頁面的樹狀結(jié)構(gòu)如圖4所示。

圖4電路網(wǎng)絡(luò)課程結(jié)構(gòu)

各子頁面設(shè)計在風(fēng)格上和主頁面保持一致是十分重要的。各個子頁面的設(shè)計原理基本上是相似的，下面以課程介紹欄目為例，講一下子頁面的設(shè)計過程。

首先用Photoshop制作了一個子頁面的模板，然后有針對性地處理一下模板部分地方的圖片,其中右面表格是調(diào)用子頁面，頁面見圖5所示。

圖5子頁面的模板

（１）在線測試

在線測試可以有利于學(xué)習(xí)網(wǎng)絡(luò)課程的同學(xué)們定期檢查自己的學(xué)習(xí)情況，從而更好的制定自己的學(xué)習(xí)計劃。在設(shè)計在線測試時，我主要從兩個方面去考慮：

1）學(xué)生使用

學(xué)生使用時無需注冊，只需自己設(shè)定登錄姓名和密碼，系統(tǒng)會自動將其輸入資料記錄在數(shù)據(jù)庫。在登錄成功后，系統(tǒng)會告知其進入考試，然后選擇考試試卷。學(xué)生在答題時，只需點擊選中的答案，做完后，提交試卷，系統(tǒng)會自動給出本次測試的正確答案以及學(xué)生的測試答案和考試成績。

2）老師使用

制作管理試題輸入的后臺是為了方便老師即時更新和添加試題，如圖6所示。

圖6在線測試試題錄入界面

（２）ＢＢＳ論壇

學(xué)生可以通過網(wǎng)絡(luò)課程的首頁登錄或者點擊首頁的BBS論壇，在進入論壇后登錄。在這里學(xué)生之間，學(xué)生和老師之間，可以一起交流關(guān)于電路世界的各種現(xiàn)象以及學(xué)習(xí)中存在的問題等。

本論壇的一個特色就在于它能根據(jù)不同的心情以及節(jié)日很方便地改變電路論壇的整個風(fēng)格,并且風(fēng)格的種類多達19種。其主頁面如圖7所示。

圖7BBS 論壇

三、總結(jié)

本網(wǎng)絡(luò)課程的制作采用HTML語言和ASP語言編寫，F(xiàn)rontPage等工具作為輔助，從而較好地完成了整個設(shè)計。整個設(shè)計的主要思路如圖8所示，其設(shè)計特色體現(xiàn)在以下幾方面。

圖8網(wǎng)絡(luò)設(shè)計流程圖

（１）整個網(wǎng)站的結(jié)構(gòu)性、交互性比較好：在各個子頁面里有橫向的導(dǎo)航條，也有豎向的導(dǎo)航條，這有利于各個子頁面之間以及子頁面內(nèi)部進行互相的交換；（２）新聞發(fā)布：老師可以只輸入要發(fā)布的信息，系統(tǒng)會自動生成一個頁面，避免了再單獨制作一個頁面的問題；（３）站內(nèi)搜索：只需輸入和信息有關(guān)的文字，系統(tǒng)會自動找到與之相關(guān)的網(wǎng)頁，并提取到一個頁面里；（４）天氣預(yù)報：學(xué)生可以利用網(wǎng)絡(luò)課程的主頁面查看我國相關(guān)大城市的今明兩天的天氣情況；（５）在線測試：可以方便同學(xué)對自己進行測試，另外試題管理的設(shè)計可以方便老師對試題進行及時更新；（６）留言簿：整個頁面簡潔，學(xué)生在這里可以留下自己的問題，同時老師可以對同學(xué)的留言進行管理。

參考文獻：

[1]龍馬.ASP＋Access組建動態(tài)網(wǎng)站實例精講[M].北京：人民郵電出版社，2005.

[2]天創(chuàng)工作室編著.ASP網(wǎng)頁制作實戰(zhàn)步步通[M].北京：人民郵電出版社，2001.

[3]沈文涉.HTML+JavaScript 30日完全掌握[M].北京：中國青年出版社，2001.

[4] (美) Christian Crumlish.FrontPage 2003從入門到精通[M].北京：電子工業(yè)出版社，2004.

[5]神龍工作室編著.新編Dreamweaver MX 2004中文版入門與提高[M].北京：人民郵電出版社,2004.