網(wǎng)站課程設(shè)計(jì)--企業(yè)網(wǎng)站建設(shè)

1、<p><b>　　摘要</b></p><p>　　Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一部分。隨著時(shí)代的發(fā)展，網(wǎng)絡(luò)逐漸成為最時(shí)尚、最快捷的交流工具。從2000年中國(guó)入世以來(lái)，全球經(jīng)濟(jì)一體化的趨勢(shì)對(duì)國(guó)有企業(yè)帶來(lái)巨大沖擊。隨著計(jì)算機(jī)及網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，Internet/Intranet應(yīng)用在全球范圍內(nèi)日益普及，當(dāng)今社會(huì)正快

2、速向信息化社會(huì)前進(jìn)，信息自動(dòng)化的作用也越來(lái)越大。從而使我們從繁雜的事務(wù)中解放出來(lái)，提高了我們的工作效率。</p><p>　　所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。簡(jiǎn)單地說(shuō)，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過(guò)網(wǎng)站來(lái)發(fā)布自己想要公開(kāi)的資訊（信息），或者利用網(wǎng)站來(lái)提供相關(guān)的網(wǎng)路服務(wù)（網(wǎng)絡(luò)服務(wù)）。人們可以通過(guò)網(wǎng)頁(yè)

3、瀏覽器來(lái)訪問(wèn)網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務(wù)。</p><p>　　本文中數(shù)據(jù)庫(kù)服務(wù)器端采用了Microsoft Access數(shù)據(jù)庫(kù)作為ODBC(Open DataBase Connectivity )數(shù)據(jù)源該網(wǎng)站系統(tǒng)是前臺(tái)應(yīng)用DreamweaverMX2004、后臺(tái)結(jié)合ASP編程技術(shù)，并進(jìn)行數(shù)據(jù)庫(kù)存取等操作，從而使Web與數(shù)據(jù)庫(kù)緊密聯(lián)系起來(lái)。</p><p>　　關(guān)鍵字：

4、ASP、數(shù)據(jù)庫(kù)、網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站</p><p><b>　　目錄</b></p><p>　　1、企業(yè)網(wǎng)站建設(shè)需求分析1</p><p>　　1.1、網(wǎng)站需求分析1</p><p>　　1.1.1、網(wǎng)站目標(biāo)分析1</p><p>　　1.2、主頁(yè)html分析2</p>&

5、lt;p>　　1.2.1、交互式頁(yè)面分析2</p><p>　　2、網(wǎng)站相關(guān)技術(shù)分析2</p><p>　　2.1、ASP的介紹2</p><p>　　2.1.1、ASP 的優(yōu)勢(shì)2</p><p>　　2.1.2、ASP的特點(diǎn)3</p><p>　　2.2、Dreamweaver介紹3</p&g

6、t;<p>　　2.2.1、Dreavaweaver 的特點(diǎn)4</p><p>　　3、網(wǎng)站模塊結(jié)構(gòu)設(shè)計(jì)4</p><p>　　3.1、 軟件模塊結(jié)構(gòu)設(shè)計(jì)5</p><p>　　3.2、 數(shù)據(jù)庫(kù)設(shè)計(jì)6</p><p><b>　　4、網(wǎng)站的實(shí)現(xiàn)7</b></p><p>　

7、　4.1、動(dòng)態(tài)網(wǎng)站的優(yōu)點(diǎn)7</p><p>　　4.2、網(wǎng)站首頁(yè)的實(shí)現(xiàn)7</p><p>　　4.3、網(wǎng)頁(yè)山莊介紹的實(shí)現(xiàn)17</p><p>　　4.4、網(wǎng)頁(yè)餐飲服務(wù)的實(shí)現(xiàn)18</p><p>　　4.5、網(wǎng)站后臺(tái)管理模塊20</p><p><b>　　5、總 結(jié)24</b><

8、/p><p><b>　　參考文獻(xiàn)25</b></p><p>　　1、企業(yè)網(wǎng)站建設(shè)需求分析</p><p>　　網(wǎng)站的總體規(guī)劃，是從總體上對(duì)網(wǎng)站的架構(gòu)進(jìn)行整體規(guī)劃。因?yàn)橹挥羞@樣，才能在網(wǎng)站的制作與維護(hù)中對(duì)網(wǎng)站的功能有一個(gè)清晰的把握。此外，做好網(wǎng)站規(guī)劃，會(huì)對(duì)網(wǎng)站以后的功能擴(kuò)展起到事半功倍的作用。</p><p>　　1.1

9、 網(wǎng)站需求分析</p><p>　　互聯(lián)網(wǎng)豐富多彩，這些信息大多通過(guò)網(wǎng)頁(yè)與用戶進(jìn)行交互。網(wǎng)頁(yè)的實(shí)現(xiàn)形式多種多樣，無(wú)論是短小精悍的個(gè)人主頁(yè)，還是結(jié)構(gòu)清晰、信息豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設(shè)計(jì)都要放在第一步，因?yàn)樗苯雨P(guān)系到網(wǎng)站的功能是否完善，質(zhì)量是否能夠達(dá)到保證。</p><p>　　1.1.1 網(wǎng)站目標(biāo)分析</p><p>　　網(wǎng)站建設(shè)目標(biāo)說(shuō)的通俗點(diǎn)就是

