網(wǎng)站建設(shè)畢業(yè)設(shè)計論文

1、<p><b>　　摘 要</b></p><p>　　本文就企業(yè)網(wǎng)站的規(guī)劃與建設(shè)，以軟件工程的方法對全過程進(jìn)行了分析與研究。本文的主要工作集中在： 對Web頁進(jìn)行概述，主要是對Internet的歷史和發(fā)展作了回顧，并對Web頁的定義和特性進(jìn)行闡述。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術(shù)作了簡要的介紹; 對網(wǎng)站建設(shè)中提及到的術(shù)語進(jìn)行了解釋; 對企業(yè)網(wǎng)站從規(guī)劃到建設(shè)進(jìn)行了詳細(xì)的分析;

2、使用ASP＋I(xiàn)IS＋Access技術(shù)實現(xiàn)了企業(yè)網(wǎng)站的各種功能，其中和數(shù)據(jù)庫的連接使用到了ODBC技術(shù);就網(wǎng)站建設(shè)提出了自己的觀點與建議。</p><p>　　關(guān)鍵詞：網(wǎng)站、ASP、SQL Server、風(fēng)格、創(chuàng)意</p><p><b>　　Abstract </b></p><p>　　This article on corporate We

3、b site planning and construction of software engineering methods to the whole process of analysis and research. This article mainly focused on: an overview of Web pages, mainly on the Internet's history and developme

4、nt is reviewed, and Web pages set out the definition and characteristics. Web site development process as well as the use of development tools and techniques are briefly described; mentioned on the Web site construction

5、terms are explained; right business </p><p>　　Keywords: Web, ASP, SQL Server, style, creativity</p><p><b>　　目 錄</b></p><p><b>　　摘 要1</b></p><p>

6、;<b>　　目 錄2</b></p><p><b>　　第一章 緒 論3</b></p><p>　　1.1 Web頁概述3</p><p>　　1.2開發(fā)工具的介紹及選擇4</p><p>　　1.3 關(guān)系型數(shù)據(jù)庫的選擇6</p><p>　　第二章 企業(yè)網(wǎng)站

7、概要設(shè)計7</p><p>　　2.1相關(guān)術(shù)語及解釋7</p><p>　　2.2企業(yè)網(wǎng)站設(shè)計與規(guī)劃8</p><p>　　第三章 詳細(xì)設(shè)計9</p><p>　　3.1 數(shù)據(jù)庫的設(shè)計9</p><p>　　3.2頁面設(shè)計12</p><p>　　第四章 編碼、測試與維護17<

8、;/p><p>　　4.1測試與維護17</p><p>　　4.2 設(shè)計技巧和解決方法19</p><p><b>　　參考文獻(xiàn)21</b></p><p><b>　　結(jié) 束 語21</b></p><p><b>　　致 謝22</b>

9、</p><p><b>　　第一章 緒 論</b></p><p>　　在已跨入21世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠(yuǎn)為復(fù)雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本

10、、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑， 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。企業(yè)網(wǎng)站應(yīng)用廣泛。</p><p>　　1.1 Web頁概述</p><p>　　1、頁面描述 Web(World Wide Web，簡稱WWW，又稱萬維網(wǎng))是目前Internet上應(yīng)用最廣泛也是最重要的信息服務(wù)類

11、型，它的影響已經(jīng)進(jìn)入了Internet上的廣告、新聞、電子商務(wù)和展示信息等各個服務(wù)領(lǐng)域。 Web采用瀏覽器/服務(wù)器（B/S）工作模式，其運作模式可以描述為：請求→處理→應(yīng)答。</p><p>　　Web以超文本標(biāo)記語言HTML(Hyper Text Markup Language)與超文本傳輸協(xié)議HTTP(Hyper Text Transfer Protocol)為基礎(chǔ)，通過瀏覽器為用戶提供方便友好的信

