畢業(yè)論文之個人環(huán)保網(wǎng)站設計

1、中央廣播電視大學 畢業(yè)設計（論文）題目 個人環(huán)保網(wǎng)站設計姓 名： 隗海英學 號： 057100165學 校： 北京電大專 業(yè)： 信息系統(tǒng)開發(fā)與維護指導教師： 摘要本課題要緊研究的是網(wǎng)站設計技術，闡述了本環(huán)保網(wǎng)站的課題內(nèi)容、相關技術分析、網(wǎng)站的規(guī)劃、關鍵技術的設計、數(shù)據(jù)庫的設計、界面的實現(xiàn)、服務器的設置、數(shù)據(jù)庫的連接與訪問以及系統(tǒng)的運行環(huán)境和安裝過程等。制作網(wǎng)頁使用的工具要緊有 Dreamweaver MX和ASP，數(shù)據(jù)庫采納的是簡單易用的Access，數(shù)據(jù)庫訪問使用的是ODBC技術，另外還使用了圖像編輯軟件Photoshop CS對網(wǎng)站中的部分圖片進行了處理等。關鍵字：環(huán)保，動態(tài)網(wǎng)頁，數(shù)據(jù)庫，

2、Web服務器目錄 TOC h z t 論文章1,1,論文節(jié)2,2,論文條3,3 HYPERLINK l _Toc167701055 摘要 PAGEREF _Toc167701055 h I HYPERLINK l _Toc167701056 目錄 PAGEREF _Toc167701056 h II HYPERLINK l _Toc167701057 第1章 緒論 PAGEREF _Toc167701057 h 1 HYPERLINK l _Toc167701058 第2章 需求分析與技術分析 PAGEREF _Toc167701058 h 2 HYPERLINK l _Toc16770105

3、9 2.1 需求分析 PAGEREF _Toc167701059 h 2 HYPERLINK l _Toc167701060 2.1.1 需求調(diào)查 PAGEREF _Toc167701060 h 2 HYPERLINK l _Toc167701061 2.1.2 可行性分析 PAGEREF _Toc167701061 h 2 HYPERLINK l _Toc167701062 2.2 相關技術分析 PAGEREF _Toc167701062 h 2 HYPERLINK l _Toc167701063 2.2.1 操作系統(tǒng)和Web服務器技術對比 PAGEREF _Toc167701063 h 2

4、 HYPERLINK l _Toc167701064 2.2.2 數(shù)據(jù)庫技術對比 PAGEREF _Toc167701064 h 3 HYPERLINK l _Toc167701065 2.2.3 網(wǎng)站制作軟件對比 PAGEREF _Toc167701065 h 3 HYPERLINK l _Toc167701066 2.2.4 動態(tài)網(wǎng)頁制作技術對比 PAGEREF _Toc167701066 h 4 HYPERLINK l _Toc167701067 2.2.5 數(shù)據(jù)庫連接技術對比 PAGEREF _Toc167701067 h 4 HYPERLINK l _Toc167701068 第3章

5、 系統(tǒng)設計 PAGEREF _Toc167701068 h 6 HYPERLINK l _Toc167701069 3.1 網(wǎng)站規(guī)劃 PAGEREF _Toc167701069 h 6 HYPERLINK l _Toc167701070 3.1.1 網(wǎng)站的主題和風格 PAGEREF _Toc167701070 h 6 HYPERLINK l _Toc167701071 3.1.2 網(wǎng)站的整體結(jié)構(gòu)及內(nèi)容 PAGEREF _Toc167701071 h 6 HYPERLINK l _Toc167701072 3.2 關鍵技術設計 PAGEREF _Toc167701072 h 7 HYPERLIN

6、K l _Toc167701073 3.3 數(shù)據(jù)庫設計 PAGEREF _Toc167701073 h 7 HYPERLINK l _Toc167701074 3.4 交互式頁面設計 PAGEREF _Toc167701074 h 8 HYPERLINK l _Toc167701075 第4章 系統(tǒng)實現(xiàn) PAGEREF _Toc167701075 h 10 HYPERLINK l _Toc167701076 4.1 LOGO和Banner PAGEREF _Toc167701076 h 10 HYPERLINK l _Toc167701077 4.2 界面的實現(xiàn) PAGEREF _Toc167

