【文章內(nèi)容簡介】 ” 中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Inter 應(yīng)用上的地位顯而易見，它已成為政府、企事 業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。 課題研究背景及意義 本課題來源于 貴州省 普定縣馬場中學(xué)校園網(wǎng)工程建設(shè) 。 該項目是將 普定縣馬場中學(xué)建設(shè)成為： 利用先進的計算機技術(shù)、網(wǎng)絡(luò)技術(shù)、現(xiàn)代控制技術(shù)、音頻視頻及流媒體技術(shù)、通信技術(shù)等，現(xiàn)實 將 校園 內(nèi) 各項資源數(shù)字化，形成一個數(shù)字空間，使現(xiàn)實的校園環(huán)境在時間和空間上得到延伸的智能化校園。本文研究的主要內(nèi)容是基于 Dreamweaver CS3 的基礎(chǔ)上 建設(shè)的 校園網(wǎng)的 設(shè)計與實施。 “ 校園網(wǎng) ” 這個名詞的出現(xiàn)，也就是近幾年的事。由于人們對 “ 校園網(wǎng) ” 的認(rèn)識和理解存在著偏差，導(dǎo)致了中小學(xué)在校園網(wǎng)建設(shè)上暴露出種種問題。如有的學(xué)校只重視硬件設(shè)備的投入，輕視軟件建設(shè)和師資培訓(xùn)，導(dǎo)致設(shè)備使用率不高。有的學(xué)校有先進 的網(wǎng)絡(luò)設(shè)備、強大的服務(wù)器，卻沒有一套應(yīng)用軟件系統(tǒng)，信息中心的管理人員也不能開發(fā)出適合本校 實際 情況的 管理 信息系統(tǒng)，造成資源的巨大浪費。有的學(xué)校 “ 校園網(wǎng) ” 網(wǎng)上信息陳舊，甚至網(wǎng)上無信息可流通，造成大量設(shè)備閑置，只能作為客人參觀時展示的門面。還有些學(xué)校由于缺乏教育主管部門的指導(dǎo)性意見，加之校園網(wǎng)的生產(chǎn)企業(yè)的質(zhì)量參差不齊，不少企業(yè)的售后服務(wù)跟不上，造成盲目投入，建網(wǎng)后的維護費用和改造費用相當(dāng)高，而且可擴展性和升級性差，學(xué)校重復(fù)投資的現(xiàn)象嚴(yán)重，浪費較大。造成這些問題的根本原因，是由于一些單位和個人對 “ 校園網(wǎng) ” 缺乏全面的 認(rèn)識和理解，對建設(shè) “ 校園網(wǎng) ” 的意義和作用理解不深或存在誤區(qū) [1]。 教育部基礎(chǔ)教育司負(fù)責(zé)人 1999 年 8 月 30 日在接受《光明日報》記者采訪時馬場中學(xué)校園網(wǎng)站的設(shè)計與實現(xiàn) 2 指出： “ 校園網(wǎng) ” 是在校園范圍內(nèi)建立的計算機網(wǎng)絡(luò)系統(tǒng)，它可在校園內(nèi)將許多臺計算機或其他設(shè)備連接進行數(shù)據(jù)通訊。 “ 校園網(wǎng) ” 應(yīng)用在教學(xué)過程中，不僅可以改變傳統(tǒng)的教學(xué)模式、教學(xué)方法、教學(xué)手段，而且將會促進教育觀念、教學(xué)思想的轉(zhuǎn)變。 “ 校園網(wǎng) ” 的開通，不僅可以大大拓展教師和學(xué)生的視野，而且有利于培養(yǎng)學(xué)生的創(chuàng)造性思維，提高學(xué)生獲取信息、分析信息、處理信息的能力和適用現(xiàn)代社會的能力。教師 在應(yīng)用 “ 校園網(wǎng) ” 等現(xiàn)代教育技術(shù)的過程中，也將增強終生學(xué)習(xí)的能力，不斷提高自己的業(yè)務(wù)水平 [2]。 浙江大學(xué)沈莉萍給 “ 校園網(wǎng) ” 下了一個比較確切的定義： “ 校園網(wǎng) ” 是指學(xué)校在開展教學(xué)、科研和管理及對外通訊工作全過程中運用寬帶、交互性和專業(yè)性的局域網(wǎng)絡(luò)實現(xiàn)學(xué)校辦學(xué)的數(shù)字化、信息化和智能化。 [1]這是信息社會和網(wǎng)絡(luò)時代對學(xué)校的要求，也是學(xué)校適應(yīng)社會發(fā)展的必然走向。網(wǎng)絡(luò)化教育的重點并不僅僅要讓師生了解和使用 Inter，更是要通過計算機與網(wǎng)絡(luò)的強大功能探索新的教育體制與教學(xué)模式，培養(yǎng)出適應(yīng)信息時代需求的新型人才。 以 信息技術(shù)為基礎(chǔ)的 “ 校園網(wǎng) ” 建設(shè)，使得計算機和網(wǎng)絡(luò)在教育中的作用從一種輔助手段躍升為基礎(chǔ)手段之一，或稱之為計算機網(wǎng)絡(luò)為基礎(chǔ)的教育，即WBI(Web Based Instruction)。 CAI 是一種靜態(tài)的改良， WBI 則是一種動態(tài)的變革。以信息技術(shù)為基礎(chǔ)的 “ 校園網(wǎng) ” 建設(shè)，引起了傳統(tǒng)學(xué)校從教學(xué)觀念、教學(xué)手段到教學(xué)內(nèi)容的巨大改變，通過現(xiàn)代視頻技術(shù)、聲像技術(shù)、多媒體教學(xué)課件進行教學(xué)，將極大改變學(xué)校教學(xué)的信息傳遞方式，應(yīng)用于 Inter 上的教學(xué)系統(tǒng)，具有快速傳遞信息的教學(xué)功能，教師與學(xué)生的交互不再受到時空限制。國際 互聯(lián)網(wǎng)將全世界連成一體，它以數(shù)字網(wǎng)絡(luò)為信息載體，幾乎可以發(fā)布現(xiàn)行所有媒體可以發(fā)布的文字、語音、圖像、影視等資料，成為信息集散中心。 有了這樣的認(rèn)識，我們可以將校園網(wǎng)建設(shè)與應(yīng)用全面納入規(guī)范化管理，避免“ 校園網(wǎng) ” 建設(shè)首期投入過大、利用率不高等問題，避免造成原本有限的教育資源的嚴(yán)重浪費 。我們就有可能根據(jù)現(xiàn)代信息技術(shù)所能提供的條件來設(shè)計教育，或者說以現(xiàn)代信息技術(shù)為基礎(chǔ)來實現(xiàn)教育的創(chuàng)新。 國內(nèi)外研究現(xiàn)狀分析 計算機網(wǎng)絡(luò)在我國從上個世紀(jì) 90 年代中期之后，發(fā)生了突飛猛進的發(fā)展，第一章 緒 論 3 在社會各個領(lǐng)域網(wǎng)絡(luò)從無到有，從小到 大，仿佛一夜之間，計算機網(wǎng)絡(luò)就鋪遍了全國大地。計算機網(wǎng)絡(luò)的普及大大改變了人們的生活方式，人們的工作、學(xué)習(xí)和生活也變得越來越依賴于網(wǎng)絡(luò)、電子商務(wù)、網(wǎng)絡(luò)大學(xué)等應(yīng)用的進行徹底的改變了傳統(tǒng)的商業(yè)和教育模式 [2]。 我國 Inter 技術(shù)發(fā)展雖晚，但速度卻相當(dāng)快。 1987 年北京計算機應(yīng)用研究所率先開通到德國的 線路，此后中科院、清華大學(xué)、北京大學(xué)紛紛建立起自己的校園網(wǎng)并實現(xiàn)與 Inter 的連接，以此為基礎(chǔ)我國的 Intemet 初具雛形。近幾年， Inter 蓋了包括我國在內(nèi)的 154 個國家，連接的網(wǎng)絡(luò) 6 萬多 個，主機達 500 萬臺，終端用戶近 5000 萬，并且以每年 15 一 200k 的速度增長 [3]。 近年來 ，全國近 6000 所學(xué)校進行了校園網(wǎng)建設(shè)，校園網(wǎng)在這些學(xué)校得到了不同角度的應(yīng)用，我們的教育主管部門和學(xué)校不僅享受到教育信息化帶來的好處，同時也得到的很多建設(shè)的經(jīng)驗與教訓(xùn)。校園 網(wǎng) 建設(shè)的 研究 現(xiàn)狀主要可以歸納為以下幾點： （ 1） 缺乏好的應(yīng)用軟件和教學(xué)資源，校園網(wǎng)的基礎(chǔ)優(yōu)勢無法體現(xiàn) 很多學(xué)校已經(jīng)配備了校園網(wǎng)，但在校園網(wǎng)的實施過程中，很多學(xué)校只注重校園網(wǎng)本身的先進性甚至是建設(shè)校園網(wǎng)引起的轟動效應(yīng)，對校園網(wǎng)建成后的應(yīng)用沒有給予足 夠的重視，網(wǎng)絡(luò)資源的利用率普遍偏低，造成一種 “ 大馬拉小車 ” 的現(xiàn)象，引起初始投資和資源閑置的雙重浪費。據(jù)調(diào)查了解，學(xué)校電腦有 50%以上處于不完全使用甚至閑置狀態(tài)，即使是投資幾十萬，上百萬的校園網(wǎng)工程，使用效果也比較差，甚至成為接待貴賓的風(fēng)景。 （ 2） 各辦公信息管理系統(tǒng)各自為政，無法發(fā)揮整合優(yōu)勢 不少學(xué)校自行開發(fā)了局部的應(yīng)用系統(tǒng)，替代了部分手工勞動，也取得了一定的效果；但是，各個應(yīng)用系統(tǒng)之間相互獨立，如校長辦公系統(tǒng)內(nèi)的數(shù)據(jù)和多媒體教學(xué)系統(tǒng)內(nèi)的數(shù)據(jù)無法溝通，辦公自動化系統(tǒng)中生成的信息和資料無法順利的在管理信息系統(tǒng) 內(nèi)歸檔和調(diào)用，等等。盡管這些系統(tǒng)都建立在通用的校園網(wǎng)上，卻不能在教育系統(tǒng)內(nèi)達到信息的高度共享，不能對大量的歷史數(shù)據(jù)進行有效的跟蹤與分析。 （ 3） 學(xué)校之間，學(xué)校與外界互相孤立， 成為 “ 封閉型 ” 的網(wǎng)絡(luò)校園 校園網(wǎng)是以少數(shù)國家重點大學(xué)未試點開始建設(shè)的，在取得了重大成果并開始馬場中學(xué)校園網(wǎng)站的設(shè)計與實現(xiàn) 4 普及的同時，一些弊端不可避免。由于目前并沒有統(tǒng)一的建網(wǎng)標(biāo)準(zhǔn)和規(guī)范，學(xué)校在建網(wǎng)時又僅僅考慮自身情況開始招標(biāo)，兼之雙方的經(jīng)驗和市場發(fā)展都不很成熟，造成了校園網(wǎng)類型和規(guī)模各種各樣，相互之間封閉，僅能滿足自身應(yīng)用，無法適應(yīng)未來遠程教育和與更大范圍內(nèi)信 息化如 校校通 發(fā)展的要求。 （ 4） 學(xué)校缺乏專業(yè)性的師資力量 由于校園網(wǎng)建設(shè)是一種新技術(shù)的應(yīng)用，學(xué)校相關(guān)的師資嚴(yán)重缺乏，雖然目前學(xué)校已經(jīng)對教師進行了培訓(xùn)，但遠遠不能滿足對系統(tǒng)的維護以及相關(guān)信息的建設(shè)。 主要研究內(nèi)容及特色 本課題主要研究內(nèi)容是： 建立一個綜合性的 、 適宜農(nóng)村教育發(fā)展 、促進農(nóng)村教育 發(fā)展 的、 具有輔助作用的 學(xué)校網(wǎng)站。 具體工作如下： （ 1）針對農(nóng)村中學(xué)特點，詳細(xì)分析了系統(tǒng)的需求， 實現(xiàn) 相應(yīng) 的功能。 （ 2）根據(jù)對系統(tǒng)需求分析的結(jié)果進行了系統(tǒng)的總體設(shè)計和詳細(xì)設(shè)計。 （ 3）對系統(tǒng)進行了實現(xiàn)和測試。測試結(jié) 果表明，系統(tǒng)完全 能夠 適應(yīng)農(nóng)村中學(xué)的教學(xué) 活動 發(fā)展 的要求 。 論文的組織結(jié)構(gòu) 全文共分為八章。 第一章 緒論 。 主要針對校園網(wǎng)的開發(fā)背景及國內(nèi)外研究現(xiàn)狀進行對比分析，給出系統(tǒng)的開發(fā)目標(biāo)。 第二章 系統(tǒng)相關(guān)技術(shù)介紹 。 主要介紹系統(tǒng)在設(shè)計、實現(xiàn)過程中所使用到的技術(shù)， 如 Dreamweaver CS3 開發(fā)工具 、 ASP 網(wǎng)頁技術(shù) 。 第三章 系統(tǒng)的需求分析 。 主要描述系統(tǒng)的功能性需求和非功能性需求 。 功能性需求 主要表現(xiàn)為注冊、教學(xué)答疑、考試和信息發(fā)布等與中學(xué)教學(xué)、學(xué)生管理相關(guān)的功能，同時，從可靠性、可用性和可維護性三個方面介紹 了系統(tǒng)的非功能性需求。 第四章 系統(tǒng)的總體設(shè)計 。主要介紹系統(tǒng)各組成部分及其 聯(lián)系。 第五章 系統(tǒng)的詳細(xì)設(shè)計 。 主要 介紹 系統(tǒng)各個功能模塊 的具體 設(shè)計 。第一章 緒 論 5 第六章 系統(tǒng)的實現(xiàn) 。主要描述各系統(tǒng)模塊的 實現(xiàn) 過程。 第七章 系統(tǒng)的測試 。主要介紹軟件 測試 的 方法、測試工具、測試用例和測試結(jié)果 。 第八章 總結(jié)與展望 。 對本系統(tǒng)設(shè)計過程中出現(xiàn)的情況進行總結(jié) ， 進一步展望新的、更加科學(xué)合理的系統(tǒng)為教學(xué)提供更好的服務(wù)。 馬場中學(xué)校園網(wǎng)站的設(shè)計與實現(xiàn) 6 第二章 系統(tǒng)相關(guān) 技術(shù)介紹 本章主要 介紹系統(tǒng)設(shè)計 和 實現(xiàn)過程中所用到的主要技術(shù)。 Dreamweaver CS3 簡介 Dreamweaver 是集見面制作與網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器，是第一套針對專業(yè)網(wǎng)頁設(shè)計師的視覺化網(wǎng)頁開發(fā)工具，可以輕而易舉地制作出跨平臺和跨瀏覽器現(xiàn)而充滿動感的網(wǎng)頁 [3]。本系統(tǒng)所采用的 DreamweaverCS3 軟件是 Adobe 公司推出的新款網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)軟件。與前期版本相比增添了許多新功能。 Dreamweaver CS3 的特點 DreamweaverCS3 是一款專業(yè)的 Web 站點開發(fā)工具，可以于 Web 站點， Web 頁和 Web 應(yīng)用程 序的設(shè)計、編碼和開發(fā)工作中。 DreamweaverCS3 將各種網(wǎng)頁制作的相關(guān)工具緊密聯(lián)系起來，具有良好的插件體系，它可通過第三方插件進行補充。另外， DreamweaverCS3 還為開發(fā)人員提供了動態(tài)評議支持與豐富的模板。 DreamweaverCS3 具有強大的功能，使用它可以有效地提高 Web 開發(fā)的工作效率。其在實用功能上和操作流程上都有了顯著的改進。修正了以往版本中軟件本身設(shè)計上的一些缺漏，新增功能更是發(fā)揮了其高效開發(fā)的特點。允許網(wǎng)頁設(shè)計者依據(jù)個人開發(fā)習(xí)慣選擇在設(shè)計環(huán)境或編碼環(huán)境下進行快速編輯 [11]。 DreamweaverCS3 新增功能 （ 1） Spry 功能 Spry 是 DreamweaverCS3 的一大亮點，使用 Spry 功能，為設(shè)計者節(jié)省了許多設(shè)計時間， Spry 按鈕如圖 21 所示 。 圖 21 Spry 按鈕第二章 系統(tǒng)相關(guān)技術(shù)介紹 7 （ 2） CSS 功能 層疊樣式表（ CSS）是一組格式設(shè)置規(guī)則，用于控制 Web 頁內(nèi)容的外觀。通過使用 CSS 樣式設(shè)置頁面格式，可以實現(xiàn)頁面內(nèi)容與表現(xiàn)形式的分離。DreamweaverCS3 在網(wǎng)頁設(shè)計中還為 CSS 賦予了新的內(nèi)容 [12]。 （ 3） Bridge CS3 將 Bridge CS3 與 Dreamweaver 一起使用可以輕松、一致地管理圖像和資源。通過 Bridge 能夠集中訪問項目文件、應(yīng)用程序、設(shè)置以及 XMP 元數(shù)據(jù)標(biāo)記和搜索功能 [13]。 （ 4）與 Photoshop CS3 集成 DreamweaverCS3 包括了與 Photoshop CS3 的增強集成功能。設(shè)計人員可以在Photoshop CS3 中選擇其中的任一部分，然后將其直接粘貼 到 DreamweaverCS3頁面中。 DreamweaverCS3 會顯示一個頁面，可在其中為圖像指定優(yōu)化選項。如果需要編輯圖像，只需雙擊圖像媽可在 Photoshop CS3 中打開原始的帶圖層 PSD文件進行編輯 [3][14][15]。 HTML 概述 HTML 簡介 HTML 是一個純文本文件。創(chuàng)建一個 HTML 文檔只需要兩個工具：一個是 HTML編輯器，一個是 Web瀏覽器。 HTML編輯器可以是任意文本的編輯器。例如 ， Windows中的記事本、寫字板、 DreamweaverCS3 等，用于生成和保存 HTML 文檔的應(yīng)用程序。編寫完以后，要以“ .html”命名保存文件 [4]。 HTML 的功能 （ 1） 標(biāo)記 在 HTML 文檔中，從文檔的整體結(jié)構(gòu)到網(wǎng)頁的某部分內(nèi)容 的顯示樣式全部都要用 HTML 標(biāo)記來規(guī)定。 （ 2） 處理網(wǎng)頁文檔 文字是網(wǎng)頁文檔最基本的內(nèi)容。 HTML 不僅可以編輯文字，還可以對文字的顯示格式作簡單的處理，例如文字的字體、大小、顏色等。 （ 3） 編輯網(wǎng)頁表格馬場中學(xué)校園網(wǎng)站的設(shè)計與實現(xiàn) 8 表格是網(wǎng)頁中常見的一種數(shù)據(jù)表現(xiàn)形式，可以簡潔地表達數(shù)據(jù)之間的關(guān)系。利用表格對網(wǎng)頁進行布局可以方便地實現(xiàn)圖片和文字的混排及文檔的劃分。 HTML文檔可以通過 table、 th、 td三個標(biāo)記來定義表格，并通過設(shè)置各標(biāo)記的屬性來對表格進行編輯。 （ 4） 創(chuàng)建超鏈接 超鏈接的作用是將頁面中的文本或圖片鏈接到其 他的頁面、文本或圖片。通過超鏈接，可以將多個單獨的網(wǎng)頁聯(lián)系起來，從而構(gòu)成一個網(wǎng)站。 （ 5） 處理網(wǎng)頁圖像 在網(wǎng)頁中插入圖像可以使頁面更加生動美觀。在 HTML 網(wǎng)頁中能直接顯示的只有文本信息，如果想敫圖像等信息則需要通過特定的標(biāo)記。在 HTM