基于web的精品課程網(wǎng)站設計與實現(xiàn)(含外文翻譯）

1、<p>　　2010年4月20日</p><p><b>　　摘 要</b></p><p>　　精品課程建設是“高等學校教學質量與教學改革工程”的一項重要內容和先期啟動的四個項目之一,也是教育部深化教學改革，以教育信息化帶動教育現(xiàn)代化的一項重要舉措。精品課程網(wǎng)站是精品課程建設和評價的窗口，是精品課程網(wǎng)絡化學習的平臺，是教師與學生互動交流的媒介，也是精品課

2、程示范幅射的載體。因此，精品課程網(wǎng)站建設意義重大。</p><p>　　本精品課程網(wǎng)站就是為了順應這一時代要求而設計的。本網(wǎng)站的開發(fā)是基于B/S結構，采用ASP程序設計語言及Access數(shù)據(jù)庫進行開發(fā)。在本篇文章中，首先對本系統(tǒng)設計的意義和開發(fā)工具等做了簡要介紹，接著對系統(tǒng)做了詳細的需求分析；然后給出了精品課程網(wǎng)站所需的功能，重點探討了精品課程網(wǎng)站的設計法案；最后對管理員的登錄模塊、新聞管理模塊、文章管理、論壇模

3、塊等進行了重點詳細介紹，并給出了具體實現(xiàn)步驟；通過測試分析，該系統(tǒng)的運行穩(wěn)定、可靠，具有一定的實用價值。</p><p>　　關鍵詞： 精品課程；網(wǎng)站；資源共享；ASP</p><p><b>　　Abstract</b></p><p>　　The establishment of Quality Course is an important

4、 element of the "teaching quality and teaching reform project" and one of the early start of the four projects. It is an important measure to further reform the teaching methods and modernize teaching facility

5、through educational informationization. The website establishment of Quality Course is the excellent courses learning platform and a window of communication. It is not only the interaction between teachers and students o

6、f the media, but al</p><p>　　This Quality Course Website is to comply with the requirements of the times and design. The development of this website is based on B / S structure, using ASP and Access database

7、 programming language developed. In this article, the significance of the system design and development tools are briefly introduced at first, then introduced the detailed analysis of system needs; then gives the require

8、d Course Website features, focusing on the Course Website Design ; Finally, I introduced the administr</p><p>　　Key Words: quality course; website; resource sharing; ASP</p><p><b>　　目 錄&

9、lt;/b></p><p><b>　　一 問題闡述1</b></p><p><b>　　1.1課題背景1</b></p><p>　　1.2國內外研究現(xiàn)狀1</p><p>　　1.3精品課程網(wǎng)站研究的意義1</p><p>　　二 需求分析以及開發(fā)工具介

10、紹1</p><p>　　2.1業(yè)務及用戶需求分析1</p><p>　　2.2系統(tǒng)可行性分析6</p><p>　　2.2.1技術可行性6</p><p>　　2.2.2經(jīng)濟可行性7</p><p>　　2.2.3操作可行性7</p><p>　　2.3系統(tǒng)開發(fā)工具介紹7<

11、/p><p>　　2.3.1ASP與IIS7</p><p>　　2.3.2數(shù)據(jù)庫與Css9</p><p>　　2.3.3 eWebEditor10</p><p><b>　　三 系統(tǒng)設計11</b></p><p>　　3.1系統(tǒng)設計指導思想及原則11</p><p

12、>　　3.2系統(tǒng)結構圖11</p><p>　　3.3系統(tǒng)功能具體分析11</p><p>　　3.4數(shù)據(jù)庫的設計13</p><p>　　3.4.1概念結構設計13</p><p>　　3.4.2邏輯結構設計14</p><p><b>　　四 詳細設計15</b></p

13、><p>　　4.1網(wǎng)站前臺顯示模塊設計15</p><p>　　4.2管理員登陸模塊設計19</p><p>　　4.3新聞及文章管理模塊設計22</p><p>　　4.4論壇留言板模塊設計25</p><p>　　4.5文件上傳模塊設計27</p><p>　　4.6圖片循環(huán)顯示模塊

14、28</p><p><b>　　五 系統(tǒng)測試30</b></p><p>　　5.1系統(tǒng)測試30</p><p>　　5.1.1測試的目的30</p><p>　　5.1.2測試的準則30</p><p>　　5.1.3測試的方法30</p><p>　　5.

15、2單元測試實例30</p><p><b>　　六 系統(tǒng)維護33</b></p><p>　　6.1改正性維護33</p><p>　　6.2適應性維護33</p><p>　　6.3完善性維護33</p><p><b>　　參考文獻34</b></p&g

16、t;<p><b>　　附 錄35</b></p><p><b>　　英文文獻41</b></p><p><b>　　致 謝47</b></p><p><b>　　前 言</b></p><p>　　精品課程是國家教育部關于

17、高等學校教學質量和教學改革工程的重要內容，是彰顯學校整體辦學水平的重要標志，各高校均十分重視。精品課程網(wǎng)站是精品課程建設和評價的窗口，是精品課程網(wǎng)絡化學習的平臺，是教師與學生互動交流的媒介，也是精品課程示范幅射的載體。因此，精品課程網(wǎng)站建設意義重大。</p><p>　　本文的主要目的是分析說明精品課程網(wǎng)站的各項功能以及其實現(xiàn)過程。本文的組織結構是這樣安排的：“第1部分”從選題背景、國內外對精品課程網(wǎng)站的研究現(xiàn)狀

18、以及精品課程研究的意義等方面給大家做一個簡要的介紹；“第2部分” 精品課程網(wǎng)站的需求分析與開發(fā)工具介紹，將著重介紹精品課程的發(fā)展概況，系統(tǒng)的需求分析，設計所用的開發(fā)環(huán)境；“第3部分”精品課程網(wǎng)站的實現(xiàn)，重點介紹精品課程網(wǎng)站各個功能的設計以及系統(tǒng)的執(zhí)行流程以及如何實現(xiàn)此精品課程網(wǎng)站各功能；“第4部分”網(wǎng)站運行測試與分析，將簡要介紹此精品課程網(wǎng)站測試結果，以及通過測試結果所能得出的一些分析情況。</p><p>&l

19、t;b>　　一 問題闡述</b></p><p><b>　　1.1課題背景</b></p><p>　　以網(wǎng)絡化、數(shù)字化、多媒體化和智能化為代表的現(xiàn)代信息技術正在改變著人們的工作、學習與生活方式，也給教育的內容和發(fā)展帶來了新的發(fā)展空間。課程是教育的核心和靈魂，大學課程則是大學培養(yǎng)目標與培養(yǎng)規(guī)格的具體化，是高等學校教學工作的重要依據(jù)，而精品課程更被上

20、升為學校辦學水平的重要標志。高校實施精品課程建設是一項深化教學改革、提高教學質量的系統(tǒng)工程。因此，高校建立一個自己的精品課程網(wǎng)站是十分必要的事情，這不僅是能使更多的人享用寶貴的教育資料源，同時也對于提升學校自身的知名度，提高學生自學能力，有相當大的幫助。 </p><p>　　1.2國內外研究現(xiàn)狀</p><p>　　在世界范圍內來看，有關精品課程網(wǎng)站研究一直都在進行并且不斷取得進步，特別

21、是西方發(fā)達國家，他們在精品課程的理論研究與實際運用方法積累了大量的經(jīng)驗，雖然我們中國國內在精品課程網(wǎng)站這一方面的研究起步較晚，但我們同樣也取得了大量豐碩的成果。目前已有大約750門國家級精品課程上網(wǎng)，為實施和推廣精品課程、全面提高教學質量提供了樣板。各省、市院校也建立了自己的富有特色的精品課程網(wǎng)站。這些優(yōu)質的課程資源，已經(jīng)為其他高校的教學工作起到了先鋒模范的樣板作用。</p><p>　　1.3精品課程網(wǎng)站研究的

22、意義</p><p>　　高等教育需要網(wǎng)絡精品課程，因為它能使學生體驗到先進的教學方式，獲取大量的學科前沿信息，使他們在大學階段的學習內容更加豐富，知識面更加寬廣，能更快地提高自身的綜合素質和能力，適應飛速發(fā)展的科學要求及學科之間日趨明顯的交叉融合的趨勢?？梢哉f，網(wǎng)絡精品課程的數(shù)量和質量直接地影響到能否打造出符合未來社會發(fā)展需求的人才。因此，探索和研究精品課程網(wǎng)站建設的設計原則以及設計、開發(fā)的方法，將對網(wǎng)絡教育、

23、終身教育以及充分發(fā)揮優(yōu)秀教育資源的價值有很重要的指導意義。</p><p>　　二 需求分析以及開發(fā)工具介紹</p><p>　　2.1業(yè)務及用戶需求分析</p><p>　　隨著現(xiàn)代信息技術的迅猛發(fā)展及廣泛應用，傳統(tǒng)的教學手段已遠遠不能適應現(xiàn)代化教學的需要，也不能滿足當代大學生的信息需求。由于這種傳統(tǒng)的教學手段所傳輸?shù)男畔⒘枯^少，在時空有限的課堂教學中，學生難以對

