畢業(yè)設計（論文）江蘇省鐵富高級中學網(wǎng)站設計與實現(xiàn)

1、江蘇省鐵富高級中學網(wǎng)站設計與實現(xiàn) 序 言 在 internet 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道， 它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。internet 上發(fā)布信息主要是通 過網(wǎng)站來實現(xiàn)的，獲取信息也是要在 internet“海洋”中按照一定的檢索方式將所需要的 信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在 internet 應用上的地位顯而易見，它已成為政府、 企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。 在教育事業(yè)飛速發(fā)展的今天，中學的教學質量越來越受到重視，國家投入了大量的資源 來發(fā)展中學教育，隨著科學技術的飛速發(fā)展，各個中學自身也在

2、進行著巨大的差異，從師資 力量到教學條件，從軟件到硬件，都在進行著巨大的變革，這個時候網(wǎng)絡科技的飛速發(fā)展正 伴隨著教育事業(yè)的飛速發(fā)展，從簡單的大字報開始學校就十分重視宣傳的作用，而現(xiàn)在隨著 網(wǎng)絡科技的發(fā)展，80%的中學有了自己的學校網(wǎng)站，并在日常的管理教學當中充分利用網(wǎng)絡 來處理事務，學校已經(jīng)把網(wǎng)站作為宣傳自己的第一窗口，并直接通過網(wǎng)站來進行教學管理、 社會交流，這是社會發(fā)展的趨勢，所以，鐵富中學現(xiàn)在需要這樣一個平臺。 第 1 章 緒 論 1.1 課題的發(fā)展現(xiàn)狀 1. 問題研究 隨著辦公自動化水平的不斷提高，現(xiàn)在由于學校的擴招，學校的學生也越來越多，新聞 也就越來越多，同學的需求就越來越多，正

3、因如此設計一個功能完整、操作簡便、界面友好 的校園網(wǎng)站已經(jīng)是勢在必行的了。 2. 系統(tǒng)開發(fā)的目的 提高學校的工作效率，加強學校學生活動、學校新聞、學校動態(tài)等信息發(fā)布的及時性、 準確性。讓瀏覽者一目了然地了解到學校最近的活動以及最近的工作安排。 3. 應用背景 學校承擔著培養(yǎng)人才的重任，是聯(lián)系社會和家庭的橋梁和紐帶，在培養(yǎng)素質綜合、全面 的高中生方面鐵富中學承擔著巨大的社會責任，作為培養(yǎng)人才的社會組織，一方面要以教學 任務為重點，重點建設教學課程，把工作重點放在教學上面；另一方面注重學生的綜合素質 的培養(yǎng)，發(fā)展學生的特長，積極拓展素質教育；再一個方面要注重課外活動、課外文化的建 設，實時安排各項

4、體育、文化活動來補充學生的業(yè)余生活，大力促進學校的精神文明建設。 暢通學校和同學之間的民主渠道，積極表達和維護同學的正當權益，為廣大同學全面發(fā)展、 健康成長創(chuàng)造良好條件。在素質教育的進程中，認真貫徹“自我服務、自我管理、自我教育” 的方針和堅持“來自同學、植根于同學、服務于同學”的工作路線和工作方法，致力于校園 文化建設，充分發(fā)揮學生會的載體功能，團結和引導廣大同學刻苦學習，樂于奉獻，為培養(yǎng) 造就跨世紀的高素質的合格人才貢獻力量。 1.2 開發(fā)工具的選用及介紹 1.2.1 dreamweaver dreamweaver 是美國 macromedia 公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即

5、所 得網(wǎng)頁編輯器， 是一種可視化網(wǎng)頁制作工具，利用它可以輕松地制作出跨越平臺限制和跨 越瀏覽器限制的動態(tài)網(wǎng)頁。 dreamweaver 可以開發(fā) html、xhtml、coldfusion、asp、asp.net、jsp 或 php 網(wǎng)站。 通過平面設計工具以及代碼提示、標簽編輯器、可擴展色彩代碼、標簽選擇器、片段和代碼 檢驗這類編碼特性來實現(xiàn)對代碼和設計的管理。新集成的工作空間可以與 macromedia flash mx 和 fireworks mx 共享，其中包括了標示簽的文檔窗口、可放到 dock 中的畫板組、 可定制的工具條和集成的文件瀏覽。dreamweaver 還包括有預建的布局

6、和代碼，其中有網(wǎng)站 結構、表格、可訪問的模板以及為客戶端交互應用而提供的 javascript。 為翻新現(xiàn)有網(wǎng)站以及創(chuàng)建下一代應用程序，dreamweaver 還支持新標準和新的網(wǎng)頁技術， 帶有對 xml、網(wǎng)頁服務和增強可訪問性的支持。dreamweaver mx 為新的 coldfusion mx 特性 提供全套的支持，包括增強的代碼編輯和開發(fā)功能、集成的調試功能、可視化布局功能和照 片打印功能。 1.2.2 數(shù)據(jù)庫技術介紹 數(shù)據(jù)庫是一個數(shù)據(jù)集合。數(shù)據(jù)庫管理系統(tǒng)（dbms）提供用于在數(shù)據(jù)庫中存儲、檢索和修 改數(shù)據(jù)的軟件。數(shù)據(jù)庫是一種存儲數(shù)據(jù)并對數(shù)據(jù)進行操作的工具。數(shù)據(jù)庫的作用在于組織和 表達

7、信息，簡而言之，數(shù)據(jù)庫就是信息的集合。計算機的數(shù)據(jù)庫可以分為兩類：非關系數(shù)據(jù) 庫（flat-file）和關系數(shù)據(jù)庫（relational） 。關系數(shù)據(jù)庫中包含了多個數(shù)據(jù)表的信息，數(shù) 據(jù)庫含有各個不同部分的術語，象記錄、域等。中文版 access 2000 是微軟公司 office 2000 中文版套裝系列軟件中的關系數(shù)據(jù)庫軟件，以其友好的操作界面、強大的開發(fā)能力和 完善的網(wǎng)絡功能得到了用戶的一致好評。 利用 access 關系數(shù)據(jù)庫設計一個校園網(wǎng)站首先應根據(jù)用戶的需求對其進行分析和研究， 全面規(guī)劃，然后再根據(jù)數(shù)據(jù)庫系統(tǒng)的設計規(guī)范創(chuàng)建數(shù)據(jù)庫，否則將直接影響著系統(tǒng)的性能。 1.2.3 asp(ac

8、tive server page) active server pages (asp) 是服務器端腳本編寫環(huán)境，是由 server 端腳本、對象以 及組件拓展過的標準主頁使用它可以創(chuàng)建和運行動態(tài)、交互的 web 頁和基于 web 的功能強 大的應用程序。 asp 采用的工作模型是典型的 b/s 過程： 1.一個用戶在瀏覽器的網(wǎng)址欄中添入 active server pages 文件名稱，并回車觸發(fā)這個 active server pages 的申請。 2.瀏覽器將這個 active server pages 的求發(fā)送給 iis。 3. web server 接收這個申請要求并由于其.asp 的

