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

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

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

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

4、ASP、數(shù)據(jù)庫、網(wǎng)站設(shè)計、動態(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)站目標分析1</p><p>　　1.2、主頁html分析2</p>&

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

37、下幾個模塊：山莊介紹、等等。從而，實現(xiàn)對新聞錄入，顧客的留言查看等實現(xiàn)全面、動態(tài)、及時的管理。創(chuàng)建一個穩(wěn)定、高效的酒店網(wǎng)站系統(tǒng)。</p><p><b>　　山莊首頁如圖所示：</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)測試1" /></p><p>　　<meta name="description" content="XXCMS網(wǎng)站管理系統(tǒng)是一套專為企

41、業(yè)用戶量身打造的ASP CMS開源建站系統(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è)為首頁</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)站首頁">網(wǎng)站首頁</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="山莊簡介&qu

58、ot;>山莊簡介</a></p><p>　　<ul class="sub_nav"></p><p>　　<li><a href="common.asp?id=17" target="_self">媒體報道</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="會議中心">會議中心</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="休閑娛樂">休閑娛樂</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費用" 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="超值購買" 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="源碼簡潔大方" 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="購買店鋪" 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(); //滾動主題 </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)境、特色的美食、親近大自然的風光，讓游客們高高興興的來，滿載而歸的回。</p>

97、<p>　　XXCMS站長再次感謝您關(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>暫無圖片新聞!</li></p><p><b>　　</div></b></p><p&

102、gt;　　<div class="c_c_c_c"></p><p><b>　　<ul></b></p><p>　　&nbsp;暫無該新聞內(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號</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)" >娛樂項目</li></p><p>　　<li id="xycmsone4" onMouseOver="setTab('xycmsone',4,4)" >風光展示</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="雙人標準間一"><img src='/uploadfile/201305/20130505213255771.jpg' width='156' height='112' alt='雙人標準間一'></a>

118、;</p><p>　　<p class="Blue"><a href="article_detail.asp?id=65" title="雙人標準間一">雙人標準間一</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="雙人標準間二"><img src='/uploadfile/201305/20130505213452809.jpg' width='156

120、' height='112' alt='雙人標準間二'></a></p><p>　　<p class="Blue"><a href="article_detail.asp?id=64" title="雙人標準間二">雙人標準間二</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