24、課程內容進行充分的理解，并且自主選擇式的學習模式不能得到實踐，以學生為中心的現(xiàn)代教學理念很難得到實踐。</p><p>　　精品課程網(wǎng)站是高等學校教學質量與教學改革工程的重要組成部分。在高等學校精品課程的評審、建設、驗收過程中，課程教學網(wǎng)站起著非常重要的作用。精品課程網(wǎng)站對精品課程的網(wǎng)絡化具有不可替代的作用，是學生自主學習、教學互動、學習交流的重要平臺。</p><p>　　為了實現(xiàn)課程的

25、精品化，在網(wǎng)站的設計中必須注重將無形的教學理念和方法融入到有形的教學資源中，實現(xiàn)資源的實例化、生動化和網(wǎng)絡化。以這種思想為指導設計者在規(guī)劃網(wǎng)站時必須考慮以下幾個原則問題。</p><p><b>　　(1)內容充實</b></p><p>　　為了將待建學課程精品化，在網(wǎng)站的構建上必須充分考慮教與學的互動性，如設置清晰簡潔的導航菜單，提供豐富詳盡的教學資源.以多種形式

26、賣現(xiàn)師生之間的交流等，來體現(xiàn)課程的精品性。教學網(wǎng)站應圍繞“教學”這一主題盡量使其內容豐富，具備大量的學科素材，以滿足不同專業(yè)、不同學科、不同級別學生的需要以及個別化學習的需要。</p><p>　　(2) 體現(xiàn)教學資源</p><p>　　教學網(wǎng)站的功能主要是為教學服務，在介紹學科知識體系、提供教學參考資料、相關題集和相關鏈接的基礎上，結合實際情況，有重點地突出本學科的特色欄目。系統(tǒng)全面的

27、教學資料能夠幫助學習者理解和掌握教學要點。</p><p><b>　　(3) 模塊化</b></p><p>　　模塊化能大大提高系統(tǒng)的可管理性和可維護性.使整個教學系統(tǒng)能成為一個真正清晰明了的有機系統(tǒng)。模塊化便于修改、擴充。采用模塊化設計后，在維護時可以直接對某一需要改動的模塊進行修改，從而能夠有效降低網(wǎng)站不斷更新帶來的麻煩。</p><p&g

28、t;<b>　　(4) 平臺兼容性</b></p><p>　　目前，各種操作系統(tǒng)和各種版本的瀏覽器.都具備相似的訪問站點的功能。用戶只要選擇一個合適的瀏覽器就可以訪問Internet上發(fā)布的信息資源。</p><p><b>　　(5) 實現(xiàn)互動性</b></p><p>　　網(wǎng)絡作為一種優(yōu)勢媒體能夠得到迅速普及，在于它