9、后綴意識到這是個 active server pag 的對象來實現(xiàn)服務器與客戶端間的交互；可擴充服務器端功能。利用 asp 提供的一組 activex 服務器組件(activex server components)可繼續(xù)擴充 asp 的功能。如用 asp 內(nèi)置 ado 組件可以輕松的存取各種數(shù)據(jù)庫。此外，還可以用 vb，java 等語言開發(fā)自己的組件以 進一步擴充其功能；asp 與瀏覽器無關，asp 可以將運行結果一 html 的格式傳送到客戶端瀏 覽器，因而可以使用于各種瀏覽器。 1.2.4 html(hyper text markup language) html 的英文全稱是hyper

10、text markup language，中文譯為“超文本標記語言” 。 “超 文本”就是指頁面內(nèi)可以包含圖片，聯(lián)接，甚至音樂，程序等非文字的元素。在幾年前作為 sgml 的一個子集開發(fā)的。 一個 html 文件中包含了所有將顯示在網(wǎng)頁上的文字信息，其中也包括對瀏覽器的一些 指示，如哪些文字應放置在何處，顯示模式是什么樣的等。如果你還有一些圖片、動畫、聲 音或是任何其它形式的資源，html 文件也會告訴瀏覽器到哪里去查找這些資源，以及這些 資源將放置在網(wǎng)頁的什么位置。瀏覽的網(wǎng)頁就是由 html 語言編寫出來的。雖然 html 是一種 語言，但 html 不是程序語言，如 c+ 和 java 之

11、類，它只是標示語言，你只要明白了各種 標記的用法便算學會了 html.html 的格式非常簡單，只是由文字及標記組合而成，因此任 何文本編輯器都可以制作 html 頁面。 在編輯器中輸入 html 代碼即可完成對網(wǎng)頁的設計，如果在其中加入 vb，java 等腳本文 件以及數(shù)據(jù)庫連接有關的語句指令，便可對已知數(shù)據(jù)進行查詢，從而生成動態(tài)網(wǎng)頁的一部分。 1.3. 本課題主要工作 本課題要實現(xiàn)江蘇省鐵富高級中學學校概況、學生組織、留言系統(tǒng)、新聞動態(tài)、校園之 星以及網(wǎng)站后臺管理等功能。 本課題的主要難點有： 1.校園新聞、校園活動以及學生組織資料的收集、修改以及展示。 2.實現(xiàn)一個同學能與學校領導進行信

12、息交互的平臺。 3.管理員能輕松地對后臺進行管理以及修改。 我在本課題的主要工作是完成整個江蘇省鐵富高級中學網(wǎng)站的建設以及網(wǎng)站中的各個模 塊的功能。 第 2 章 網(wǎng)站總體分析與設計 中學網(wǎng)站設計是一項嚴謹而繁雜的工程，鑒于鐵富中學這個特殊的學校組織，網(wǎng)站的 建設就顯得更加嚴謹和全面，而網(wǎng)站設計的優(yōu)劣直接影響學校的的聲譽及經(jīng)濟效益。本網(wǎng) 站的設計是在保證實現(xiàn)邏輯模型的基礎上，盡可能地提高網(wǎng)站的可變性、可靠性、工作質 量、工作效率及經(jīng)濟性。 2.1 可行性分析 2.1.1 設計目的 現(xiàn)在所有的學校都具備校園網(wǎng)，江蘇省鐵富高級中學網(wǎng)站正是一個基于網(wǎng)絡的非常實 用的應用型軟件產(chǎn)品，就是應學校的需要，整

13、合學?？梢岳玫乃行@網(wǎng)資源，建立一 個系統(tǒng)的整合網(wǎng)站。江蘇省鐵富高級中學校園網(wǎng)就是方便本校任課教師進行教學，對各項 評教數(shù)據(jù)進行合理有效管理，使得教師在查詢、整理、輸入、輸出等方面達到事半功倍的 效果，使得學生和家長更能及時了解到學校的動態(tài)。同時，該系統(tǒng)也作為宣傳學校本身的 一個極佳的平臺，有利于自身的發(fā)展。 2.1.2 經(jīng)濟可行性分析 現(xiàn)在，計算機的價格已經(jīng)十分低廉，性能卻有了長足的進步。江蘇省鐵富中學是一所具 有一定經(jīng)濟實力的重點高級中學，但是學校目前還沒有一個有效宣傳自己的平臺，而目前市 場發(fā)生了巨大的變化，這就要求鐵富中學盡快能有一種高效、快速的宣傳渠道來宣傳自己， 而網(wǎng)站是當今宣

14、傳最快速、最方便的渠道，本系統(tǒng)的開發(fā)，直接為鐵富高級中學的工作效率 直接帶來了一個質的飛躍，為此主要表現(xiàn)有以下幾個方面： 第一，本校園網(wǎng)站的運行可以代替人工進行許多繁雜的勞動； 第二，本校園網(wǎng)站的運行可以節(jié)省學校許多資源，比如人力資源、物力資源以及財力資 源等等； 第三，本系統(tǒng)的運行可以大大的提高學校的工作效率，縮短了學生與學校的距離，使得 學生與學校的溝通更加直接方便； 所以，本系統(tǒng)在經(jīng)濟上是可行的。 2.1.3 技術可行性分析 技術上是可行的，通過基于 internet 互聯(lián)網(wǎng)的動態(tài) web 數(shù)據(jù)庫技術，可以解決遠程的 數(shù)據(jù)傳輸與讀取，遠程的客戶終端（client）可以通過 web 頁面提

15、交請求，查詢遠端的數(shù)據(jù) 服務器上的信息，同時還可以向遠端數(shù)據(jù)服務器的數(shù)據(jù)庫中存儲信息，以實現(xiàn)信息的共享， 同時利用 internet 技術可以降低軟件的開發(fā)和部署成本，只要在服務器端安裝 web 應用就 可以使每個客戶端都能瀏覽使用。 利用 access+asp 技術開發(fā)本 web 應用，可以降低對客戶端的需求，asp 是服務器端動 態(tài) web 技術，所有的處理過程都在服務器端處理完成，傳給客戶端的只是 html 頁面，因此 客戶端只需要有瀏覽器的終端就可以使用。access 可以封裝大部分邏輯代碼，可以做到最 大代碼重用。 2.1.4 運行上可行性分析 本系統(tǒng)為一個小型的校園網(wǎng)站，所耗費的資

