校園網站的設計與實現碩士學位論文(編輯修改稿)

　

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