29、的實時性和可交互性。為搭建師生</p><p>　　交流的平臺網(wǎng)站必須具備較強的交互能力。在Web網(wǎng)頁的設計中，有這樣幾種常用的方式:(1)上網(wǎng)訪問方式。教師可以在網(wǎng)上發(fā)布每門課程的標準化作業(yè)題、模擬試題以及在線測試等，學生可以下載到本機上完成作業(yè)，自己評判結果，并將疑問反饋給老師。 (2)e-mail電子郵件方式。學生可獲得本教學網(wǎng)站提供的電子郵箱地址。通過電子郵箱師生可以討論問題、提取或提交作業(yè)等。 (3)電

30、子公告方式。學生可以把具有代表性的問題張貼到留言板上， 管理員將相關問題整理為常見問題或公告發(fā)表在網(wǎng)站明顯的位置上，供其他有同樣疑問的學生方便瀏覽。</p><p>　　該系統(tǒng)主要面向的用戶人群為：</p><p>　　(1)教師，作為教學資源的提供者，精品課程的申報者</p><p>　　(2)廣大同學，作為網(wǎng)站的主要使用者</p><p>

31、;　　(3)管理員，作為后臺管理者和網(wǎng)站維護者</p><p>　　精品課程網(wǎng)站建設的目標是使教學更加方便，方便學生在家或寢室自己學習，提高學生自學能力，也節(jié)省學生、老師的時間。要求所設計系統(tǒng)操作方便、更新及時、易于維護管理。擁有動態(tài)新聞；網(wǎng)上答疑；課程教學等基本功能。學生進入網(wǎng)站后可根據(jù)系統(tǒng)功能對該課程進行信息瀏覽，查看課件，查看動態(tài)新聞，提出問題及學習等；教師進入網(wǎng)站后也可對課程的一些信息進行瀏覽，對學生提出

32、的問題進行回復，而后臺管理員需要進入系統(tǒng)對網(wǎng)站進行維護，更新信息、修改信息或者刪除某些信息。</p><p>　　因此該系統(tǒng)需要滿足的需求為：</p><p>　　為使用戶操作方便，要求有良好的人機界面。</p><p>　　學生查看新聞，下載課件，網(wǎng)上提問等。</p><p>　　教師查看學生提出的問題并進行回答。</p>&

33、lt;p>　　管理員發(fā)布新聞，整理留言和教學資源等。</p><p><b>　　用例圖如下：</b></p><p>　　圖 2. 1學生用例圖</p><p><b>　　用例描述：</b></p><p><b>　　名稱：學生操作 </b></p>

34、<p>　　說明：學生進入前臺進行操作</p><p><b>　　參與者：學生</b></p><p>　　基本操作流程：學生可以查看新聞，通過系統(tǒng)分類選擇感興趣的課程資料，查看、下載教師信息和學習資料 ，也可通過留言板進行交流。</p><p>　　圖 2. 2管理員用例圖</p><p><b>

35、;　　用例描述：</b></p><p><b>　　名稱：管理員操作 </b></p><p>　　說明：管理員進入后臺進行操作</p><p><b>　　參與者：管理員</b></p><p>　　前置條件：管理員登陸</p><p>　　假設：常有教師更新

36、資料 </p><p>　　基本操作流程：管理員登陸后，可以進行新聞管理，文章管理，留言管理，用戶管理。</p><p>　　可選操作：常規(guī)設置管理。</p><p>　　圖 2. 3教師用例圖</p><p><b>　　用例描述：</b></p><p><b>　　名稱：教師操作

37、</b></p><p>　　說明：教師將資料交與管理員或在前臺進行操作</p><p><b>　　參與者：教師</b></p><p>　　假設：常有學生提出疑問 </p><p>　　基本操作流程：教師通過管理員提出精品課程申請，提供教學資料，或者在前臺瀏覽學生留言并進行答疑。</p>&

38、lt;p>　　可選操作：申請精品課程</p><p><b>　　后臺管理時序圖：</b></p><p>　　圖 2. 4后臺管理時序圖</p><p>　　2.2系統(tǒng)可行性分析</p><p>　　2.2.1技術可行性</p><p>　　硬件：計算機的存儲量大，運算速度快，成本較低，外

39、部設備的功能好、效率高、可靠性高，通信設備的能力、質量都滿足要求。</p><p>　　系統(tǒng)軟件：本系統(tǒng)主要采用B/S結構，其中B/S部分采用ASP技術來實現(xiàn)，由前臺用戶使用、后臺系統(tǒng)管理部分兩大部分組成，不需安裝客戶端，被授權用戶通過瀏覽器即可登錄系統(tǒng)。</p><p>　　服務器以Windows 2000/2003為操作系統(tǒng)，Access為數(shù)據(jù)庫，主體程序以Asp技術實現(xiàn)，IIS實現(xiàn)W

40、eb發(fā)布。</p><p>　　客戶端以Windows98/ME/NT/XP/2000/2003為平臺，用IE瀏覽器進行系統(tǒng)登陸和頁面瀏覽。</p><p>　　ASP技術是比較成熟的WEB開發(fā)技術，使用它可以創(chuàng)建和運行動態(tài)、交互的Web服務器應用程序，后臺數(shù)據(jù)庫是采用Access建庫。</p><p>　　在B/S三層體系結構系統(tǒng)中，用戶通過客戶端瀏覽器向網(wǎng)絡上的