16、源非常小，學校的計算機無論是硬件還是軟 件都能夠滿足條件，因此，本系統(tǒng)在運行上是可行的。 2.1.5 法律可行性分析 本系統(tǒng)純?yōu)樗饺嗽O計，在開發(fā)過程中沒有涉及合同、責任等與法律相抵觸的方面。因此， 本系統(tǒng)在法律上是可行的。 綜上所述，實現(xiàn)該系統(tǒng)是可行的。 該系統(tǒng)主要是實現(xiàn)江蘇省鐵富高級中學的日常工作、校園活動、校園新聞等等展示。 瀏覽者可以從網(wǎng)站了解到學校的最新活動以及學校最近的工作，學校的最新動態(tài)，以及學 校的最新新聞。學校領導可以從中了解到學生的需求、建議和意見，以便做出正確的反映。 2.2 網(wǎng)站系統(tǒng)目標分析 按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進行分解，從內(nèi)容上可對網(wǎng)站作如下劃分： 1. 學校概

17、況及學校動態(tài)：介紹學校歷史、發(fā)展歷程、學校規(guī)模、最新動態(tài)以及未來 發(fā)展規(guī)劃等。 2. 學生組織：加強在校學生間的相互聯(lián)系,充分調動學生在學?；顒又械淖饔?促進 師生間交流。讓學生了解學校，學校通過這個來展示學生們優(yōu)秀的一面，通過多種活動, 利用自我教育形式,互相幫助、監(jiān)督,共同進步。 3. 留言系統(tǒng)：留言系統(tǒng)可以向學生提供開放性的分類專題討論區(qū)服務，學校的畢業(yè) 生們可以在此發(fā)表自己的某些觀感、交流某些經(jīng)驗、乃至人生的感悟與憂歡，亦可以作為 畢業(yè)生與母校交流的渠道，在校學生亦可在此提出一些學校存在問題或發(fā)布某些消息。 4. 新聞動態(tài)：用戶從這里可以了解到最近學校新聞、高考動態(tài)、政策法規(guī)信息和友

18、好學校的動態(tài)信息以及國內(nèi),國際的大小新聞。 5. 校園之星：校園的優(yōu)秀學生展示，主要記錄校園的優(yōu)秀學生的事跡。 6. 后臺系統(tǒng)管理：管理整個系統(tǒng)數(shù)據(jù)。 2.3 開發(fā)的設計思想 本系統(tǒng)的開放設計思想有以下幾點： 1.盡量采用現(xiàn)有的軟、硬件環(huán)境及先進的管理系統(tǒng)開發(fā)方案，從而達到充分利用現(xiàn)有的 資源，提高系統(tǒng)開發(fā)水平和應用程序的目的。 2.網(wǎng)站應符合通用學校網(wǎng)站的規(guī)定，滿足普通同學的需要，并達到操作過程中的直觀、 方便、實用、安全等要求。 3.系統(tǒng) browse/server 體系結構 b/s 模式是目前在 internet/intranet 網(wǎng)絡平臺上最流行的運行模式。b/s 模式由瀏覽 器和網(wǎng)絡

19、服務器組成，通過網(wǎng)絡進行連接。瀏覽器是通用的用戶界面，不需在瀏覽器客戶端 安裝用戶應用程序；服務器提供用戶所需要的信息。本系統(tǒng)采用此模式可以使數(shù)據(jù)處理、內(nèi) 部消息的瀏覽和外部信息的瀏覽界面完全一致，方便了同學的使用。由于瀏覽器端不要安裝 用戶應用程序，降低了運行維護費用。 4.系統(tǒng)采用模塊化程序設計方法。既便于系統(tǒng)功能和各種組合和修改，又便于未來開發(fā) 的技術維護人員補充維護。 5.系統(tǒng)應具備數(shù)據(jù)庫維護功能。及時根據(jù)用戶需求進行數(shù)據(jù)的添加、刪除、修改等操作。 2.4 開發(fā)環(huán)境配置 2.4.1 開發(fā)平臺的確定 1. 硬件環(huán)境 acpu fc 2.4g b內(nèi)存 七彩虹 9200 512mb c硬盤

20、st 80gb 本系統(tǒng)順利運行大概有 10m 的空間就已經(jīng)足夠了。但是考慮到數(shù)據(jù)庫的經(jīng)常變動。一般 保持個 50m 的空間就已經(jīng)非常足夠了。 2. 軟件環(huán)境 a操作系統(tǒng) windows xp professional b數(shù)據(jù)庫開發(fā)工具 access 2000 c網(wǎng)頁開發(fā)工具 dreamweaver mx2004 d. 前臺編譯環(huán)境 asp iis 環(huán)境 因為本系統(tǒng)是試運行系統(tǒng)，為了充分利用現(xiàn)有的資源，以上的硬件和軟件環(huán)境已足夠運 行本系統(tǒng)。 2.4.2 操作系統(tǒng)的選用 目前流行的操作系統(tǒng)主要有微軟公司的視窗操作系統(tǒng)、unix 操作系統(tǒng)、linux 操作系統(tǒng)。 根據(jù)所選擇的數(shù)據(jù)處理方案和數(shù)據(jù)庫管

21、理系統(tǒng)對信息系統(tǒng)要求的滿足程度，以及對操作系統(tǒng) 的性能價格比操作系統(tǒng)使用覆蓋率等多方面的考慮，本系統(tǒng)選擇 windows xp 系統(tǒng)作為網(wǎng)絡 服務器操作系統(tǒng)。windows 操作系統(tǒng)為目前使用最廣泛的一個桌面操作系統(tǒng)，它具有美觀大 方，實用方便等優(yōu)點。 2.4.3 數(shù)據(jù)庫的選用 本網(wǎng)站采用 access 數(shù)據(jù)庫。 微軟公司的 access 數(shù)據(jù)庫本身并不是一個數(shù)據(jù)庫服務器，它不能用服務器來運行查詢。 對于數(shù)據(jù)龐大的情況，access 本身不是一個好的選擇。但是此次設計的網(wǎng)站對數(shù)據(jù)庫數(shù)據(jù) 需求量不是很大，數(shù)據(jù)保密性的要求也不是很高。 從應用的角度而言，access 數(shù)據(jù)庫易于使用，而且在創(chuàng)建和配