7、701077 h 10 HYPERLINK l _Toc167701078 4.2.1 主頁設計 PAGEREF _Toc167701078 h 10 HYPERLINK l _Toc167701079 4.2.2 綠色生活網(wǎng)頁設計 PAGEREF _Toc167701079 h 11 HYPERLINK l _Toc167701080 4.2.3 自然美景網(wǎng)頁設計 PAGEREF _Toc167701080 h 12 HYPERLINK l _Toc167701081 4.2.4 留言板設計 PAGEREF _Toc167701081 h 12 HYPERLINK l _Toc1677010

8、82 4.3 設置服務器 PAGEREF _Toc167701082 h 13 HYPERLINK l _Toc167701083 4.4 交互式頁面的實現(xiàn) PAGEREF _Toc167701083 h 16 HYPERLINK l _Toc167701084 4.4.1 數(shù)據(jù)庫連接代碼的實現(xiàn) PAGEREF _Toc167701084 h 16 HYPERLINK l _Toc167701085 4.4.2 數(shù)據(jù)庫訪問代碼的實現(xiàn) PAGEREF _Toc167701085 h 16 HYPERLINK l _Toc167701086 4.5 系統(tǒng)安裝過程 PAGEREF _Toc16770

9、1086 h 17 HYPERLINK l _Toc167701087 4.6 系統(tǒng)運行過程 PAGEREF _Toc167701087 h 17 HYPERLINK l _Toc167701088 結(jié)束語 PAGEREF _Toc167701088 h 18 HYPERLINK l _Toc167701089 致謝 PAGEREF _Toc167701089 h 19 HYPERLINK l _Toc167701090 參考文獻 PAGEREF _Toc167701090 h 20 HYPERLINK l _Toc167701091 附錄 PAGEREF _Toc167701091 h 21

10、第1章 緒論當今時代，環(huán)境污染已成為阻礙人們生活質(zhì)量的世界性問題，也是全球都在關注和積極探究、深入研究的問題，工業(yè)污染、水污染、臭氧層破壞、生物多樣化變化，曾幾何時我們生存的那個星球差不多變得面目全非。作為地球生命的一份子，這些問題也引起了我的深深考慮，我覺得要想愛護好我們的生存家園，最要緊的一點確實是要讓地球上的所有人類都能關注環(huán)保問題，多多學習環(huán)保知識，改變不良的生活方式，不要再因為我們?nèi)祟愖约旱呢澯鸵恍毫拥纳钸m應來造成人為的污染；另外國家也應當在這方面多多投入人力、物力，盡可能的杜絕和改善一些工業(yè)進展造成的污染。而環(huán)保意識的加強、環(huán)保知識的普及無疑依舊需要多作宣傳，在眾多的宣傳媒介

11、當中，包括書報、影視等都沒有互聯(lián)網(wǎng)更方便、更快捷、更有效。因此我想建立一個宣傳環(huán)保的網(wǎng)站，和大伙兒一起在信息高速路上學習環(huán)保知識，關注環(huán)保新聞，提高環(huán)保意識，普及環(huán)保常識，了解綠色環(huán)保的生活方式，觀賞地球家園的漂亮生態(tài)景觀，同時通過網(wǎng)站的留言板，為所有關注環(huán)保問題的網(wǎng)友提供一個交流的平臺，為愛護我們的生存環(huán)境一起出謀劃策，盡一份綿薄之力，作一份應有的貢獻。第2章 需求分析與技術分析2.1 需求分析2.1.1 需求調(diào)查隨著Internet技術的成熟與進展，成千上萬的電腦用戶學會了在網(wǎng)上公布、交流和獲得信息，各種網(wǎng)站如雨后春筍般涌現(xiàn)，使得整個互聯(lián)網(wǎng)變得多姿多彩。現(xiàn)在，不管是官方的依舊個人的針對各個

