網站課程設計--企業(yè)網站建設

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

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

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

4、ASP、數據庫、網站設計、動態(tài)網站</p><p><b>　　目錄</b></p><p>　　1、企業(yè)網站建設需求分析1</p><p>　　1.1、網站需求分析1</p><p>　　1.1.1、網站目標分析1</p><p>　　1.2、主頁html分析2</p>&

5、lt;p>　　1.2.1、交互式頁面分析2</p><p>　　2、網站相關技術分析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、網站模塊結構設計4</p><p>　　3.1、 軟件模塊結構設計5</p><p>　　3.2、 數據庫設計6</p><p><b>　　4、網站的實現7</b></p><p>　

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

37、下幾個模塊：山莊介紹、等等。從而，實現對新聞錄入，顧客的留言查看等實現全面、動態(tài)、及時的管理。創(chuàng)建一個穩(wěn)定、高效的酒店網站系統(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網站管理系統(tǒng)測試1" /></p><p>　　<meta name="description" content="XXCMS網站管理系統(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="#">設為首頁</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="網站首頁">網站首頁</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="餐飲服務">餐飲服務</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="客房服務">客房服務</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="聯系我們">聯系我們</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(); //定義一些常用而且要經常用到的變量 </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、>關于我們</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)度假山莊以熱情的服務、優(yōu)雅的環(huán)境、特色的美食、親近大自然的風光，讓游客們高高興興的來，滿載而歸的回。</p>

97、<p>　　XXCMS站長再次感謝您關注本建站系統(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;暫無該新聞內容 !</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>聯系地址：頭屯河區(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="普通商務一"><img src='/

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

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

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

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

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

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

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

129、#39;156' height='112' alt='豪華商務二'></a></p><p>　　<p class="Blue"><a href="article_detail.asp?id=60" title="豪華商務二">豪華商務二</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