22、置上，access 數(shù)據(jù)庫都 比 sql server 要容易。access 在較低壓力下工作還是很好的，尤其它使用簡單，轉移和可 視化處理都很方便，成本更遠遠低于 sql。 2.5 系統(tǒng)功能結構 本系統(tǒng)主要有 5 大模塊，功能層次圖如圖 2-1 所示 網(wǎng)站主頁 社團聯(lián)合會 學生會 后臺管理 留言系統(tǒng) 新聞動態(tài) 學生組織 學校概況 圖 2-1 系統(tǒng)功能結構圖 各功能模塊，簡介如下： 1. 首頁 瀏覽者可以一目了然地了解到最新的新聞等等信息。主要包括學校概況、學生組織、 新聞動態(tài)、留言系統(tǒng)、工作信息、校園美景、校園之星、友情鏈接以及后臺管理等 9 個部 分。 2. 學校概況及學校動態(tài) 介紹學校歷

23、史、發(fā)展歷程、學校規(guī)模、最新動態(tài)以及未來發(fā)展規(guī)劃等。 3. 學生組織 學生組織下面有 2 個模塊：學生會和社團聯(lián)合委員會，此模塊功能是加強在校學生間 的相互聯(lián)系,充分調動學生在學校活動中的作用,促進師生間交流。讓學生通過多種活動, 利用自我教育形式,互相幫助、監(jiān)督,共同進步。 4. 留言系統(tǒng) 留言系統(tǒng)服務已經(jīng)是互聯(lián)網(wǎng)站一種極為常見的互動交流服務。留言系統(tǒng)可以向學生提 供開放性的分類專題討論區(qū)服務，學校的畢業(yè)生們可以在此發(fā)表自己的某些觀感、交流某 些經(jīng)驗、乃至人生的感悟與憂歡，亦可以作為畢業(yè)生與母校交流的渠道，在校學生亦可在 此提出一些學校存在問題或發(fā)布某些消息。 5. 新聞動態(tài) 用戶從這里可了

24、解到學校新聞、高考動態(tài)、政策法規(guī)和友好學校動態(tài)以及國內(nèi)外新聞。 6.校園風景 瀏覽者可以欣賞學校的相關圖片。 7. 后臺管理 管理員可以對網(wǎng)站內(nèi)容進行增加、修改、刪除以及對上傳文件的管理和系統(tǒng)的管理等。 2.5.1 管理功能 根據(jù)系統(tǒng)功能的要求，校園網(wǎng)站留言系統(tǒng)可以分為兩個模塊：留言系統(tǒng)基本功能模塊、 管理功能模塊。如圖 2-2 所示給出了留言系統(tǒng)流程圖。 會員登陸 判斷密碼 密碼錯誤請注冊密碼正確進入留言系 統(tǒng) 修 改 會 員 資 料 修 改 會 員 密 碼 留 言 中 心 退 出 留 言 板 圖 2-2 留言中心流程圖 如圖 2-3 所示給出了兩個功能模塊之間的關系。 留 言 系 統(tǒng) 基

25、本 功 能 管 理 功 能 簽 寫 留 言 功 能 統(tǒng) 查 看 留 言 功 能 刪 除 留 言 功 能 統(tǒng) 解 鎖 信 息 功 能 驗 證 登 陸 功 能 回 復 留 言 功 能 驗 證 登 陸 功 能 圖 2-3 功能模塊之間的關系 第 3 章 系統(tǒng)詳細設計 3.1 數(shù)據(jù)庫設計 本網(wǎng)站采用的數(shù)據(jù)庫是微軟的 access 2000，他是一個客戶/服務器結構的關系數(shù)據(jù)庫。 關系數(shù)據(jù)庫系統(tǒng)是一種數(shù)據(jù)庫體系結構，已被包括 microsoft 新聞發(fā)布在內(nèi)的軟件銷售商廣 泛應用于 access。一個關系數(shù)據(jù)庫由許多個數(shù)據(jù)表組成，每個表又進一步細分為行（也稱 為記錄）和列（也稱為段） 。可以將數(shù)據(jù)庫中的

26、一個表看作一個電子數(shù)據(jù)表，用行表示記錄， 用字段表示列。大多數(shù)數(shù)據(jù)庫包含多個表和其他數(shù)據(jù)庫對象。 access 是一個真正意義上的客戶/服務器結構的關系數(shù)據(jù)庫，它允許企業(yè)設計一個分 布式數(shù)據(jù)庫系統(tǒng)以滿足不斷變化的信息需求。 3.1.1 數(shù)據(jù)庫的邏輯設計 根據(jù)系統(tǒng)的要求,我們采用的數(shù)據(jù)庫是 microsoft access ，擬建立后臺新聞管理 news.mdb 庫文件、留言系統(tǒng) gbook.mdb 庫文件和網(wǎng)站訪問量 count.mdb 庫文件。 后臺新聞管理 news.mdb 庫文件包含如下幾個文件表： admin： 管理員登錄信息表 news： 學校新聞列表 留言系統(tǒng) gbook.mdb

27、庫文件包含如下幾個文件表： admin： 管理員權限表 gbook： 留言信息表 reply： 回復信息表 網(wǎng)站訪問量 count.mdb 庫文件包含如下幾個文件表： cn： 網(wǎng)站訪問總量統(tǒng)計表、小類名稱、所屬大類名稱。 留言板數(shù)據(jù)庫需求分析 根據(jù)系統(tǒng)功能設計的要求及功能模塊的劃分，下面給出給出各個組成部分的數(shù)據(jù)項和 數(shù)據(jù)結構。 對于留言板的基本功能模塊，可以列出以下數(shù)據(jù)項和數(shù)據(jù)結構。 留言信息：用戶 id、用戶名、電子郵件、主頁、qq、主題、內(nèi)容、表情、頭 像、時間、id 狀態(tài)等。 對于留言板管理功能模塊，它操作的數(shù)據(jù)較多，所以分為不同的功能來給出表格。 回復功能：留言信息表。 刪除功能：留

28、言信息表。 登錄驗證：web.config 文件。 設置站點功能：web.config 文件 3.1.2 數(shù)據(jù)庫結構創(chuàng)建 管理員基本信息表管理員基本信息表 包括用戶名、密碼。 表的結構如表 3-1 所示： 表 3-1 管理員基本信息表 校園新聞表校園新聞表 包括新聞編號、新聞的類型、標題、作者、上傳的時間、新聞內(nèi)容以及新 聞的點擊數(shù)。 表的結構如表 3-2 所示： 表 3-2 校園新聞表 留言信息表留言信息表 包括用戶 id、用戶名、電子郵件、個人主頁、qq、主題、留言內(nèi)容、留 言時間以及留言信息的點擊數(shù)。 表的結構如表 3-3 所示 表 3-3 留言系統(tǒng)信息表 訪問量統(tǒng)計表訪問量統(tǒng)計表 包括