12、領域的環(huán)保網(wǎng)站無奇不有，有些網(wǎng)站內(nèi)容相當全面和精彩，也有的比較簡單。目前在人們的生活中環(huán)保意識依舊遠遠不夠的，需要進一步加強，因此作為宣傳環(huán)保的公益性網(wǎng)站應該是多多益善的，只要有人看到它，就能夠在它的阻礙范圍內(nèi)使環(huán)保的觀念得到宣傳，環(huán)保的知識得以普及，使網(wǎng)友們更加關注這一日益嚴峻的生存危機，從而反思自己的言行，為環(huán)保事業(yè)貢獻一點自己的力量。 本站是環(huán)保網(wǎng)站，因此題材都要圍繞這一主題來找，首先需要找一些環(huán)保方面的新聞報道，其次需要搜集一些環(huán)保科普知識和環(huán)保生活小常識，然后還要搜集一些地球自然景觀和珍稀野生動物的精美圖片，另外還要有一些警示性的圖片，教育大伙兒關注環(huán)保問題，愛護地球家園。2.1.2

13、 可行性分析做一個個人的環(huán)保網(wǎng)站在技術和環(huán)境等方面的要求都不用太高，首先從技術方面來講要學過靜態(tài)和動態(tài)網(wǎng)頁的制作，同時要會建數(shù)據(jù)庫；另外從環(huán)境配置方面來講，用來制作網(wǎng)站的電腦必須能上網(wǎng)，裝有IE掃瞄器，還要安裝有制作靜態(tài)和動態(tài)網(wǎng)頁的制作工具，比如Dreamweaver MX或FrontPage等，而操作系統(tǒng)的要求并不是專門高，Windows XP、Windows 95/98、或Windows 2000等都能夠。構(gòu)建網(wǎng)站開發(fā)環(huán)境，第一步是要將本機設置成一臺真正的Internet服務器，以便提供WWW服務。首先需要給電腦安裝網(wǎng)卡；其次，應該具有固定的IP地址，當用戶在客戶端的掃瞄器地址欄中鍵入UR

14、L地址時，就能夠通過域名系統(tǒng)找到相應的IP地址并訪問該網(wǎng)站；第三，在Internet服務器上必須安裝相應的Web服務器程序，以便處理用戶的請求，并運行用戶請求頁面，這確實是建設一個網(wǎng)站所需要的差不多環(huán)境配置。2.2 相關技術分析2.2.1 操作系統(tǒng)和Web服務器技術對比1 目前最流行的操作系統(tǒng)要緊是微軟公司的Windows系列和最初由芬蘭赫爾辛基大學的一個大學生編寫的 HYPERLINK /introduction/focus/linux.shtml t _blank Linux。到現(xiàn)在為止，Windows系列仍然處于壟斷地位，Windows之因此受歡迎是因為它有著眾多的優(yōu)點，比如：（1）圖形

15、化的界面：只要會使用鼠標，不必學習太多的操作系統(tǒng)知識，就能進行工作。（2）多用戶、多任務：Windows能夠使多個用戶用同一臺電腦而可不能互相阻礙；多任務是讓電腦互不干擾的執(zhí)行不同的任務。（3）眾多的應用程序：Windows有眾多的應用程序能夠滿足用戶各方面的需求。（4）良好的網(wǎng)絡支持：Win 9x和Win 2000都內(nèi)置了TCP/IP協(xié)議和撥號上網(wǎng)軟件，用戶只需進行一些簡單的設置就能上網(wǎng)。同時用戶能夠在Windows中實現(xiàn)資源共享。（5）良好的硬件支持：Windows 95以后的版本都支持“即插即用”技術。使新硬件的安裝變得更加簡單。（6）出色的多媒體功能：在Windows中能夠進行音頻、視

