個(gè)人網(wǎng)站設(shè)計(jì)-畢業(yè)論文

畢業(yè)(設(shè)計(jì))論文：個(gè)人網(wǎng)站設(shè)計(jì) -PAGE32-計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)個(gè)人網(wǎng)站設(shè)計(jì)【摘要】這篇論文是關(guān)于我的一個(gè)個(gè)人網(wǎng)站的設(shè)計(jì)，首先我先從網(wǎng)站設(shè)計(jì)的方向和目的、網(wǎng)站設(shè)計(jì)的整個(gè)流程出發(fā)，然后通過(guò)自己設(shè)計(jì)的這個(gè)個(gè)人網(wǎng)站作品來(lái)說(shuō)明并演示一個(gè)完整的網(wǎng)站制作過(guò)程。本論文詳細(xì)的介紹了整個(gè)網(wǎng)站設(shè)計(jì)的全過(guò)程。本論文的每一章都是網(wǎng)站建設(shè)的一個(gè)步驟，理論和實(shí)踐相結(jié)合。既有理論、又有實(shí)例，把每一章的實(shí)例合在一起，就構(gòu)成一個(gè)大實(shí)例。當(dāng)然，一個(gè)好網(wǎng)站的整個(gè)設(shè)計(jì)過(guò)程是不能用短短的幾十頁(yè)紙就可以說(shuō)清楚，所以，在我的這篇論文中，我詳細(xì)的介紹了整個(gè)網(wǎng)站中最重要的部分，其中包括主頁(yè)的設(shè)計(jì)和一部分鏈接頁(yè)面的設(shè)計(jì)?！娟P(guān)鍵詞】：設(shè)計(jì)策劃網(wǎng)站。.目錄TOC\o"1-2"\h\z\u引言 3第一章本網(wǎng)站設(shè)計(jì)規(guī)劃 31.1本網(wǎng)站建設(shè)的方向和目的： 3第二章網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備 52.1軟件準(zhǔn)備和ISS5.0的安裝與設(shè)置 5第三章本站的制作過(guò)程 93.1首頁(yè)的制作過(guò)程 93.1.1靜態(tài)頁(yè)面的制作 93.1.2動(dòng)態(tài)頁(yè)面的制作 133.2鏈接頁(yè)面的制作 153.2.1校園資訊的制作 15第四章本站數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程 174.1數(shù)據(jù)庫(kù)設(shè)計(jì) 174.2 網(wǎng)站數(shù)據(jù)安全 19第五章網(wǎng)站的測(cè)試與上傳 205.1網(wǎng)站的測(cè)試 205.2網(wǎng)站的上傳 21附錄 26參考文獻(xiàn) 27Personalwebsitedesign 29本網(wǎng)站設(shè)計(jì)規(guī)劃引言引言引言引言網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開拓國(guó)際市場(chǎng)，開展24小時(shí)網(wǎng)上營(yíng)銷及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打開新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過(guò)自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過(guò)程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對(duì)相對(duì)于其他包括種類齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。這是我這個(gè)網(wǎng)站選擇大學(xué)生主題的原因之一。其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對(duì)什么事物，內(nèi)容，活動(dòng)等等感興趣，所以，我做起來(lái)的時(shí)候相對(duì)來(lái)說(shuō)是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會(huì)捕捉到大學(xué)生的興趣點(diǎn)。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我廣泛的聽取同學(xué)的意見和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我根據(jù)自己以往的設(shè)計(jì)經(jīng)驗(yàn)和自己找來(lái)的資料，又經(jīng)過(guò)老師的指點(diǎn)，經(jīng)過(guò)了近一個(gè)月的努力，幾經(jīng)易稿，最終做成了我的這個(gè)個(gè)人主頁(yè)。本網(wǎng)站設(shè)計(jì)規(guī)劃1.1本網(wǎng)站建設(shè)的方向和目的：1.1.1網(wǎng)站建設(shè)目的：網(wǎng)站的建設(shè)不僅僅是制作主頁(yè)的問(wèn)題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫(kù)技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問(wèn)題，寫出詳盡的建站計(jì)劃，可以說(shuō)這是網(wǎng)站建設(shè)的根源和核心所在。這里就以我做的這個(gè)學(xué)生網(wǎng)站為實(shí)例給大家簡(jiǎn)述這個(gè)問(wèn)題，如我設(shè)計(jì)的個(gè)人主頁(yè)：http://www.*****.com。作為一個(gè)學(xué)生網(wǎng)站，我的服務(wù)群體及訪問(wèn)者都定位在在校學(xué)生，為學(xué)生服務(wù)就是我的這個(gè)網(wǎng)站的目的和方向。從整個(gè)頁(yè)面上可以看出，我的這個(gè)整個(gè)網(wǎng)站涉及校園新聞、考研、男生女生等等都是關(guān)于我們?cè)谛W(xué)生的。整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過(guò)詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來(lái)確定的。1.1.2本站明確的目的：不同的網(wǎng)站目的要求通過(guò)不同的方式來(lái)實(shí)現(xiàn)。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站，以及一個(gè)大型門戶網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站，其出發(fā)點(diǎn)和建站目的都有所不同，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個(gè)網(wǎng)站時(shí)，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。本網(wǎng)站預(yù)計(jì)的用戶群體：對(duì)于網(wǎng)站的設(shè)計(jì)者和建設(shè)者來(lái)說(shuō)，在設(shè)計(jì)規(guī)劃網(wǎng)站時(shí)必須要明確自己網(wǎng)站的瀏覽者，也就是確定自己的用戶群體。在已經(jīng)確定了建設(shè)目的的前提下，應(yīng)根據(jù)建站方向所會(huì)導(dǎo)致出現(xiàn)的不同用戶群體的需求來(lái)規(guī)劃設(shè)計(jì)整個(gè)網(wǎng)站。我的這個(gè)網(wǎng)站就確定了以大學(xué)生為用戶群體。本網(wǎng)站的結(jié)構(gòu)和風(fēng)格：網(wǎng)站的風(fēng)格反映了一個(gè)網(wǎng)站的特色，它具有很大的代表性。出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無(wú)價(jià)值的。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來(lái)設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。那么什么是網(wǎng)站的結(jié)構(gòu)和風(fēng)格呢？網(wǎng)站的結(jié)構(gòu)是連接網(wǎng)站內(nèi)容之間的支架。網(wǎng)站的結(jié)構(gòu)是網(wǎng)站的核心和骨架，如果沒有網(wǎng)站結(jié)構(gòu)，網(wǎng)站將會(huì)變得一團(tuán)糟。現(xiàn)在，只有高度發(fā)展、高度結(jié)構(gòu)化、易用且能獨(dú)立行走的網(wǎng)站才受瀏覽者的歡迎。網(wǎng)站設(shè)計(jì)規(guī)劃如圖所示，我的這個(gè)網(wǎng)站的結(jié)構(gòu)主要由學(xué)生考研、英語(yǔ)特區(qū)、個(gè)性女生、網(wǎng)絡(luò)學(xué)院、校園文學(xué)、校園資訊、動(dòng)漫天下等幾大部分組成。這些部分組成了我的整個(gè)網(wǎng)站的結(jié)構(gòu)，使得整個(gè)站點(diǎn)不會(huì)因?yàn)閮?nèi)容過(guò)多而顯得雜亂無(wú)章。網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備2.1軟件準(zhǔn)備和ISS5.0的安裝與設(shè)置2.1.1軟件準(zhǔn)備在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，因人而宜，每個(gè)人使用的軟件也許不同，如比較有名的網(wǎng)站設(shè)計(jì)軟件有Macromedia公司出品的網(wǎng)頁(yè)設(shè)計(jì)“三劍客”、有微軟的Frontpage、還有國(guó)產(chǎn)的“東方網(wǎng)頁(yè)王”等等。在這里，我們主要說(shuō)的是Macromedia公司出品的“三劍客”。這“三劍客”包括DreamweaverMX、FireworksMX和FlashMX，其中，DreamweaverMX是網(wǎng)頁(yè)編輯軟件，F(xiàn)ireworksMX是圖形/圖像處理軟件，F(xiàn)lashMX是矢量動(dòng)畫編輯軟件。當(dāng)然，到今天為止，Macromedia公司出品的這個(gè)“三劍客”都已經(jīng)是2004版，估計(jì)2005版也應(yīng)該很快出來(lái)了。Macromedia公司一向以其優(yōu)良的設(shè)計(jì)、友好的用戶界面和強(qiáng)大的功能而著稱，這三個(gè)軟件也不例外，它們是Macromedia公司專門為網(wǎng)頁(yè)設(shè)計(jì)、制作開發(fā)的系列軟件套件，三者之間可以無(wú)縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問(wèn)題，是設(shè)計(jì)動(dòng)畫網(wǎng)頁(yè)的最佳工具。DreamweaverMX采用“所見即所得”的直觀設(shè)計(jì)模式，充分尊重設(shè)計(jì)人員的原始意識(shí)和想象力。她成功地將網(wǎng)頁(yè)設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開來(lái)，使用戶只需專注于設(shè)計(jì)，而其余的工作由DreamweaverMX自動(dòng)完成。另外，還有一點(diǎn)值得說(shuō)明的是，DreamweaverMX可以控制和刪除冗余代碼，減小網(wǎng)頁(yè)文件的大小。從而能夠快速上傳和下載。FireworksMX的獨(dú)特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強(qiáng)大的翻滾圖工具。它是基于WEB應(yīng)用的圖形/圖象處理軟件，提供了一種革命性的新方法來(lái)創(chuàng)建WEB圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。FireworksMX的最大優(yōu)勢(shì)就在于它在任何時(shí)候可以從任何階段開始設(shè)計(jì)工作，這樣既可以節(jié)約時(shí)間又可以對(duì)產(chǎn)品進(jìn)行擴(kuò)展。另外，F(xiàn)ireworksMX中的諸多功能都是面向WEB應(yīng)用的，因此對(duì)于WEB設(shè)計(jì)新手來(lái)說(shuō)也很容易學(xué)習(xí)的。FlashMX是比較另類、超前的一種網(wǎng)頁(yè)動(dòng)畫制作軟件，它不僅能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的諸多要求，更為網(wǎng)頁(yè)多媒體的使用者帶來(lái)了前所未有的便利。FlashMX提供了廣泛的平臺(tái)支持，它不需要任何編程工作就能夠制作出精彩的動(dòng)態(tài)效果。由于FlashMX采用矢量圖形格式來(lái)制作動(dòng)畫，因此在低寬帶的網(wǎng)絡(luò)環(huán)境中仍然可以具有高品質(zhì)的畫面以及存儲(chǔ)空間小的優(yōu)點(diǎn)，從而是瀏覽者能夠快速的下載效果非凡的動(dòng)畫。在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過(guò)程中，我選擇了DreamwearMX2004和FlashMX2004和Photoshop三種軟件。因?yàn)樽约合驅(qū)τ谄渌能浖?lái)說(shuō)，這三個(gè)還算是比較熟悉的。2.1.2ISS5.0的安裝與設(shè)置在因特網(wǎng)/企業(yè)網(wǎng)上的基于瀏覽的開發(fā)方案中，Microsoft的IIS起到客戶端與服務(wù)器端的連接作用。當(dāng)訪問(wèn)者在瀏覽器中鍵入對(duì)你服務(wù)器上的網(wǎng)頁(yè)進(jìn)行訪問(wèn)的請(qǐng)求，這個(gè)請(qǐng)求通過(guò)網(wǎng)絡(luò)路由到服務(wù)器端，然后服務(wù)器再將它交給IIS處理。IIS檢索所請(qǐng)求的頁(yè)，并根據(jù)請(qǐng)求的文件名對(duì)該網(wǎng)頁(yè)進(jìn)行相應(yīng)的處理。如果該文件是以.asp為擴(kuò)展名或者該文件是某種類型的請(qǐng)求文件，那么IIS將對(duì)該頁(yè)面上的代碼進(jìn)行處理。IIS5.0是專為Windows2000設(shè)計(jì)的WEB服務(wù)器軟件。Windows2000Server在安裝系統(tǒng)時(shí)，就以自動(dòng)安裝IIS5.0；但Windows2000Professional不會(huì)自動(dòng)安裝它。下面就簡(jiǎn)單介紹一下在我設(shè)計(jì)過(guò)程中在Windows2000Professional上安裝IIS5.0的過(guò)程。網(wǎng)站設(shè)計(jì)的前期準(zhǔn)備步驟1首先，我選擇“開始”—“設(shè)置”—“控制面板”，在“控制面板”中選擇“添加或刪除程序”后，彈出“添加/刪除程序”對(duì)話框。步驟2在左邊4個(gè)可選擇的導(dǎo)航欄中選擇“添加/刪除Windows組建”按扭，彈出一個(gè)新的對(duì)話框。步驟3在顯示的組建里面，選中“Internet信息服務(wù)（IIS）”組建的復(fù)選框，單擊“下一步”按鈕，就進(jìn)入了IIS5.0的安裝過(guò)程，如圖所示。步驟4等到安裝完成以后，在“控制面板”里面選擇“管理工具”，在打開的管理工具里面如果有“Internet服務(wù)管理器”，說(shuō)明IIS5.0已經(jīng)安裝好。打開IE瀏覽器，然后在地址欄輸入“”（或者localhost），就可以看到所鏈節(jié)的界面。也可以改變默認(rèn)的站點(diǎn)位置和主頁(yè)，修改步驟如下：步驟1打開“Internet服務(wù)器管理器”，彈出一個(gè)對(duì)話框如圖2-5所示。步驟2右鍵單擊“默認(rèn)Web站點(diǎn)”，在彈出的菜單里面選擇“屬性”項(xiàng)，打開一個(gè)新的對(duì)話框如圖2-6所示。步驟3在圖3-6所示的“Web站點(diǎn)”中，可以設(shè)置站點(diǎn)的說(shuō)明、IP地址和其他一些屬性。選擇“主目錄”標(biāo)簽，顯示如圖2-7所示界面。步驟4在“主目錄”選項(xiàng)卡中，“本地路徑”的默認(rèn)設(shè)置是：“C:\Inetpub\wwwroot”,為了方便以后編輯和管理網(wǎng)站，將其路徑設(shè)置如”D:\mysite”。如圖2-7所示，讀者也可以根據(jù)實(shí)際情況設(shè)置為其他路徑。選擇“文檔”標(biāo)簽，打開如圖2-8所示界面。步驟5可以添加一個(gè)默認(rèn)文檔作為主頁(yè)。選擇“添加”按鈕，在彈出的對(duì)話框中輸入文檔名。為下一節(jié)的實(shí)例輸入“index.asp”作為網(wǎng)頁(yè)首頁(yè)，然后單擊左邊的向上和向下箭頭改變默認(rèn)文檔的次序。本站的制作過(guò)程以上介紹了IIS5.0的安裝和設(shè)置。本站的制作過(guò)程3.1首頁(yè)的制作過(guò)程3.1.1靜態(tài)頁(yè)面的制作這是我的這個(gè)個(gè)人網(wǎng)站的首頁(yè)的一部分，在這個(gè)主頁(yè)的上部，是有兩個(gè)Flash圖片做成的，如上圖所示。接下來(lái)，我就簡(jiǎn)單演示一下這個(gè)主頁(yè)的制作過(guò)程。首先，運(yùn)行DreamwearMX2004，選擇“文件”—“新建”—“創(chuàng)建基本頁(yè)”如圖：選擇“標(biāo)準(zhǔn)、擴(kuò)展、布局”里的“布局”，接著選擇旁邊的“布局表格”，然后在空白頁(yè)面上按我事先的規(guī)劃畫出如下布局：接著，選擇“布局”旁邊的“繪制布局單元格”在剛剛繪制好的“布局表格”上繪制出單元格，如果只看兩幅圖，似乎沒什么區(qū)別，但實(shí)際這是后一幅圖比前一幅多了“繪制布局單元格”，這一點(diǎn)是非常重要的。接下來(lái)，回到“常用”--“標(biāo)準(zhǔn)”，選擇“表格”，在最上面的布局里插入一行一列單元格，比例設(shè)為100，如圖：本站制作過(guò)程本站制作過(guò)程將光標(biāo)放在插入的表格內(nèi)，接著就是插入一幅Flash動(dòng)畫。選擇“插入”—“媒體”—“Flash”，在彈出的文件中選取我自己事先做好的Flash動(dòng)畫的，調(diào)整Flash動(dòng)畫的大小，既可以手動(dòng)調(diào)整，也可以在下面的屬性里添上我自己事先設(shè)置好的大小，我通常是手動(dòng)輸入的。這樣，首頁(yè)頂部的這個(gè)Flash動(dòng)畫就添加成功了。接下來(lái)，我用同樣的方法把這個(gè)動(dòng)畫下的另一個(gè)動(dòng)畫菜單添加上。添加后的效果入圖：因?yàn)橹挥性跒g覽器中，整個(gè)Flash動(dòng)畫才可以被看到，所以，我就按下F12，這樣就可以在瀏覽器中看到剛剛我做好的主頁(yè)中的一部分了。接下來(lái)，我們就來(lái)講講首頁(yè)底部的頁(yè)面的制作過(guò)程。首先，我先把底面按和頂部一樣都插入一個(gè)一行一列的，邊框?yàn)?的表格，然后把光標(biāo)放在表格里，設(shè)置背景圖片，如圖：在設(shè)置背景圖片的時(shí)候，我把選擇了我自己事先做好的一幅圖，接下來(lái)，就在這個(gè)表格里輸入如圖的文字，包括：本站簡(jiǎn)介，本站業(yè)務(wù)...最后，我把屬于我的版權(quán)信息也輸入到了這個(gè)底步。這樣，整個(gè)首頁(yè)的靜態(tài)頁(yè)面就大體做好了。3.1.2動(dòng)態(tài)頁(yè)面的制作在整個(gè)網(wǎng)站中，動(dòng)態(tài)頁(yè)面占了這個(gè)主頁(yè)的大部分，在這里，我就把我的這個(gè)個(gè)人主頁(yè)的動(dòng)態(tài)頁(yè)面的制作大體的講解一下。首先，我根據(jù)我的個(gè)人主頁(yè)所要實(shí)現(xiàn)的功能我制作好了我的數(shù)據(jù)庫(kù)（在第四章），接下來(lái)，我就把我設(shè)定系統(tǒng)的DSN（數(shù)據(jù)源名稱）的方法來(lái)講講。首先，我明白，DSN是用來(lái)確定數(shù)據(jù)庫(kù)所在的位置以及數(shù)據(jù)庫(kù)的相關(guān)屬性的。使用DSN的優(yōu)點(diǎn)是，如果我要移動(dòng)數(shù)據(jù)庫(kù)檔案的位置或是使用其他類型的數(shù)據(jù)庫(kù)的時(shí)候，我只要重新設(shè)定DSN即可，不需要去修改原來(lái)使用的程序。下面，我就演示我在自己的電腦上配置DSN的過(guò)程：1.啟動(dòng)控制面板，雙擊“管理工具”下的“數(shù)據(jù)源（ODBC）”，如圖所示：2.在打開的“數(shù)據(jù)源（ODBC）”對(duì)話框中選擇“系統(tǒng)DSN”標(biāo)簽，然后單擊“添加”按鈕，如圖：3.在彈出的“創(chuàng)建新數(shù)據(jù)源”對(duì)話框中，選擇數(shù)據(jù)庫(kù)的驅(qū)動(dòng)程序?yàn)椤癕icrosoftAccessDriver（*.mdb）”，然后單擊“完成”按鈕，如圖：4.在出現(xiàn)的“ODBCMicrosoftAccess安裝”對(duì)話框，在“數(shù)據(jù)源名”文本框中輸入我的這個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)的名稱：youthfly,單擊“數(shù)據(jù)庫(kù)”欄中的“選擇”按鈕選擇我的這個(gè)網(wǎng)站根目錄中我已經(jīng)建好的數(shù)據(jù)庫(kù)youthfly.mdb，然后單擊“確定”按鈕，如圖：5.這時(shí)，我發(fā)現(xiàn)系統(tǒng)數(shù)據(jù)源名稱中已經(jīng)多了一個(gè)“yougthfly.mdb”，這就是我的網(wǎng)站要使用的數(shù)據(jù)庫(kù)。單擊“完成”按鈕，這樣，我就完成了數(shù)據(jù)源的創(chuàng)建過(guò)程。如圖：本站制作過(guò)程6.接下來(lái)，我要在DreamweaverMX2004中把數(shù)據(jù)庫(kù)的連接完成。運(yùn)行DreamweaverMX2004，打開“應(yīng)用程序”面板，然后選擇“數(shù)據(jù)庫(kù)”標(biāo)簽，如圖：?jiǎn)螕簟?”按鈕，在彈出的快捷菜單中選擇“數(shù)據(jù)源名稱”。隨即打開“數(shù)據(jù)源名稱”對(duì)話框，在“連接名稱”文本框中輸入“yougthfly”如圖：?jiǎn)螕簟皽y(cè)試”，我就可以測(cè)試數(shù)據(jù)庫(kù)是否正確連接了。單擊“確定”，這樣，我就完成了數(shù)據(jù)庫(kù)的連接設(shè)置過(guò)程。完成了數(shù)據(jù)庫(kù)連接的設(shè)置，接下來(lái)就是把首頁(yè)的部分內(nèi)容和數(shù)據(jù)庫(kù)相連接了。（略）3.2鏈接頁(yè)面的制作3.2.1校園資訊的制作這個(gè)就是我的個(gè)人主頁(yè)里“校園資訊”的界面，當(dāng)點(diǎn)擊右面的題目時(shí)，在網(wǎng)頁(yè)的左邊就會(huì)顯示響應(yīng)的內(nèi)容，下面我就演示我制作這個(gè)網(wǎng)頁(yè)的過(guò)程：首先，在制作主頁(yè)面的時(shí)候，我已經(jīng)在把主頁(yè)的頂部和底部制作完成后，保存為模板了，所以，在這里，我們就選擇“文件”—“新建”—“模板”，然后選擇我們保存過(guò)的模板。在打開的模板中，我們把中間的空白區(qū)域劃分成左右兩個(gè)部分。我們把這兩個(gè)空白區(qū)域去分別保存成為兩個(gè)頁(yè)面，這樣方便我們?cè)诤竺娴逆溄印Ｔ谟疫叡４娴捻?yè)面中，插入表格若干，本站制作過(guò)程打開數(shù)據(jù)庫(kù)，連接好數(shù)據(jù)庫(kù)，并將數(shù)據(jù)庫(kù)中的內(nèi)容分別拽入到表格中的適當(dāng)位置，這樣，數(shù)據(jù)庫(kù)中的內(nèi)容就顯示在右面。接下來(lái)，我們就為右面的內(nèi)容做鏈接。首先，選擇右面的一題目，然后在屬性里的超級(jí)鏈接里面添入剛才保存的兩個(gè)頁(yè)面的左邊的頁(yè)面。這樣，將每個(gè)頁(yè)面分別和左面的頁(yè)面鏈接，當(dāng)你點(diǎn)擊右邊的題目的時(shí)候，那么和內(nèi)容相對(duì)應(yīng)的題目就會(huì)在左邊的頁(yè)面中顯示出來(lái)。以上是我的一個(gè)鏈接頁(yè)面的設(shè)計(jì)過(guò)程，因?yàn)殒溄禹?yè)面較多，但大部分的制作過(guò)程都比較相似，所以我就不再講解了。本站數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程4.1數(shù)據(jù)庫(kù)設(shè)計(jì)網(wǎng)站的數(shù)據(jù)庫(kù)建設(shè)在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中占具最重要的位置，它設(shè)計(jì)的好與壞直接關(guān)系到整個(gè)網(wǎng)站的成敗。其中，管理系統(tǒng)需要考慮到三者的使用問(wèn)題：一.系統(tǒng)管理員二.信息發(fā)布者三.瀏覽者：系統(tǒng)管理員：系統(tǒng)管理員具有對(duì)整個(gè)網(wǎng)站發(fā)布，數(shù)據(jù)庫(kù)的管理，信息管理，人員管理的最高權(quán)限。信息發(fā)布者：網(wǎng)站信息的發(fā)布者，他們的任務(wù)是更新網(wǎng)站上的信息，所以他們的權(quán)限只局限于對(duì)文章的增、刪、改上。瀏覽者：信息的最終瀏覽者，他們是不具有任何權(quán)限的普通用戶。系統(tǒng)管理員（ADMIN）擁有最大的權(quán)限，可添加/刪除任何信息，包括任何文章，任何用戶。在設(shè)計(jì)數(shù)據(jù)庫(kù)過(guò)程中，必須考慮到各種信息存放，更新，查詢。所以數(shù)據(jù)庫(kù)必須能最大限度的滿足各種信息的輸入輸出。以下為后臺(tái)數(shù)據(jù)庫(kù)的各表的結(jié)構(gòu)和字段的分析。Admin_id系統(tǒng)管理員圖：首頁(yè)題目表圖：中間版塊題目表圖：中間版塊內(nèi)容表圖：本站的制作過(guò)程本站數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程本站數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程本站數(shù)據(jù)庫(kù)的設(shè)計(jì)過(guò)程網(wǎng)站公告欄表圖：網(wǎng)站中用到的調(diào)查表圖：網(wǎng)站所用到的后臺(tái)文件文件名作用與功能備注admin.asp登陸后臺(tái)index.asp首頁(yè)admin_article.asp管理文章后臺(tái)Postmsg.asp發(fā)布信息后臺(tái)admin_vote.asp投票管理后臺(tái)Delartcat.asp刪除功能后臺(tái)post.asp發(fā)布功能后臺(tái)youthfly.mdb數(shù)據(jù)庫(kù)文件后臺(tái)admin_diary.asp公告管理后臺(tái)網(wǎng)站數(shù)據(jù)安全怎樣防止mdb數(shù)據(jù)庫(kù)被下載一直是用access的用戶的一大頭疾?，F(xiàn)在總結(jié)如下有效方法，我自己根據(jù)教程總結(jié)了以下幾點(diǎn)，以用來(lái)保護(hù)我的個(gè)人站點(diǎn)：1.修改數(shù)據(jù)庫(kù)名。這是常用方法，將數(shù)據(jù)庫(kù)名該成怪異名字或長(zhǎng)名字，以防別人猜測(cè)。一旦被人猜到，別人還是能下載數(shù)據(jù)庫(kù)文件，但幾率不大。如將數(shù)據(jù)庫(kù)database.mdb改成dslfjds$^&ijjkgf.mdb等2.修改數(shù)據(jù)庫(kù)后綴。一般改成database.asp、database.asa、database.inc、database.cgi、database.dll等等，注意要在IIS中設(shè)置這些后綴的文件不能被解析。3.將數(shù)據(jù)庫(kù)database.mdb改成#database.mdb。這是最簡(jiǎn)單有效的辦法。分析：假設(shè)別人得到你的數(shù)據(jù)庫(kù)地址串將是：/yourfolder/#database.mdb。但實(shí)際上他得到是：/yourfolder/因?yàn)?在這里起到間斷符的作用，地址串遇到#號(hào)，自動(dòng)認(rèn)為訪問(wèn)地址串結(jié)束。注意：不要設(shè)置目錄可訪問(wèn)。用這種方法，不管別人用何種工具都無(wú)法下載，如flashget，網(wǎng)絡(luò)螞蟻等。注：只要數(shù)據(jù)庫(kù)文件名任何地方含有'#'，別人都無(wú)法正常下載。同理，空格號(hào)也可以起到'#'號(hào)作用，但必須是文件名中間出現(xiàn)空格。4.將數(shù)據(jù)庫(kù)連接文件放到其他虛擬目錄下。5.將Access數(shù)據(jù)庫(kù)加密。在我的這個(gè)個(gè)人網(wǎng)站的數(shù)據(jù)庫(kù)中，我采用了Access數(shù)據(jù)庫(kù)加密的方法來(lái)保護(hù)自己的數(shù)據(jù)庫(kù)安全，這樣，即使我的數(shù)據(jù)庫(kù)被人下載，他仍然破解不了我的用戶的密碼。網(wǎng)站的測(cè)試與上傳網(wǎng)站的測(cè)試與上傳5.1網(wǎng)站的測(cè)試一個(gè)好的網(wǎng)站建設(shè)好了之后是不能立即發(fā)布的，在這之前需要進(jìn)行一段時(shí)間的測(cè)試，沒有經(jīng)過(guò)測(cè)試的網(wǎng)站往往會(huì)在瀏覽器兼容性和顯示器兼容性上出現(xiàn)問(wèn)題。同樣由于在程序開發(fā)和頁(yè)面制作的過(guò)程中難免會(huì)出現(xiàn)誤差，所以在正式發(fā)布前通過(guò)測(cè)試找出網(wǎng)站的Bug（網(wǎng)頁(yè)中的漏洞）是非常重要的一個(gè)環(huán)節(jié)，通常稱此過(guò)程為捉蟲。為什么測(cè)試顯得這么重要呢？沒有經(jīng)過(guò)測(cè)試的頁(yè)面會(huì)出現(xiàn)那些問(wèn)題呢？下面將從幾個(gè)不同的方面來(lái)說(shuō)明這些問(wèn)題。網(wǎng)站的測(cè)試與上傳1.分辨率不同產(chǎn)生差異經(jīng)常上網(wǎng)的人可能會(huì)有這樣的經(jīng)歷，那就是同樣一個(gè)網(wǎng)頁(yè)在不同的分辨率下會(huì)有不同的顯示。這就是由于分辨率不同所造成的。2.瀏覽器不同產(chǎn)生的差異顯示器不同產(chǎn)生不同的瀏覽結(jié)果，瀏覽器版本不同也可能會(huì)使得網(wǎng)站的瀏覽效果產(chǎn)生差異。同一個(gè)頁(yè)面在IE和Netscape瀏覽器下的顯示效果也可能是不同的，這些頁(yè)面上的問(wèn)題都是訪問(wèn)者可能遇到的。網(wǎng)站建設(shè)者不能在頁(yè)面上發(fā)布類似于“本站默認(rèn)瀏覽器在IE5.0以上，默認(rèn)顯示器分辨率為800*600”的標(biāo)記，反而應(yīng)該想辦法去適應(yīng)瀏覽網(wǎng)站的訪問(wèn)者，而不是讓訪問(wèn)者通過(guò)調(diào)整瀏覽器分辨率和顯示器來(lái)適應(yīng)網(wǎng)站。所以，網(wǎng)站的測(cè)試就顯的很重要了。3.測(cè)試的項(xiàng)目。在一個(gè)網(wǎng)站的開發(fā)過(guò)程中，網(wǎng)站的測(cè)試是保證整個(gè)網(wǎng)站整體質(zhì)量的重要一環(huán)，本章將就網(wǎng)站的測(cè)試技術(shù)及相應(yīng)的自動(dòng)測(cè)試工具做一個(gè)簡(jiǎn)要的介紹。主要就如下幾個(gè)方面進(jìn)行探討：性能測(cè)試，安全性測(cè)試，穩(wěn)定性測(cè)試，瀏覽器兼容性測(cè)試，可用性/易用性測(cè)試，鏈接測(cè)試，代碼合法性測(cè)試。在我的個(gè)人網(wǎng)站的測(cè)試過(guò)程中，在數(shù)據(jù)庫(kù)的鏈接，地址的鏈接，還有圖片的相對(duì)位置都出現(xiàn)了許多小的錯(cuò)誤，還好，經(jīng)過(guò)我自己的修改，現(xiàn)在已基本消除了這種現(xiàn)象。在我的整個(gè)網(wǎng)站的測(cè)試中，數(shù)據(jù)庫(kù)的測(cè)試是最重要的，它的設(shè)計(jì)的好與壞，直接關(guān)系的整個(gè)我的個(gè)人網(wǎng)站的成敗，所以，我在測(cè)試過(guò)程中，對(duì)數(shù)據(jù)庫(kù)的測(cè)試是花費(fèi)時(shí)間最長(zhǎng)的。5.2網(wǎng)站的上傳網(wǎng)站做好后，要上傳到自己的空間里別人再可以看到，不然就像做好了一件新衣服卻只放在衣柜里一樣。下面，我們就講講用CuteFTP這個(gè)工具上傳我自己的個(gè)人網(wǎng)站的方法。首先在自己的電腦裝上CuteFTP這個(gè)軟件，安裝好后，在程序里找到并運(yùn)行。我在網(wǎng)絡(luò)上下載的這個(gè)軟件只是個(gè)試用版。例如這個(gè)就只能用30天。但這并不影響我的使用，所以，我點(diǎn)擊下一步，繼續(xù)，第一次用，出來(lái)連接向?qū)?，你可以不用它，取消就行。?dāng)然，我也可以按提示一步步做。網(wǎng)站的測(cè)試與上傳主界面：左右兩部分分別表示本地硬盤和網(wǎng)絡(luò)空間上的文件用站點(diǎn)管理器建立與網(wǎng)絡(luò)空間的連接。各種上傳工具大同小異。新建，輸入站點(diǎn)信息。然后點(diǎn)下面的連接。本站的測(cè)試與上傳附錄上面顯示連接情況，右邊顯示網(wǎng)絡(luò)空間上的文件。從左邊找到自己電腦上已經(jīng)做好的網(wǎng)頁(yè)文件，按住后拖到右邊。出來(lái)一個(gè)小窗口，問(wèn)是否上傳，當(dāng)然選“是”。拖動(dòng)文件夾可以上傳文件夾及其中的內(nèi)容。傳送完成后，右邊就會(huì)顯示文件了。點(diǎn)右鍵會(huì)有一些常用功能，如刪除。到些文件傳送完畢，可以關(guān)了cuteftp了。以上就是我用cuteftp這個(gè)工具上傳我的個(gè)人網(wǎng)頁(yè)的過(guò)程，當(dāng)然，上傳網(wǎng)頁(yè)不只有這一個(gè)工具，還有很多，但我是比較喜歡用cuteftp這個(gè)工具的。附錄附錄經(jīng)過(guò)一個(gè)月的努力，我的這個(gè)個(gè)人小型網(wǎng)站終于做好了！在整個(gè)網(wǎng)站的設(shè)計(jì)開發(fā)過(guò)程中，我虛心的向同學(xué)請(qǐng)教，聽取他們的意見和建議，然后把他們的這些好的合理的建議和意見都在我的個(gè)人網(wǎng)站中體現(xiàn)出來(lái)。例如，在網(wǎng)站的服務(wù)對(duì)象這個(gè)問(wèn)題上，我就參考了同寢室的同學(xué)的意見，從而使我確定了我的這個(gè)網(wǎng)站的基調(diào)。當(dāng)然，在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，困難才是我最頭疼的事。以前雖然也動(dòng)手做過(guò)小型網(wǎng)站，但動(dòng)手的次數(shù)并不多，這樣就造成了我現(xiàn)在真的動(dòng)起手來(lái)卻感到陌生的原因之一。不過(guò)還好，在我遇到困難的時(shí)候，我就向同學(xué)請(qǐng)教，去圖書館查資料，也拿過(guò)來(lái)別人的作品做為自己的參考，當(dāng)然，最重要的是有老師的指導(dǎo)，在許多數(shù)據(jù)庫(kù)的問(wèn)題上，如果不是王老師的指導(dǎo)，我想我是不會(huì)那么輕易做好我的這個(gè)個(gè)人網(wǎng)站的后臺(tái)管理的，所以，我是真的非常感謝王老師的。總之，經(jīng)過(guò)了這么長(zhǎng)時(shí)間的努力，我的這個(gè)個(gè)人網(wǎng)站就算完成了。我的這個(gè)個(gè)人網(wǎng)站可以說(shuō)是我在大學(xué)校園里的最后一次作品了，所以在設(shè)計(jì)的過(guò)程中，我傾注了大量的心血，在五一期間，我通常是為了設(shè)計(jì)好某一頁(yè)面，我都是凌晨四五點(diǎn)鐘才休息，同時(shí)，我也放棄了五一出去游玩的想法，一心一意的撲在網(wǎng)站的設(shè)計(jì)上來(lái)。還好，黃天不負(fù)勤勞人，我終于設(shè)計(jì)好了我的這個(gè)個(gè)人主頁(yè)。參考文獻(xiàn)[1]汪洋郝永強(qiáng)編著·網(wǎng)站設(shè)計(jì)全程教程·科學(xué)出版社·2002年1月[2]楊成文王竹林戴軍峰編著·輕松打造個(gè)性化網(wǎng)站·國(guó)防工業(yè)出版社·2002年10月[3]李海兵李杰臣編著·超夢(mèng)幻動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)·中國(guó)青年出版社·2004年2月[4]馬龍工作室編著·DreamweaverMX2004&ASP動(dòng)態(tài)網(wǎng)頁(yè)編程完全自學(xué)手冊(cè)·人民郵電出版社·2005年1月[5]劉春編著·網(wǎng)頁(yè)制作三劍客標(biāo)準(zhǔn)培訓(xùn)教程·上海科學(xué)普及出版社·2003年1月[6]KEVINWrite·Howtodesignyourwebsites·ThesunpublishinghouseofU.S.A·2004.5[7]王建軍編著·設(shè)計(jì)你的個(gè)人主頁(yè)教程·黑龍江出版社·2001年6月[8]高強(qiáng)劉浩才編著·網(wǎng)頁(yè)素材的設(shè)計(jì)簡(jiǎn)明教程·新疆出版社·2003年5月[9]劉青成為龍編著·網(wǎng)站數(shù)據(jù)庫(kù)的設(shè)計(jì)·上?？茖W(xué)普及出版社·2004年9月致謝在本次畢業(yè)設(shè)計(jì)過(guò)程中，指導(dǎo)老師王老師給予了極大的幫助。王老師認(rèn)真負(fù)責(zé)的工作態(tài)度和豐富的理論和實(shí)際操作能力都使我收益匪淺。無(wú)論在理論上還是在實(shí)踐中，他都給與我很大的幫助，在他的幫助下使得整個(gè)網(wǎng)站能及時(shí)的設(shè)計(jì)完成，并從中學(xué)到了很多以前沒有學(xué)到的知識(shí)，所以，非常感謝他耐心的指導(dǎo)。還有，在我設(shè)計(jì)整個(gè)網(wǎng)站的過(guò)程中，許多同學(xué)也給了我很大的幫助，特別是在論文的排版方面，我請(qǐng)教了多位同學(xué)，同學(xué)們都樂意指導(dǎo)，在這里我一起表示感謝。最后要感謝在