【正文】 采訪時64馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)指出：“校園網(wǎng)”是在校園范圍內(nèi)建立的計算機網(wǎng)絡系統(tǒng)，它可在校園內(nèi)將許多臺計算機或其他設(shè)備連接進行數(shù)據(jù)通訊?！靶@網(wǎng)”的開通，不僅可以大大拓展教師和學生的視野，而且有利于培養(yǎng)學生的創(chuàng)造性思維，提高學生獲取信息、分析信息、處理信息的能力和適用現(xiàn)代社會的能力。浙江大學沈莉萍給“校園網(wǎng)”下了一個比較確切的定義：“校園網(wǎng)”是指學校在開展教學、科研和管理及對外通訊工作全過程中運用寬帶、交互性和專業(yè)性的局域網(wǎng)絡實現(xiàn)學校辦學的數(shù)字化、信息化和智能化。網(wǎng)絡化教育的重點并不僅僅要讓師生了解和使用Internet，更是要通過計算機與網(wǎng)絡的強大功能探索新的教育體制與教學模式，培養(yǎng)出適應信息時代需求的新型人才。CAI是一種靜態(tài)的改良，WBI則是一種動態(tài)的變革。國際互聯(lián)網(wǎng)將全世界連成一體，它以數(shù)字網(wǎng)絡為信息載體，幾乎可以發(fā)布現(xiàn)行所有媒體可以發(fā)布的文字、語音、圖像、影視等資料，成為信息集散中心。我們就有可能根據(jù)現(xiàn)代信息技術(shù)所能提供的條件來設(shè)計教育，或者說以現(xiàn)代信息技術(shù)為基礎(chǔ)來實現(xiàn)教育的創(chuàng)新。計算機網(wǎng)絡的普及大大改變了人們的生活方式，人們的工作、學習和生活也變得越來越依賴于網(wǎng)絡、電子商務、網(wǎng)絡大學等應用的進行徹底的改變了傳統(tǒng)的商業(yè)和教育模式[2]。此后中科院、清華大學、北京大學紛紛建立起自己的校園網(wǎng)并實現(xiàn)與Internet的連接，以此為基礎(chǔ)我國的Intemet初具雛形。近年來，全國近6000所學校進行了校園網(wǎng)建設(shè)，校園網(wǎng)在這些學校得到了不同角度的應用，我們的教育主管部門和學校不僅享受到教育信息化帶來的好處，同時也得到的很多建設(shè)的經(jīng)驗與教訓。據(jù)調(diào)查了解，學校電腦有50%以上處于不完全使用甚至閑置狀態(tài)，即使是投資幾十萬，上百萬的校園網(wǎng)工程，使用效果也比較差，甚至成為接待貴賓的風景。盡管這些系統(tǒng)都建立在通用的校園網(wǎng)上，卻不能在教育系統(tǒng)內(nèi)達到信息的高度共享，不能對大量的歷史數(shù)據(jù)進行有效的跟蹤與分析。由于目前并沒有統(tǒng)一的建網(wǎng)標準和規(guī)范，學校在建網(wǎng)時又僅僅考慮自身情況開始招標，兼之雙方的經(jīng)驗和市場發(fā)展都不很成熟，造成了校園網(wǎng)類型和規(guī)模各種各樣，相互之間封閉，僅能滿足自身應用，無法適應未來遠程教育和與更大范圍內(nèi)信息化如校校通發(fā)展的要求。 主要研究內(nèi)容及特色本課題主要研究內(nèi)容是：建立一個綜合性的、適宜農(nóng)村教育發(fā)展、促進農(nóng)村教育發(fā)展的、具有輔助作用的學校網(wǎng)站。（2）根據(jù)對系統(tǒng)需求分析的結(jié)果進行了系統(tǒng)的總體設(shè)計和詳細設(shè)計。測試結(jié)果表明，系統(tǒng)完全能夠適應農(nóng)村中學的教學活動發(fā)展的要求。第一章 緒論。第二章 系統(tǒng)相關(guān)技術(shù)介紹。第三章 系統(tǒng)的需求分析。功能性需求主要表現(xiàn)為注冊、教學答疑、考試和信息發(fā)布等與中學教學、學生管理相關(guān)的功能，同時，從可靠性、可用性和可維護性三個方面介紹了系統(tǒng)的非功能性需求。主要介紹系統(tǒng)各組成部分及其聯(lián)系。主要介紹系統(tǒng)各個功能模塊的具體設(shè)計。主要描述各系統(tǒng)模塊的實現(xiàn)過程。主要介紹軟件測試的方法、測試工具、測試用例和測試結(jié)果。對本系統(tǒng)設(shè)計過程中出現(xiàn)的情況進行總結(jié)，進一步展望新的、更加科學合理的系統(tǒng)為教學提供更好的服務。 Dreamweaver CS3簡介Dreamweaver是集見面制作與網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器，是第一套針對專業(yè)網(wǎng)頁設(shè)計師的視覺化網(wǎng)頁開發(fā)工具，可以輕而易舉地制作出跨平臺和跨瀏覽器現(xiàn)而充滿動感的網(wǎng)頁[3]。與前期版本相比增添了許多新功能。DreamweaverCS3將各種網(wǎng)頁制作的相關(guān)工具緊密聯(lián)系起來，具有良好的插件體系，它可通過第三方插件進行補充。DreamweaverCS3具有強大的功能，使用它可以有效地提高Web開發(fā)的工作效率。修正了以往版本中軟件本身設(shè)計上的一些缺漏，新增功能更是發(fā)揮了其高效開發(fā)的特點。 DreamweaverCS3新增功能（1）Spry功能Spry是DreamweaverCS3的一大亮點，使用Spry功能，為設(shè)計者節(jié)省了許多設(shè)計時間，Spry按鈕如圖21所示。通過使用CSS樣式設(shè)置頁面格式，可以實現(xiàn)頁面內(nèi)容與表現(xiàn)形式的分離。（3）Bridge CS3將Bridge CS3與Dreamweaver一起使用可以輕松、一致地管理圖像和資源。（4）與Photoshop CS3集成DreamweaverCS3包括了與Photoshop CS3的增強集成功能。DreamweaverCS3會顯示一個頁面，可在其中為圖像指定優(yōu)化選項。 HTML概述 HTML簡介HTML是一個純文本文件。HTML編輯器可以是任意文本的編輯器。編寫完以后，要以“.html”命名保存文件[4]。（2）處理網(wǎng)頁文檔文字是網(wǎng)頁文檔最基本的內(nèi)容。（3）編輯網(wǎng)頁表格馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)表格是網(wǎng)頁中常見的一種數(shù)據(jù)表現(xiàn)形式，可以簡潔地表達數(shù)據(jù)之間的關(guān)系。HTML文檔可以通過table、th、td三個標記來定義表格，并通過設(shè)置各標記的屬性來對表格進行編輯。通過超鏈接，可以將多個單獨的網(wǎng)頁聯(lián)系起來，從而構(gòu)成一個網(wǎng)站。在HTML網(wǎng)頁中能直接顯示的只有文本信息，如果想敫圖像等信息則需要通過特定的標記。（6）編輯表單表單是用戶與網(wǎng)頁進行交互的重要HTML元素，其作用是搜集用戶站點的信息并將信息傳送到服務器上。 ASP簡介 ASP的優(yōu)勢ASP技術(shù) ASP（Active Server Pages動態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網(wǎng)關(guān)接口）的技術(shù)。 簡單地講，ASP是一個位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的交互式Web服務器應用程序，如交互式動態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等等。ASP與常見的在Client端實現(xiàn)動態(tài)主頁的技術(shù)如Java Applet、ActiveX Control、VBScript、JavaScript等不同，ASP中的命令和Script語句都是由服務器來解釋執(zhí)行的，執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的Web頁面并送到瀏覽器；而客戶端第二章 系統(tǒng)相關(guān)技術(shù)介紹技術(shù)的Script命令則是由瀏覽器來解釋執(zhí)行。因此必須放在Web服務器上有可執(zhí)行權(quán)限的目錄下。ASP文件的制作和HTML類似，且和HTML開發(fā)集成，可以在同一個過程完成，利用ASP將可以執(zhí)行的腳本嵌入到HTML文件中()，這使得HTML文件的編寫與腳本的開發(fā)融合在一起。ASP比較網(wǎng)關(guān)及服務器擴展模式有著以下優(yōu)點：(1) 完全與HTML文件融合在一起(2) 容易創(chuàng)建，不需要其它編譯、鏈接程序；(3) 面向?qū)ο蟮牟⑼ㄟ^ActiveX Server對象可擴展。組件對象模型是微軟公司體現(xiàn)用戶的一種基于二進制的軟件標準，與語言無關(guān)。ASP提供了10個內(nèi)置組件。在使用前，組件的對象需要被實例化。除了內(nèi)置組件和內(nèi)置對象，開發(fā)人員還可以自行制作實現(xiàn)特殊功能的組件。VBScript是ASP支持的默認腳本語言。（3） 支持主流數(shù)據(jù)庫ASP可以輕易地通過ODBC（Open Database Connectivity）驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Access、VFP、DBase、Oracle等等，另外，ASP亦可將“文本文件”或是“Excel” 文件當成數(shù)據(jù)庫用。從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個ASPApplication中，讓不同的客戶端共享信息，配合MTS進行分布式事務處理。第二章 系統(tǒng)相關(guān)技術(shù)介紹圖22 典型的B/S三層架構(gòu)，就會讀取文件內(nèi)容，解釋執(zhí)行其中的VBScript程序。若ASP文件含有訪問數(shù)據(jù)庫的請求時，ASP內(nèi)置組件ADO（ActiveX Data Object）能與數(shù)據(jù)庫連接，對數(shù)據(jù)庫進行訪問，并將訪問結(jié)果返回服務器。這樣就完成了用戶瀏覽器對服務器的訪問[5][6][7][8]。馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)第三章 系統(tǒng)需求分析需求分析是指理解用戶需求，使軟件功能與客戶需求達成一致，估計軟件風險和評估項目代價，最終形成開發(fā)計劃的一個復雜過程。校園網(wǎng)是利用網(wǎng)絡設(shè)備、通信介質(zhì)和適宜的網(wǎng)絡技術(shù)與協(xié)議以及各類系統(tǒng)管理軟件和應用軟件，將校園內(nèi)計算機和各種終端設(shè)備有機地集成在一起，并用于教學、科研、學校管理、信息資源共享和遠程教育等方面工作的計算機局域網(wǎng)絡系統(tǒng)。它直接關(guān)系到學校的教學和教研工作的質(zhì)量水平，也是促進素質(zhì)教育的重要手段。系統(tǒng)的主要角色為學生，教師和學校，他們的用例圖分別見圖31，圖32和圖33。馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)圖34 系統(tǒng)的總流程圖 系統(tǒng)功能模塊流程圖 注冊注冊模塊的目的是實現(xiàn)用戶的注冊和基本個人信息的錄入，其流程圖如圖35所示。系統(tǒng)顯示登錄界面，并對用戶進行身份認證，其流程圖如圖36所示。網(wǎng)上報名模塊的流程圖如圖37所示。圖38 電子檔案流程圖第三章 系統(tǒng)需求分析 網(wǎng)上收聽網(wǎng)上收聽模塊主要實現(xiàn)在線收聽教學資源。圖39 網(wǎng)上收聽流程圖 資源下載資源下載模塊實現(xiàn)教師和學生下載資源的需求。馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)圖310 資源下載流程圖 答疑答疑模塊提供一個師生間的交流平臺。圖311 答疑流程圖第三章 系統(tǒng)需求分析 考試考試模塊實現(xiàn)在線考試，包括學生答題、教師批閱、顯示分數(shù)、成績排名。圖312 考試流程圖 信息發(fā)布信息發(fā)布模塊允許用戶通過平臺發(fā)布相關(guān)信息，實現(xiàn)師生之間，師生與學校之間的交流。馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)圖313 信息發(fā)布流程圖 系統(tǒng)非功能性需求 可靠性本網(wǎng)站主要以租借網(wǎng)絡服務器運行，可選擇服務質(zhì)量優(yōu)越，運行穩(wěn)定，安全可靠、價格實惠的網(wǎng)絡服務供應商。由專門的技術(shù)員負責培訓教師的網(wǎng)上技能和學生如何運用網(wǎng)站資源來提高學習成績。在網(wǎng)站遇出現(xiàn)問題時，能及時恢復網(wǎng)站的運行。網(wǎng)站的功能性選擇是結(jié)合馬場中學實際情況而得出的綜合結(jié)論。第四章 系統(tǒng)的總體設(shè)計第四章 系統(tǒng)的總體設(shè)計本網(wǎng)站是個集新聞、信息、交流為一體的網(wǎng)站，是為了讓在校學生能刻苦學習的同時，得到適當?shù)姆潘?，并了解學校信息辦發(fā)布的最新信息技術(shù)而設(shè)計的。由于本網(wǎng)站的功能不多，應用范圍有限，安全性要求不高，因此采用典型的B/S二層架構(gòu)，具體結(jié)構(gòu)如圖41所示。中考專欄：為學生提供大量相關(guān)資料，如各高中師資情況、各類中職學校招生信息及相關(guān)中考信息。馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)德育工作：是學校德育工作的窗口，也是對學生進行德育宣傳的主要手段，同時還是教師為人師表的窗口之一。教師窗口：是學校教師之間進行交流的場所，也是優(yōu)秀教師展示教學成果的地方，更是新教師學習教學經(jīng)驗的途徑之一。校園之窗：這一部分主要是利用圖片和文字相結(jié)合，對學校進行對外宣傳。上傳下載：它是一個信息交流的場所，提供上傳服務和相關(guān)資料下載服務。用戶瀏覽網(wǎng)站瀏覽查看撰寫留言網(wǎng)站服務注冊登陸論壇論壇瀏覽和發(fā)帖未注冊論壇瀏覽退 出圖42 網(wǎng)站流程圖 頁面設(shè)計原則 網(wǎng)站主界面網(wǎng)站主界面要做到主題鮮明突出，力求文字、圖形與空間關(guān)系簡潔，要點明確，主次關(guān)系清楚，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關(guān)的人員也能留下一定的印象。 網(wǎng)頁內(nèi)容布局實際內(nèi)容占據(jù)網(wǎng)頁的大部分空間，為50%～80%，導航部分不超過20%。此外，正文和背景色的對比度較大，一般字色為默認的黑色，并且用了不同的背景色條區(qū)分正文區(qū)與其他功能區(qū)。為了幫助用戶方便地瀏覽，每個網(wǎng)頁都設(shè)有標題導航，且網(wǎng)頁標題清楚地表明了網(wǎng)頁的內(nèi)容。網(wǎng)頁排版符合用戶的閱讀習慣，采用橫向排列方式。而且要為每一個鏈接加上描述信息，因為當一個鏈接被點擊后，要把所有指向同一目標的鏈接都表示成已被訪問過，這樣便于用戶瀏覽。為了方便地進行相關(guān)內(nèi)容的查詢，在網(wǎng)頁上設(shè)置超鏈接功能。 本章小結(jié)本章主要介紹網(wǎng)站的總體結(jié)構(gòu)及網(wǎng)站主界面及網(wǎng)頁其它內(nèi)容的設(shè)計原則。每一個登錄系統(tǒng)師生必須先行注冊，然后才能進入系統(tǒng)。(1)．用戶注冊流程用戶可在主頁面如圖51中點擊注冊按鈕，進入用戶注冊頁面，填寫個人信息進行注冊。用戶可在用戶的登錄頁面點擊注冊按鈕，進入如圖52所示的用戶注冊頁面，填寫個人相關(guān)信息進行注冊。圖53 用戶注冊過程流程圖(2).程序設(shè)計。馬場中學校園網(wǎng)站的設(shè)計與實現(xiàn)下面的代碼就是為了判斷用戶在注冊過程中輸入用戶名、密碼和學號或教師編號是否為空。return false。return false。amp。39。如果用戶不是xsjbxxb(學生基本信息表)或jsdm(教師代碼表)的用戶則提示用戶跟學籍管理員聯(lián)系補充個人信息的提示。amp。39。請跟學籍管理員聯(lián)系補充您的個人信息！39。end ifif radioValue=studentthensession(aleave)=xssqlSQL=select*from xsjbxxb where xh=39。trim(xh)amp。order by nj descif not then……‘讀取信息else(null)end ifelsesession(aleave)=jsstrSQL=select JSDM from jsxxb where Jsdm=39。trim(xh)amp。 strSQL,conn,1,1if not thensession(JSDM)=trim(objRs(JSDM))end ifend if用戶登錄部分主要介紹了用戶登錄的流程及主要程序代碼。該部分的流程分析如圖54所示：圖54 用戶登錄流程圖（2）.程序設(shè)計。 管理員登錄模塊的設(shè)計管理員登錄頁面是整個系統(tǒng)的核心，是管理員進行后臺管理的入口，在此完成管理員的登錄和身份驗證。 管理員后臺管理模塊設(shè)計當管理員進入后臺管理界面，可進行如下操作：（1）文章欄