16、頻的編輯和播放，能夠支持高級的 HYPERLINK /hardware/focus/mcard.shtml t _blank 顯卡、聲卡，使其“聲色具佳”。這些特點差不多上其他操作系統(tǒng)所無法比擬的。2 要想在網(wǎng)站里訪問動態(tài)的數(shù)據(jù)就必須配合使用應用程序服務器ASP，而使用ASP則必須安裝支持它的網(wǎng)站服務器，例如IIS（Internet Information Server，因特網(wǎng)信息服務器）或PWS（Personal Web Server，個人網(wǎng)頁服務器）。IIS能用于Windows 98以上版本，而PWS只能用于Windows 95/98，有一定的局限性，顯而易見，IIS的功能比PWS強得多了

17、，因此我采納的是IIS作為網(wǎng)站的服務器。2.2.2 數(shù)據(jù)庫技術對比關于動態(tài)網(wǎng)站，要預備一個用于儲存客戶信息的數(shù)據(jù)庫，簡單的網(wǎng)站可使用簡單、易取的Access數(shù)據(jù)庫，因為Access數(shù)據(jù)庫界面友好、操作靈活、轉(zhuǎn)移方便、運行環(huán)境簡單，存儲方式單一、支持ODBC，能夠?qū)⒊绦驊糜诰W(wǎng)絡，并與網(wǎng)絡上的動態(tài)數(shù)據(jù)相聯(lián)接。SQL Server是基于服務器端的中型的數(shù)據(jù)庫，能夠適合大容量數(shù)據(jù)的應用，在功能和治理上要比Access強得多，在處理海量數(shù)據(jù)的效率，后臺開發(fā)的靈活性，可擴展性等方面特不有優(yōu)勢。Access雖不適合作為大型數(shù)據(jù)庫的使用，然而關于像本站一樣的小型個人網(wǎng)站差不多足夠了。2.2.3 網(wǎng)站制作軟件

18、對比現(xiàn)在流行的網(wǎng)站制作軟件差不多上以圖形化界面的操作方式進行網(wǎng)站開發(fā)的，其中最具代表性的是微軟公司的FrontPage和Macromedia公司的Dreamweaver MX。FrontPage是微軟推出的一個功能專門強的網(wǎng)頁編輯工具，它最大的特點是易學易用，能夠像編輯Word文檔一樣在網(wǎng)頁中加入表格、圖像、聲音和動畫等媒體素材。而Dreamweaver MX是美國Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站治理于一身的“所見即所得”的網(wǎng)頁制作軟件，與FrontPage不同，Dreamweaver MX采納的是浮動面板的設計風格，這種操作方式的直觀性與高效性是FrontPage所無法比擬的。

19、正因為其最佳的制作效率、無可比擬的操縱能力、強大的Web應用程序開發(fā)能力和網(wǎng)站治理功能以及掃瞄器適應性使其成為當前最為流行的網(wǎng)頁制作軟件，鑒于以上所述，本網(wǎng)站也將使用Dreamweaver MX作為本站的開發(fā)工具。2.2.4 動態(tài)網(wǎng)頁制作技術對比本網(wǎng)站的動態(tài)網(wǎng)頁是使用ASP技術來完成的。ASP是目前流行的Web應用開發(fā)技術之一，ASP之因此能受到重視和使用的緣故，要緊在于利用ASP開發(fā)的腳本程序全部運行在服務器端，與用戶采納何種掃瞄器無關，因而極大地減少了對客戶端的要求。其工作原理是：掃瞄器從Web服務器調(diào)用ASP文件，服務器端的腳本引擎對每一條語句進行解釋執(zhí)行，然后再把執(zhí)行的結(jié)果生成HTML