10、網(wǎng)站建設(shè)的目的，即公司建設(shè)網(wǎng)站后想通過(guò)網(wǎng)站來(lái)得到什么好處?是展示企業(yè)形象?是提供一個(gè)與外界交流的網(wǎng)絡(luò)窗口?還是開(kāi)展公司產(chǎn)品的網(wǎng)絡(luò)營(yíng)銷(xiāo)?還是其它。</p><p>　　確定網(wǎng)站建設(shè)目標(biāo)之前，要先對(duì)公司的整個(gè)業(yè)務(wù)流程，從如何尋找產(chǎn)品的渠道到尋找到合適的目標(biāo)客戶到向客戶宣傳產(chǎn)品的過(guò)程在到完成客戶簽單，這一整個(gè)流程中是否存在某些制約著公司發(fā)展的某個(gè)環(huán)節(jié)，那么要把他們挖掘出來(lái)。公司是為沒(méi)有客戶發(fā)愁還是往往在介紹產(chǎn)品時(shí)忙的不

11、可開(kāi)交?只有對(duì)自己企業(yè)有了充分的認(rèn)識(shí)后，才能通過(guò)網(wǎng)站建設(shè)來(lái)解決這些實(shí)實(shí)在在存在的問(wèn)題，這樣的網(wǎng)站建設(shè)成功以后，更有針對(duì)性，才是一個(gè)真正有用的網(wǎng)站。</p><p>　　當(dāng)然也可以為網(wǎng)站設(shè)定一個(gè)次要的輔助性的目標(biāo)，比如網(wǎng)站是做婚紗攝影的，主要目標(biāo)是讓瀏覽者在網(wǎng)上訂單，當(dāng)主要目標(biāo)沒(méi)有達(dá)成時(shí)，可以通過(guò)制作一份婚紗攝影電子雜志來(lái)吸引瀏覽者注冊(cè)，通過(guò)雜志的精美內(nèi)容來(lái)刺激瀏覽者消費(fèi)呢?</p><p>

12、;　　網(wǎng)站建設(shè)的目標(biāo)是很重要的，它對(duì)企業(yè)網(wǎng)站建設(shè)是非常有幫助的，可以讓網(wǎng)站擁有良好的用戶體驗(yàn)。</p><p>　　1.2主頁(yè)html分析</p><p>　　一個(gè)好的主頁(yè)對(duì)于網(wǎng)站來(lái)說(shuō)至關(guān)重要，它不僅可以使網(wǎng)站的整體效果上升層次，同時(shí)也方便網(wǎng)站的交流，同時(shí)也更容易達(dá)到網(wǎng)站建設(shè)者的目的。</p><p>　　而一個(gè)主頁(yè)最顯眼的地方就是LOGO和banner。這是主頁(yè)的

13、頭部，一個(gè)網(wǎng)址的打開(kāi)，人們總是最先看見(jiàn)主頁(yè)的LOGO等，如何豐富主頁(yè)對(duì)于一個(gè)網(wǎng)站建設(shè)來(lái)說(shuō)是門(mén)學(xué)問(wèn)。針對(duì)本次的網(wǎng)站，要求要做到LOGO的醒目，而且開(kāi)宗明義，能夠清楚的表達(dá)出網(wǎng)站的主旨是哪些，同時(shí)能夠帶有其特定的宣傳效果。</p><p>　　1.2.1 交互式頁(yè)面分析</p><p>　　從用戶角度來(lái)說(shuō)，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，

14、了解用戶在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。 </p><p>　　通過(guò)對(duì)產(chǎn)品的界面和行為進(jìn)行交互設(shè)計(jì)，讓產(chǎn)品和它的使用者之間建立一種有機(jī)關(guān)系，從而可以有效達(dá)到使用者的目標(biāo)，這就是交互設(shè)計(jì)的目的。</p><p>　　2、網(wǎng)站相關(guān)技術(shù)分析</p&g

15、t;<p>　　2.1、ASP的介紹</p><p>　　2.1.1、 ASP 的優(yōu)勢(shì)</p><p>　　Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱(chēng)為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得A

16、SP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶端（Client）在IE瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Client）若使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果。</p><p>　　2.1.2 ASP的特點(diǎn)</p>&l

17、t;p>　　任何開(kāi)發(fā)工具皆可發(fā)展ASP。只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。</p><p>　　1、ASP通吃各家瀏覽器由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。</p><p>　　2、語(yǔ)言相容性高：ASP與所有的ActiveX Script語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、Java Scri

18、pt、Active X服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語(yǔ)言。</p><p>　　隱密安全性高。如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因?yàn)锳SP程序先于網(wǎng)站服務(wù)（Ｗeb Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此

