個人空間網(wǎng)站畢業(yè)論文

1、<p><b>　　畢業(yè)設(shè)計論文</b></p><p>　　題 目： 個人空間網(wǎng)站 </p><p><b>　　摘要</b></p><p>　　本論文就個人網(wǎng)站的規(guī)劃與建設(shè)，以軟件工程的方法對全過程進行了分析與研究。本論文的主要工作集中

2、在：</p><p>　　1. 對Web頁進行概述，主要是對Internet的歷史和發(fā)展作了回顧，并對Web頁的定義和特性進行闡述。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術(shù)作了簡要的介紹。</p><p>　　2. 對自己的個人網(wǎng)站從規(guī)劃到建設(shè)進行了詳細(xì)的分析。</p><p>　　3. 使用ASP＋IIS＋Access技術(shù)實現(xiàn)了我的網(wǎng)站的各種功能，其中和數(shù)據(jù)庫

3、的連接使用到了ODBC技術(shù)。</p><p>　　4. 使用Dreamweaver(DIV+CSS)開發(fā)軟件工具對我的個人網(wǎng)站進行布局，使我的網(wǎng)站布局整體工整、美觀。</p><p>　　關(guān)鍵詞 網(wǎng)站　ASP Dreamweaver(DIV+CSS) Access　風(fēng)格　創(chuàng)意</p><p><b>　　目錄</b></p&g

4、t;<p><b>　　1 緒 言1</b></p><p>　　2 基本工具的選擇1</p><p>　　2.1 Web的簡介1</p><p>　　2.1.1 什么是Web1</p><p>　　2.2 開發(fā)工具的介紹及選擇2</p><p>　　2.2.1 夢幻網(wǎng)

5、頁的編織者------Dreamweaver8.02</p><p>　　2.2.2 網(wǎng)頁動畫的制作軟件----Micromedia Flash 3.02</p><p>　　2.2.3動態(tài)網(wǎng)站的腳本語言--ASP2</p><p>　　2.3 關(guān)系型數(shù)據(jù)庫的選擇3</p><p>　　2.3.1 Access3</p>

6、<p>　　3 個人網(wǎng)站設(shè)計分析4</p><p>　　3.1 相關(guān)術(shù)語及解釋4</p><p>　　3.1.1 Internet4</p><p>　　3.1.2 站點4</p><p>　　3.1.3 超鏈接4</p><p>　　3.2 我的個人網(wǎng)站的設(shè)計與規(guī)劃4</p>

7、<p>　　3.2.1 我的個人網(wǎng)站4</p><p>　　3.2.2 功能劃分5</p><p>　　3.2.3 功能描述5</p><p>　　4 網(wǎng)站的詳細(xì)設(shè)計6</p><p>　　4.1 數(shù)據(jù)庫的設(shè)計6</p><p>　　4.1.1 數(shù)據(jù)庫搭建6</p><p&

8、gt;　　4.1.2 連接數(shù)據(jù)庫7</p><p>　　4.2 網(wǎng)站頁面設(shè)計8</p><p>　　4.2.1 界面設(shè)計8</p><p>　　4.2.2 關(guān)鍵代碼設(shè)計15</p><p>　　5 測試與維護22</p><p>　　5.1 測試與維護22</p><p>　　5.

9、1.1 IIS(Internet 信息服務(wù))安裝配置22</p><p>　　5.1.2 Dream weaver測試站點和用IIS測試本地站點23</p><p>　　5.1.3 維護24</p><p><b>　　結(jié)束語25</b></p><p><b>　　謝辭26</b><

10、;/p><p><b>　　參考文獻27</b></p><p><b>　　1 緒 言</b></p><p>　　進入21世紀(jì)，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠(yuǎn)為復(fù)雜而巨大[1]。目前，我國上網(wǎng)的人口已近五個億，成立世界上網(wǎng)民

11、最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑， 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的風(fēng)格與才華。</p><p>　　2 基本工具的選擇</p&g

12、t;<p>　　2.1 Web的簡介</p><p>　　2.1.1 什么是Web</p><p>　　Web(World Wide Web，簡稱WWW，又稱萬維網(wǎng))是目前Internet上應(yīng)用最廣泛也是最重要的信息服務(wù)類型，它的影響已經(jīng)進入了Internet上的廣告、新聞、電子商務(wù)和展示信息等各個服務(wù)領(lǐng)域。</p><p>　　Web采用瀏覽器/服務(wù)

13、器（B/S）工作模式，其運作模式可以描述為：請求→處理→應(yīng)答。</p><p>　　Web以超文本標(biāo)記語言HTML(Hyper Text Markup Language)與超文本傳輸協(xié)議HTTP(Hyper Text Transfer Protocol)為基礎(chǔ)，通過瀏覽器為用戶提供方便友好的信息瀏覽界面。</p><p>　　Web服務(wù)的特點在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文