20、文件傳給客戶端，顯示在掃瞄器上。ASP的要緊特點有：使用一般的文本編緝器，比如Windows記事本，就能夠進行編輯。ASP腳本無需編譯，能夠在服務器端直接解釋執(zhí)行。語言兼容性高： ASP與所有的ActiveX Script語言都相容，可結(jié)合HTML、VBScript、Java Script、Active X服務器組件來設計。面向?qū)ο螅篈SP腳本能夠方便地引用系統(tǒng)組件和內(nèi)置組件。安全性高：ASP源程序可不能被傳到客戶端，能夠幸免源程序被他人竊取。易于操控數(shù)據(jù)庫：ASP能夠輕易地通過ODBC驅(qū)動程序連接各種不同的數(shù)據(jù)庫。網(wǎng)站內(nèi)容的動態(tài)化、數(shù)據(jù)庫化是其進展的必定趨勢，ASP以其簡單、高效的開發(fā)方式及

21、豐富的操縱手段為網(wǎng)站的開發(fā)應用提供了強有力的支持。2.2.5 數(shù)據(jù)庫連接技術對比在互聯(lián)網(wǎng)迅猛進展的今天，人們差不多不再只滿足于通過掃瞄器看到靜態(tài)頁面，而是希望能依照要求生成更加靈活、生動的動態(tài)頁面。數(shù)據(jù)庫則用來存儲這些動態(tài)信息，通過網(wǎng)頁訪問數(shù)據(jù)的前提是要建立數(shù)據(jù)庫的連接，下面是目前流行的數(shù)據(jù)庫連接技術的對比和介紹。DAO：提供了一種通過程序代碼創(chuàng)建和操控數(shù)據(jù)庫的機制。最大特點是對Mcrosoft Jet數(shù)據(jù)庫的操作專門方便，也是操作Jet數(shù)據(jù)庫時性能最好的技術接口之一，同時通過DAO技術能夠訪問從文本文件到大型后臺數(shù)據(jù)庫等多種數(shù)據(jù)格式。ADO：是基于OLE DB的訪問接口，它是面向?qū)ο蟮腛LE

22、 DB技術，繼承了OLE DB的優(yōu)點，屬于數(shù)據(jù)庫訪問的高層接口。 ODBC：是一種底層的訪問技術，因此，ODBC API能夠使客戶應用程序從底層設置和操縱數(shù)據(jù)庫。ODBC的最大優(yōu)勢是使用方便，關于不同的數(shù)據(jù)庫，ODBC提供了一套統(tǒng)一的API，使應用程序能夠應用所提供的API訪問任何提供了ODBC驅(qū)動程序的數(shù)據(jù)庫，本站確實是采納ODBC技術訪問數(shù)據(jù)庫的。第3章 系統(tǒng)設計3.1 網(wǎng)站規(guī)劃3.1.1 網(wǎng)站的主題和風格本站是一個個人環(huán)保網(wǎng)站，因此整個的設計都要突出環(huán)保這一主題，網(wǎng)站的名稱是“家園網(wǎng)”，LOGO和Banner的圖案均以藍天白云和綠樹為背景，再配以文字，都體現(xiàn)了環(huán)保的風格。網(wǎng)站的文字和圖片

23、的色彩也差不多上以綠色和藍色為主，菜單和鏈接都專門簡潔，除文字外首頁還配有輕柔舒緩的音樂，給人以無邊的遐想，另外還有一些環(huán)保圖片以豐富網(wǎng)站的視覺效果，引起人們對環(huán)境污染問題的深刻考慮。在漂亮家園板塊要緊內(nèi)容差不多上圖片，有美不勝收的花卉、山川、河流等地球自然生態(tài)景觀，也有各種奇妙可愛的小動物和珍稀的野生動物，還有一些警示性圖片，旨在教育和提醒人們關注環(huán)保問題?？傊麄€網(wǎng)站包括文字、圖片和色彩差不多上以環(huán)保為主題風格。3.1.2 網(wǎng)站的整體結(jié)構(gòu)及內(nèi)容網(wǎng)站要緊包括六大部分，第一部分是網(wǎng)站的首頁，首頁之外分不是環(huán)保新聞、環(huán)保知識、漂亮家園、綠色生活和給我留言五個板塊。具體結(jié)構(gòu)如下圖：我的主頁我的主頁