19、，我們所辛苦撰寫(xiě)的ASP程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。</p><p>　　3、易于操控?cái)?shù)據(jù)庫(kù)：ASP可以輕易地通過(guò)ODBC(Open Database Connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例如：Acess、sqlserver、Oracle等等，另外，ASP亦可將“文本文件”或是”Excel” 文件當(dāng)成數(shù)據(jù)庫(kù)用。</p><p>　　所以我選擇了ASP結(jié)合dream

20、eware8架構(gòu)網(wǎng)站。在此期間本人將使用Dreamweaver 8進(jìn)行ASP頁(yè)面的編碼，并使用IIS5.1對(duì)頁(yè)面進(jìn)行調(diào)試。 </p><p>　　2.2、Dreamweaver</p><p>　　Dreamweaver是Macromedia公司推出的一款“平民化”的網(wǎng)頁(yè)制作軟件，具有可視化編輯界面和強(qiáng)大的所見(jiàn)即所得網(wǎng)頁(yè)編輯功能。用戶不必編寫(xiě)復(fù)雜的HTML源代碼，就可以生成跨平臺(tái)、跨瀏覽器

21、的網(wǎng)頁(yè)。同時(shí)，Dreamweaver支持動(dòng)態(tài)HTML，并采用了Roundtrip HTML技術(shù)，從而奠定了在網(wǎng)頁(yè)高級(jí)設(shè)計(jì)功能方面的領(lǐng)先地位。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，動(dòng)態(tài)HTML技術(shù)能夠讓用戶輕松設(shè)計(jì)復(fù)雜的交互式網(wǎng)頁(yè)，產(chǎn)生動(dòng)態(tài)效果；而Roundtrip HTML技術(shù)則可以支持HTML源編輯模式，不會(huì)產(chǎn)生冗余代碼，使網(wǎng)頁(yè)渲染速度加快。因此，Dreamweaver是一款可以滿足多層次需求，功能強(qiáng)大的可視化專(zhuān)業(yè)級(jí)網(wǎng)頁(yè)設(shè)計(jì)和制作工具。</p&

22、gt;<p>　　2.2.1、 Dreavaweaver 的特點(diǎn)</p><p>　　Dreavaweaver軟件具有以下特色。</p><p>　　出色的工作界面，將所有與Dreamweaver關(guān)聯(lián)的窗口都融入一個(gè)多重文檔窗口中，用戶可以隨時(shí)查看各種資源。并且可以設(shè)置單個(gè)或多個(gè)面板自由顯示，使用戶更精確地掌握網(wǎng)頁(yè)制作的細(xì)微之處。</p><p>　　

23、擁有更強(qiáng)大的協(xié)作能力，能夠與Macromedia公司的其他網(wǎng)頁(yè)制作軟件，如Flash MX、Fireworks MX等協(xié)調(diào)一致工作，從而使得輕松制作網(wǎng)頁(yè)成為可能。 </p><p>　　提供了更為強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)方面表現(xiàn)得極為出色。它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互性

24、操作，在這方面超過(guò)了FrontPage XP、Hotdog和Homesite等著名網(wǎng)頁(yè)設(shè)計(jì)軟件，成為目前最為流行的網(wǎng)頁(yè)設(shè)計(jì)工具。</p><p>　　允許在Dreamweaver中直接制作Flash Text、Flash Button插件，同時(shí)全面支持ASP、ASP .NET、JSP、PHP、XML、VXML和CFML等代碼，支持目前流行的大部分網(wǎng)絡(luò)設(shè)計(jì)代碼。</p><p>　　3、網(wǎng)站

25、模塊結(jié)構(gòu)設(shè)計(jì)</p><p>　　很多網(wǎng)站都提供新聞欄目，例如搜狐、新浪等著名網(wǎng)站的新聞專(zhuān)欄。許多企業(yè)和個(gè)人網(wǎng)站也需要定期發(fā)布一些關(guān)于企業(yè)或網(wǎng)站的新聞。因?yàn)榫W(wǎng)絡(luò)中新聞發(fā)布的頻率非常高，如果使用靜態(tài)網(wǎng)頁(yè)作為新聞頁(yè)面，則維護(hù)工作將非常繁瑣，管理員每天需要制作大量的網(wǎng)頁(yè)，從而浪費(fèi)很多時(shí)間和精力。使用新聞發(fā)布、新聞管理系統(tǒng)和留言板可以使新聞發(fā)布、管理和留言變得很輕松，管理員只需設(shè)置標(biāo)題、內(nèi)容和圖片等新聞就可以了，系統(tǒng)將自

26、動(dòng)生成對(duì)應(yīng)的網(wǎng)頁(yè)。本文將對(duì)新聞發(fā)布及管理系統(tǒng)進(jìn)行系統(tǒng)分析與總體設(shè)計(jì)。</p><p>　　3.1、 軟件模塊結(jié)構(gòu)設(shè)計(jì)</p><p>　　與傳統(tǒng)媒體不同，網(wǎng)站除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫(huà)等新興多媒體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)站界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)站設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。一般來(lái)說(shuō)，網(wǎng)站的界面主要由下面幾個(gè)因素構(gòu)成：&l

27、t;/p><p>　?。?）文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)站中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。</p><p>　?。?）圖形：圖形在網(wǎng)站界面中具有重要作用。合理的運(yùn)用圖形。可以生動(dòng)直觀

28、、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)站中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種。</p><p>　?。?）頁(yè)面版式：版式是網(wǎng)站界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺(jué)元素進(jìn)行組合配置，使頁(yè)面整體視覺(jué)效果美觀和諧，便于閱讀，實(shí)現(xiàn)信息傳達(dá)的最佳效果。 </p>&l