14、本、圖像、聲音、動畫和視頻等）和服務(wù)（如New、FTP、Telnet、Gopher及Mail等）的無縫鏈接，特別適合于廣域網(wǎng)中信息的組織、檢索與顯示[2]。</p><p>　　2.2 開發(fā)工具的介紹及選擇</p><p>　　2.2.1 夢幻網(wǎng)頁的編織者------Dreamweaver8.0</p><p>　　Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視

15、編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的Roundtrip HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式[3]。</p><p>　　Dreamweaver可以為用戶做到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。</p><p

16、>　　Dreamweaver還是一個可以完全自定義的應(yīng)用程序[3]。用戶可以創(chuàng)建自己的對象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴展Dreamweaver的行為和屬性檢查器。</p><p>　　2.2.2 網(wǎng)頁動畫的制作軟件----Micromedia Flash 3.0</p><p>　　Micromedia Flash 8.0用于web站點的交互式的矢量圖形

17、和動畫的制作，它可制作出用于瀏覽時的導(dǎo)航控制、制作動畫圖標(biāo)、帶同步聲音的大段的動畫，創(chuàng)建出生動的富于表現(xiàn)力的網(wǎng)頁[3]。Flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。</p><p>　　Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過對 Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還

18、有對變量及函數(shù)的設(shè)置。 </p><p>　　2.2.3動態(tài)網(wǎng)站的腳本語言--ASP</p><p>　　Active Server Pages：“動態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)

19、果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設(shè)計程序，客戶端（Client）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果[4]。</p><p>　　(一)、ASP的特點：</p><p>

20、;　　1、任何開發(fā)工具皆可發(fā)展ASP</p><p>　　只要使用一般的文書編輯程序，如Windows記事本，就可以編輯[3]。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、 ＦrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ASP，可能會發(fā)生一些意想不到的離奇狀態(tài)。</p><p>　　通過各家瀏覽由于ASP程

21、序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語言相容性高</b></p><p>　　ASP與所有的ActiveX Script語言都相容，除了可結(jié)合HTML，VBScript、Java ScriptActive X服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Thir

22、d Party）所提供的語言。</p><p><b>　　3、隱密安全性高</b></p><p>　　如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因杰ASP程序先于網(wǎng)站服務(wù)（Ｗeb Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程

23、序并不會輕易地被看見進而被盜用。</p><p><b>　　4、易于操控數(shù)據(jù)庫</b></p><p>　　ASP可以輕易地通過ODBC(Open Database Connectivity)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫用。</p&g

24、t;<p>　　5、面向?qū)ο髮W(xué)習(xí)容易</p><p>　　ASP具備有面向?qū)ο螅∣bject-Oriented）功能，學(xué)習(xí)容易，ASP提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ASP內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網(wǎng)頁之間暫時保存必要的信息[3]。&

25、lt;/p><p>　　所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個人站點。</p><p>　　2.3 關(guān)系型數(shù)據(jù)庫的選擇</p><p>　　2.3.1 Access</p><p>　　Microsoft Access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù)據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶端

26、不能多于4個。Microsoft Access數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達到100M左右，很容易造成服務(wù)器iis假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。</p><p>　　3 個人網(wǎng)站設(shè)計分析</p><p>　　3.1 相關(guān)術(shù)語及解釋</p><p>　　3.1.1 Internet</p><p>　　Internet(英特網(wǎng))

27、誕生于上世紀(jì)60年代，發(fā)展非常慢，到90年代才開始迅速發(fā)展[6]?，F(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡(luò)的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識的海洋。</p><p><b>　　3.1.2 站點</b></p><p>　　所謂站點，就是將網(wǎng)頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的

28、實質(zhì)內(nèi)容。站點文件夾里除了網(wǎng)頁文件還有素材文件，所謂素材就是網(wǎng)頁中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨文件的形式存在。</p><p><b>　　3.1.3 超鏈接</b></p><p>　　我們在瀏覽網(wǎng)頁時，當(dāng)鼠標(biāo)指針指向某段文本或是某個圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開其他的網(wǎng)頁或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接[6]。采用超鏈接技術(shù)可以將不同

29、的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁、網(wǎng)頁中的不同位置彼此串在一起，實現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過超鏈接可以很方便很迅速地訪問分布于全球計算機上的海量資源，實現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務(wù)存在廣泛和持久的生命力，超鏈接可以說是Web的靈魂。</p><p>　　3.2 我的個人網(wǎng)站的設(shè)計與規(guī)劃</p><p>　　3.2.1 我的個人網(wǎng)站</p><p&

30、gt;　　因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點的同時，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)[6]。因此將網(wǎng)站設(shè)計分為前臺頁面展示平臺和后臺在線管理平臺。</p><p>　　3.2.2 功能劃分</p><p>　　本網(wǎng)站設(shè)計實現(xiàn)的功能分前臺與后臺功能，前臺有：發(fā)表個人心情、查看個人資料、發(fā)表留言、圖片放映特效、添加日志、視頻欣賞與文章閱讀；后臺