41、服務器發(fā)出請求，服務器對瀏覽器的請求進行處理，將用戶所需信息返回到瀏覽器。B/S結構簡化了客戶機的工作，客戶機上無需配置客戶端軟件。服務器將擔負更多的工作，對數(shù)據(jù)庫的訪問和應用程序的執(zhí)行將在服務器上完成。瀏覽器發(fā)出請求，而其余如數(shù)據(jù)請求、加工、結果返回以及動態(tài)網(wǎng)頁生成等工作全部由Web Server完成。實際上B/S體系結構是把二層C/S結構的事務處理邏輯模塊從客戶機的任務中分離出來，由Web服務器單獨組成一層來負擔其任務，這樣客戶機的

42、壓力減輕了，把負荷分配給了Web服務器。這種三層體系結構如下圖所示：</p><p><b>　　HTML</b></p><p><b>　　HTTP</b></p><p>　　圖 2.5 B/S三層體系結構圖</p><p>　　2.2.2經(jīng)濟可行性</p><p>　

43、　從經(jīng)濟角度看，投資要小于回報，決策者才會實施計劃。本系統(tǒng)的開發(fā)過程所進行的投資為書費和網(wǎng)費、電費，投入很少，而做出的系統(tǒng)運行后將大大方便學生學習交流，性價比極高。</p><p>　　2.2.3操作可行性</p><p>　　本系統(tǒng)的開發(fā)對于初學者來說大概需要六個月的時間完成。前期主要是以學習以及收集資料為主，接下來就是對系統(tǒng)的分析，做數(shù)據(jù)庫，界面，以及中間的連接。對于相關專業(yè)的人來說是

44、可行的。</p><p>　　綜上所述，網(wǎng)站建設在技術上、經(jīng)濟上、操作上都是可行的。</p><p>　　2.3系統(tǒng)開發(fā)工具介紹</p><p>　　2.3.1ASP與IIS</p><p><b>　　(1)ASP</b></p><p>　　近年來隨著Internet技術的飛速發(fā)展及用戶需求的

45、不斷升級，Web頁面技術也不斷的推陳出新，使得Web站點的功能越來越強大，能夠提供的服務種類越來越繁多。從HTML、Client Script 到CGI,從JAVA的誕生到ActiveX, Web頁面設計人員不斷受到?jīng)_擊，微軟公司在總結了以往技術，重新思考Web頁面設計的真正需要后，推出了Active Server Pages (ASP)，一種用以取代CGI(Common Gateway Interface，通用網(wǎng)關接口)的技術。<

46、;/p><p>　　用ASP無須復雜編程，即可開發(fā)出專業(yè)的動態(tài)Web站點。ASP的出現(xiàn)給以靜態(tài)內容為主的Web帶來全新的動態(tài)效果，使站點更具靈活和方便的交互能力?？蛻舳四_本是指客戶端內嵌的描述語言，不在服務器端執(zhí)行的語句。通常是使用VBScript或JavaScIit來實現(xiàn)。編寫客戶端腳本最大的優(yōu)點就在于其可由瀏覽器解釋執(zhí)行。不需增加服務器的負擔；另外，客戶端腳本是在客戶端解釋執(zhí)行，它可以實現(xiàn)服務器端腳本所不能實現(xiàn)的

47、一些絢麗的特效．客戶端腳本也存在一定的局限性，由于它是在客戶端解釋執(zhí)行。數(shù)據(jù)須預先設定，不便后臺DB內容的實時更新，而ASP最大的優(yōu)勢就在于它能與后臺數(shù)據(jù)庫進行信息交換，其特點是使用簡單、方便，開發(fā)周期短、開發(fā)效率高。</p><p>　　簡單講，ASP是位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式 Web 服務器應用程序，如交互式的動態(tài)網(wǎng)頁，包括使用 HTML 表單收集和處理信息，上

48、傳與下載等等。更重要的是，ASP使用的ActiveX技術基于開放設計環(huán)境，用戶可以自己定義和制作組件加入其中，使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴充能力，這是傳統(tǒng)的Web編寫工具所遠遠不及的地方。</p><p><b>　　(2)IIS服務</b></p><p>　　IIS(Internet Information Server)是微軟推出的Windows NT Op

49、tion Pack的主要成員，作為Windows NT的擴展，自推出以來已經(jīng)有了很大發(fā)展，其體系結構是當今市場上最受關注的Web服務器之一。IIS5.0版本增強了系統(tǒng)安全性，具有服務器端腳本開發(fā)調試，內容管理和站點分析，崩潰防護，全面支持ASP等強大功能。</p><p>　　(3) ASP與IIS的結合</p><p>　　在過去，客戶機/服務器結構的設計與Web的相關技術幾乎處于平行線

50、上，兩者相互獨立并無法做出集成性的設計。現(xiàn)在我們利用IIS+ASP構成三層式系統(tǒng)結構的中間一層，將客戶機/服務器結構與Web密切結合，完成前后端兩者的集成輸出功能，使得Web站點的開發(fā)更方便，實現(xiàn)的功能更強大。</p><p>　　利用IIS+ASP技術來集成系統(tǒng)前后端所帶來的強大效益可歸結為以下幾個方面：</p><p><b>　　減少構建和維護成本</b><

51、;/p><p><b>　　加快聯(lián)機過程</b></p><p>　　應用軟件集中在服務器端開發(fā)管理</p><p>　　前端可使用任何瀏覽器（IE、Netscape…..）</p><p>　　后端可存取任何數(shù)據(jù)庫 (SQL、Access…..)</p><p>　　可使用任何腳本語言開發(fā) (VBS

52、cript、JavaScript、PERL…..)</p><p>　　2.3.2數(shù)據(jù)庫與Css</p><p>　　(1)Access介紹</p><p>　　本系統(tǒng)采用Access 2000作為數(shù)據(jù)庫平臺。Access 2000是一種關系是數(shù)據(jù)庫，能匯集各種信息以供查詢、存儲和檢索。Access的優(yōu)點在于它能使用數(shù)據(jù)表示圖或自定義窗體籌集信息。數(shù)據(jù)表示圖提供了一