29、網(wǎng)站訪問量的統(tǒng)計。 表的結構如表 3-4 所示： 表 3-4 網(wǎng)站訪問量統(tǒng)計表 留言內(nèi)容表留言內(nèi)容表 是用來存儲所有的留言信息的。每當用戶進行留言，其留言內(nèi)容就被保存 到這個表中。 表的結構如表 3-5 所示。 表 3-5 留言內(nèi)容表 回復內(nèi)容表回復內(nèi)容表 用來存儲所有的回復信息的，當管理員對用戶的留言進行回復時，其回復 的信息就被保存到此表中。 表的結構如表 3-6 所示。 表 3-6 回復內(nèi)容表 3.1.3 后臺數(shù)據(jù)庫的配置 微軟公司的 access 數(shù)據(jù)庫本身并不是一個數(shù)據(jù)庫服務器，它不能用服務器來運行查詢。 對于數(shù)據(jù)龐大的情況，access 本身不是一個好的選擇。 但是從應用的角度而言

30、，access 數(shù)據(jù)庫易于使用，本網(wǎng)站所需要存儲的數(shù)據(jù)量不是很 大，而且在創(chuàng)建和配置上，access 數(shù)據(jù)庫都比 sql server 要容易。 數(shù)據(jù)庫建立完成以后，下面的工作是將所建立的數(shù)據(jù)庫創(chuàng)建為 odbc 數(shù)據(jù)源。在 odbc data source administrator 的 system dsn 選項卡中單擊 add 按鈕，將彈出一個創(chuàng)建新數(shù) 據(jù)源的對話框。在對話框中選中 microsoft access 項單擊完成按鈕，則出現(xiàn) create a new data source to access 對話框。在對話框中有兩個編輯框和一個列表框。在第 1 個編輯框 中應填入數(shù)據(jù)源名稱

31、，第 2 個編輯框中應填入對該數(shù)據(jù)源的描述性文字。通過列表框可選取 一個 access 數(shù)據(jù)庫服務器。在這里由于所使用的數(shù)據(jù)庫建立在本地計算機上，所以選取 local 項。 完成以上設定后單擊下一步按鈕，進入創(chuàng)建 access 數(shù)據(jù)源的最后一步。在這一步，不 需要設置任何參數(shù)直接單擊完成按鈕。 到此為止，一個新的名為 tempdb 的數(shù)據(jù)源添加完成。asp 對數(shù)據(jù)庫的訪問主要是通過 內(nèi)置對象 dac（database access component）實用數(shù)據(jù)庫訪問控件 ado（active data object）來實現(xiàn)的。ado 是一種操作 microsoft 所支持的數(shù)據(jù)庫的方法，在 a

32、sp 在它可以看 作是一個數(shù)據(jù)庫服務組件。 ado 主要對象有三個：connection，command，recordset，靈活運用這些對象的屬性、 方法可以達到訪問數(shù)據(jù)庫的目的，其基本步驟通常是： 1. 建數(shù)據(jù)庫源名（dsn） dsn 是連接 odbc 和數(shù)據(jù)庫的橋梁，odbc 通過 dsn 來找到要訪問的數(shù)據(jù)庫。關于如何 配置數(shù)據(jù)源已經(jīng)在上面介紹過了。 2. 建立數(shù)據(jù)庫連接 set conn=server.createobject(“adodb.connection”) 用服務器對象的 createobject 創(chuàng)建一個鏈接對象 conn conn.open “dsn= 0791idc2

33、222.mdb;uid=sa” 使用 conn 的 open 方法打開鏈接， 其中用到了名為“0791idc2222”的 dsn。后面的參數(shù)用來表示訪問數(shù)據(jù)庫的用戶名和口 令。 3. 操作數(shù)據(jù)庫并創(chuàng)建數(shù)據(jù)對象 set rs=conn.execute(“select * from admin”) 使用 access 語句操作數(shù)據(jù)庫， 并將結果返回給一個 recordset 對象 rs 4. 關閉數(shù)據(jù)庫對象和鏈接 rs.close 關閉 recordset 對象 conn.close 關閉鏈接對象 3.2 系統(tǒng)詳細設計 前臺系統(tǒng)是對后臺數(shù)據(jù)庫進行添加，修改，刪除等操作，對信息進行篩選后顯示出來。

34、前臺系統(tǒng)也是瀏覽者可以看到的部分，好的前臺設計可以給用戶一個良好的印象，這樣就會 有更多的同學關注學?；顒雍头e極參加學校舉辦的各項活動。 3.2.1 系統(tǒng)組成 本校園網(wǎng)站系統(tǒng)主要由電子公告欄、新聞動態(tài)、工作信息、留言系統(tǒng)、后臺管理這幾個 模塊組成。 3.2.2 前臺系統(tǒng)詳細設計 1.首頁 首頁頁面如圖 3-7 所示： 圖 3-7 首頁頁面 首頁是展示江蘇省鐵富高級中學的人文風采頁面。在此頁面中，大體顏色采用淡藍色， 在網(wǎng)站抬頭用了一個 flash 和一張圖片作為開頭，以次吸引瀏覽者的眼球。在頁面中大體 分為電子公告欄、新聞動態(tài)、工作信息、留言系統(tǒng)、校園美景以及后臺管理等等模塊。其 中圖片動態(tài)以

35、左右滾動的形式表現(xiàn)出來，這樣更加能吸引瀏覽者的眼球。 2.學校簡介 學校簡介頁面如圖 3-8 所示： 圖 3-8 學校簡介頁面 在學校簡介模塊中，對江蘇省鐵富高級中學從成立以來進行了簡單的介紹，這個模塊 主要是列舉出學校的各個職能部門、學校的歷史、學校的辦學理念及其部門成員、聯(lián)系方 式等等，方便瀏覽者查找。還加入了一些學校歷年獲得的榮譽，給瀏覽者展示學校的風采。 3.電子公告新聞欄 電子公告欄主要詳細的介紹一下校園公告和工作安排，學校的重要通知文件等等功能。 (1)電子公告欄頁面如圖 3-9 所示： 圖 3-9 電子公告欄頁面 (2)新聞動態(tài)頁面如圖 3-10 所示： 圖 3-10 新聞動態(tài)頁