31、有：修改個人資料、回復(fù)與刪除留言、刪除日志；</p><p>　　3.2.3 功能描述</p><p><b>　　1、主頁</b></p><p>　　在主頁界面，可以實現(xiàn)發(fā)表個人心情，說說你自己想說的話，然后把它提交給數(shù)據(jù)庫sjk中的fb表，利用<%=rs(“”)%>把你剛才提交的內(nèi)容提取到主頁中來；在主頁中還有文字和圖片的移動

32、，用Flash軟件制作的圖片特效。</p><p><b>　　2、個人資料</b></p><p>　　是一個關(guān)于我基本信息的頁面，在這個頁面中，你們可以了解關(guān)于我個人的一些資料，通過這個頁面，大家能夠更進一步加深對我的了解；當(dāng)然，該頁面可以更好地展現(xiàn)我個人的風(fēng)格與特征。</p><p><b>　　3、相冊</b>&l

33、t;/p><p>　　在這個頁面，可以展示漂亮的圖片，包括我的照片、我的同學(xué)、風(fēng)景照片、美女欄木；點擊圖片時，可以切換到圖片特效播放，可以增添大家的視覺感官，豐富相冊。</p><p><b>　　4、留言板</b></p><p>　　在該頁面中，大家有什么話想對我說，可以發(fā)表留言告訴我；通過該頁面，能夠促進我們的交流與溝通，而我則通過后臺登陸，

34、對其進行回復(fù)與刪除。</p><p><b>　　5、MV</b></p><p>　　該頁面包括家鄉(xiāng)文化視頻、音樂MV、搞笑視頻；雖然資料不是很多，但都是不錯的題材，希望大家能喜歡。</p><p><b>　　6、日志</b></p><p>　　在其中展示我喜愛的東西，包括我的日記、精品文章、

35、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識我和了解我，讓一些美好的東西我們大家共同來欣賞。 </p><p><b>　　7、收藏</b></p><p>　　是我個人收藏一些我很喜愛的東西，包括視頻、文章、名人名句；在這個頁面中，大家可以和我一起分享我喜愛的，能夠進一步促進我們的聯(lián)系。</p>&l

36、t;p><b>　　8、后臺管理</b></p><p>　　是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設(shè)計了這個管理頁面，經(jīng)過身份認(rèn)證后我可以進入網(wǎng)站對其中的信息進行管理。</p><p>　　9、頁面組織和數(shù)據(jù)庫設(shè)計</p><p>　　在明確了我的個人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計和數(shù)據(jù)庫

37、設(shè)計。</p><p>　　建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將自己的個人網(wǎng)站分為八個欄目，分別是關(guān)于主頁、

38、個人資料、相冊、日記、MV、留言、收藏、后臺管理[7]。</p><p>　　4 網(wǎng)站的詳細(xì)設(shè)計</p><p>　　4.1 數(shù)據(jù)庫的設(shè)計</p><p>　　4.1.1 數(shù)據(jù)庫搭建</p><p>　　使用Access2000 實現(xiàn)關(guān)系型數(shù)據(jù)庫</p><p>　　用戶密碼登記表Admin</p>&

39、lt;p>　　存儲了系統(tǒng)用戶的信息，包括：登陸口令，登錄密碼。它的設(shè)計視圖如圖1：</p><p><b>　　圖1</b></p><p>　　個人資料信息表，如圖2</p><p><b>　　圖2</b></p><p>　　留言基本檔案表liuyan</p><p&

40、gt;　　存儲了用戶的檔案包括：ID,留言者名字、留言者E-mail、留言內(nèi)容，留言時間，回復(fù)留言，留言頭像，留言主題,其中ID為該表的主關(guān)鍵字。它的設(shè)計視圖如圖3：</p><p><b>　　圖3</b></p><p>　　4、日記基本信息表 log，存儲了用戶的檔案包括：ID、日志標(biāo)題、日志內(nèi)容、創(chuàng)建時間和創(chuàng)建日期，其中ID為該表的主關(guān)鍵字。它的設(shè)計視圖如圖4

41、：</p><p><b>　　圖4</b></p><p>　　以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“sjk.mdb”。</p><p>　　4.1.2 連接數(shù)據(jù)庫</p><p>　　在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在A

42、SP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除[8]。</p><p>　　一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼：</p><p>　　<% '這是ASP程序的起始set conn=server.createobject("adodb.connection")　　'在服務(wù)器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象connstr=

43、"Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("sjk.mdb")　　'告訴ASP數(shù)據(jù)庫的接接方法以及路徑conn.open connstr　　'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接%>　　'一切OK了!結(jié)束ASP程序。</p><p>　　4.2 網(wǎng)站