53、種類似于Excel的電子表格，可以設數(shù)據(jù)庫一目了然。事實上，Access不僅是一個數(shù)據(jù)庫，而且它具有強大的數(shù)據(jù)管理功能，可以方便地利用各種數(shù)據(jù)源，生成窗體（表單）、查詢、報表和應用程序等。</p><p>　　對于小型的數(shù)據(jù)庫應用需求，微軟的Access數(shù)據(jù)庫，應該是與ASP程序配套使用的首選。由于Access數(shù)據(jù)庫的ODBC驅動程序支持的SQL指令全，執(zhí)行效率高，所以Access后臺數(shù)據(jù)庫+ASP服務器端程序+

54、客戶端IE瀏覽器，是一個精練實用高效的組合模式。</p><p><b>　　(2)Css介紹</b></p><p>　　CSS是一組格式設置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設置頁面的格式，可將頁面的內容與表現(xiàn)形式分離。頁面內容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個文件中或HTML文檔的某一部分，通常為文件頭部分。將內容

55、與表現(xiàn)形式分離，不僅可使維護站點的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間。</p><p>　　HTML 標簽原本被設計為用于定義文檔內容。通過使用 <h1>、<p>、<table> 這樣的標簽，HTML 的初衷是表達“這是標題”、“這是段落”、“這是表格”之類的信息。同時文檔布局由瀏覽器來完成，而不使用任何的格式化標簽。</p>

56、<p>　　由于兩種主要的瀏覽器（Netscape 和 Internet Explorer）不斷地將新的 HTML 標簽和屬性（比如字體標簽和顏色屬性）添加到 HTML 規(guī)范中，創(chuàng)建文檔內容清晰地獨立于文檔表現(xiàn)層的站點變得越來越困難。</p><p>　　為了解決這個問題，萬維網(wǎng)聯(lián)盟（W3C），這個非營利的標準化聯(lián)盟，肩負起了 HTML 標準化的使命，并在 HTML 4.0 之外創(chuàng)造出樣式（Style

57、）。</p><p>　　所有的主流瀏覽器均支持層疊樣式表。 </p><p>　　層疊樣式表極大地提高了工作效率。樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。</p><p>　　

58、由于允許同時控制多重頁面的樣式和布局，CSS 可以稱得上 WEB 設計領域的一個突破。作為網(wǎng)站開發(fā)者，你能夠為每個 HTML 元素定義樣式，并將之應用于你希望的任意多的頁面中。如需進行全局的更新，只需簡單地改變樣式，然后網(wǎng)站中的所有元素均會自動地更新。</p><p>　　2.3.3 eWebEditor</p><p>　　圖 2. 6編輯器界面效果圖</p><p&

59、gt;　　eWebEditor是一個基于瀏覽器的在線HTML編輯器，WEB開發(fā)人員可以用她把傳統(tǒng)的多行文本輸入框 “textarea” 替換為可視化的富文本輸入框。</p><p>　　eWebEditor主要功能在于不需要在客戶端安裝任何的組件或控件，操作人員就可以以方便、易用的界面創(chuàng)建和發(fā)布網(wǎng)頁內容。</p><p>　　本網(wǎng)站的后臺管理建設中的新聞編輯和文章編輯部分使用到了此編輯器，

60、eWebEditor使用簡單，非常容易與現(xiàn)有系統(tǒng)集成，只需用幾行代碼便可以調用此編輯器。</p><p><b>　　三 系統(tǒng)設計</b></p><p>　　3.1系統(tǒng)設計指導思想及原則</p><p>　　實用性。以用戶需求為指導，符合實際的開發(fā)條件，切實解決在線課程教學的實際問題。</p><p>　　先進性。計算

61、機環(huán)境配置必須滿足所提出的目標和所要實現(xiàn)的功能、指標等要求。體系結構、開發(fā)設計方法等要具有先進水平。</p><p>　　可靠性。在誤操作的情況下，要能保證系統(tǒng)正常運行。</p><p>　　安全性。根據(jù)精品課程網(wǎng)站的特點和要求，制定相應的安全策略和安全機制。</p><p>　　友好性。提供友好的用戶界面，簡單、直觀、易于使用、方便操作。</p>&

62、lt;p><b>　　3.2系統(tǒng)結構圖</b></p><p>　　根據(jù)需求分析和方案設計，可得到系統(tǒng)結構圖如下：</p><p>　　圖 3. 2系統(tǒng)結構圖</p><p>　　3.3系統(tǒng)功能具體分析</p><p>　　用戶來到網(wǎng)站后，可以根據(jù)自己的需求查找自己感興趣的課程，下載課件，瀏覽、下載視頻及相關資料，

63、在遇到困難時可以在留言板上留言討論，查找相關課程的教室聯(lián)系方式，通過網(wǎng)站直接給老師或管理員發(fā)送郵件提問。教師的職責是提供相關教學資料，給同學解答疑問。而管理員管理的功能為新聞管理、文章管理、版面設置、用戶管理、論壇管理以及負責整理回答同學們的疑問。</p><p>　　故系統(tǒng)基本功能如下：</p><p><b>　　板塊顯示</b></p><p

64、>　　新聞、課件、視頻、相關材料等分版塊顯示，方便用戶查找所需信息。界面清晰，美觀易用。</p><p><b>　　管理員登陸</b></p><p>　　管理員只有在登陸后才能夠對論壇內容進行管理，進行新聞管理、文章管理、留言管理、用戶管理等，維護網(wǎng)站的正常運行。密碼或賬戶錯誤則不能登錄。</p><p><b>　　管理員

65、注冊</b></p><p>　　系統(tǒng)中有一個初始管理員，只有管理員才能添加新管理員，注冊新管理員時要保證用戶名不能重復，密碼不可為空，否則將不能注冊，管理員還可管理其他管理員的密碼及刪除其他管理員。</p><p><b>　　新聞管理</b></p><p>　　分為新聞添加、新聞管理和類別管理三部分，由管理員新聞的添加刪除和分