12、息瀏覽界面。 Web將位于全世界互聯(lián)網(wǎng)上不同網(wǎng)址的相關(guān)信息有機地編織在一起。在Web服務(wù)方式中，信息以頁面（或稱Web頁）的形式存儲在Web服務(wù)器中，這些頁面采用超文本的方式對信息進(jìn)行組織，通過鏈接將一頁信息鏈接到另一頁信息。這些相互鏈接的頁面既可以放置在同一臺主機上，也可以放置在不同的主機上。頁面到頁面的鏈接信息由統(tǒng)一資源定位器URL(Uniform Resource Locator)維持。用戶通過客戶端應(yīng)用程序（即瀏覽器）

13、向Web服務(wù)器發(fā)出請求，服務(wù)器根據(jù)客戶端的請求將保存在服務(wù)器中的某個頁面返回給客戶端，瀏覽器接收到頁面后對其進(jìn)行解釋，最終將信息以圖、文、聲并茂的形式呈現(xiàn)給用戶。 Web服務(wù)的特點在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文本、圖像、聲音、動畫和視頻等）和服務(wù)（如New、FTP、Telnet、Gopher及Mail等）的無縫鏈接，特別適</p><p>　　1.2開發(fā)工具的介紹及選擇</p>

14、;<p>　　1、夢幻網(wǎng)頁的編織者------Dreamweaver8.0</p><p>　　Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺、跨瀏覽器的頁面。Macromedia的Roundtrip HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無需重新設(shè)置代碼格式。</p><p>　　Dreamweaver可以為用戶做

15、到：使用動態(tài)HTML功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。</p><p>　　Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種：</p><p>　　(一) 文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似

16、。</p><p>　　(二) 裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。</p><p>　　(三) 對象工具欄包含創(chuàng)建不同類型的對象（例如圖象、表格和層等）的按鈕。</p><p>　　(四) 屬性檢查器顯示選定對象的屬性。</p><p>　　(五) 快捷菜單可以使用戶對當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。</p>&

17、lt;p>　　(六) 可固定的浮動工具欄允許用戶將浮動窗口、檢查器和工具欄組合在一個或多個選擇窗口中。</p><p>　　2、網(wǎng)頁動畫的制作軟件----Micromedia Flash 8.0</p><p>　　Micromedia Flash 8.0用于web站點的交互式的矢量圖形和動畫的制作，它可制作出 用于瀏覽時的導(dǎo)航控制、制作動畫圖標(biāo)、帶同步聲音的大段的動畫，創(chuàng)建

18、出生動的富于表現(xiàn)力的網(wǎng)頁。Flash中的圖形都是矢量的，占據(jù)存儲空間較少，因而下載時間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。</p><p>　　Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過對 Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對變量及函數(shù)的設(shè)置。 </p><p>　　3、圖形圖像制作軟件—A

19、dobe Photoshop8.0</p><p>　　Photoshop 8.0是目前最流行的圖形、圖像編輯設(shè)計軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計、封面設(shè)計、美術(shù)繪畫、網(wǎng)頁設(shè)計等領(lǐng)域都被廣泛地應(yīng)用。</p><p>　　(一) 文字處理更加方便</p><p>　　(二) 增加的圖層集使圖層管理更有序。</p><p>　　(三)

20、 新增圖像功能：圖像的剪切和剪裁更加方便。</p><p>　　(四) 將所有工具的選項板改進(jìn)為工具選項欄放置在工作區(qū)頂部，方便先項參數(shù)的設(shè)置。</p><p>　　(五) 為了更方便地用路徑繪畫，改進(jìn)增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強。</p><p>　　4、動態(tài)網(wǎng)站的腳本語言--ASP　

21、　</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é)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端

22、（Client）的瀏覽器上執(zhí)行，若使用VBScript來設(shè)計程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Ｃlient）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結(jié)果。</p><p><b>　?。粒樱械奶攸c：</b></p><p>　　1、任何開發(fā)工具皆可發(fā)展ＡＳＰ</p><p>　　

23、只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、 ＦrontPage等，并且各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p><b>　　2、語言相容性高</b></p><p>　　ASP與所有的ActiveX Script

24、語言都相容，除了可結(jié)合HTML，VBScript、Java ScriptActive X服務(wù)器組件來設(shè)計外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。</p><p><b>　　3、隱密安全性高</b></p><p>　　如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼

25、是看不到的！這是因為ＡＳＰ程序先于網(wǎng)站服務(wù)（Ｗeb Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會輕易地被看見進(jìn)而被盜用。</p><p><b>　　4、易于操控數(shù)據(jù)庫</b></p><p>　?。粒樱锌梢暂p易地通過ＯDBC(Open Database Connectivity

26、)驅(qū)動程序連接各種不同的數(shù)據(jù)庫，例如：Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫用。</p><p>　　5、面向?qū)ο髮W(xué)習(xí)容易</p><p>　　ＡＳＰ具備有面向?qū)ο螅ǎ蟗ject-Oriented）功能，學(xué)習(xí)容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Appli

27、cation以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或”Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。</p><p>　　6、ASP的六大內(nèi)部對象</p><p>　　Request Response Server Session Application ObjectContext 從客戶端取得信息將信息送給客戶端提供

28、一些Web服務(wù)器工具儲存在一個</p><p>　　Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個</p><p>　　ASP-Application中讓不同的客戶端共享信息可以用來配合Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理</p><p>　　所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個人站點。 &

29、lt;/p><p>　　1.3關(guān)系型數(shù)據(jù)庫的選擇</p><p><b>　　1、Access</b></p><p>　　Microsoft Access是一種桌面數(shù)據(jù)庫，只適合數(shù)據(jù)量少的應(yīng)用，在處理少量數(shù)據(jù)和單機訪問的數(shù)據(jù)庫時是很好的，效率也很高。但是它的同時訪問客戶端不能多于4個。Microsoft Access數(shù)據(jù)庫有一定的極限，如果數(shù)據(jù)達(dá)

30、到100M左右，很容易造成服務(wù)器iis假死，或者消耗掉服務(wù)器的內(nèi)存導(dǎo)致服務(wù)器崩潰。2、SQL Server　　Microsoft SQL Server是基于服務(wù)器端的中型的數(shù)據(jù)庫，可以適合大容量數(shù)據(jù)的應(yīng)用，在功能上管理上也要比Microsoft Access要強得多。在處理海量數(shù)據(jù)的效率，后臺開發(fā)的靈活性，可擴展性等方面強大。因為現(xiàn)在數(shù)據(jù)庫都使用標(biāo)準(zhǔn)的SQL語言對數(shù)據(jù)庫進(jìn)行管理，所以如果是標(biāo)準(zhǔn)SQL語言，兩者基本上都可以通用的。Mi

31、crosoft SQL Server還有更多的擴展，可以用存儲過程，數(shù)據(jù)庫大小無極限限制。</p><p>　　本站屬于個人站點采用Access數(shù)據(jù)庫就行了。</p><p>　　第二章 企業(yè)網(wǎng)站概要設(shè)計</p><p>　　2.1相關(guān)術(shù)語及解釋</p><p>　　1、Internet</p><p>　　Inte

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

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

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

35、r的縮寫），統(tǒng)一資源定位器。互聯(lián)網(wǎng)中某種信息資源以某種方式存儲在網(wǎng)絡(luò)中的某處，必須用一個惟一的URL來進(jìn)行標(biāo)識，這樣才能方便查找。對于Web來說，可以簡單并通俗把URL理解為網(wǎng)址。每個Web網(wǎng)頁都有自己的網(wǎng)址，在瀏覽器地址欄里輸入網(wǎng)頁的URL，就可以訪問這個網(wǎng)頁。例如，http://www.sina.com/index.html，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進(jìn)行訪問，默認(rèn)下

36、，“http://”可以省略不輸。</p><p><b>　　5、IP地址</b></p><p>　　為了使互聯(lián)網(wǎng)上的電腦主機在通信時能夠相互識別，每臺主機都分配一個能表示其位置的IP（Internet Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址是由專門的互聯(lián)網(wǎng)機構(gòu)來分配。IP地址具有惟一性，是由32位二進(jìn)制數(shù)組成，分為四組，每組8位，每組