36、面 在首頁界面中，我們可以看到在居中的位置的新聞動態(tài)，包括時間和閱讀的次數(shù)。在 這里瀏覽者可以獲得近期學校的信息，對自己比較感興趣的活動可以積極的參加到其中， 而且在工作安排中可以放一些常規(guī)活動的時間。 在此模塊中支持： (1) 支持新聞按類別、關鍵詞、發(fā)布日期等條件檢索 。 (2) 支持新聞類別的管理，可添加、刪除、修改新聞類別。 (3) 支持圖片，每條新聞可配上圖片，并選擇圖片與文字的顯示方式。 (4) 發(fā)布新聞時，管理員可根據(jù)新聞的重要性，指定新聞是否屬于熱點新聞。 (5) 支持各種風格的新聞顯示樣式，可定制個性化新聞模版。 (6) 提供各種統(tǒng)計方式，幫助您分析新聞瀏覽情況。 (7) 提

37、供 html 編輯器，新聞圖片的數(shù)量和放置位置不受限制，并且可方便的像 word 文檔那樣編輯新聞內(nèi)容的字體、顏色等。 4.學生組織： 在此模塊中，主要是公布學校的學生會和社團管理委員會相關工作情況等等。 學生組織頁面如圖 3-11 所示： 圖 3-11 學生組織頁面 5.留言系統(tǒng) 此頁面是為瀏覽者提供交流的平臺。 留言系統(tǒng)界面留言系統(tǒng)界面 如圖 3-12 所示: 圖 3-12 留言系統(tǒng)頁面 管理頁面管理頁面 留言的管理功能是具有管理員權限的用戶才可以使用，所以用戶必須先通過身份驗證。 如圖 3-13 所示是管理員的登錄頁面，用戶需要在其中的文本框中輸入管理員密碼。 圖 3-13 留言系統(tǒng)頁面

38、 通過驗證的用戶就具有了管理員權限了，管理員可以對留言信息進行回復、刪除、解 鎖和鎖定等功能。 回復頁面回復頁面 通過驗證后的管理員就可以對留言信息進行回復了，單擊任意留言的“回復”超級鏈 接，就會進入如圖 3-14 所示的回復頁面，頁面中央是一個文本框，讓管理員輸入回復留 言的內(nèi)容。 圖 3-14 留言系統(tǒng)頁面 當管理員輸入完內(nèi)容，并單擊“回復”按鈕以后，留言板系統(tǒng)就會處理回復事件，并 將頁面返回到留言板首頁，用戶就可以看到管理員剛才回復的內(nèi)容了。 刪除頁面刪除頁面 通過驗證后的管理員就還可以對用戶的留言信息進行刪除，單擊任意留言的“刪除” 超級鏈接，就會進入到刪除頁面 。 當前面的留言信息

39、被刪除后，后面的留言會自動補上來。 /注釋：在數(shù)據(jù)庫 gbook 表中刪除留言信息 if request.form(select) = this then sql = delete * from gbook where id= self.close(); response.end end if set cnn=server.createobject(adodb.connection) cnn.open provider = microsoft.jet.oledb.4.0;data source = self.close(); 1.留言系統(tǒng)的基本功能。 留言系統(tǒng)首頁：留言系統(tǒng)的基本結構 查看留言

40、功能：查看用戶的留言信息 簽寫留言功能：提交用戶的留言信息 2.管理功能。 管理員登錄功能：管理員通過登錄功能管理留言信息 驗證登錄：驗證管理員的登錄密碼 回復留言功能：對用戶的留言進行回復 刪除留言功能：刪除用戶的留言信息 解鎖、鎖定消息功能：鎖定和解鎖用戶的留言信息 設置留言系統(tǒng)配置信息：對留言系統(tǒng)的頁面效果進行設置 3.2.3 后臺系統(tǒng)詳細設計 1.系統(tǒng)管理： （1）管理員中心登陸 管理員是對新聞進行管理的人員，管理員進入新聞的管理界面，需要進行身份驗證，管 理員登錄功能模塊就是實現(xiàn)此功能的。 如下圖 3-16 所示為管理員登陸的頁面： 圖 3-16 管理員登陸界面 管理員輸入賬號密碼以

41、及驗證碼，然后點擊“確定”按鈕，輸入的帳號和密碼放在表單 中，然后進行提交，由一個專門的 asp 文件進行處理。 這個 asp 文件對提交的信息進行處理。先建立數(shù)據(jù)庫連接，然后調出數(shù)據(jù)庫中的記錄集， 將其中的 account、password 與 rndpassword 三個字段的數(shù)據(jù)與表單提交的數(shù)據(jù)進行比較， 如若數(shù)據(jù)核對正確，則登陸成功，進入系統(tǒng)，否則系統(tǒng)進行提示，返回登陸界面。 其中關鍵代碼： 管理員通過登錄界面?zhèn)鬟f輸入的用戶名和密碼（系統(tǒng)設置的初始用戶名和密碼都為 “admin” ） ，然后通過查詢數(shù)據(jù)庫，進行身份的驗證。 /注釋：管理員登錄驗證代碼（主要代碼） adminuid=tr