66、類，還可對已存在的新聞實施排序。</p><p><b>　　文章管理</b></p><p>　　文章管理的基本功能同新聞管理，但可對精華的文章設為推薦。</p><p><b>　　用戶留言</b></p><p>　　無需登錄即可查看、發(fā)表留言，回復留言，為有疑問的學生提供一個交流和互動的平臺

67、。留言發(fā)表時必須有發(fā)表者姓名、帖子姓名及內容，缺一則不能發(fā)表。只有管理員有權利刪除別人的帖子。</p><p><b>　　留言管理</b></p><p>　　管理員可刪除不良的或無用的帖子，對精華帖子進行置頂，推薦，對同學提出的疑問帖子進行回復留言。</p><p><b>　　輔助功能</b></p>

68、<p>　　論壇還提供一些輔助功能，如發(fā)送電子郵件，在線觀看視頻，圖片管理，底部信息管理等。用戶直接點擊網(wǎng)站上所提供的郵箱地址即可發(fā)送電子郵件。管理員可更換頁面上循環(huán)現(xiàn)實的圖片以及頁面上顯示的底部信息。</p><p>　　故系統(tǒng)總流程圖如下：</p><p>　　圖3. 1 總流程圖</p><p><b>　　3.4數(shù)據(jù)庫的設計</b&

69、gt;</p><p>　　3.4.1概念結構設計</p><p>　　概念結構設計是數(shù)據(jù)庫設計的核心。概念結構獨立于數(shù)據(jù)庫的邏輯結構，也獨立與所使用的具體的數(shù)據(jù)庫管理系統(tǒng)。概念模型（E-R模型）的組成元素有：實體、屬性、聯(lián)系，E-R模型用E-R圖表示。實體是用戶工作環(huán)境中所涉及的事務，屬性是對實體特征的描述，系統(tǒng)總體E-R圖如下所示。</p><p>　　圖 3.

70、3系統(tǒng)E-R圖</p><p>　　3.4.2邏輯結構設計</p><p>　　系統(tǒng)實體及其屬性描述如下:</p><p>　　(1) 管理員{管理員ID，管理員名，管理員密碼}</p><p>　　(2) 新聞{新聞類別ID，新聞ID，新聞標題，新聞內容，作者，文章來源，發(fā)表時間，點擊次數(shù)}</p><p>　　(3

71、) 新聞類別{ID，名稱}</p><p>　　(4) 文章{文章類別ID，文章ID，文章標題，文章內容，作者，文章來源，發(fā)表時間，點擊次數(shù)}</p><p>　　(5) 文章類別{ID，名稱}</p><p>　　(6) 圖片{圖片ID，圖片名稱，鏈接地址，圖片地址}</p><p>　　(7) 留言信息{帖子ID，作者名稱，發(fā)表時間，帖子

72、標題，文章內容}</p><p><b>　　四 詳細設計</b></p><p>　　4.1網(wǎng)站前臺顯示模塊設計</p><p>　　精品課程網(wǎng)站的前臺是系統(tǒng)與用戶交涉的主要界面，網(wǎng)站是否能滿足用戶的基本需求、美觀易用，是否方便用戶查找、下載資料， 前臺界面設計非常重要。本網(wǎng)站前臺設計簡潔、明快，以藍色漸變?yōu)長OGO，凸顯教學網(wǎng)站莊重的同時又

73、不失活潑。白底藍字，以橘黃色來標識重點，文章、資料分模塊顯示，而模塊內部按時日期排列，所有熱點一目了然，方便查找。</p><p>　　圖 4. 1網(wǎng)站首頁效果圖</p><p>　　本部分主要使用ASP語言及CSS級聯(lián)樣式表來實現(xiàn)，網(wǎng)站導航欄分為網(wǎng)站首頁、師資隊伍、精品課程、課程教學、教學視頻、試卷下載、教學效果、認證培訓、自主學習9部分，其中各部分內容如下所示：</p>

74、<p>　　師資隊伍：分為文史類、民族學類、教育學類、經(jīng)濟學類等8類，如上圖所示，其中理學類效果圖如下：</p><p>　　圖 4. 2理學類教師簡介效果圖</p><p>　　精品課程：精品課程欄目主要發(fā)布現(xiàn)階段學校精品課程申報信息，其效果圖如下：</p><p>　　圖 4. 3精品課程申報效果圖</p><p>　　課程教學

75、：課程教學欄目主要負責課件下載，其課件分科目管理，方便查找下載，其效果圖如下：</p><p>　　圖 4. 4課件下載效果圖</p><p>　　教學視頻：教學視頻部分分為視頻下載和在線觀看，學生可根據(jù)需要選擇在線觀看或下載后觀看，其中在線觀看效果圖如下：</p><p>　　圖 4. 5 視頻觀看效果圖</p><p><b>

76、　　部分實現(xiàn)代碼：</b></p><p>　　<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" height="320" id="MediaPlayer1" width="310"> </p><p

77、>　　<param name="AutoStart" value="-1"> </p><p>　　<param name="ShowStatusBar" value="-1"> </p><p>　　<param name="Filen

78、ame" value="視頻的虛擬路徑"> </p><p>　　</object> </p><p>　　試卷下載：試卷下載部分按專業(yè)提供不同科目的試卷下載，其中經(jīng)濟學部分效果圖如下：</p><p>　　圖 4.6 書卷下載效果圖</p><p>　　教學效果：本部分分為社會反響

79、與學生評價兩部分，為管理員統(tǒng)計結果，其效果圖如下：</p><p>　　圖 4.7 教學效果效果圖</p><p>　　認證培訓：本部分為同學等級考試提供相關的培訓資料，為同學以后就業(yè)增加籌碼，其效果圖如下：</p><p>　　圖 4.8 認證培訓效果圖</p><p>　　自主學習：自主學習部分包括學習資料、交流討論和常見問題三部分，其中