44、頁面設(shè)計</p><p>　　4.2.1 界面設(shè)計</p><p><b>　　1、主頁 </b></p><p>　　是整個網(wǎng)站的門面，其整體布局工整、美觀。</p><p><b>　?。?）功能</b></p><p>　　利用DIV+CSS樣式與ASP語言對主頁進行布

45、局，讓大家再打開網(wǎng)站的第一眼可以使其煥然一新，感受其主頁所帶來的視覺美觀，也可以了解本網(wǎng)站的發(fā)展方向，主要要實現(xiàn)什么功能，包含多少子頁。</p><p><b>　?。?）組成構(gòu)造</b></p><p>　　網(wǎng)站打開顯示的第一頁面Index.asp，用來包含所有的子頁，同時還具備發(fā)表心情功能。如圖5</p><p><b>　　圖5

46、</b></p><p><b>　　2、個人資料</b></p><p>　　該頁面主要介紹我個人的基本資料與興趣愛好，可以通過瀏覽該頁，了解我個人的基本信息。</p><p><b>　　（1）功能</b></p><p>　　利用ASP對象語句顯示信息，從數(shù)據(jù)庫中提取個人資料，顯示

47、在頁面上。大家可以瀏覽頁面，了解我的基本信息。</p><p><b>　?。?）組成構(gòu)造</b></p><p>　　個人資料顯示頁面document.asp：用來顯示所有個人信息。如圖6</p><p><b>　　圖6</b></p><p><b>　　3、相冊</b>

48、</p><p>　　是一個個人相片和精彩圖片展示的地方，在相冊中，可以了解到我的個人風(fēng)采和自己喜歡的圖片。</p><p><b>　　（1）功能</b></p><p>　　利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。</p><p><b>　

49、?。?）組成構(gòu)造</b></p><p>　　相冊結(jié)果顯示頁面 photo.asp：用來顯示所有圖片，同時還具備圖片的分類功能和圖片單個瀏覽功能。</p><p>　?。?）相冊頁面瀏覽效果圖，如圖7：</p><p><b>　　圖7</b></p><p>　?。?）圖片效果瀏覽圖，如圖8：</p&

50、gt;<p><b>　　圖8</b></p><p><b>　　4、留言本</b></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。</p><p><b>　?。?）功能</b></p

51、><p>　　利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答，同時，用戶在發(fā)表個人意見時，若認(rèn)為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當(dāng)然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個用戶的單獨意見回復(fù)，而且還能看到用戶所留下的“悄悄話</p><p>&l

52、t;b>　?。?）組成構(gòu)造</b></p><p>　　意見留言結(jié)果網(wǎng)頁liuyan.asp：用來顯示用戶發(fā)言與站長回復(fù)內(nèi)容，同時還具備查看留言和發(fā)表留言兩個功能。</p><p>　?。?）留言頁面瀏覽效果圖,如圖9。</p><p><b>　　圖9</b></p><p>　　4、發(fā)表留言瀏覽效果

53、圖，如圖10。</p><p><b>　　圖10</b></p><p><b>　　5、日記</b></p><p>　　是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。</p><p><b>　?。?）功能</b></p><p>　　

54、利用ASP對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章</p><p><b>　?。?）組成結(jié)構(gòu)</b></p><p>　　日記或文章顯示頁面 log.asp：顯示所有日記或文章，同時還具備顯示不同子類日記或文章</p><p>　?。?）日記頁面瀏覽效果圖，如圖12</p><p><b>

55、;　　圖11</b></p><p><b>　　6、后臺管理</b></p><p>　　是一個統(tǒng)領(lǐng)整個網(wǎng)站后臺運行的頁面，可以在該頁面中進行修改、刪除、回復(fù)。</p><p><b>　?。?）功能</b></p><p>　　利用ASP對象語句對網(wǎng)站進行操作，可以對留言板進行回復(fù)與

56、刪除；可以對日志進行刪除；也可以對個人信息進行修改。</p><p><b>　?。?）組成結(jié)構(gòu)</b></p><p>　　登陸頁面：admin.asp；個人信息修改：d2.asp; 留言刪除：del.asp; 日志刪除：zd.asp[9]。</p><p>　　（3）登陸頁面，如圖12</p><p><b&g

57、t;　　圖12</b></p><p>　　（4）個人信息修改，如圖13</p><p><b>　　圖13</b></p><p>　?。?）留言刪除，如圖14</p><p><b>　　圖14</b></p><p>　?。?）日志刪除，如圖15</p

58、><p><b>　　圖15</b></p><p>　　4.2.2 關(guān)鍵代碼設(shè)計 </p><p>　　1、DIV+CSS樣式關(guān)鍵代碼：</p><p>　　body{background:url(image/bj.jpg);margin:0px;padding:0px;text-align:center;}</p&