37、之間用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進(jìn)制數(shù)表示。</p><p>　　2.2企業(yè)網(wǎng)站的設(shè)計與規(guī)劃</p><p>　　1、明確架設(shè)網(wǎng)站的目的及客戶要求</p><p>　　通常情況下，架設(shè)企業(yè)網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)企業(yè)在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強的目的性，我的企業(yè)網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我

38、的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。</p><p>　　2、我的企業(yè)網(wǎng)站概貌</p><p>　　因為是企業(yè)網(wǎng)站，所以符合企業(yè)的風(fēng)格，，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設(shè)計分為前臺頁面展示平臺和后臺在線管理平臺。</p><p><b>　　3、主要功能介紹</b></p><p&g

39、t;　　網(wǎng)站設(shè)計有新聞更新，瀏覽者可以在首頁瀏覽每日企業(yè)的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認(rèn)證，管理員——我，可以對網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。</p><p><b>　　4、功能描述 </b></p><p>　　(一) 企業(yè)簡介，新聞咨詢，企業(yè)榮譽。</p><p>　

40、　企業(yè)簡介：詳細(xì)介紹企業(yè)的歷史與發(fā)展。</p><p>　　新聞咨詢：在本站首頁顯示企業(yè)新聞，供瀏覽者瀏覽。</p><p>　　企業(yè)榮譽：展示企業(yè)獲得的榮譽。</p><p><b>　　(二) 客戶留言</b></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興

41、趣的話題展開討論。和大家進(jìn)行溝通。</p><p><b>　　(三) 會員中心</b></p><p>　　提供會員注冊，會員登錄，修改資料等。 </p><p><b>　　(四) 下載中心</b></p><p>　　顯示下載信息，下載記錄，并且提供下載。</p><p&

42、gt;<b>　　(五) 營銷網(wǎng)絡(luò)</b></p><p>　　在其中展示營銷產(chǎn)品，朋友們可以購買自己喜愛的產(chǎn)品。</p><p>　　(六) 后臺管理頁面</p><p>　　是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設(shè)計了這個管理頁面，經(jīng)過身份認(rèn)證后我可以進(jìn)入網(wǎng)站對其中的信息進(jìn)行管理。</p><p&g

43、t;　　(七) 頁面組織和數(shù)據(jù)庫設(shè)計</p><p>　　在明確了我的企業(yè)網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計和數(shù)據(jù)庫設(shè)計。</p><p>　　建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容

44、，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將自己的企業(yè)網(wǎng)站分為九個欄目，分別是：企業(yè)簡介、新聞資訊、產(chǎn)品展示、下載中心、 企業(yè)榮譽、營銷網(wǎng)絡(luò)、人才招聘、客戶留言、會員中心；。</p><p><b>　　第三章 詳細(xì)設(shè)計</b></p><p><b>　　3.1數(shù)據(jù)庫的設(shè)計<

45、/b></p><p><b>　　1、數(shù)據(jù)庫搭建</b></p><p>　　使用Access2000 實現(xiàn)關(guān)系型數(shù)據(jù)庫</p><p>　　用戶密碼登記表Admin</p><p>　　存儲了系統(tǒng)用戶信息，包括：用戶名，密碼，用戶權(quán)限，時間等等。它的設(shè)計視圖如圖1-1：</p><p>

46、<b>　　圖1-1</b></p><p>　　客戶留言基本檔案表feedback</p><p>　　存儲了用戶的檔案包括：用戶名, 公司名稱、公司地址、郵編, 聯(lián)系人，聯(lián)系電話，手機，傳真，E-mail，網(wǎng)址，管理員反饋，反饋主題，反饋內(nèi)容, 日期回復(fù)日期，Publish。 它的設(shè)計視圖如圖1-2：</p><p

47、><b>　　圖1-2</b></p><p>　　會員基本信息表user，如圖1-3：</p><p><b>　　圖1-3</b></p><p>　　網(wǎng)上調(diào)查表 vote，如圖1-4：</p><p><b>　　圖1-4</b></p><p&

48、gt;　　新聞小類表SmallClass-new，如圖1-5：</p><p><b>　　圖1-5</b></p><p>　　下載小類表SmallClass_down，如圖1-6：</p><p><b>　　圖1-6</b></p><p>　　產(chǎn)品小類表SmallClass，如圖7：<