80、交流討論即論壇部分將在后文中討論，學習資料部分效果圖如下：</p><p>　　圖 4.9 學習資料效果圖</p><p>　　4.2管理員登陸模塊設計</p><p>　　管理員身份驗證是精品課程網(wǎng)站后臺管理系統(tǒng)的唯一出入口的核心體現(xiàn)。用戶在未登錄后臺管理系統(tǒng)時只能查看已有的資料，若想進行新聞、文章、留言等的更新或修改，必須進入后臺管理系統(tǒng)?？傊?，管理員登錄模塊是

81、進行后臺管理的必經(jīng)模塊，是網(wǎng)站維護功能的起點。</p><p><b>　　其流程圖如下：</b></p><p>　　圖 4. 10登陸模塊流程圖</p><p>　　登陸模塊中的主要程序介紹：</p><p><b>　　%></b></p><p><b&g

82、t;　　<html></b></p><p><b>　　<head></b></p><p>　　<title>管理員登錄</title></p><p>　　<meta http-equiv="Content-Type" content="tex

83、t/html; charset=gb2312"></p><p>　　<link rel="stylesheet" href="../Admin_Style.css"></p><p>　　<script language=javascript></p><p>　　function S

84、etFocus()</p><p><b>　　{</b></p><p>　　if (document.Login.UserName.value=="")</p><p>　　document.Login.UserName.focus();</p><p><b>　　else</b

85、></p><p>　　document.Login.UserName.select();</p><p><b>　　}</b></p><p>　　function CheckForm()</p><p><b>　　{</b></p><p>　　if(docum

86、ent.Login.UserName.value=="")</p><p><b>　　{</b></p><p>　　alert("請輸入用戶名！");</p><p>　　document.Login.UserName.focus();</p><p>　　return fal

87、se;</p><p><b>　　}</b></p><p>　　if(document.Login.Password.value == "")</p><p><b>　　{</b></p><p>　　alert("請輸入密碼！");</p>

88、<p>　　document.Login.Password.focus();</p><p>　　return false;</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　其他代碼參見附錄。</b>&l

89、t;/p><p><b>　　登錄前：</b></p><p>　　圖 4. 11 未登錄樣式</p><p><b>　　登錄后：</b></p><p>　　圖 4. 12 登陸后樣式</p><p><b>　　密碼或用戶名錯誤：</b></p&

90、gt;<p>　　圖 4. 13 登陸出錯樣式</p><p>　　4.3新聞及文章管理模塊設計</p><p>　　新聞及文章管理部分功能主要分為三大部分：新聞（文章）添加、新聞（文章）管理及新聞（文章）類別管理。其中新聞（文章）添加部分需要實現(xiàn)的功能包括文本編輯器、新聞（文章）的分類存儲、視頻圖片的插入、視頻的在線播放以及在線郵件功能。新聞（文章）管理部分的功能為文章內容

91、的修改、文章類別的修改及文章的刪除等。而通過新聞（文章）的類別管理可以使不同類別的新聞（文章）在不同版塊予以顯示。</p><p>　　新聞及文章管理模塊模塊圖如下：</p><p>　　圖 4. 14 新聞管理模塊設計模塊圖</p><p>　　新聞管理模塊中的主要程序介紹：</p><p>　　function CheckForm()&l

92、t;/p><p><b>　　{</b></p><p>　　if (document.myform.Title.value=="")</p><p><b>　　{</b></p><p>　　alert("文章標題不能為空！");</p><

93、;p>　　document.myform.Title.focus();</p><p>　　return false;</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　function doChange(objText, objDrop){&

94、lt;/p><p>　　if (!objDrop) return;</p><p>　　var str = objText.value;</p><p>　　var arr = str.split("|");</p><p>　　objDrop.length=0;</p><p>　　for (var

95、i=0; i<arr.length; i++){</p><p>　　objDrop.options[i] = new Option(arr[i], arr[i]);</p><p><b>　　}</b></p><p>　　objDrop.options[i] = new Option('不顯示圖片','

96、9;);</p><p><b>　　}</b></p><p>　　eWebEditor 插件調用代碼介紹：</p><p>　　<td colspan="2"><textarea name="Content" style="display:none"><

97、;/textarea> </p><p>　　<iframe ID="editor"src="WebEditor/ewebeditor.htm?id=content&style=coolblue&savepathfilename=myText3" frameborder=1 scrolling=no width="600" h

98、eight="405"></iframe> </td></p><p><b>　　其他代碼參見附錄。</b></p><p><b>　　編輯頁面圖片：</b></p><p>　　圖 4.15 編輯頁面圖片</p><p><b>　　

99、管理界面圖片：</b></p><p>　　圖 4.16 新聞管理頁面圖片</p><p><b>　　類別管理界面圖片：</b></p><p>　　圖 4.17 類別管理界面圖片</p><p>　　4.4論壇留言板模塊設計</p><p>　　本論壇并不要求用戶登錄后才能進行發(fā)帖

100、留言，主要是為了方便用戶，使所有人都有權利發(fā)表自己的意見，促進交流。但是在發(fā)布帖子的時候要求有發(fā)帖人名稱，且文章名稱和內容均不能為空，如若為空則報錯。本模塊的主要功能為發(fā)表帖子、回復帖子，兼有統(tǒng)計帖子瀏覽和回復次數(shù)的功能。</p><p>　　論壇留言板模塊流程圖如下：</p><p>　　圖 4.18 論壇模塊流程圖</p><p>　　論壇留言模塊中的主要程序如

101、下：</p><p>　　autor = check1(request.form("autor"))</p><p>　　title = check1(request.form("title"))</p><p>　　message = check1(request.form("message"))<

102、/p><p>　　mail = check2(request.form("mail"))</p><p>　　if save = true then</p><p>　　updated = right(year(date),2) & zweistellig(month(date)) & zweistellig(day(date)) &

103、amp; zweistellig(hour(time)) & zweistellig(minute(time)) & zweistellig(second(time))</p><p>　　set db = Server.CreateObject("ADODB.Connection")</p><p>　　connect="Provider=M

104、icrosoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("data.asp")</p><p>　　db.Open connect</p><p>　　sql = "insert into postings (title, autor, mail, message, views, repli

105、es, datum, datum_updated, updated, connected)"</p><p>　　sql = sql & " values('"&title&"', '"&autor&"', '"&mail&"',&

106、#39;"&message&"', 0, 0, '"& date & " " & time &"', '"& date & " " & time &"', "&updated&", &

107、quot;&id&")" </p><p>　　db.Execute(sql)</p><p>　　sql = "update postings set replies = replies + 1 where id = " & id</p><p>　　db.Execute(sql)</p>

108、<p>　　sql = "update postings set datum_updated = '"&date & " " & time&"' where id = " & id</p><p>　　db.Execute(sql)</p><p>　　sql

109、= "update postings set updated = '"&updated&"' where id = " & id</p><p>　　db.Execute(sql)</p><p>　　sql = "update postings set lastdate = date() where

110、 id = " & id</p><p>　　db.Execute(sql)</p><p><b>　　db.close</b></p><p>　　set db = nothing</p><p>　　response.redirect("view.asp?id=" &

111、id)</p><p><b>　　else%></b></p><p>　　<script language="vbscript"></p><p>　　msgbox "請檢查填寫項目是否完整！",vbInformation,"出錯提示！"</p>&

112、lt;p>　　window.location="vbscript:history.back"</p><p>　　</script><%end if%></p><p><b>　　其他代碼詳見附錄。</b></p><p><b>　　論壇界面圖片：</b></p&

113、gt;<p>　　圖 4.19 論壇界面圖</p><p><b>　　帖子發(fā)表界面：</b></p><p>　　圖 4.20 帖子發(fā)表界面圖</p><p>　　4.5文件上傳模塊設計</p><p>　　本模塊實現(xiàn)的主要功能為文檔、課件、視頻等的上傳功能。使用FSO控件對服務器進行讀取、新建、修改、刪

114、除目錄以及文件的操作。 </p><p><b>　　文件上傳模塊圖：</b></p><p>　　圖 4.21 文件上傳模塊圖</p><p>　　文件上傳模塊部分代碼：</p><p>　　<SCRIPT language=javascript></p><p>　　functio

115、n check() </p><p><b>　　{</b></p><p>　　var strFileName=document.form1.FileName.value;</p><p>　　if (strFileName=="")</p><p><b>　　{</b>&l

116、t;/p><p>　　alert("請選擇要上傳的文件");</p><p>　　document.form1.FileName.focus();</p><p>　　return false;</p><p><b>　　}</b></p><p><b>　　}<

117、;/b></p><p><b>　　</SCRIPT></b></p><p><b>　　其他代碼詳見附錄。</b></p><p>　　4.6圖片循環(huán)顯示模塊</p><p>　　本模塊的功能為在當前頁面上循環(huán)顯示上傳的圖片：</p><p>　　圖片

118、循環(huán)顯示部分代碼：</p><p><b>　　<%</b></p><p>　　sql="select imgname,imgpath,imglink from img where show=true and Role=1 order by sort asc"</p><p>　　set rs=conn.execut

119、e(sql)</p><p>　　do until rs.eof </p><p>　　imgname=trim(rs("imgname"))</p><p>　　imgpath=trim(rs("imgpath"))</p><p>　　imglink=trim(rs("imgl

120、ink"))</p><p>　　if imglink="" then imglink=imgpath</p><p>　　%> </p><p>　　<li><a href="<%=imglink%>" target="_blank">&l

121、t;img src="<%=imgpath%>" alt="<%=imgname%>" /></a><a href="<%=imglink%>" target="_blank"><%=imgname%></a></li></p><p&g

122、t;<b>　　<%</b></p><p>　　rs.movenext</p><p><b>　　loop</b></p><p><b>　　rs.close</b></p><p>　　set rs=nothing</p><p><

123、b>　　%></b></p><p>　　圖片循環(huán)顯示效果圖：</p><p>　　圖 4.22 圖片循環(huán)顯示模塊效果圖</p><p><b>　　五 系統(tǒng)測試</b></p><p><b>　　5.1系統(tǒng)測試</b></p><p>　　5.1.

124、1測試的目的</p><p>　　軟件測試的目標和定義：</p><p>　　(1) 測試是為了發(fā)現(xiàn)程序中的錯誤而執(zhí)行程序的過程。</p><p>　　(2) 好的測試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯誤的測試方案。</p><p>　　(3) 成功的測試是發(fā)現(xiàn)了至今為止尚未發(fā)現(xiàn)的錯誤的測試。</p><p>　　在

125、對精品課程網(wǎng)站管理進行系統(tǒng)測試時，也正是基于上述觀點來進行的，測試的目的不是證明系統(tǒng)是完美的，而是發(fā)現(xiàn)問題，更好的解決問題，使系統(tǒng)不斷完善，滿足廣大用戶的需求。</p><p>　　5.1.2測試的準則</p><p>　　為了能設計出行之有效的測試方案，必須深入理解并正確運用指導軟件測試的基本準則。主要的測試準則如下：</p><p>　　(1) 所有的測試都應該

126、追溯到用戶需求。</p><p>　　(2) 應該在開始測試之前就制定出測試計劃。</p><p>　　(3) 應該從“小模塊”測試開始，并逐步進行“大模塊”測試。</p><p>　　(4) 窮舉測試是不可能的。 </p><p>　　(5) 為了達到最佳的測試效果，應該由獨立的第三方從事測試工作。當然本系統(tǒng)是獨立開發(fā)為前提進行的，所以測試