59、gt;<p>　　#h1{float:left;color:#666666;margin:10px 20px 20px 0px; width:300px;}</p><p>　　#h2{float:right;margin:10px 20px 20px 0px;}</p><p>　　#container{position:relative;margin:1px auto 0

60、px auto; width:1000px;}</p><p>　　#globallink{width:800px;height:100px;margin:0px;background:url(image/banner.jpg)no-repeat;padding-bottom:100px;font-size:20px; border:2px groove #FF9966; }</p><p&g

61、t;　　#globallink ul{ list-style-type:none; position:absolute; display:inline;width:684px;left:111px;op:140px;padding:0px;margin:0px; height:57px;background-color:#666666; border:2px groove #FF9966;}#globallink li{ float

62、:left; text-align:center; padding-top:10px; padding:15px 10px 1px 20px; }</p><p>　　#left{width:150px;height:700px;background-color:#666666;border:2px groove #FF9966;float:left;margin:2px;border-bottom:1px da

63、shed #333333;}</p><p>　　#left img{ margin:6px;}</p><p>　　#left ul{ list-style-type:none; margin:0px; padding:0px;}</p><p>　　#left li{height:20px; width:150px; border-bottom:1px dash

64、ed #FF9966;}</p><p>　　#left li a{ display:block; float:left;}</p><p>　　#left li a:link,#left li a:visited{ font-size:18px; color:#333333;}</p><p>　　#left li a:hover{ color:#FF6633;

65、font-size:15px; background:#333333; width:150px; height:20px;}</p><p>　　#middle{ width:640px; height:600px; background:#666666; margin:10px; float:left; border:1px groove #00CC33;}</p><p>　　#mid

66、dle h4{ margin:0px 1px 0px 0px; float:left; width:430px;}</p><p>　　#middle1{width:740px;height:800px;background:#666666;margin:10px;</p><p>　　float:left; border:1px groove #00CC33; cursor: cross

67、hair; float:left;}</p><p>　　#middle1 table{ margin:2px 5px 5px 5px; cursor: wait;}</p><p>　　#middle1 table a:hover{color:#333333;}</p><p>　　#middle2{width:230px;height:600px;float:r

68、ight;cursor:move; margin:0px;}</p><p>　　#middle2 img{ border: 1px groove #00CC33; margin:5px;} </p><p>　　#middle3{ width:500px; height:680px; float:left;}</p><p>　　#middle4{width:74

69、0px;height:600px;background:#666666;margin:10px; float:left; border:1px groove #00CC33; cursor: crosshair; float:left;}</p><p>　　#middle4 table{ margin:2px 5px 5px 5px; cursor: wait;}</p><p>　　#