42、im(request.form(adminuid) adminpwd=md5(trim(request.form(adminpwd) adminuid=replace(adminuid,) adminpwd=replace(adminpwd,) /注釋：建立數(shù)據(jù)庫連接 set rs=server.createobject (adodb.recordset) rs.source=select id from admin where adminuid= & adminuid & and adminpwd= & adminpwd & rs.open rs.source,conn,1,1 /注釋：如果

43、驗證通過進行session記錄并調出admin.main.asp if not rs.eof then session(adminuid)=adminuid session(adminpwd)=adminpwd response.redirect admin_main.asp else history.back() alert(請核對您的用戶名和密碼！) 2.增加新聞模塊 在新聞錄入的過程中難免會出現(xiàn)這樣那樣的錯誤，新聞修改功能模塊就是為此而設計的。 這里也同樣利用了新聞的格式轉化，在新聞修改界面顯示的是普通格式的內(nèi)容形式，寫入數(shù) 據(jù)庫時又將其轉換成網(wǎng)頁格式的內(nèi)容。這里值得一提的是，在新聞修改

44、框里顯示的新聞內(nèi)容 是經(jīng)過轉換后的新聞內(nèi)容，即是將存儲在數(shù)據(jù)庫中的網(wǎng)頁格式的內(nèi)容轉換成了普通格式的內(nèi) 容，目的是方便修改。 增加新聞頁面如圖 3-17 所示。 圖 3-17 增加新聞界面 下面詳細介紹校園新聞管理的實現(xiàn)。校園新聞管理在前臺頁面顯示成文字或圖片或文 字圖片結合的三種類型。在后臺可以添加、修改、刪除欄目的內(nèi)容。 進入校園新聞管理里面，首先要把新聞分類。新聞類別里有校園新聞和工作安排兩個類 別。分別有不同的功能。為了瀏覽者的需求我們必需仔細劃分每一類。下面是實現(xiàn)目錄劃分 的部分代碼 當添加新聞時，系統(tǒng)根據(jù)添加界面?zhèn)鬟f的參數(shù)，將數(shù)據(jù)存儲到數(shù)據(jù)庫中。 /注釋：建立數(shù)據(jù)庫鏈接 set rs

45、=server.createobject (adodb.recordset) rs.source=select * from bigclass where bigclassid= & bigclassid rs.open rs.source,conn,1,1 set rs2=server.createobject(adodb.recordset) rs2.source=select * from smallclass where bigclassid= & bigclassid rs2.open rs2.source,conn,1,1 3.新聞修改功能模塊 在新聞錄入的過程中難免會出現(xiàn)這樣那樣

46、的錯誤，新聞修改功能模塊就是為此而設計 的。這里也同樣利用了新聞的格式轉化，在新聞修改界面顯示的是普通格式的內(nèi)容形式， 寫入數(shù)據(jù)庫時又將其轉換成網(wǎng)頁格式的內(nèi)容。這里值得一提的是，在新聞修改框里顯示的 新聞內(nèi)容是經(jīng)過轉換后的新聞內(nèi)容，即是將存儲在數(shù)據(jù)庫中的網(wǎng)頁格式的內(nèi)容轉換成了普 通格式的內(nèi)容，目的是方便修改。 /注釋：本段代碼為新聞更新模塊的主要代碼，通過 update 更新新聞信息 response.end end if sql=update news set title= & title & where newsid= & newsid conn.execute sql sql=updat

47、e news set author= & author & where newsid= & newsid conn.execute sql sql=update news set original= & original & where newsid= & newsid conn.execute sql sql=update news set content= & content & where newsid= & newsid conn.execute sql conn.close set conn=nothing： 4.新聞刪除功能模塊設計 新聞刪除模塊就是對一些垃圾新聞或反動新聞的刪除，

48、此功能模塊實現(xiàn)起來也比較簡 單，通過數(shù)據(jù)的刪除操作即可實現(xiàn)。 /注釋：新聞刪除模塊主要代碼，通過 delete 方法從數(shù)據(jù)庫中刪除新聞信息 newsid=request.form(newsid) button_value=trim(request.form(alert_button) if button_value=是 then conn.execute(delete from news where newsid= & newsid) else response.redirect delnews1.asp end if 5.密碼管理功能模塊設計 管理員為了保證自己的權限，要設置管理員登錄密碼，

49、如果密碼一成不變對于一個網(wǎng) 站來說也是不安全的，所以管理員要定期修改自己的登錄密碼。管理員登錄密碼的修改是 在系統(tǒng)管理功能模塊中進行的。 /注釋：修改登錄密碼模塊主要代碼，通過 update 方法進行更新，用新修改的密碼 取代數(shù)據(jù)庫中存在的密碼 set rs=server.createobject (adodb.recordset) rs.source=select id from admin where adminpwd= & oldpassword & rs.open rs.source,conn,1,1 if not rs.eof then sql=update admin set ad

50、minpwd= & newpassword & where adminuid= & username & conn.execute(sql) session(adminpwd)=newpassword else history.back() alert(原密碼錯誤，您不能修改密碼！) 第 4 章 系統(tǒng)測試與發(fā)布 4.1 測試項目 在開發(fā)過程中采用了多種措施保證軟件質量，但是實際開發(fā)設計最有可能暴露程序系統(tǒng) 缺陷的測試方案。因此軟件測試的目標應該是以盡可能少的代價過程中還是不可避免地會產(chǎn) 生差錯，系統(tǒng)中通?？赡茈[藏著錯誤和缺陷，未經(jīng)周密測試的系統(tǒng)投入運行，將會造成難以 想象的后果，因此系統(tǒng)測試是

51、為保證軟件質量必須進行的工作。大量統(tǒng)計資料表明，系統(tǒng)測 試的工作量往往占開發(fā)總工作量的 40%以上。因此，我們必須重視測試工作。 由于程序中隱藏的缺陷只在特定的環(huán)境下才有可能顯露，系統(tǒng)缺陷通常是由于對某些特 定情況考慮不周造成的。因此測試不是為了表明程序正確；成功的測試也不是沒有發(fā)現(xiàn)錯誤 的測試。有意義的軟件測試應該是從“破壞”軟件系統(tǒng)的角度出發(fā)，精心和時間找出軟件系 統(tǒng)中潛在的錯誤和缺陷。 從產(chǎn)品角度看，測試計劃中的測試項目包括軟件結構中的分系統(tǒng)層、子系統(tǒng)層、功能模 塊層、程序模塊層中的各類模塊，從測試本身看，分為單元測試，組合測試，確認測試等。 測試對象是隨階段而異的，最基本、最初的測試是

52、單元測試，后面的組合測試、確認測試都 是以被測過的模塊作為測試對象的。 1.單元測試： 單元測試也稱模塊測試或程序測試，單元測試是對每個模塊單獨進行的，驗證模塊接口 與設計說明書是否一致，對模塊的所有主要處理路徑進行測試且與預期的結構進行對照，還 要對所有錯誤處理路徑進行測試。對源碼進行審查，對照設計說明書，表態(tài)地檢查源程序是 否符合功能的邏輯要求，是進行單元測試前的重要工作。單元測試一般是由程序員完成，也 稱程序調試。 2.組合測試 組合測試也稱集成測試或子系統(tǒng)測試，通常采用自頂向下測試和自底向上測試兩種測試 方法。組合測試的對象是指已經(jīng)通過單元測試的模塊，不是對零散模塊進行單個測試，而是

53、用系統(tǒng)化的方法裝配和測試軟件系統(tǒng)，是一個嚴格的過程，必須認真地進行，其計劃的產(chǎn)生 和單元模塊測試的完成日期要協(xié)調起來，這種測試應在系統(tǒng)目標機上進行，造成系統(tǒng)應用的 環(huán)境條件，除了開發(fā)部分項目負責人參加以外，還應該有相應系統(tǒng)的用戶參加，給評審員進 行演示。 3.確認測試 確認測試是對通過組合測試的軟件進行的，這些軟件已經(jīng)存于系統(tǒng)目標設備的介質上， 確認測試的目的是對表明軟件是可以工作的，并且符合“軟件需求說明書”中規(guī)定的全部功 能和性能要求。確認測試是按照這些要求定出的“確認測試計劃”進行的。測試工作是由一 個獨立的組織進行，而且測試要從用戶的角度出發(fā)。 4.系統(tǒng)測試 系統(tǒng)測試是對整體性能的測試

54、，主要解決各子系統(tǒng)之間的數(shù)據(jù)通信和數(shù)據(jù)共享問題以及 檢測系統(tǒng)是否達到用戶的實際要求，系統(tǒng)測試的依據(jù)是系統(tǒng)分析報告。系統(tǒng)測試應在系統(tǒng)的 整個范圍內(nèi)進行，這種測試不只對軟件進行，而是對構成系統(tǒng)的硬、軟件一起進行。系統(tǒng)測 試與建構同時進行或略慢。系統(tǒng)測試需要確認從頭到尾的功能正常才算完成，應當盡量避免 系統(tǒng)測試延到項目末尾進行。 5.用戶驗收測試 在系統(tǒng)測試完成后，進行用戶的驗收測試，它是用戶在實際應用環(huán)境中所進行的真實數(shù) 據(jù)測試。 在具體的測試中，一般應遵循以下原則：由程序設計者之外的人進行測試；測試用例應 由兩部分組成：輸入數(shù)據(jù)和預期輸出結果；應選用不合理的輸入數(shù)據(jù)與非法輸入測試；不僅 要檢驗程

55、序是否實現(xiàn)預期功能，還應檢查程序是否做了不應該做的工作；集中測試容易出錯 的程序模塊；對程序修改以后，必須重新進行測試。 4.2 測試方法 一般來說，對程序測試有兩種測試方法：如果已經(jīng)知道了軟件系統(tǒng)應具有的功能，可通 過測試來檢測每個功能是否都能正常使用；如果知道程序的內(nèi)部工作過程，可以通過測試來 檢測程序內(nèi)部是否按照規(guī)格說明書的規(guī)定正常進行。前一種方法稱為黑盒測試，后一種方法 稱為白盒測試。黑盒測試又稱為功能測試，白盒測試又稱為結構測試。 經(jīng)過一個月的畢業(yè)設計，因為時間和任務的性質的關系，沒有完全按照上述的測試方法 進行系統(tǒng)的測試，但經(jīng)過一些簡單的步驟的測試，證明本系統(tǒng)具有相當程度的穩(wěn)定性。

56、 下面是我們進行測試的詳細過程： 1.管理員登陸管理中心的使用測試 管理員輸入正確的用戶名、密碼以及驗證碼時，能登陸到管理中心，如果密碼或者用戶 名以及驗證碼錯誤，會提示你密碼錯誤或者用戶名或者驗證碼無效 2.電子公告欄模塊的使用測試 可以實現(xiàn)增加，修改或者刪除內(nèi)容。 3.新聞動態(tài)模塊的使用測試 校園新聞管理：可以實現(xiàn)增加，修改或者刪除一，二級目錄。當管理員對校園新聞管理 后，可以立刻刷新。 學校動態(tài)管理：可以實現(xiàn)日期檢索，想知道什么時候的學校動態(tài)，可以通過檢索收索到 想要的學校動態(tài)信息。 4.學生組織模塊的測試與使用 學生會管理：可以添加、刪除和修改相關學生會信息。 社團管理委員會管理：可以

57、添加、刪除和修改相關社團信息。 5.留言系統(tǒng)模塊的測試與使用 瀏覽者：可以注冊會員，在留言系統(tǒng)上進行留言、修改留言。 管理員：可以對瀏覽者的留言進行審核、發(fā)表、修改和刪除。 6.友情鏈接模塊的使用測試 瀏覽者可以在此很方便地進行對鏈接網(wǎng)站的瀏覽。 7.校園風景模塊的使用測試 瀏覽者可以很方便地欣賞學校的景色。 8.系統(tǒng)管理的使用測試 可以修改密碼，備份數(shù)據(jù)庫和恢復數(shù)據(jù)庫等。 經(jīng)過以上的各項功能的測試，測試結果是各項功能都可以正常運行，基本沒有出現(xiàn)想象 中的錯誤。 江蘇省鐵富高級中學網(wǎng)站能夠實現(xiàn)添加，修改，刪除新聞的功能。能基本滿足學校網(wǎng)上 發(fā)布信息，讓用戶及時了解學校最新信息等功能。 4.3

58、網(wǎng)站的發(fā)布 網(wǎng)站制作完畢，最后要發(fā)布到 web 服務器上，才能夠讓大家觀看，也才能起到宣傳網(wǎng) 站的作用，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有 ftp 功能，利用這些 ftp 工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務器上。網(wǎng)站上傳以后，你 要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上 傳測試。全部測試完畢之后，就可以投入使用。 上傳的方式有千百種，這里我介紹最常用的一種，至于其他的上傳方式，此處暫時不做 說明。 1.下載 cute ftp 軟件 （1）首先來解釋一下，什么叫做上傳，要講到這個就不能不講一下 ftp 這東西。簡單 來說，

59、ftp 是一種網(wǎng)絡上的文件傳輸服務，是英文 file transfer protocol 的簡稱，即文件傳 輸協(xié)議。 我們常常在下載軟件，用到的就是 ftp 的文件傳輸服務。 （2）所謂上傳其實就是 ftp 的其中一個功能，我們既然能夠將文件從網(wǎng)絡上下載下來， 那么當然也可以把文件從自己的電腦，送到服務器上去， （嚴格說起來，是送到另外一臺電 腦.） ，因此，簡而言之，上傳就是把你電腦中的資料，通過軟件傳輸?shù)骄W(wǎng)絡的服務器上。 （3）設置 cute ftp 請先進行安裝 cute ftp。然后，打開 cute ftp，會進入一個 ftp 站設置的窗口，我們 先看看左上角，將鼠標移到 ftp si

60、tes 的地方， 然后我們按下它下面的那一排按鈕中的 add sites，告訴電腦我們要新增一個主機站（這個站就是我們要將網(wǎng)站上傳的地方） 。按下 add sites 之后，我們便會 看到一個設置窗口，這個窗口主要是要讓我們來設置我們要上傳 主機的詳細資料。 下面有非常重要的一格，須填上伺服器的所在位置，假設你的服務器位 置在中研院，所以就填上 .tw，如果是線上申請的免費網(wǎng)址，那么該網(wǎng)站應 該都會告訴要上傳到哪里。在填的時候千萬別加上 ftp:/. or http:/.這些都是無法執(zhí)行的。 通常連通主機后，服務器會詢問的帳號，這一格就填上進入服務器的帳號