49、/p><p><b>　　圖1-7</b></p><p>　　新聞大類表BigClass_New，如圖1-8：</p><p><b>　　圖1-8</b></p><p>　　網(wǎng)站模板表Skin，如圖1-9：</p><p><b>　　圖1-9</b>

50、</p><p>　　以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“0791idc.mdb”。</p><p><b>　　2、連接數(shù)據(jù)庫</b></p><p>　　在上面，我們已經(jīng)為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來用ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、在ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復(fù)雜的插入、修改和刪除

51、。</p><p>　　一起看以下代碼，這就是ASP程序中常用的連接數(shù)據(jù)庫的代碼：</p><p>　　<% 這是ASP程的起始set conn=server.createobject("adodb.connection")　　'在服務(wù)器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象connstr="Provider=Microsoft.jet.oledb.4

52、.0;data source="&server.mappath("0791idc.mdb ")　　'告訴ASP數(shù)據(jù)庫的接接方法以及路徑conn.open connstr　　'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進(jìn)行連接%>　</p><p><b>　　3.2頁面設(shè)計</b></p><p>　　(一)企業(yè)簡介，

53、新聞資訊，企業(yè)榮譽</p><p>　　企業(yè)簡介：詳細(xì)介紹企業(yè)的歷史與發(fā)展。</p><p>　　新聞咨詢：在本站首頁顯示企業(yè)新聞，供瀏覽者瀏覽。</p><p>　　企業(yè)榮譽：展示企業(yè)獲得的榮譽。</p><p><b>　　1、功能</b></p><p>　　利用ASP對象語句顯示企業(yè)簡介，

54、新聞咨詢，企業(yè)榮譽信息。讓大家可以看見所有有關(guān)信息。</p><p><b>　　2、組成構(gòu)造</b></p><p>　　企業(yè)簡介結(jié)果顯示頁面Aboutus.asp：用來顯示企業(yè)信息。</p><p>　　新聞咨詢顯示頁面Conews.asp：</p><p>　　企業(yè)榮譽顯示頁面CompHonor.asp：</

55、p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　通用包含頁面<!--#include file="inc/Skin_CSS.asp"--></p><p>　　3、頁面瀏覽效果圖，如圖2-1，2-2，2-3：</p><p><b>　　圖2-1 </b></p&g

56、t;<p><b>　　圖2-2</b></p><p><b>　　圖2-3</b></p><p><b>　　(二) 客戶留言</b></p><p>　　是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。<

57、;/p><p><b>　　1、功能</b></p><p>　　利用ASP對象語句分類顯示客戶留言記錄。</p><p><b>　　2、組成結(jié)構(gòu)</b></p><p>　　客戶留言信息頁面FeedbackView.asp：顯示所有留言信息</p><p>　　留言頁面Fee

58、dback.asp</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　通用包含頁面<!--#include file="inc/Skin_CSS.asp"--></p><p>　　3、頁面瀏覽效果圖，如圖2-4，2-5：</p><p><b>　　圖2-4</b>

59、;</p><p><b>　　圖2-5</b></p><p><b>　　（三）會員中心</b></p><p>　　主要提供會員登錄，修改會員資料、會員密碼、查看自己留言等。</p><p><b>　　功能</b></p><p><b&g

60、t;　　完成會員修改資料。</b></p><p><b>　　組成結(jié)構(gòu)</b></p><p>　　會員中心頁面UserServer.Asp</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　通用包含頁面<!--#include file="inc/Skin_CSS.

61、asp"--></p><p>　　頁面瀏覽效果圖頁面瀏覽效果圖，如圖2-6。</p><p><b>　　圖2-6</b></p><p><b>　　下載中心</b></p><p>　　顯示下載信息，下載記錄，并且提供下載。</p><p><b&

62、gt;　　功能</b></p><p><b>　　提供用戶下載。</b></p><p><b>　　2、組成結(jié)構(gòu)</b></p><p>　　下載中心頁面download.Asp</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　通用包