29、t;p>　?。?）色彩：彩色網(wǎng)站比單色網(wǎng)站更具吸引力；色彩本身具有象征作用。 </p><p>　?。?）多媒體：網(wǎng)站構(gòu)成中的多媒體元素主要包括音頻、視頻和動(dòng)畫(huà)。這些是界面構(gòu)成中最吸引人的元素 。</p><p>　?。?）技術(shù)：網(wǎng)站的技術(shù)要素并非任何情況下在網(wǎng)站中都能直觀體現(xiàn)，但是卻代表了設(shè)計(jì)的整體水平，也是衡量設(shè)計(jì)成功的重要標(biāo)準(zhǔn)。網(wǎng)站界面設(shè)計(jì)最基本的技術(shù)要求包括：瀏覽器、傳輸速度

30、、屏幕分辨率、顏色顯示。</p><p>　?。?）系統(tǒng)方案確定。通過(guò)對(duì)系統(tǒng)調(diào)研與分析，系統(tǒng)主要應(yīng)完成的功能如下：信息管理、錯(cuò)誤管理、帳戶管理、欄目管理等。</p><p>　?。?）軟件結(jié)構(gòu)設(shè)計(jì)。系統(tǒng)執(zhí)行時(shí)，先輸入數(shù)據(jù)，然后根據(jù)輸入的數(shù)據(jù)選擇執(zhí)行路徑。</p><p>　　系統(tǒng)功能圖如圖所示：</p><p>　　3.2、 數(shù)據(jù)庫(kù)設(shè)計(jì)<

31、;/p><p>　　數(shù)據(jù)庫(kù)(Database)，是按照數(shù)據(jù)結(jié)構(gòu)來(lái)組織、存儲(chǔ)和管理數(shù)據(jù)的倉(cāng)庫(kù)，是用于查詢的大量數(shù)據(jù)的存儲(chǔ)區(qū)域。使用數(shù)據(jù)庫(kù)可以帶來(lái)許多好處：如減少了數(shù)據(jù)的冗余度，從而大大地節(jié)省了數(shù)據(jù)的存儲(chǔ)空間，實(shí)現(xiàn)數(shù)據(jù)資源的充分共享等等。此外，數(shù)據(jù)庫(kù)技術(shù)還為用戶提供了非常簡(jiǎn)便的使用手段，使用戶易于編寫(xiě)有關(guān)數(shù)據(jù)庫(kù)應(yīng)用程序。特別是近年來(lái)推出的計(jì)算機(jī)關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)，操作直觀，使用靈活，編程方便，功能強(qiáng)大，環(huán)境適應(yīng)廣泛，數(shù)據(jù)

32、處理能力極強(qiáng)。</p><p>　　數(shù)據(jù)庫(kù)的設(shè)計(jì)是指對(duì)一個(gè)給定的應(yīng)用環(huán)境，構(gòu)造數(shù)據(jù)庫(kù)模式，建立數(shù)據(jù)庫(kù)及其應(yīng)用系統(tǒng)，滿足各種用戶需求。作為信息資源開(kāi)發(fā)、管理和服務(wù)的一種有效的手段，數(shù)據(jù)庫(kù)技術(shù)的應(yīng)用已越來(lái)越廣泛，從小型的單項(xiàng)事務(wù)處理系統(tǒng)到大型的信息系統(tǒng)大都用先進(jìn)的數(shù)據(jù)庫(kù)技術(shù)來(lái)保持系統(tǒng)數(shù)據(jù)的安全性、完整性和共享性。對(duì)一個(gè)實(shí)際的系統(tǒng)來(lái)說(shuō)，數(shù)據(jù)庫(kù)表的設(shè)計(jì)在遵循數(shù)據(jù)庫(kù)理論的同時(shí)，必須能用開(kāi)發(fā)工具來(lái)實(shí)現(xiàn)用戶在各方面提出的功能要

33、求。</p><p><b>　　4、網(wǎng)站的實(shí)現(xiàn)</b></p><p>　　4.1 動(dòng)態(tài)網(wǎng)站的優(yōu)點(diǎn)</p><p>　　在InterNet迅猛發(fā)展的今天，用戶不再只滿足于通過(guò)瀏覽器看到靜態(tài)頁(yè)面，而是希望能根據(jù)要求生成更加靈活、生動(dòng)的動(dòng)態(tài)頁(yè)面。數(shù)據(jù)庫(kù)對(duì)于信息的動(dòng)態(tài)檢索無(wú)疑具有極大的優(yōu)越性，因此根據(jù)數(shù)據(jù)庫(kù)信息的不斷變化生成動(dòng)態(tài)web頁(yè)面將成為網(wǎng)站

34、設(shè)計(jì)的重要方法。</p><p>　　動(dòng)態(tài)網(wǎng)站的技術(shù)就有多個(gè)廠商的支持，他們都有各自的優(yōu)點(diǎn)。利用JSP、ASP、PHP和其它有關(guān)技術(shù)，一個(gè)用戶可以將一個(gè)Http請(qǐng)求送到一個(gè)可執(zhí)行應(yīng)用程序而不是一個(gè)靜態(tài)的HTML文件。服務(wù)器將會(huì)立即運(yùn)行這個(gè)限定的程序，對(duì)用戶的輸入做出反應(yīng)，將處理結(jié)果返回客戶端，或者對(duì)數(shù)據(jù)的記錄進(jìn)行更新。通過(guò)這個(gè)模型，就可以在服務(wù)器端和客戶端之間有效的進(jìn)行交互。</p><p&g