24、個人環(huán)保網(wǎng)站環(huán)保新聞環(huán)保知識漂亮家園綠色生活給我留言個人環(huán)保網(wǎng)站環(huán)保新聞環(huán)保知識漂亮家園綠色生活給我留言留言板環(huán)保小常識（10篇）新聞內(nèi)容（10篇）知識內(nèi)容（11篇）自然留言板環(huán)保小常識（10篇）新聞內(nèi)容（10篇）知識內(nèi)容（11篇）自然美景可愛動物警示教育圖3.1 網(wǎng)站功能結(jié)構(gòu) 網(wǎng)站每個板塊的具體功能如下：1 我的主頁：網(wǎng)站欄目主菜單和友情鏈接，二級網(wǎng)頁內(nèi)容導航和環(huán)保畫廊。2 環(huán)保新聞：最近的各種有關于環(huán)保的新聞報道。3 環(huán)保知識：各種環(huán)保常識、環(huán)保機構(gòu)組織徽章和環(huán)境標志。4 漂亮家園：自然生態(tài)景觀圖片、奇妙野生動物圖片和警示教育圖片。5 綠色生活：各種環(huán)保的生活小常識。6 給我留言：網(wǎng)站留言

25、板，用于網(wǎng)友間的交流。3.2 關鍵技術設計在本站動態(tài)部分的留言板頁面，要緊使用了Request對象、Response對象、Server對象、Recordset對象和Connection對象等。在 default.asp和 delform.asp頁使用Request對象的QueryString集合檢索查詢字符串page_no的值，用來確定顯示第幾頁數(shù)據(jù)。在add頁中使用Request對象的Form集合，用于獵取傳過來的記錄編號。在default.asp頁使用了Response對象的Write方法用于從Web服務器向客戶端掃瞄器輸出留言記錄數(shù)據(jù)。在delete頁和denglupanduan頁分不使

26、用了Response對象的Redirect方法在執(zhí)行完操作后返回首面或依照推斷轉(zhuǎn)入delform.asp頁或fault.asp頁。在default.asp、denglupanduan頁和delform.asp頁使用了Recordset 對象創(chuàng)建和訪問記錄集、制作記錄導航、搜索記錄和更新記錄。在delform.asp頁使用了Server對象的CreateObject方法創(chuàng)建ADODB.Recordeset對象實例，用來建立到數(shù)據(jù)庫的連接并實現(xiàn)對數(shù)據(jù)庫的訪問等。3.3 數(shù)據(jù)庫設計本站的數(shù)據(jù)庫采納的是微軟自帶的Access數(shù)據(jù)庫，數(shù)據(jù)庫名稱為db1.mdb，數(shù)據(jù)庫內(nèi)共有tAdmin和tGuestBo

27、ok兩個表。 tAdmin表用來存儲治理員信息（名稱和密碼）。tGuestBook表用來存儲網(wǎng)友留言的信息（姓名、內(nèi)容、主頁地址、郵箱等）。表結(jié)構(gòu)分不如下表：表3.1 tAdmin表結(jié)構(gòu)序號字段名稱類型大小備注1fAdmin文本20治理員名稱2fPassword文本20治理員密碼表3.2 tGuestBook表結(jié)構(gòu)序號字段名稱類型大小備注1fID自動編號網(wǎng)友留言編號（主鍵） 2fName文本20網(wǎng)友姓名3fContent文本255網(wǎng)友留言內(nèi)容4fOIcq文本15網(wǎng)友OICQ5fE-Mail文本50網(wǎng)友郵箱6fHomepage文本100網(wǎng)友主頁地址7fTime日期/時刻網(wǎng)友留言具體時刻8fRep