70、middle4 table a:hover{color:#333333;}</p><p>　　#middle4 img{ border:2px double #333333; border-bottom-width:10px; border-right-width:10px;border-left-width:10px;border-top-width:10px}</p><p>　　#

71、middle5{ width:735px; height:700px; float:left;}</p><p>　　#middle5 img a:hover{ width:100px; height:90px;}</p><p>　　#right{ width:170px; background:#666666; float:right; height:500px; margin:0px

72、; border:1px groove #FF9900; height:700px;}</p><p>　　#right img{ margin:5px;}</p><p>　　a:link{ color:#FF9966; text-decoration:none;}</p><p>　　a:visited{ color:#FF9999; text-decorati

73、on:none;}</p><p>　　a:hover{ color:#FF6600; font-size:18px;} [11]</p><p>　　2、數(shù)據(jù)庫連接代碼頁面 conn.asp </p><p>　　<%set conn=Server.CreateObject("ADODB.connection") </p>

74、<p>　　connstr="DBQ="+server.mappath("sjk.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};" conn.open connstr</p><p><b>　　%></b></p><

75、;p>　　3、分頁功能模塊代碼</p><p><b>　　<%</b></p><p>　　Set rs = Server.CreateObject("ADODB.Recordset")</p><p>　　Page = CLng(Request("Page"))</p>&l

76、t;p>　　sql = "Select * from liuyan order by id"</p><p>　　rs.open sql, conn, 3, 2</p><p>　　rs.PageSize = 1 '每頁顯示記錄數(shù)</p><p>　　If Page < 1 then Page = 1</p>

77、<p>　　If page > rs.PageCount Then Page = rs.PageCount '指定頁數(shù) > 實際頁數(shù)的處理</p><p>　　If rs.PageCount > 0 then rs.AbsolutePage = Page '頁數(shù) > 0 的處理</p><p><b>

78、　　%></b></p><p><b>　　<%</b></p><p>　　If rs.PageCount > 1 then</p><p><b>　　%></b></p><p>　　<a href="<%=MySelf%>?P

79、age=<% =(Page - 1) %>">上一頁</a>&nbsp;&nbsp;</p><p><b>　　<%</b></p><p>　　For i = 1 to rs.PageCount</p><p>　　If i = Page then</p><

80、p>　　color = "Red"</p><p>　　response.write " <Font color=" + color + ">" + Cstr(i) + "</Font>&nbsp; "</p><p><b>　　Else</b>&l

81、t;/p><p>　　color = "white"</p><p>　　response.write " <a href=" + MySelf + "?Page=" + Cstr((i))+ "><Font color="+ color + ">" + Cstr(i)+

82、 "</Font></a>&nbsp;"</p><p><b>　　End If</b></p><p><b>　　Next</b></p><p><b>　　%></b></p><p>　　<a href

83、="<%=MySelf%>?Page=<%=(Page + 1)%> ">下一頁</a> </p><p><b>　　<%</b></p><p>　　ElseIf rs.PageCount < 1 then</p><p>　　response.Write "

84、;<div align=‘center’><font color=red > 無相關(guān)數(shù)據(jù)!!...</font></div>"</p><p><b>　　End If</b></p><p><b>　　%></b></p><p><b>　　4

85、、添加記錄操作</b></p><p><b>　　<% </b></p><p>　　Set Rs = Server.CreateObject("ADODB.Recordset") </p><p>　　Sql = "Select * From liuyan"</p>&

86、lt;p>　　Rs.Open Sql,conn,1,3 </p><p><b>　　Rs.AddNew</b></p><p>　　rs("name")=request.Form("name")</p><p>　　rs("e-mail")=request.Form("

87、;e-mail")</p><p>　　rs("subject")=request.Form("subject") </p><p>　　rs("body")=request.Form("body")</p><p>　　rs("time")=reques

88、t.Form("time")</p><p>　　rs("data")=request.Form("data")</p><p>　　Rs.Update </p><p><b>　　Rs.Close </b></p><p>　　Set Rs=Nothing

89、</p><p>　　conn.close </p><p>　　set conn=nothing </p><p>　　response.Write("<script>alert('您好，您所留言的信息已成功提交,正在轉(zhuǎn)入留言頁面');location.href='ly.asp';</script>

90、") </p><p><b>　　%></b></p><p><b>　　5、刪除記錄操作</b></p><p><b>　　<%</b></p><p>　　id=request.querystring("id") '定

91、義傳值參數(shù)</p><p><b>　　%></b></p><p><b>　　<%</b></p><p>　　set rs=Server.CreateObject("ADODB.Recordset") </p><p>　　sql = "select

92、* from liuyan where id="&id </p><p>　　rs.open sql,conn,3,2</p><p>　　if not rs.eof then</p><p><b>　　rs.delete</b></p><p>　　response.Write("<

93、script>alert('刪除成功！');location.href='liuyyan.asp';</script>") </p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　6、記錄的修改和查看

94、</p><p><b>　　<% </b></p><p>　　Set rs = Server.CreateObject("ADODB.Recordset") </p><p>　　Sql = "Select * From document2" </p><p>　　rs.

95、open sql,conn,1,3</p><p>　　rs("name")=request.Form("name") </p><p>　　rs("age")=request.Form("age") </p><p>　　rs("sex")=request.Form

96、("sex") </p><p>　　rs("phone")=request.Form("phone")</p><p>　　rs("address")=request.Form("address")</p><p>　　rs("hy")=requ

97、est.Form("hy")</p><p>　　rs("xx")=request.Form("xx")</p><p>　　rs("home")=request.Form("home")</p><p>　　rs("work")=request.

98、Form("work")</p><p>　　rs("company")=request.Form("company")</p><p>　　rs("cdz")=request.Form("cdz")</p><p>　　rs.update </p>&

99、lt;p><b>　　rs.close </b></p><p>　　response.Write("<script>alert('恭喜你,修改成功!');location.href='../admin/admin.asp';</script>") </p><p><b>　

100、　%></b></p><p><b>　　<%</b></p><p>　　Response.Write("<TR BGCOLOR=#333333>")</p><p>　　Response.Write("<TD height=30 width=50><FON

101、T color=#ff00ff>標(biāo)題</font></TD>")</p><p>　　Response.Write("<TD><p align=left><FONT color=#cc6666 size=+2>"+rs("subject")+ "</font></p>

102、;</TD>")</p><p>　　Response.Write("</TR>")</p><p>　　For i = 1 to rs.PageSize</p><p>　　If rs.EOF Then Exit For</p><p>　　If i mod 2=0 Then</p

103、><p>　　Color = "#333333"</p><p><b>　　Else</b></p><p>　　Color = "#333333"</p><p><b>　　End If</b></p><p>　　Response.

104、Write("<TR BGCOLOR=" + Color + ">")</p><p>　　Response.Write("<TD><FONT color=#ff00ff>內(nèi)容</font></TD>")</p><p>　　Response.Write("&l

105、t;TD><FONT color=#cc6666>"+rs("body")+"<br><br><p align=right>"&rs("time")&"<br>"&rs("data")&"</p></fo

106、nt></TD>")</p><p>　　Response.Write("</TR>")</p><p>　　rs.MoveNext </p><p><b>　　Next</b></p><p><b>　　%></b><

107、;/p><p><b>　　5 測試與維護</b></p><p><b>　　5.1 測試與維護</b></p><p>　　5.1.1 IIS(Internet 信息服務(wù))安裝配置</p><p>　　可以在"添加或刪除程序 >>添加/刪除Windows組件"對話框

108、中把"Internet 信息服務(wù)(IIS)"前的勾選中，點"下一步"進行安裝就行了(注：在這之前應(yīng)把系統(tǒng)安裝盤放到光驅(qū))。 IIS 裝好之后再作一下簡單的配置。定位到"開始>>管理工具>>Internet 信息服務(wù)(IIS)管理器"，打開IIS管理器。在"本地計算機>>網(wǎng)站>>默認(rèn)網(wǎng)站"上右鍵單擊，在快捷菜單里

109、選"屬性"(或者直接在操作菜單下選"屬性")，彈出如下對話框圖16:</p><p><b>　　圖16</b></p><p>　　切換到"主目錄"標(biāo)簽(圖2)，重新選擇網(wǎng)站根目錄(我選擇的是E盤下的my web目錄)，默認(rèn)是"系統(tǒng)盤:\Inetpub\wwwroot",因為系統(tǒng)盤不宜放

110、太多的非系統(tǒng)文件，所以在這里重設(shè)默認(rèn)網(wǎng)站要目錄，如果嫌麻煩可以跳過這步。再切換到"文檔"標(biāo)簽，通過"添加"、"刪除"、"上移"、"下移 "，把站點的默認(rèn)文檔設(shè)置如圖17：</p><p><b>　　圖17</b></p><p>　　可能有些朋友會疑惑，設(shè)置默認(rèn)內(nèi)容文

111、檔有什么作用？細(xì)心的朋友應(yīng)該會發(fā)現(xiàn)，在瀏覽一些大網(wǎng)站的首頁時用它的一級域名就行了，并不需要指定請求頁的文件名，這就是設(shè)置了默認(rèn)內(nèi)容文檔的緣故，它的作用就是在瀏覽器請求沒有指定文檔的名稱時，將默認(rèn)文檔提供給瀏覽器。要得到更詳盡的解釋說明，可以點擊圖3中的“幫助”。之所以有這步，是因為網(wǎng)站的默認(rèn)內(nèi)容頁中沒有index.asp，不大符合國人習(xí)慣。</p><p>　　5.1.2 Dream weaver測試站點和用II

112、S測試本地站點</p><p>　　Dream weaver MX提供了全面檢測站點的功能，它比檢測鏈接更全面。全面地檢測內(nèi)部、外部鏈接、去除錯標(biāo)簽、空標(biāo)簽、多余的標(biāo)簽等，它的使用相當(dāng)簡單，使用全面檢測站點功能如下：</p><p>　　1、選擇菜單中【站點】的【報告】命令，打開一個窗口。</p><p>　　2、選擇檢測范圍，在【報告】選項中有四個內(nèi)容供選擇：Cu

113、rrent Document、Entire Local Site、Select Files in site、Folder。</p><p>　　3、對工作流方面的信息進行檢測。</p><p>　　4、對HTML文件的信息做出檢查。</p><p>　　把編好的網(wǎng)站文件復(fù)制到D:/my web文件夾中，可以打開瀏覽器，在地址欄中輸入http://localhost/

114、my web/index.asp ,就會看見網(wǎng)站了。</p><p><b>　　5.1.3 維護</b></p><p>　　網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，這樣才會不斷的吸引更多的瀏覽者訪問，才能成為一個優(yōu)秀的網(wǎng)站。通過FTP軟件將更新過的網(wǎng)頁上傳到服務(wù)器或通過Dream weaver MX來遠(yuǎn)程管理站點，同時還要認(rèn)真回復(fù)瀏覽者的電子郵

115、件和留言，做到有問比答。平時多收集資料，多聽聽別人建議，定期更新版面，還有推廣站點[9]。</p><p><b>　　結(jié)束語</b></p><p>　　建設(shè)本個人網(wǎng)站耗時接近四個月，在其設(shè)計過程中，經(jīng)過老師耐心細(xì)致的指導(dǎo)，及同學(xué)之間的相互交流，同時翻閱了大量的資料(包括網(wǎng)上資料，書本及學(xué)校的一些相關(guān)資料)經(jīng)過近一段時間的努力，個人網(wǎng)站的設(shè)計制作告一段落?？偨Y(jié)這次“

116、文武屋-個人網(wǎng)站”開發(fā)制作過程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法及交互式動態(tài)網(wǎng)站的制作設(shè)計手段，并對初步利用后臺程序完成了網(wǎng)站的動態(tài)響應(yīng)與生成網(wǎng)頁的技術(shù)。同時也從中學(xué)習(xí)了對靜態(tài)頁面的處理風(fēng)格，色彩搭配，頁面導(dǎo)航方面有了一定經(jīng)驗。對用Javascript語言制作動態(tài)效果也有了更進一步的認(rèn)識。在交互式網(wǎng)頁設(shè)計學(xué)會了如何使用Access建立數(shù)據(jù)庫，以及對數(shù)據(jù)庫瀏覽，修改，添加，查詢。如何用ASP編寫程序來方便用戶在網(wǎng)上查看

117、網(wǎng)站各方面的信息和交流。</p><p>　　進入21世紀(jì)后，網(wǎng)站的制作技術(shù)與要求也都發(fā)生著明顯的變化，它們已經(jīng)告別了因特網(wǎng)初期網(wǎng)站制作的“幼稚”期，隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無不要求網(wǎng)站從立意，策劃，頁面設(shè)計到后臺程序的全面提高。無論是個人網(wǎng)站還是企業(yè)網(wǎng)站都必須被要求從瀏覽者角度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競爭的真正實質(zhì)所在。</p><p>　

118、　本次設(shè)計由于設(shè)計時間較緊，且相關(guān)模塊比較多，加之設(shè)計經(jīng)驗的不足，在網(wǎng)站的整體設(shè)計及各模塊功能可能設(shè)計的不完全，有待于進一步的完善和改進。</p><p><b>　　謝辭</b></p><p>　　經(jīng)過幾個月的忙碌和工作，本次畢業(yè)設(shè)計已經(jīng)接近尾聲，作為一個畢業(yè)設(shè)計，由于經(jīng)驗的匱乏，難免有許多考慮不周全的地方，如果沒有導(dǎo)師的督促指導(dǎo)，以及同學(xué)們的支持，想要完成這個畢

119、業(yè)設(shè)計是想都不敢想。</p><p>　　本論文是在xx老師悉心指導(dǎo)下完成的。xx老師淵博的專業(yè)知識，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，平易近人的人格魅力對我影響深遠(yuǎn)。不僅使我樹立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)、掌握了基本的研究方法，還使我明白了怎樣為人處世的道理。所有這一切都將成為我受益終生的寶貴財富!本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。設(shè)計期間，指導(dǎo)老師嚴(yán)肅的科學(xué)

120、態(tài)度、嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神、精益求精的工作作風(fēng)深深地感染和激勵著我。從課題的選擇到項目的最終完成，都始終給予我細(xì)心的指導(dǎo)和不懈的支持。在此，謹(jǐn)向?qū)煴硎境绺叩木匆夂椭孕牡母兄x！</p><p>　　此外，感謝在這三年來對我督促指導(dǎo)的所有導(dǎo)師，他（她）們孜孜不倦的教誨讓我學(xué)到了很多的知識，掌握了學(xué)習(xí)的方法，更教會我做人處事的道理，在此表示由衷的感謝。</p><p>　　最后，還要感謝我的母?！?/p>

121、xx三年來對我的大力栽培。</p><p><b>　　參考文獻</b></p><p>　　[1] 編著:吳濤主《網(wǎng)站全程設(shè)計技術(shù)（修訂本） 》[M]清華大學(xué)出版社；北京交通大學(xué)出版社 2006.7第五版</p><p>　　[2] 編著:任學(xué)文、范嚴(yán)《網(wǎng)頁設(shè)計與制作》[M]中國科學(xué)技術(shù)出版社，2006.8第一版</p><

122、;p>　　[3] 編著:莊王健《網(wǎng)頁設(shè)計三劍客白金教程》[M]電子工業(yè)出版社 2006.01(08職業(yè)版)</p><p>　　[4] 編著:趙增敏《ASP動態(tài)網(wǎng)頁設(shè)計》[M]電子工業(yè)出版社 2003.8第五版</p><p>　　[5] 編著:武創(chuàng)、王惠《網(wǎng)頁設(shè)計探索之旅》[M]電子工業(yè)出版社 2006.9第一版</p><p>　　[6] 編著:杜巧玲、后

123、立勝、劉文政《網(wǎng)頁設(shè)計超級夢幻組合》[M]清華大學(xué)出版社 2003.3第一版</p><p>　　[7] 編著:吳黎兵、羅云芳《網(wǎng)頁設(shè)計教程》[M]武漢大學(xué)出版社 2006.2第四版</p><p>　　[8] 編著:龍馬工作室《ASP+SQL Server組建動態(tài)網(wǎng)站實例精講》[M]人民郵電出版社 2004.8第二版</p><p><b>　　[9]