63、含頁面<!--#include file="inc/Skin_CSS.asp"--></p><p>　　3、下載中心頁面瀏覽效果圖,如圖2-7。</p><p><b>　　圖2-7</b></p><p><b>　?。ㄎ澹I銷網(wǎng)絡(luò)</b></p><p>　　顯

64、示產(chǎn)品營銷的地區(qū)。</p><p><b>　　1、功能</b></p><p><b>　　介紹產(chǎn)品營銷地。</b></p><p><b>　　2、組成結(jié)構(gòu)</b></p><p>　　營銷網(wǎng)絡(luò)主頁面 HomeMarket.asp</p><p>　

65、　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　通用包含頁面<!--#include file="inc/Skin_CSS.asp"--></p><p>　　3、瀏覽效果圖，如圖2-8。</p><p><b>　　圖2-8</b></p><p>　　(六) 后臺管理頁面<

66、;/p><p><b>　　完成網(wǎng)站的管理。</b></p><p><b>　　1、功能</b></p><p>　　完成網(wǎng)站的管理：添加，修改，刪除。</p><p><b>　　2、組成結(jié)構(gòu)</b></p><p>　　后臺管理頁面admin/defa

67、ult.asp：完成網(wǎng)站添加，修改，刪除的頁面。</p><p>　　數(shù)據(jù)庫連接頁面 conn.asp</p><p>　　通用包含頁面<!--#include file="inc/Skin_CSS.asp"--></p><p>　　3、瀏覽效果圖，如圖2-9.</p><p><b>　　圖2-9

68、</b></p><p>　　第四章 編碼、測試與維護</p><p><b>　　4.1測試與維護</b></p><p>　　1、IIS(Internet信息服務(wù))安裝配置</p><p>　　可以在"添加或刪除程序 >>添加/刪除Windows組件"對話框中把"

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

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

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

72、細(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í)慣。2、Dreamweaver測試站點和用IIS測試本地站點 Dreamweaver MX提供了全面檢測站

73、點的功能，它比檢測鏈接更全面。全面地檢測內(nèi)部、外部鏈接、去除錯標(biāo)簽、空標(biāo)簽、多余的標(biāo)簽等，它的使用相當(dāng)簡單，使用全面檢測站點功能如下： 1、選擇菜單中【站點】的【報告】命令，打開一個窗口。 2、選擇檢測范圍，在【報告】選項中有四個內(nèi)容供選擇：Current Document、Entire Local Site、Select Files in site、Folder。 3、對工作流方面的信息進(jìn)行檢測。 4、

74、對HTML文件的信息做出檢查。 把編好的網(wǎng)站文件復(fù)制到D:/my</p><p>　　3、維護 網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，這樣才會不斷的吸引更多的瀏覽者訪問，才能成為一個優(yōu)秀的網(wǎng)站。通過FTP軟件將更新過的網(wǎng)頁上傳到服務(wù)器或通過Dream weaver來遠(yuǎn)程管理站點，同時還要認(rèn)真回復(fù)瀏覽者的電子郵件和留言，做到有問比答。平時多收集資料，多聽聽別人建議，定期更新版面

75、，還有推廣站點。</p><p>　　4.2設(shè)計技巧和解決方法</p><p>　　(一) 用服務(wù)器端包含技術(shù)實現(xiàn)對文件的引用</p><p>　　系統(tǒng)中有許多頁面都會引用相同的代碼文件，所以使用include語句將已完成代碼的文件包含進(jìn)來，就可以簡化代碼的縮寫。如首頁面indes.asp中第二行和第三行代碼。</p><p>　　<!

76、--#include file="conn.asp"--></p><p>　　<!--#include file="inc/Skin_CSS.asp"-->(二) 隨機數(shù)</p><p>　　<%randomize%><%=(int(rnd()*n)+1)%>查詢數(shù)據(jù)時得到的記錄關(guān)鍵字用紅色顯示：&

77、lt;% =replace(RS("字段X"),searchname,"<font color=#FF0000>" & searchname & "</font>") %>通過asp的手段來檢查來訪者是否用了代理<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR

78、")<>"" thenresponse.write "<font color=#FF0000>您通過了代理服務(wù)器，"& _"真實的IP為"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")end if%> </p><p>　

79、　(三) 判斷上一頁的來源request.servervariables("HTTP_REFERER")javascript: document.referrer清除緩存，重新加載頁面<%response.expires = 0 response.expiresabsolute = now() - 1response.addHeader "pragma","no-cac

80、he"response.addHeader "cache-control","private"Response.cachecontrol = "no-cache"%>(四) 在下拉菜單中顯示年和月<select name="select"><%Dim M_Year Dim M_MonthDim M_Mont

81、hJDim M_TheMonthDim M_YMFor M_Year = 2000 To Year(Date) M_Month = 12 If M_Year = Year(Date) Then M_Month = Month(Date) End IfFor M_MonthJ=</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1] 吳

82、濤主編，網(wǎng)站全程設(shè)計技術(shù)（修訂本），北京：清華大學(xué)出版社；北京交通大學(xué)出版社，2006.7</p><p>　　[2] 龍馬工作室編，ASP+SQL Server組建動態(tài)網(wǎng)站實例精講，北京：人民郵電出版社，2004.8</p><p>　　[3] 趙增敏編，ASP動態(tài)網(wǎng)頁設(shè)計，電子工業(yè)出版社，2003.8</p><p>　　[4] 任學(xué)文、范嚴(yán)編, 網(wǎng)頁設(shè)計與制作

83、，中國科學(xué)技術(shù)出版社，2006.8</p><p>　　[5] 武創(chuàng)、王惠,網(wǎng)頁設(shè)計探索之旅 ,電子工業(yè)出版社，2006.9</p><p>　　[6] 杜巧玲等編, 網(wǎng)頁設(shè)計超級夢幻組合,清華大學(xué)出版社, 2003.3</p><p>　　[7] 吳黎兵、羅云芳編，網(wǎng)頁設(shè)計教程， 武漢大學(xué)出版社，2006.2</p><p>　　[8] 莊

84、王健編，網(wǎng)頁設(shè)計三劍客白金教程，電子工業(yè)出版社，2006.01</p><p>　　[9] http://www.pconline.com.cn/pcedu/sj/wz/ </p><p>　　[10] http://www.mycodes.net </p><p><b>　　結(jié) 束 語</b></p><p>　　經(jīng)

85、過老師耐心細(xì)致的指導(dǎo)，及同學(xué)之間的相互交流，同時翻閱了大量的資料(包括網(wǎng)上資料，書本及學(xué)校的一些相關(guān)資料)經(jīng)過近一段時間的努力，企業(yè)網(wǎng)站的設(shè)計制作告一段落?？偨Y(jié)這次“企業(yè)網(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語言制作動

86、態(tài)效果也有了更進(jìn)一步的認(rèn)識。在交互式網(wǎng)頁設(shè)計學(xué)會了如何使用Access建立數(shù)據(jù)庫，以及對數(shù)據(jù)庫瀏覽，修改，添加，查詢。如何用ASP編寫程序來方便用戶在網(wǎng)上查看網(wǎng)站各方面的信息和交流。</p><p>　　目前網(wǎng)站的制作技術(shù)與要求，都已經(jīng)告別了因特網(wǎng)初期網(wǎng)站制作的“幼稚”期，隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無不要求網(wǎng)站從立意，策劃，頁面設(shè)計到后臺程序的全面提高。企業(yè)網(wǎng)站必須被要求從瀏覽者角度出發(fā)，最大限度

87、的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競爭的真正實質(zhì)所在。</p><p><b>　　致 謝</b></p><p>　　在這篇論文完成之際，在此我衷心的感謝我的指導(dǎo)老師劉老師。劉老師在百忙之抽出時間來為我指導(dǎo)講解，并提出了許多寶貴的意見和建議，我的論文才得以順利完成。在即將離開學(xué)校之際，再次衷心感謝老師對我的幫助，謝謝你們?yōu)槲业拇髮W(xué)生活劃上一個完滿的句號！&l