28、lyContent備注站長回復留言3.4 交互式頁面設計交互式頁面要緊包括留言板的書寫留言頁、治理員登錄頁、治理留言頁、站長回復頁等。具體如下面各圖：圖3.2 書寫留言頁面圖3.3 治理員登錄頁面圖3.4 治理留言頁面圖3.5 回復留言頁面第4章 系統(tǒng)實現(xiàn)4.1 LOGO和Banner本站的LOGO和Banner都突出了環(huán)保的風格，LOGO是一棵形如小房子的綠樹，下面簇擁著鮮花，襯托著網(wǎng)站的名稱“家園網(wǎng)”。Banner的背景是藍天、白云和一片綠色的草原，草原上還有一座小房子和一棵小樹，上面寫著本站提倡的口號“請愛護我們賴以生存的家園”，具體如下面各圖：圖4.1 網(wǎng)站LOGO圖4.2 網(wǎng)站Ban

29、ner4.2 界面的實現(xiàn) 4.2.1 主頁設計網(wǎng)站主頁的版面設計差不多是如此的：最上面是網(wǎng)站的LOGO和Banner，下面是主菜單，點擊能夠進入二級頁面和留言板。菜單下面分為左右兩部分，左邊是一個滾動的環(huán)保日歷和其它環(huán)保網(wǎng)站的友情鏈接，右邊是二級頁面的內(nèi)容導航和鏈接。再下面是環(huán)保畫廊，有一些滾動的環(huán)保圖片，環(huán)保畫廊之下是一個欄目導航。主頁的色調(diào)以藍色和綠色為主，背景是幾棵模糊的樹，文字和鏈接是簡潔的黑色或藍色，突出環(huán)保主題。在主頁上還插入了一些Gif圖片，使頁面顯得爽朗生動，不那么單調(diào)死板。另外還配有一支好聽的樂曲，在掃瞄網(wǎng)頁的時候給人以聽覺上的享受。網(wǎng)頁布局和主頁設計如下面各圖： LOGOB

30、anner主菜單環(huán)保日歷友情鏈接網(wǎng)站內(nèi)容導航和鏈接環(huán)保畫廊欄目導航圖4.3 網(wǎng)站布局結(jié)構(gòu)圖4.4 網(wǎng)站主頁4.2.2 綠色生活網(wǎng)頁設計圖4.5 二級網(wǎng)頁4.2.3 自然美景網(wǎng)頁設計圖 4.6 三級網(wǎng)頁4.2.4 留言板設計留言板分為書寫留言、顯示留言和治理留言等幾個模塊。用戶首先看到的頁面是顯示留言頁面，然后能夠選擇留言或者對留言進行治理，因此治理留言是有密碼愛護的。治理模塊同意站長回復或者刪除留言。具體功能和要緊文件及界面設計如下面各圖：顯示留言顯示留言Default.asp 留言成功提示C留言成功提示Chenggong.asp 書寫留言Add.asp 留言板留言板治理員登陸治理員登陸Log

31、ain.asp 、fault.aspdenglupanduan.asp、刪除留言delete.asp刪除留言delete.asp治理留言delform.asp治理留言delform.asp回復留言reply.asp、huifutijiao.asp回復留言reply.asp、huifutijiao.asp數(shù)據(jù)庫連接odbc_connection數(shù)據(jù)庫連接odbc_connection圖4.7 留言板功能模塊圖4.8 留言板首頁4.3 設置服務器安裝完IIS后，需要啟動其Web服務。具體操作步驟如下：Windows XP操作界面下選擇“開始”“設置” “操縱面板”，打開“操縱面板”對話框。單擊“治

32、理工具”圖標，打開治理工具對話框，如圖4.9所示。圖4.9 “治理工具”窗口雙擊圖標，打開“Internet信息服務”對話框，如圖4.10所示。圖4.10 “Internet信息服務”窗口選中 “默認網(wǎng)站”，單擊右鍵，選擇“屬性”，打開“默認網(wǎng)站屬性”對話框，如圖4.11所示。圖4.11 “默認網(wǎng)站屬性”對話框選擇“網(wǎng)站”選項卡。在“網(wǎng)站標識”選項下的“描述”文本框中輸入關于站點名稱的講明，在“IP地址”文本框中輸入該服務器在網(wǎng)絡中的IP地址（該地址是用來訪問、掃瞄網(wǎng)頁時用的，用戶在本地進行的設計測試時期此IP地址能夠不設置），如圖4.12所示。圖4.12 “網(wǎng)站”標簽選項選擇“主目錄”選型卡