35、t;　　靜態(tài)網(wǎng)站瀏覽者可以直接從服務(wù)器端調(diào)用瀏覽，占用服務(wù)器的資源較少但缺點(diǎn)是其不包含交互功能，對(duì)于使用者來(lái)說(shuō)，只能看但不能參與活動(dòng)，這是一個(gè)很大的缺陷。</p><p>　　動(dòng)態(tài)網(wǎng)站包含交互功能，瀏覽者可以和服務(wù)頁(yè)面間產(chǎn)生會(huì)話作用，完成一系列的動(dòng)作。動(dòng)態(tài)網(wǎng)站有如下一些優(yōu)點(diǎn):</p><p>　　（1）讀者可與Web服務(wù)器進(jìn)行交互</p><p>　?。?）可實(shí)現(xiàn)數(shù)

36、據(jù)庫(kù)的查詢 </p><p>　?。?）可以與HTML以外的文件進(jìn)行交互 </p><p>　　（4）可縮短查詢時(shí)間，提高瀏覽效率</p><p>　　它的最大的優(yōu)勢(shì)體現(xiàn)在用戶可以進(jìn)行直接參與活動(dòng)[9]。</p><p>　　4.2 網(wǎng)站首頁(yè)的實(shí)現(xiàn)</p><p>　　本系統(tǒng)是有關(guān)酒店的網(wǎng)站，是大眾型的，它主要包含以

37、下幾個(gè)模塊：山莊介紹、等等。從而，實(shí)現(xiàn)對(duì)新聞錄入，顧客的留言查看等實(shí)現(xiàn)全面、動(dòng)態(tài)、及時(shí)的管理。創(chuàng)建一個(gè)穩(wěn)定、高效的酒店網(wǎng)站系統(tǒng)。</p><p><b>　　山莊首頁(yè)如圖所示：</b></p><p><b>　　主要代碼如下：</b></p><p>　　<!DOCTYPE html PUBLIC "-/

38、/W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p>　　<html xmlns="http://www.w3.org/1999/xhtml"></p><p><

39、;b>　　<head></b></p><p>　　<meta http-equiv="X-UA-Compatible" content="IE=7" /></p><p>　　<meta http-equiv="Content-Type" content="text/ht

40、ml; charset=gb2312" /></p><p>　　<meta name="keywords" content="XXCMS網(wǎng)站管理系統(tǒng)測(cè)試1" /></p><p>　　<meta name="description" content="XXCMS網(wǎng)站管理系統(tǒng)是一套專(zhuān)為企

41、業(yè)用戶量身打造的ASP CMS開(kāi)源建站系統(tǒng)" /></p><p>　　<link href="style/index.css" type="text/css" rel="stylesheet" /></p><p>　　<script type="text/javascript&quo

42、t; src="js/jquery.min.js"></script></p><p>　　<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script></p><p>　　<script type=&qu

43、ot;text/javascript" src="js/public.js"></script></p><p>　　<script type="text/javascript" src="js/slideplay.js"></script></p><p>　　<scri

44、pt src="js/jquery.datePicker-min.js" type="text/javascript"></script></p><p>　　<script type="text/javascript"></p><p>　　$(window).ready(function(){&l

45、t;/p><p>　　$('.date-pick').datePicker({clickInput:true});</p><p><b>　　});</b></p><p><b>　　</script></b></p><p><b>　　<script&