33、。單擊右側(cè)的“掃瞄”按鈕來設定網(wǎng)站的根文件夾所在路徑，在“本地路徑”中顯示出網(wǎng)站所存在的物理路徑名稱，如圖4.13所示。圖4.13 “主目錄”選項卡單擊“文檔”選項卡。在“啟用默認文檔”復選框下顯示的文檔名稱是網(wǎng)站的首頁名稱。將首頁面確定為Index.htm，如圖4.14所示。圖4.14 “文檔”選項卡單擊“確定”按鈕，完成使用IIS的設置。4.4 交互式頁面的實現(xiàn)4.4.1 數(shù)據(jù)庫連接代碼的實現(xiàn)在odbc_connection.asp頁中用如下代碼來實現(xiàn)ASP與數(shù)據(jù)庫的連接：4.4.2 數(shù)據(jù)庫訪問代碼的實現(xiàn)在留言板的顯示留言頁（default.asp）的數(shù)據(jù)庫訪問代碼如下：0 循環(huán)直到當前頁

34、結(jié)束或記錄集結(jié)尾I=I-1 每顯示一條，I減1，當變成0時，表示本頁結(jié)束%4.5 系統(tǒng)安裝過程1 將本網(wǎng)站拷貝到硬盤上的某一目錄下，如：拷貝至E盤根目錄。2 設置IIS，將默認的Web站點主目錄設置為該目錄。具體步驟：(1) 右擊默認網(wǎng)站，選擇屬性；(2) 單擊“主目錄”按鈕，將本地路徑改為網(wǎng)站的根文件夾，其他不變，確定；(3) 設置啟動默認文檔為：Index.html。4.6 系統(tǒng)運行過程系統(tǒng)安裝完畢后，能夠在掃瞄器的地址欄中輸入網(wǎng)站的地址，即可顯示網(wǎng)站的首頁，在首頁的菜單欄里有其它頁面的相關鏈接，直接點擊就能夠掃瞄本站的所有內(nèi)容，也能夠點擊“給我留言”的鏈接，進入留言板頁面進行留言。結(jié)束語

35、通過我的個人網(wǎng)站的建設，對網(wǎng)站制作過程有了更深刻的了解，我覺得靜態(tài)網(wǎng)頁的制作相對比較容易，作為環(huán)保網(wǎng)站，素材也專門好找。就我個人而言，對動態(tài)網(wǎng)頁的制作方面還缺少專門多的理論與實際操作知識，而網(wǎng)站的留言板部分卻必須運用ASP進行動態(tài)網(wǎng)頁的編輯，此技術的運用大大地增加了我的工作量，在制作過程中也遇到了專門多困難，但通過自己的努力和向老師、同學請教都一一解決了。通過這次網(wǎng)站設計，我感受自己在動態(tài)網(wǎng)頁制作方面的技能有了專門大提高，今后我將接著學習動態(tài)網(wǎng)頁制作的技巧，將本站的動態(tài)部分做的更加美觀、完善，并將接著豐富靜態(tài)部分的內(nèi)容。致謝通過這次個人環(huán)保網(wǎng)站設計，使我增加了專門多的知識，也掌握了專門多網(wǎng)頁設計的操作技巧，盡管仍有專門多不足之處，但我一直在努力改進，這次畢業(yè)設計過程中，得到了專門多朋友的關心和老師的指點，特不是我的指導老師給我提供了專門多有關網(wǎng)頁設計的書和材料，并抽出時刻幫我修改與糾正，在此表示衷心的感謝！參考文獻1 劉世峰數(shù)據(jù)庫基礎與應用第1版中央廣播電視大學出版社，20032 趙增敏、朱粹丹、趙朱曦ASP動態(tài)網(wǎng)頁設計電子工業(yè)出版社，20053 鐵軍網(wǎng)站設計技術第1版