46、gt;</b></p><p><b>　　<!--</b></p><p>　　function setTab(name,cursel,n){</p><p>　　for(i=1;i<=n;i++){</p><p>　　var menu=document.getElementById(name

47、+i);</p><p>　　var con=document.getElementById("xycon_"+name+"_"+i);</p><p>　　menu.className=i==cursel?"hover":"";</p><p>　　con.style.display=

48、i==cursel?"block":"none";</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　//--></b></p><p><b>　　</sc

49、ript></b></p><p>　　<title>瀟湘生態(tài)度假園</title></p><p><b>　　</head></b></p><p>　　<body ondragstart="window.event.returnValue=false" onc

50、ontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false"></p><p>　　<div class="header"></p><p>　　<div class="head"&

51、gt;</p><p>　　<h1 class="logo"><img src="uploadfile/201303/123.gif" width="708" height="80" /></h1></p><p>　　<div class="xy_txt&q

52、uot;></p><p>　　<a href="#" onclick="javascript:window.external.addFavorite('http://'+location.hostname+(location.port!=''?':':'')+location.port,'瀟湘生態(tài)度

53、假園');">加入收藏</a><span>|</span></p><p>　　<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://'+location.hostname+(location.po

54、rt!=''?':':'')+location.port);" href="#">設(shè)為首頁(yè)</a></p><p><b>　　</div></b></p><p><b>　　</div></b></p><

55、;p><b>　　</div></b></p><p>　　<div class="nav_c"></p><p>　　<div class="nav_cc"></p><p>　　<ul class="nav"></p>

56、;<p>　　<li class="nav_li"><a href="index.asp" target="_self" class="menu" title="網(wǎng)站首頁(yè)">網(wǎng)站首頁(yè)</a></p><p><b>　　</li></b&

57、gt;</p><p><b>　　</li></b></p><p>　　<li class="nav_li"><a href="common.asp?id=1" target="_self" class="menu" title="山莊簡(jiǎn)介&qu

58、ot;>山莊簡(jiǎn)介</a></p><p>　　<ul class="sub_nav"></p><p>　　<li><a href="common.asp?id=17" target="_self">媒體報(bào)道</a></li></p>&l

59、t;p><b>　　</ul></b></p><p><b>　　</li></b></p><p>　　<li class="nav_li"><a href="news.asp" target="_self" class="m

60、enu" title="新聞資訊">新聞資訊</a></p><p><b>　　</li></b></p><p><b>　　</li></b></p><p>　　<li class="nav_li"><a

61、href="article.asp?id=1" target="_self" class="menu" title="會(huì)議中心">會(huì)議中心</a></p><p><b>　　</li></b></p><p><b>　　</li>&l

62、t;/b></p><p>　　<li class="nav_li"><a href="article.asp?id=4" target="_self" class="menu" title="餐飲服務(wù)">餐飲服務(wù)</a></p><p><b

63、>　　</li></b></p><p><b>　　</li></b></p><p>　　<li class="nav_li"><a href="article.asp?id=5" target="_self" class="menu&

64、quot; title="休閑娛樂(lè)">休閑娛樂(lè)</a></p><p><b>　　</li></b></p><p><b>　　</li></b></p><p>　　<li class="nav_li"><a href

65、="article.asp?id=3" target="_self" class="menu" title="客房服務(wù)">客房服務(wù)</a></p><p><b>　　</li></b></p><p><b>　　</li></b

66、></p><p>　　<li class="nav_li"><a href="common.asp?id=2" target="_self" class="menu" title="聯(lián)系我們">聯(lián)系我們</a></p><p><b>　

67、　</li></b></p><p><b>　　</li></b></p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p><b>　　</d

68、iv></b></p><p>　　<div id="banner"></p><p>　　<div id="focus"></p><p>　　<ul> </p><p>　　<li><a href="http

69、://www.yuleroom.cn" target="_blank"><img src="/uploadfile/201012/20101203234228305.jpg" alt="XYCMS靜態(tài)HTML" width="980" height="350"/></a></li>

70、</p><p>　　<li><a href="http://www.yuleroom.cn" target="_blank"><img src="/uploadfile/201012/20101204003812696.jpg" alt="省去SEO費(fèi)用" width="980" h

71、eight="350"/></a></li></p><p>　　<li><a href="http://www.yuleroom.cn" target="_blank"><img src="/uploadfile/201012/20101204130217392.jpg"

72、alt="超值購(gòu)買(mǎi)" width="980" height="350"/></a></li> </p><p>　　<li><a href="http://www.yuleroom.cn" target="_blank"><img src=&q

73、uot;/uploadfile/201012/20101204131737470.jpg" alt="源碼簡(jiǎn)潔大方" width="980" height="350"/></a></li> </p><p>　　<li><a href="http://shop36346889.

74、taobao.com/" target="_blank"><img src="/uploadfile/201012/20101204132929762.jpg" alt="購(gòu)買(mǎi)店鋪" width="980" height="350"/></a></li> </p>

75、<p><b>　　</ul></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="notice"></p>

76、<p>　　<div class="notice_a"></p><p>　　<strong>山莊公告：</strong></p><p>　　<table cellpadding="0" cellspacing="0" border="0" width=

77、"380"></p><p><b>　　<tr></b></p><p>　　<td style=" line-height:36px; font-size:13px; "> </p><p><b>　　<script> </b><

78、;/p><p>　　var marqueeContent=new Array(); //滾動(dòng)主題 </p><p>　　var marqueeInterval=new Array(); //定義一些常用而且要經(jīng)常用到的變量 </p><p>　　var marqueeId=0; </p><p>　　var marqueeDelay=4000;

79、</p><p>　　var marqueeHeight=36; </p><p>　　function initMarquee() { </p><p>　　var str=marqueeContent[0]; </p><p>　　document.write('<div id=marqueeBox style="

80、overflow:hidden; color:#0099FF; height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)&

81、quot; ><div>'+str+'</div></div>'); </p><p>　　marqueeId++; </p><p>　　marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); </p><p>

82、;<b>　　} </b></p><p>　　function startMarquee() { </p><p>　　var str=marqueeContent[marqueeId]; </p><p>　　marqueeId++; </p><p>　　if(marqueeId>=marqueeConten

83、t.length) marqueeId=0; </p><p>　　if(marqueeBox.childNodes.length==1) { </p><p>　　var nextLine=document.createElement('DIV'); </p><p>　　nextLine.innerHTML=str; </p>&l

84、t;p>　　marqueeBox.appendChild(nextLine); </p><p><b>　　} </b></p><p><b>　　else{ </b></p><p>　　marqueeBox.childNodes[0].innerHTML=str; </p><p>　

85、　marqueeBox.appendChild(marqueeBox.childNodes[0]); </p><p>　　marqueeBox.scrollTop=0; </p><p><b>　　} </b></p><p>　　clearInterval(marqueeInterval[1]); </p><p>

86、;　　marqueeInterval[1]=setInterval("scrollMarquee()",10); </p><p><b>　　} </b></p><p>　　function scrollMarquee() { </p><p>　　marqueeBox.scrollTop++; </p>

87、<p>　　if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){ </p><p>　　clearInterval(marqueeInterval[1]); </p><p><b>　　} </b></p><p><b>　　} </b></p&g

88、t;<p>　　initMarquee(); </p><p><b>　　</script></b></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b&

89、gt;　　</table></b></p><p><b>　　</div></b></p><p>　　<div class="search"></p><p>　　<form id="search" name="search"

90、method="get" action="search.asp" target="_blank" onsubmit="return checkForm(this);"></p><p>　　<input name="word" type="text" value="&quo

91、t; class="text" /></p><p>　　<input name="sub" type="submit" class="btn" value="" /></p><p><b>　　</form></b></p>

92、<p><b>　　</div></b></p><p>　　<div class="clear"></div></p><p><b>　　</div></b></p><p>　　<div id="cont"&g

93、t;</p><p>　　<div class="c_l"></p><p>　　<div class="c_l_t"></p><p><b>　　<dt></b></p><p>　　<span class="bt"

94、>關(guān)于我們</span><span class="mor"><a href="common.asp?id=1">更多&gt;&gt;</a></span></p><p>　　<div class="clear"></div></p>

95、<p><b>　　</dt></b></p><p><b>　　</div></b></p><p>　　<div class="c_l_c"></p><p>　　<div class="c_l_c_c"></p&

96、gt;<p>　　<div class="pic"><script src="advfile/ad12.js"></script></div></p><p>　　XXCMS快速建站系統(tǒng)瀟湘生態(tài)度假山莊以熱情的服務(wù)、優(yōu)雅的環(huán)境、特色的美食、親近大自然的風(fēng)光，讓游客們高高興興的來(lái)，滿載而歸的回。</p>

97、<p>　　XXCMS站長(zhǎng)再次感謝您關(guān)注本建站系統(tǒng)，謝謝！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp.... <a href="common.asp?id=1">[更多]</a></p><p><b>　　</div></b>

98、</p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="c_c"></p><p>　　<div class="c_c_t"&g

99、t;</p><p><b>　　<dt></b></p><p>　　<span class="bt">新聞資訊</span><span class="mor"><a href="news.asp?id=1">更多&gt;&gt;&

100、lt;/a></span></p><p>　　<div class="clear"></div></p><p><b>　　</dt></b></p><p><b>　　</div></b></p><p>

101、　　<div class="c_c_c"></p><p>　　<div class="c_c_c_t"></p><p>　　<li>暫無(wú)圖片新聞!</li></p><p><b>　　</div></b></p><p&

102、gt;　　<div class="c_c_c_c"></p><p><b>　　<ul></b></p><p>　　&nbsp;暫無(wú)該新聞內(nèi)容 !</p><p><b>　　</ul></b></p><p><b>　

103、　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="c_r"></p><p>　　<div cl

104、ass="c_r_t"></p><p><b>　　<dt></b></p><p>　　<span class="bt">快速入住</span><span class="mor">&nbsp;</span></p>&

105、lt;p>　　<div class="clear"></div></p><p><b>　　</dt></b></p><p><b>　　</div></b></p><p>　　<div class="c_r_c"&g

106、t;</p><p>　　<div class="c_r_c_c"></p><p>　　<div class="pic"><script src="advfile/ad13.js"></script></div></p><p>　　<di

107、v class="contact"></p><p><b>　　<ul></b></p><p>　　<li><strong>瀟湘生態(tài)度假園</strong></li></p><p>　　<li>聯(lián)系地址：頭屯河區(qū)艾丁湖路1350號(hào)</l

108、i></p><p>　　<li>電 話：0991-4866561</li></p><p>　　<li>傳 真：0991-4856542</li></p><p><b>　　</ul></b></p><p><b>　　</div&g

109、t;</b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　<div class="cle

110、ar"></div></p><p><b>　　</div></b></p><p>　　<div class="scr"></p><p>　　<div class="scr_t"></p><p>　　<d

111、iv class="menubox"></p><p><b>　　<ul></b></p><p>　　<li id="xycmsone1" onMouseOver="setTab('xycmsone',1,4)" class="hover"&g

112、t;客房展示</li></p><p>　　<li id="xycmsone2" onMouseOver="setTab('xycmsone',2,4)" >餐飲展示</li></p><p>　　<li id="xycmsone3" onMouseOver="s

113、etTab('xycmsone',3,4)" >娛樂(lè)項(xiàng)目</li></p><p>　　<li id="xycmsone4" onMouseOver="setTab('xycmsone',4,4)" >風(fēng)光展示</li></p><p><b>　　<

114、/ul></b></p><p>　　<div class="clear"></div></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p>　　&l

115、t;div class="scr_c"></p><p>　　<div id="xycon_xycmsone_1"></p><p>　　<div class="caseShow marginbtm10"></p><p>　　<div class="lefta

116、rrow"></div></p><p>　　<div class="centerCase"></p><p>　　<ul class="ulIndexCase"></p><p><b>　　<li></b></p><

117、p>　　<a href="article_detail.asp?id=65" title="雙人標(biāo)準(zhǔn)間一"><img src='/uploadfile/201305/20130505213255771.jpg' width='156' height='112' alt='雙人標(biāo)準(zhǔn)間一'></a>

118、;</p><p>　　<p class="Blue"><a href="article_detail.asp?id=65" title="雙人標(biāo)準(zhǔn)間一">雙人標(biāo)準(zhǔn)間一</a></p></p><p><b>　　</li> </b></p&g

119、t;<p><b>　　<li></b></p><p>　　<a href="article_detail.asp?id=64" title="雙人標(biāo)準(zhǔn)間二"><img src='/uploadfile/201305/20130505213452809.jpg' width='156

120、' height='112' alt='雙人標(biāo)準(zhǔn)間二'></a></p><p>　　<p class="Blue"><a href="article_detail.asp?id=64" title="雙人標(biāo)準(zhǔn)間二">雙人標(biāo)準(zhǔn)間二</a></p>&l

121、t;/p><p><b>　　</li> </b></p><p><b>　　<li></b></p><p>　　<a href="article_detail.asp?id=63" title="普通商務(wù)一"><img src='/

122、uploadfile/201305/20130505213637112.jpg' width='156' height='112' alt='普通商務(wù)一'></a></p><p>　　<p class="Blue"><a href="article_detail.asp?id=63"

123、; title="普通商務(wù)一">普通商務(wù)一</a></p></p><p><b>　　</li> </b></p><p><b>　　<li></b></p><p>　　<a href="article_detail.asp?i

124、d=62" title="普通商務(wù)二"><img src='/uploadfile/201305/20130505213848693.jpg' width='156' height='112' alt='普通商務(wù)二'></a></p><p>　　<p class="Blue

125、"><a href="article_detail.asp?id=62" title="普通商務(wù)二">普通商務(wù)二</a></p></p><p><b>　　</li> </b></p><p><b>　　<li></b><

126、/p><p>　　<a href="article_detail.asp?id=61" title="豪華商務(wù)一"><img src='/uploadfile/201305/20130505214055519.jpg' width='156' height='112' alt='豪華商務(wù)一'>

127、;</a></p><p>　　<p class="Blue"><a href="article_detail.asp?id=61" title="豪華商務(wù)一">豪華商務(wù)一</a></p></p><p><b>　　</li> </b>

128、</p><p><b>　　<li></b></p><p>　　<a href="article_detail.asp?id=60" title="豪華商務(wù)二"><img src='/uploadfile/201305/20130505214225455.jpg' width=&

129、#39;156' height='112' alt='豪華商務(wù)二'></a></p><p>　　<p class="Blue"><a href="article_detail.asp?id=60" title="豪華商務(wù)二">豪華商務(wù)二</a></p&g

130、t;</p><p><b>　　</li> </b></p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p>　　<div class="rightarrow&quo

131、t;></div></p><p>　　<div class="clear"></div></p><p><b>　　</div></b></p><p>　　<script type="text/javascript"></p&g

132、t;<p>　　$(".centerCase").jCarouselLite({</p><p>　　btnNext: ".rightarrow",</p><p>　　btnPrev: ".leftarrow",</p><p>　　visible:5,</p><p&g

133、t;　　scroll: 1,</p><p>　　auto: 3000,</p><p>　　speed: 1000</p><p><b>　　});</b></p><p><b>　　</script></b></p><p><b>　　<

134、/div></b></p><p>　　<div id="xycon_xycmsone_2" style="display:none"></p><p>　　<div class="xy_c"></p><p><b>　　<ul> </

135、b></p><p>　　<li><a href="article_detail.asp?id=86" target="_blank"><img src="/uploadfile/201305/20130505221304747.jpg" width="166" height="116&q

136、uot; /></a><span><a href="article_detail.asp?id=86" target="_blank">包間四</a></span></li></p><p>　　<li><a href="article_detail.asp?id=85

137、" target="_blank"><img src="/uploadfile/201305/20130505221002362.jpg" width="166" height="116" /></a><span><a href="article_detail.asp?id=85"

138、 target="_blank">包間三</a></span></li></p><p>　　<li><a href="article_detail.asp?id=84" target="_blank"><img src="/uploadfile/201305/201305

139、05220916151.jpg" width="166" height="116" /></a><span><a href="article_detail.asp?id=84" target="_blank">包間二</a></span></li></p>

140、<p>　　<li><a href="article_detail.asp?id=83" target="_blank"><img src="/uploadfile/201305/20130505220825850.jpg" width="166" height="116" /></a&

141、gt;<span><a href="article_detail.asp?id=83" target="_blank">包間一</a></span></li></p><p>　　<li><a href="article_detail.asp?id=82" target=&qu

142、ot;_blank"><img src="/uploadfile/201305/20130505220652447.jpg" width="166" height="116" /></a><span><a href="article_detail.asp?id=82" target="_bl

143、ank">餐飲大廳</a></span></li></p><p><b>　　</ul></b></p><p>　　<div class="clear"></div></p><p><b>　　</div>&l