畢業(yè)設(shè)計(jì)正文8251

1、PAGE 1畢 業(yè) 設(shè) 計(jì) 說(shuō) 明 書(shū)課題名稱旅游網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)院 系計(jì)算機(jī)與軟件學(xué)院專 業(yè)計(jì)算機(jī)多媒體技術(shù)班 級(jí)計(jì)媒0921學(xué) 號(hào)0902413215學(xué)生姓名 黎勤勤指導(dǎo)教師：李虹 2012 年 05 月31 日計(jì)算機(jī)與軟件學(xué)院畢業(yè)設(shè)計(jì)（論文）誠(chéng)信承諾 我謹(jǐn)在此承諾：本人所寫(xiě)的畢業(yè)論文旅游網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，系本人獨(dú)立完成，沒(méi)有抄襲行為，凡涉及其他作者的觀點(diǎn)和材料，均作了注釋與說(shuō)明，若有不實(shí)，后果由本人承擔(dān)。承諾人（簽名）： 年 月 日摘 要隨著社會(huì)的不斷進(jìn)步，旅游行業(yè)也在社會(huì)的基層開(kāi)始普遍起來(lái)。各種新興的旅游平臺(tái)網(wǎng)站開(kāi)始大幅度的進(jìn)行宣傳。人們對(duì)于足不出戶的網(wǎng)上預(yù)訂旅游方案開(kāi)始熱衷起來(lái)。本論

2、文以一個(gè)旅游電子商務(wù)網(wǎng)站作為解決方案的背景，詳細(xì)論述了本網(wǎng)站開(kāi)發(fā)的需求分析、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)、測(cè)試與網(wǎng)站使用說(shuō)明，構(gòu)成了一個(gè)完整的網(wǎng)上瀏覽平臺(tái)。本網(wǎng)站涉的軟件有PS、Dreamweaver、Flash、Apache、PHP、MySQL等工具，其中課題主內(nèi)容包括首頁(yè)、熱門線路瀏覽、游后感、熱門專題介紹及推薦景區(qū)圖片等五個(gè)部分，詳細(xì)的為即將出行的游客提供一個(gè)良好的游前須知，讓大家真正知道自己想去哪玩的這樣一個(gè)功能。其中重點(diǎn)在于網(wǎng)站的留言部分，這部分的內(nèi)容是讓網(wǎng)站具有生命力的主要環(huán)節(jié)。 關(guān)鍵詞：旅游網(wǎng)站；Dreanweaver CS5；PHP；MySQLAbstract With the prog

3、ress of society, the tourism industry are the grassroots of society generally. Emerging tourist platform site substantial publicity. People staying at home and online booking travel program began to keen up. The background of this is, a tourism e-commerce website solutions, discussed in detail the s

4、ite development of needs analysis, preliminary design, detailed design, testing and site instructions for use, constitute a complete web browsing platform. The software of the site involved in the PS, Dreamweaver, Flash, Apache, PHP, MySQL, etc tool, which topics include Home Hot line browsing, afte

5、r the trip, a sense of popular presentations and recommended scenic pictures of five parts in detail for tourists about to travel a good travel notes, so that we truly know that they want to go play such a function. Which focuses on the message part of the site, the content of this part of the site

6、with the vitality of key areas.Key Words：Web Design；Dreanweaver CS5；PHP；MrSQL目 錄 TOC o 1-3 u 1 緒 論 PAGEREF _Toc326693492 h 11.1 課題的背景 PAGEREF _Toc326693493 h 11.2 課題的目的和意義 PAGEREF _Toc326693494 h 12 需求分析 PAGEREF _Toc326693495 h 32.2網(wǎng)站可行性分析 PAGEREF _Toc326693496 h 32.2.1技術(shù)可行性 PAGEREF _Toc326693497 h

7、32.2.2經(jīng)濟(jì)可行性 PAGEREF _Toc326693498 h 32.2.3運(yùn)行環(huán)境的可行性分析 PAGEREF _Toc326693499 h 32.3 面向?qū)ο罂尚行苑治?PAGEREF _Toc326693500 h 32.3.1 關(guān)鍵詞分析 PAGEREF _Toc326693501 h 32.3.2 流量分析 PAGEREF _Toc326693502 h 42.3.3 界面舒適度 PAGEREF _Toc326693503 h 42.3.4 交互的難易程度 PAGEREF _Toc326693504 h 43 網(wǎng)站的開(kāi)發(fā)技術(shù)與工具 PAGEREF _Toc326693505

8、 h 53.1 網(wǎng)站使用的開(kāi)發(fā)技術(shù)和工具 PAGEREF _Toc326693506 h 53.1.1 設(shè)計(jì)網(wǎng)頁(yè)的工具Photoshop CS5 PAGEREF _Toc326693507 h 53.1.2 前臺(tái)開(kāi)發(fā)工具Dreamweaver CS5 PAGEREF _Toc326693508 h 53.1.3 服務(wù)器Apache PAGEREF _Toc326693509 h 73.1.4 開(kāi)發(fā)語(yǔ)言 PHP PAGEREF _Toc326693510 h 73.1.5 數(shù)據(jù)庫(kù)MySQL PAGEREF _Toc326693511 h 83.2 網(wǎng)站開(kāi)發(fā)涉及的技術(shù)與語(yǔ)言 PAGEREF _To

9、c326693512 h 93.2.1 HTML PAGEREF _Toc326693513 h 93.2.2 CSS+DIV頁(yè)面布局 PAGEREF _Toc326693514 h 104 概要設(shè)計(jì) PAGEREF _Toc326693515 h 114.1 總體方案設(shè)計(jì) PAGEREF _Toc326693516 h 114.1.1 網(wǎng)站環(huán)境運(yùn)行要求 PAGEREF _Toc326693517 h 124.1.2 開(kāi)發(fā)目標(biāo) PAGEREF _Toc326693518 h 124.1.3 網(wǎng)站的前期規(guī)劃 PAGEREF _Toc326693519 h 124.1.4 網(wǎng)站功能概述 PAGER

10、EF _Toc326693520 h 124.1.5 網(wǎng)站的框架設(shè)計(jì) PAGEREF _Toc326693521 h 134.2 頁(yè)面的設(shè)計(jì) PAGEREF _Toc326693522 h 134.3 連接數(shù)據(jù)庫(kù) PAGEREF _Toc326693523 h 154.3.1 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì) PAGEREF _Toc326693524 h 154.3.2 連接數(shù)據(jù)庫(kù) PAGEREF _Toc326693525 h 155 詳細(xì)設(shè)計(jì) PAGEREF _Toc326693526 h 175.1 主頁(yè)面的設(shè)計(jì) PAGEREF _Toc326693527 h 175.1.1 網(wǎng)站logo及導(dǎo)航欄 PA

11、GEREF _Toc326693528 h 175.1.2 網(wǎng)站的主體展覽區(qū) PAGEREF _Toc326693529 h 175.1.3 游客留言展示區(qū) PAGEREF _Toc326693530 h 185.1.4 專題展覽區(qū) PAGEREF _Toc326693531 h 185.2 游客留言區(qū) PAGEREF _Toc326693532 h 196 網(wǎng)站測(cè)試及維護(hù) PAGEREF _Toc326693533 h 206.1 測(cè)試的目的 PAGEREF _Toc326693534 h 206.2 系統(tǒng)測(cè)試 PAGEREF _Toc326693535 h 206.3 系統(tǒng)維護(hù) PAGER

12、EF _Toc326693536 h 216.3.1 系統(tǒng)的硬件維護(hù) PAGEREF _Toc326693537 h 216.3.2 系統(tǒng)的軟件維護(hù) PAGEREF _Toc326693538 h 21總 結(jié) PAGEREF _Toc326693539 h 22致 謝 PAGEREF _Toc326693540 h 23參考文獻(xiàn) PAGEREF _Toc326693541 h 24附 錄 PAGEREF _Toc326693542 h 25 TOC o 1-3 u TOC o 1-3 h z u 畢業(yè)設(shè)計(jì)（論文）報(bào)告紙共 33 頁(yè) 第 PAGE 33 頁(yè)1 緒 論1.1 課題的背景旅游網(wǎng)站作為

13、信息技術(shù)與旅游業(yè)高度結(jié)合的產(chǎn)物，旅游市場(chǎng)營(yíng)銷的一個(gè)重要發(fā)展趨向就是人本化、信息化和高效化。無(wú)疑就是這一發(fā)展趨勢(shì)的集中體現(xiàn)。1999 年，世界旅游組織明確將旅游網(wǎng)絡(luò)作為信息時(shí)代旅游市場(chǎng)營(yíng)銷的重要的戰(zhàn)略方式和手段。明確的信息傳遞是旅游業(yè)的天性，這就意味著 HYPERLINK /cms/zhuanyeyanjiulist.aspx因特網(wǎng)和網(wǎng)絡(luò)技術(shù)在提升旅游目的地競(jìng)爭(zhēng)力和市場(chǎng)營(yíng)銷方面的重要作用?；ヂ?lián)網(wǎng)的交互性、實(shí)時(shí)性、豐富性和便捷性等優(yōu)勢(shì)促使傳統(tǒng)旅游業(yè)迅速融入 HYPERLINK /網(wǎng)絡(luò)經(jīng)濟(jì)的浪潮之中?，F(xiàn)在全球電子商務(wù)交易總額中，旅游電子商務(wù)已占到 1/5 份額，成為全球電子商務(wù)的第一行業(yè)。網(wǎng)絡(luò)作為新

14、的旅游信息平臺(tái)，為旅游業(yè)的發(fā)展提供了新的契機(jī)。 旅游業(yè)競(jìng)爭(zhēng)日益激烈 ，另一方面也使得旅游 HYPERLINK /網(wǎng)絡(luò)營(yíng)銷成為各個(gè)國(guó)家、地區(qū)和旅游企業(yè)在市場(chǎng)競(jìng)爭(zhēng)中求全獲勝的重要法寶。許多旅游企業(yè)通過(guò)加入全球分銷系統(tǒng)、旅游產(chǎn)品預(yù)訂系統(tǒng)，現(xiàn)代 科技尤其是現(xiàn)代交通與通訊技術(shù)、計(jì)算機(jī)與網(wǎng)絡(luò)技術(shù)的發(fā)展一方面使越來(lái)越多的人從事旅游活動(dòng)成為可能?；蚪M建專門旅游網(wǎng)站進(jìn)行全球性的網(wǎng)絡(luò)營(yíng)銷，以借此提升競(jìng)爭(zhēng)力。旅游方式的個(gè)性化與散客化越來(lái)越多的旅游者傾向于選擇獨(dú)具特色的旅游目的地進(jìn)行自助旅游。 2006 年，旅游方式散客化、個(gè)性化已經(jīng)成為當(dāng)前旅游業(yè)的重要發(fā)展趨勢(shì)。攜程網(wǎng)的一項(xiàng)網(wǎng)上調(diào)查結(jié)果表明，“肯定不會(huì)跟團(tuán)游” 和

15、“ 基本不會(huì)選擇跟團(tuán)游” 人數(shù)占到被調(diào)查者總數(shù)的 47.2 ，比去年同期的 37.3 提高了近 10 個(gè)百分點(diǎn)。有數(shù)據(jù)顯示，發(fā)達(dá)國(guó)家 50 以上的旅游產(chǎn)品是散客旅游產(chǎn)品，美國(guó)的數(shù)字更是高達(dá) 90 以上。 HYPERLINK /網(wǎng)絡(luò)已經(jīng)超過(guò)電視、報(bào)紙等傳統(tǒng)媒體成為旅游信息傳播的第一媒介；國(guó)旅游網(wǎng)絡(luò)預(yù)訂的市場(chǎng)規(guī)模也以每年 30 以上的速度增長(zhǎng)， HYPERLINK /互聯(lián)網(wǎng)成為機(jī)票、飯店和旅游線路等產(chǎn)品極具潛力的分銷渠道。2005 年中國(guó)在線旅游市場(chǎng)規(guī)模為 12.5 億元，占當(dāng)年中國(guó)旅游市場(chǎng)的 0.24 。預(yù)計(jì)到 2010 年，中國(guó)在線旅游市場(chǎng)規(guī)模將超過(guò) 130 億元，占整個(gè)旅游市場(chǎng)的 1 以上。

16、而早在 2004 年美國(guó)網(wǎng)上旅游服務(wù)市場(chǎng)就已達(dá)到 520 億美元，占整個(gè)美國(guó)旅游市場(chǎng)份額的 23 。1.2 課題的目的和意義簡(jiǎn)單地說(shuō)，企業(yè)建設(shè)網(wǎng)站的目的和意義主要有以下方面：（1）希望得到更多的人以更快捷的方式了解您的企業(yè)和產(chǎn)品，提高企業(yè)在同行業(yè)中的知名度從而增強(qiáng)企業(yè)的競(jìng)爭(zhēng)力。（2）希望獲得更多客戶訂單。（3）希望更有效地控制企業(yè)宣傳成本。（4）希望通過(guò)網(wǎng)站的形式無(wú)形延長(zhǎng)企業(yè)營(yíng)業(yè)時(shí)間，客戶可以在任何時(shí)間瀏覽企業(yè)網(wǎng)站，選擇自己所需的產(chǎn)品而無(wú)須任何營(yíng)業(yè)人員在線服務(wù)。（5）希望開(kāi)拓本地市場(chǎng)，發(fā)展港奧臺(tái)及國(guó)際業(yè)務(wù)對(duì)于小企業(yè)通過(guò)傳統(tǒng)方式要發(fā)展國(guó)際業(yè)務(wù)是有一定難度的，但通過(guò)在internet上建立自己的企

17、業(yè)網(wǎng)站，發(fā)布您的企業(yè)形象及從事的業(yè)務(wù)，將被世界上每一個(gè)擁有電腦和對(duì)您的業(yè)務(wù)感興趣的人所看到，即便是小公司，也可輕易與大公司競(jìng)爭(zhēng)，在Internet上人人平等。 （6）希望與自己的客戶保持密切及時(shí)聯(lián)系。在互聯(lián)網(wǎng)上，網(wǎng)站24小時(shí)都在運(yùn)營(yíng)中，顧客在任何時(shí)候，任何地點(diǎn)都可與企業(yè)保持及時(shí)密切的聯(lián)系，這是傳統(tǒng)業(yè)務(wù)聯(lián)系無(wú)法比擬的。2 需求分析2.2網(wǎng)站可行性分析網(wǎng)站的可行性分析主要分析哪些方面?這是在做網(wǎng)站前一定要想的和分析的。可行性研究是為了弄清所定義的項(xiàng)目是不是可能實(shí)現(xiàn)和值得進(jìn)行。研究的過(guò)程，實(shí)際上是一次大大簡(jiǎn)化網(wǎng)站分析和網(wǎng)站設(shè)計(jì)的過(guò)程。其目的就是用較小的代價(jià)盡可能快的確定問(wèn)題是否能夠解決，是否值得解決

18、，并通過(guò)分析以避免冒太大的風(fēng)險(xiǎn)。2.2.1技術(shù)可行性隨著軟件開(kāi)發(fā)工具的發(fā)展，面向?qū)ο蟮?、可視化的開(kāi)發(fā)工具不斷涌現(xiàn)，如Eclipse等，能幫助軟件開(kāi)發(fā)者提高軟件開(kāi)發(fā)的質(zhì)量和效率，縮短開(kāi)發(fā)周期，同時(shí)數(shù)據(jù)庫(kù)產(chǎn)品如MySQL等數(shù)據(jù)庫(kù)的出現(xiàn)也為數(shù)據(jù)的后臺(tái)管理提供了條件。2.2.2經(jīng)濟(jì)可行性本網(wǎng)站使用方便靈活，開(kāi)發(fā)設(shè)計(jì)成本較低，而且當(dāng)今社會(huì)Internet的飛速發(fā)展和網(wǎng)站的飛速前進(jìn)，使得個(gè)人網(wǎng)站成為一種新興的為商品宣傳、推廣的新型交易方式。因此本網(wǎng)站在經(jīng)濟(jì)方面可行。2.2.3運(yùn)行環(huán)境的可行性分析為實(shí)現(xiàn)個(gè)人旅游網(wǎng)站，將整個(gè)服務(wù)器構(gòu)建于Microsoft的整套網(wǎng)絡(luò)解決方案上。服務(wù)器端操作系統(tǒng)采用Windows

19、 7，服務(wù)器使用Apache，數(shù)據(jù)庫(kù)采用MySQL，客戶端使用IE或其他WWW瀏覽器。 整個(gè)網(wǎng)頁(yè)用Dreamweaver來(lái)制作完成的，使用HTML頁(yè)面。2.3 面向?qū)ο罂尚行苑治鼍W(wǎng)站最終面向的對(duì)象是客戶。所以，網(wǎng)站要做到以下幾點(diǎn)：（1） 使客戶比較方便地在百度上搜到本網(wǎng)站，如關(guān)鍵詞。（2） 鎖定旅游網(wǎng)站的主要消費(fèi)人群，如流量分析。（3） 網(wǎng)站的界面舒適度。（4） 交互的難易分析。2.3.1 關(guān)鍵詞分析 關(guān)鍵詞怎么挖掘就不多說(shuō)，關(guān)鍵詞要針對(duì)自己的數(shù)據(jù)分析，符合群體的購(gòu)買動(dòng)向以及購(gòu)買行為。同時(shí)關(guān)鍵詞的難度要量力而行，俗話說(shuō)：“知己知彼，百戰(zhàn)百勝”。關(guān)鍵詞的難度主要從以下2個(gè)方面分析：(1) 關(guān)鍵詞

20、的百度指數(shù)。 (2) 百度搜索結(jié)果數(shù)據(jù)。對(duì)競(jìng)爭(zhēng)對(duì)手進(jìn)行分析?；久鞔_競(jìng)爭(zhēng)對(duì)手的群體的力量，針對(duì)自己的能力確定關(guān)鍵詞。2.3.2 流量分析 定向流量群體的分析包括：群體大小，群體的可服務(wù)性，群體的購(gòu)買動(dòng)向，群體的購(gòu)買行為。2.3.3 界面舒適度有計(jì)劃地規(guī)劃網(wǎng)站界面，要量衣體裁，對(duì)癥下。具體怎么分析網(wǎng)站的舒適度，大致從以下兩點(diǎn)分析。(1) 界面是否符合客戶的瀏覽習(xí)慣。(2) 界面是否平整。 2.3.4 交互的難易程度Dreamweaver CS5 所提供的工作區(qū)環(huán)境，將全部功能面板集成到了一個(gè)應(yīng)用程序窗口中。網(wǎng)頁(yè)設(shè)計(jì)師可以選擇面向設(shè)計(jì)人員的布局模式進(jìn)行開(kāi)發(fā)，重點(diǎn)要從方便用戶和網(wǎng)站之間進(jìn)行交互點(diǎn)著手

21、。 3 網(wǎng)站的開(kāi)發(fā)技術(shù)與工具當(dāng)今社會(huì)隨著科技的發(fā)展，越來(lái)越多的網(wǎng)站開(kāi)發(fā)技術(shù)和工具流行起來(lái)。以前建網(wǎng)站需要很專門的人員去做，可現(xiàn)在隨著技術(shù)和工具的不斷更新?lián)Q代，這些東西對(duì)于人們的要求也越來(lái)越低，普通人也可以很快的學(xué)會(huì)并運(yùn)用。我選取的都是比較流行且容易掌握的技術(shù)及工具，下面是對(duì)它們的簡(jiǎn)單介紹。3.1 網(wǎng)站使用的開(kāi)發(fā)技術(shù)和工具工具是網(wǎng)站分析不可缺少的元素。但是如何選擇一個(gè)稱心如意的工具，就不是那么簡(jiǎn)單了。在做了各方面的考慮之后，本課題選擇了如下的這些工具，下面為大家一一介紹。3.1.1 設(shè)計(jì)網(wǎng)頁(yè)的工具Photoshop CS5Photoshop是 HYPERLINK /view/7578.htmAd

22、obe公司旗下最為出名的 HYPERLINK /view/42116.htm圖像處理軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體的 HYPERLINK /view/1146568.htm圖形圖像處理軟件，深受廣大平面設(shè)計(jì)人員和電腦美術(shù)愛(ài)好者的喜愛(ài)。Adobe Photoshop：圖像元老，最受歡迎的強(qiáng)大圖像處理軟件之一。 Photoshop是Adobe公司旗下最為出名的圖像處理軟件之一。多數(shù)人對(duì)于PHOTOSHOP的了解僅限于“一個(gè)很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實(shí)際上，Photoshop的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版等各方面都有

23、涉及。平面圖像設(shè)計(jì)的發(fā)展史，可以追溯到人類發(fā)展史的源頭，人類祖先用來(lái)記事的簡(jiǎn)單符號(hào)、文字，那是人類最基礎(chǔ)、最原始的平面圖像設(shè)計(jì)實(shí)例。當(dāng)初也許只在于表達(dá)某種具體的含義，而不包含藝術(shù)、美學(xué)的成份。伴隨著人類文明的發(fā)展，人們對(duì)藝術(shù)、美的追求和探索逐漸成為發(fā)展的主流，當(dāng)初記事的用途也逐漸淡化。傳統(tǒng)的畫(huà)家經(jīng)過(guò)數(shù)十載的訓(xùn)練才掌握繪畫(huà)這門技能，他們通過(guò)筆和紙的演繹描繪自己抽象的思維，表現(xiàn)自己對(duì)藝術(shù)、美的理解。除了藝術(shù)家之外每個(gè)人都有追求美的權(quán)利，都有一定的創(chuàng)作天賦和自己對(duì)生活、藝術(shù)、美的獨(dú)特認(rèn)識(shí)。需要長(zhǎng)期的訓(xùn)練才能掌握的技能，對(duì)大多數(shù)人來(lái)說(shuō)有些“可望不可及”。而電腦的出現(xiàn)使人們的夢(mèng)想成為現(xiàn)實(shí)。 3.1.2

24、前臺(tái)開(kāi)發(fā)工具Dreamweaver CS5Dreamweaver是個(gè)原本由Macromedia公司所開(kāi)發(fā)的著名網(wǎng)站開(kāi)發(fā)工具。它使用所見(jiàn)即所得的接口，亦有HTML編輯的功能。它現(xiàn)在有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購(gòu)后，Adobe也開(kāi)始計(jì)劃開(kāi)發(fā) HYPERLINK /view/897468.htmLinux版本的Dreamweaver了。 Dreamweaver自MX版本開(kāi)始，使用了Opera的排版引擎 “Presto” 作為網(wǎng)頁(yè)預(yù)覽。Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至 HYPERL

25、INK /view/828.htm網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單， HYPERLINK /view/103895.htm快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛(ài)的設(shè)計(jì)工具，如Playback Flash， HYPERLINK /view/1456560.htmShockwave和外掛模組等搭配，不需離開(kāi)Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)

26、、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有鏈接。使用支援文字、 HYPERLINK /view/692.htmHTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。 Dreamweaver是唯一提供Roundtrip HTML、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以

27、拖拉置放的方式進(jìn)行版面配置。所見(jiàn)即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含 HYPERLINK /view/2616.htmASP，Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見(jiàn)即所得的功能，讓您不需要透過(guò) HYPERLINK /view/7718.htm瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯

28、或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。 全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對(duì)于cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫(huà)的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。3.1.3 服務(wù)器Apach

29、eApache http server是世界使用排名第一的Web服務(wù)器軟件。它可以運(yùn)行在幾乎所有廣泛使用的計(jì)算機(jī)平臺(tái)上。 Apache源于NCSAhttpd服務(wù)器，經(jīng)過(guò)多次修改，成為世界上最流行的Web服務(wù)器軟件之一。Apache取自“a patchy server”的讀音，意思是充滿補(bǔ)丁的服務(wù)器，因?yàn)樗亲杂绍浖?，所以不斷有人?lái)為它開(kāi)發(fā)新的功能、新的特性、修改原來(lái)的缺陷。Apache的特點(diǎn)是簡(jiǎn)單、速度快、性能穩(wěn)定，并可做代理服務(wù)器來(lái)使用。本來(lái)它只用于小型或試驗(yàn)Internet網(wǎng)絡(luò)，后來(lái)逐步擴(kuò)充到各種Unix系統(tǒng)中，尤其對(duì)Linux的支持相當(dāng)完美。Apache有多種產(chǎn)品，可以支持SSL技術(shù)，支

30、持多個(gè)虛擬主機(jī)。Apache是以進(jìn)程為基礎(chǔ)的結(jié)構(gòu)，進(jìn)程要比線程消耗更多的系統(tǒng)開(kāi)支，不太適合于多處理器環(huán)境，因此，在一個(gè)Apache Web站點(diǎn)擴(kuò)容時(shí)，通常是增加服務(wù)器或擴(kuò)充群集節(jié)點(diǎn)而不是增加處理器。到目前為止Apache仍然是世界上用的最多的Web服務(wù)器，市場(chǎng)占有率達(dá)60%左右。世界上很多著名的網(wǎng)站如Amazon、Yahoo!、W3 Consortium、Financial Times等都是Apache的產(chǎn)物，它的成功之處主要在于它的源代碼開(kāi)放、有一支開(kāi)放的開(kāi)發(fā)隊(duì)伍、支持跨平臺(tái)的應(yīng)用（可以運(yùn)行在幾乎所有的Unix、Windows、Linux系統(tǒng)平臺(tái)上）以及它的可移植性等方面。 Apache的誕

31、生極富有戲劇性。當(dāng)NCSAWWW服務(wù)器項(xiàng)目停頓后，那些使用NCSA WWW服務(wù)器的人們開(kāi)始交換他們用于該服務(wù)器的補(bǔ)丁程序，他們也很快認(rèn)識(shí)到成立管理這些補(bǔ)丁程序的論壇是必要的。就這樣，誕生了Apache Group，后來(lái)這個(gè)團(tuán)體在NCSA的基礎(chǔ)上創(chuàng)建了Apache。 Apache web服務(wù)器軟件擁有以下特性：支持最新的HTTP/1.1通信協(xié)議、擁有簡(jiǎn)單而強(qiáng)有力的基于文件的配置過(guò)程 支持通用網(wǎng)關(guān)接口、支持基于IP和基于域名的虛擬主機(jī)、支持多種方式的HTTP認(rèn)證、集成Perl處理模塊、集成代理服務(wù)器模塊、支持實(shí)時(shí)監(jiān)視服務(wù)器狀態(tài)和定制服務(wù)器日志、支持服務(wù)器端包含指令(SSI)、支持安全Socket層

32、(SSL)、提供用戶會(huì)話過(guò)程的跟蹤、支持FastCGI、通過(guò)第三方模塊可以支持Java Servlets、如果你準(zhǔn)備選擇Web服務(wù)器，毫無(wú)疑問(wèn)Apache是你的最佳選擇。3.1.4 開(kāi)發(fā)語(yǔ)言 PHP PHP，是英文 HYPERLINK /view/1651965.htm超級(jí)文本預(yù)處理語(yǔ)言Hypertext Preprocessor的縮寫(xiě)。PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的 HYPERLINK /view/76320.htm腳本語(yǔ)言，語(yǔ)言的風(fēng)格有類似于 HYPERLINK /view/1219.htmC語(yǔ)言，被廣泛的運(yùn)用。PHP 獨(dú)特的語(yǔ)法混合了 C

33、、Java、Perl 以及 PHP 自創(chuàng)的語(yǔ)法。安裝PHP如圖3.1所示。 圖3.1 安裝PHP窗口圖PHP可以比 CGI或者Perl更快速的執(zhí)行 HYPERLINK /view/348756.htm動(dòng)態(tài)網(wǎng)頁(yè)。用PHP做出的 HYPERLINK /view/2065821.htm動(dòng)態(tài)頁(yè)面與其他的 HYPERLINK /view/552871.htm編程語(yǔ)言相比，PHP是將 HYPERLINK /view/17674.htm程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP還可以執(zhí)行編譯后 HYPERLINK /view/41.htm代碼，編譯可以達(dá)到加密和優(yōu)

34、化代碼運(yùn)行，使代碼運(yùn)行更快。PHP具有非常強(qiáng)大的功能，所有的CGI的功能PHP都能實(shí)現(xiàn)，而且支持幾乎所有流行的 HYPERLINK /view/1088.htm數(shù)據(jù)庫(kù)以及操作系統(tǒng)。最重要的是PHP可以用C、C+進(jìn)行程序的擴(kuò)展！3.1.5 數(shù)據(jù)庫(kù)MySQL MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，開(kāi)發(fā)者為瑞典MySQL AB公司。在2008年1月16號(hào)被Sun公司收購(gòu)。而2009年，SUN又被Oracle收購(gòu)。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫(kù)管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫(kù)將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉(cāng)庫(kù)內(nèi)。這樣就增加了速度并提高了靈活性。MySQL的SQL“ HYPERLINK /vie

35、w/595350.htm結(jié)構(gòu)化查詢語(yǔ)言”。SQL是用于訪問(wèn)數(shù)據(jù)庫(kù)的最常用標(biāo)準(zhǔn)化語(yǔ)言。MySQL軟件采用了GPL（ HYPERLINK /view/20301.htmGNU通用公共許可證）。由于其體積小、速度快、總體擁有成本低，尤其是開(kāi)放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫(kù)。系統(tǒng)特性：(1) 使用C和C+編寫(xiě)，并使用了多種 HYPERLINK /view/487018.htm編譯器進(jìn)行測(cè)試，保證 HYPERLINK /view/60376.htm源代碼的可移植性。 (2) 支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novel

36、l NetWare、Open BSD、OS/2 、Wrap、Solaris、Windows等多種 HYPERLINK /view/880.htm操作系統(tǒng)。(3) 為多種 HYPERLINK /view/552871.htm編程語(yǔ)言提供了API。這些編程語(yǔ)言包括 HYPERLINK /view/10075.htmC、C+、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl了等。(4) 支持 HYPERLINK /view/65706.htm多線程，充分利用CPU HYPERLINK /view/8439.htm資源。(5) 優(yōu)化的SQL查詢算法，有效地提高查詢速度。(6)

37、支持多種存儲(chǔ)引擎。(7) 既能夠作為一個(gè)單獨(dú)的 HYPERLINK /view/330120.htm應(yīng)用程序應(yīng)用在客戶端服務(wù)器網(wǎng)絡(luò)環(huán)境中，也能夠作為一個(gè)庫(kù)而嵌入到其他的軟件中提供多語(yǔ)言支持，常見(jiàn)的編碼如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名。(8) 提供TCP/IP、ODBC和JDBC等多種數(shù)據(jù)庫(kù)連接途徑。(9) 提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫(kù)操作的 HYPERLINK /view/1251417.htm管理工具。(10) 可以處理?yè)碛猩锨f(wàn)條記錄的大型數(shù)據(jù)庫(kù)。3.2 網(wǎng)站開(kāi)發(fā)涉及的技術(shù)與語(yǔ)言除了主要的技術(shù)以外，本網(wǎng)站還涉及了一些其它的語(yǔ)言和技術(shù)

38、，雖然所占的部分比較少，但所起的作用還是非常大的，在這里先作個(gè)簡(jiǎn)單的介紹。3.2.1 HTMLHTML（Hypertext Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要內(nèi)容。超文本標(biāo)記語(yǔ)言，即HTML（Hypertext Markup Language），是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言。在WWW上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面（page）。作為一個(gè)組織或個(gè)人在萬(wàn)維網(wǎng)上放置開(kāi)始點(diǎn)的頁(yè)面稱為主頁(yè)Homepage，或首頁(yè)，主頁(yè)中通常包括有指向其他相關(guān)頁(yè)面或其他節(jié)點(diǎn)的指針（超級(jí)鏈接）。在邏輯上將視為一個(gè)整體的一系列頁(yè)面

39、的有機(jī)集合稱為網(wǎng)站（Website或Site）。HTML是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過(guò)在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫(huà)面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書(shū)寫(xiě)出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過(guò)程，編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。 HTML之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接

40、”點(diǎn)。所謂超級(jí)鏈接，就是一種URL指針，通過(guò)激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。 網(wǎng)頁(yè)的本質(zhì)就是HTML，通過(guò)結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、CGI、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，HTML是Web編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。3.2.2 CSS+DIV頁(yè)面布局DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用術(shù)語(yǔ)之一，div+css 是一種網(wǎng)頁(yè)的布局方法，這一種網(wǎng)頁(yè)布局方法有別于傳統(tǒng)的HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式，可實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面內(nèi)容與表現(xiàn)相分離。XHTML是The Exte

41、nsible Hypertext Markup Language（可擴(kuò)展超文本標(biāo)識(shí)語(yǔ)言）的縮寫(xiě)。XHTML基于可擴(kuò)展標(biāo)記語(yǔ)言（XML），是一種在HTML 基礎(chǔ)上優(yōu)化和改進(jìn)的新語(yǔ)言，目的是基于XML應(yīng)用與強(qiáng)大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來(lái)網(wǎng)絡(luò)應(yīng)用更多的需求。在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。4 概要設(shè)計(jì)Travelshop是為方便人們旅游而開(kāi)發(fā)的平臺(tái)，它的基本功能就是旅游商品的瀏覽與購(gòu)買。其次是和大家交流旅游的一些收獲與感想，方便愛(ài)旅游的人能夠找到自己想去的旅游目的地。為了實(shí)現(xiàn)這樣的功能，本網(wǎng)站從概要設(shè)計(jì)開(kāi)始就著重注意這些信息的展示，主要由以下

42、幾個(gè)模塊的瀏覽：1. 首頁(yè)設(shè)計(jì)頁(yè)頭：準(zhǔn)確無(wú)誤的標(biāo)識(shí)Travelshop站點(diǎn)和它的導(dǎo)航信息。頁(yè)面：應(yīng)是各大欄目?jī)?nèi)容，熱點(diǎn)線路信息。2. 導(dǎo)航設(shè)計(jì)導(dǎo)航系統(tǒng)是有效連接網(wǎng)站各處的工具，它有效的分類網(wǎng)站內(nèi)容并指向它所代表的內(nèi)容。是通過(guò)超文本鏈接或圖片鏈接，使瀏覽者能夠在網(wǎng)站上自由前進(jìn)或后退，而不會(huì)讓瀏覽者使用瀏覽器上的前進(jìn)或后退。Travelshop網(wǎng)站導(dǎo)航項(xiàng)目：(1) 首頁(yè)網(wǎng)站的主體內(nèi)容。(2) 熱門線路通過(guò)調(diào)查廣大旅游愛(ài)好者后，我提煉出來(lái)最熱門旅游路線。(3) 關(guān)于我們將網(wǎng)站的信息介紹給游客。(4) 游后感將游客旅游后的想法記錄下來(lái)，才給以后的人們以真實(shí)的參考。(5) 聯(lián)系我們Travelshop的

43、聯(lián)系方式地址及郵編。4.1 總體方案設(shè)計(jì)總體方案設(shè)計(jì)又可稱系統(tǒng)設(shè)計(jì)說(shuō)明書(shū)，這里所說(shuō)的系統(tǒng)是指程序系統(tǒng)。編制的目的是說(shuō)明對(duì)程序系統(tǒng)的設(shè)計(jì)考慮，包括程序系統(tǒng)的基本處。流程、程序系統(tǒng)的組織結(jié)構(gòu)、模塊劃分、功能分配、接口設(shè)計(jì)。 運(yùn)行設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)和出錯(cuò)處理設(shè)計(jì)等，為程序的詳細(xì)設(shè)計(jì)提供基礎(chǔ)。4.1.1 網(wǎng)站環(huán)境運(yùn)行要求1硬件要求：(1) Pentium或更高的處理器，或任何運(yùn)行于Microsoft Windows NT。 (2) Workstation Alpha處理器。(3) Microsft Windows 支持的VGA或分辨率更高的監(jiān)視器。 (4) 256M內(nèi)存以上。2軟件要求：本系統(tǒng)是在Mi

44、crosoft Windows 7下開(kāi)發(fā)的，所采用的開(kāi)發(fā)語(yǔ)言是PHP，后臺(tái)采用了MySQL Server 5.0數(shù)據(jù)庫(kù)，這樣合理的應(yīng)用，提高了數(shù)據(jù)處理的速度。(1) 操作系統(tǒng)：Windows 9X/ME/2000/XP/Win7系列。(2) 數(shù)據(jù)庫(kù)：MySQL 簡(jiǎn)體中文版，分辨率：1024*768；色彩256色以上。4.1.2 開(kāi)發(fā)目標(biāo)本課題的開(kāi)發(fā)目標(biāo)有以下兩點(diǎn)：(1) 開(kāi)發(fā)這樣一套完善的旅游網(wǎng)站使熱愛(ài)旅游的網(wǎng)友的思想言論得到更廣泛的傳播，大家為本網(wǎng)站推薦優(yōu)秀的旅游線路，我們?cè)贋楦嗟娜巳ヌ峁┙ㄗh。(2) 簡(jiǎn)化操作過(guò)程，提高資源的共享能力，增進(jìn)思想文化速度。4.1.3 網(wǎng)站的前期規(guī)劃網(wǎng)站名稱：

45、Travelshop網(wǎng)站主題：旅游網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 網(wǎng)站語(yǔ)言：簡(jiǎn)體中文網(wǎng)站風(fēng)格：以天藍(lán)色為主色調(diào)，給人以家的感覺(jué)，主題鮮明突出要點(diǎn)明確，以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題，表現(xiàn)網(wǎng)站的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。建站內(nèi)容及特性：Travelshop作為一個(gè)宣傳性與服務(wù)性的平臺(tái)網(wǎng)站主要是突出它的中心標(biāo)志性形象，運(yùn)用現(xiàn)代流行理念和元素，做好各個(gè)欄目的導(dǎo)航，突出網(wǎng)站的重要職能和重要內(nèi)容，使得網(wǎng)站能夠同今日高科技完美結(jié)合，建成知名的旅游性網(wǎng)站。4.1.4 網(wǎng)站功能概述本網(wǎng)站主要闡述一個(gè)旅游網(wǎng)站的建設(shè)及其后臺(tái)操作過(guò)程和一些關(guān)鍵技術(shù)。該網(wǎng)站信息來(lái)源主要由游客直接添加，在網(wǎng)站上發(fā)布出來(lái),以供大家共同欣賞。對(duì)

46、于本次網(wǎng)站的設(shè)計(jì),為了方便其操作的簡(jiǎn)潔明了,本系統(tǒng)包含有四大模塊，首頁(yè)、熱門線路、關(guān)于我們、游后感、聯(lián)系本網(wǎng)站五大功能，讓本網(wǎng)站及網(wǎng)友共同建設(shè)一個(gè)有利于大家的旅游資訊網(wǎng)。4.1.5 網(wǎng)站的框架設(shè)計(jì)網(wǎng)站的框架決定了網(wǎng)頁(yè)的主要構(gòu)架?？蚣苁蔷W(wǎng)頁(yè)中經(jīng)常使用的頁(yè)面設(shè)計(jì)方式，框架的作用就是把網(wǎng)頁(yè)在一個(gè)瀏覽器窗口下分割成幾個(gè)不同的區(qū)域，實(shí)現(xiàn)在一個(gè)瀏覽器窗口中顯示多個(gè)HTML頁(yè)面。使用框架可以非常方便的完成導(dǎo)航工作，讓網(wǎng)站的結(jié)構(gòu)更加清晰，而且各個(gè)框架之間決不存在干擾問(wèn)題。Travelshop網(wǎng)站流程圖如圖4.1所示。 Logo 導(dǎo)航欄最向往旅游地的圖片，點(diǎn)擊可查看詳細(xì)信息廣告圖片熱門線路游客反饋留言最具旅游意

47、義的專題推薦個(gè)人愛(ài)好展區(qū)網(wǎng)站介紹及聯(lián)系電話圖4.1 網(wǎng)站流程圖4.2 頁(yè)面的設(shè)計(jì)企業(yè)網(wǎng)站設(shè)計(jì)顯得極為重要，下面是一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則： 明確建立網(wǎng)站的目標(biāo)和用戶需求。 網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明。 在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。 Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁(yè)面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來(lái)。 為了做到主題鮮明突出，要點(diǎn)明確，本網(wǎng)站將按照

48、客戶的要求，以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題；調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。 Web站點(diǎn)主頁(yè)應(yīng)具備的基本成分包括： 頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志；Email地址：用來(lái)接收用戶垂詢； 聯(lián)系信息：如普通郵件地址或電話； 版權(quán)信息：聲明版權(quán)所有者等。 充分利用已有信息，如客戶手冊(cè)、公共關(guān)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等。 網(wǎng)站的版式設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，特別講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處。版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面

49、內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，本網(wǎng)站將反復(fù)推敲整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。 色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用 色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，本課題根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合搭配來(lái)構(gòu)成美麗的頁(yè)面。 根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。如果您的企業(yè)有CIS（企業(yè)形象識(shí)別系統(tǒng)），網(wǎng)站將按照其中的VI進(jìn)行色彩運(yùn)用。 網(wǎng)頁(yè)設(shè)計(jì)形式與內(nèi)容相統(tǒng)一 為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。 靈活運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系

50、建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺(jué)語(yǔ)言中的基本元素，巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果，充分表達(dá)完美的設(shè)計(jì)意境。 4.3 連接數(shù)據(jù)庫(kù)因?yàn)榫W(wǎng)站中有大量的數(shù)據(jù)要儲(chǔ)存，所以必須有建個(gè)空間來(lái)存儲(chǔ)這些數(shù)據(jù)。數(shù)據(jù)庫(kù)就有這樣的功能。將網(wǎng)站大量的東西存儲(chǔ)在人們所看不到的地方，只有當(dāng)你調(diào)用的時(shí)候，它才會(huì)起到它的作用。4.3.1 數(shù)據(jù)庫(kù)結(jié)構(gòu)設(shè)計(jì)在MySQL終端，建了一個(gè)數(shù)據(jù)庫(kù)，并且建了表，建表詳情如圖4.2所示。圖4.2 建表詳情4.3.

51、2 連接數(shù)據(jù)庫(kù)在本系統(tǒng)充分發(fā)揮PHP支持面向?qū)ο缶幊痰奶匦?，將常用的函?shù)封裝在一個(gè)類里面。比如由于需要多次連接數(shù)據(jù)庫(kù)，而且這種連接是一項(xiàng)很消耗資源的操作，因此，在本系統(tǒng)中對(duì)數(shù)據(jù)庫(kù)連接的部分寫(xiě)成了一個(gè) PHP 文件。文件名為connect.php，有需要連接數(shù)據(jù)庫(kù)的文件包含這個(gè)文件就可以了。代碼如下：5 詳細(xì)設(shè)計(jì)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式，是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開(kāi)網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。5.1 主

52、頁(yè)面的設(shè)計(jì)旅游網(wǎng)站的設(shè)計(jì)，最主要的是主頁(yè)的設(shè)計(jì)，是否能吸引人。網(wǎng)站的首頁(yè)設(shè)計(jì)用了很多元素，使首頁(yè)既美觀又大方。5.1.1 網(wǎng)站logo及導(dǎo)航欄 網(wǎng)站的logo與導(dǎo)航欄是一個(gè)網(wǎng)頁(yè)最重要的部分，每個(gè)人通常瀏覽網(wǎng)頁(yè)的時(shí)候都是從這里開(kāi)始看的，網(wǎng)站總體來(lái)說(shuō)以簡(jiǎn)潔為主，突出強(qiáng)調(diào)路線和游客的意見(jiàn)。本網(wǎng)站的logo及導(dǎo)航欄圖如5.1所示。圖5.1 網(wǎng)站logo及導(dǎo)航欄圖5.1.2 網(wǎng)站的主體展覽區(qū) 主題展覽區(qū)包括熱門景區(qū)的圖片以及最流行的旅游線路，希望愛(ài)好旅游的人們能夠從中找到自己想去的地方，主題展覽區(qū)如圖5.2所示。 圖5.2 主題展覽區(qū)5.1.3 游客留言展示區(qū) 同樣作為很重要的部分，這是網(wǎng)站與游客們互動(dòng)

53、的重要紐帶，希望通過(guò)這種方式，不斷完善整合網(wǎng)站，留言區(qū)展示如圖5.3所示。圖5.3 留言展示區(qū)5.1.4 專題展覽區(qū)本網(wǎng)站會(huì)將全國(guó)各地游客最多的城市拿出來(lái)進(jìn)行專題性研究，并將這個(gè)城市值得去的優(yōu)秀景點(diǎn)推薦給還沒(méi)去過(guò)的朋友，專題介紹區(qū)如圖5.4所示。 圖5.4 專題介紹區(qū)5.2 游客留言區(qū)此部分連接到了數(shù)據(jù)庫(kù)，是本網(wǎng)站對(duì)外的窗口，發(fā)表留言區(qū)如圖5.5所示。圖5.5 發(fā)表留言區(qū)6 網(wǎng)站測(cè)試及維護(hù)在網(wǎng)站大致完成時(shí)，測(cè)試是結(jié)束任務(wù)前所必須完成的事情。在測(cè)試中，網(wǎng)站會(huì)出現(xiàn)了一些本身不足的地方，便于糾正。后期的維護(hù)也是需要去做的工作。下面就這些問(wèn)題作個(gè)簡(jiǎn)單的說(shuō)明。6.1 測(cè)試的目的為了更好的完善系統(tǒng)，發(fā)現(xiàn)系

54、網(wǎng)站足并加以改進(jìn)，提供更好的用戶體驗(yàn)，特進(jìn)行此次測(cè)試。本測(cè)試將記錄每次有效的測(cè)試結(jié)果，以供參考改進(jìn)。6.2 系統(tǒng)測(cè)試系統(tǒng)測(cè)試是軟件開(kāi)發(fā)中不可缺少的一個(gè)環(huán)節(jié)，它是衡量我們開(kāi)發(fā)系統(tǒng)的一個(gè)標(biāo)尺。它的目標(biāo)是發(fā)現(xiàn)軟件中的錯(cuò)誤，然后通過(guò)調(diào)試對(duì)其進(jìn)行改正，從而開(kāi)發(fā)出高質(zhì)量的完全符合用戶需要的軟件。對(duì)本網(wǎng)站的測(cè)試主要包括以下幾個(gè)方面：1連接測(cè)試一個(gè)好的網(wǎng)站應(yīng)該不包括中斷鏈接，花費(fèi)時(shí)間檢查鏈接可以避免錯(cuò)誤信息的發(fā)生率。鏈接測(cè)試可以分為三個(gè)方面：首先，測(cè)試所有鏈接是否按指示的那樣確實(shí)鏈接到了該鏈接的頁(yè)面；其次，測(cè)試所鏈接的頁(yè)面是否存在；最后，保證Web應(yīng)用系統(tǒng)尚沒(méi)有孤立的頁(yè)面（沒(méi)有鏈接指向該頁(yè)面）。經(jīng)過(guò)系統(tǒng)鏈接測(cè)

55、試，已經(jīng)把系統(tǒng)中存在的所有錯(cuò)誤鏈接都修改正確了。用戶可以放心使用。2. 檢查布局的一致性對(duì)于一個(gè)好的系統(tǒng)，布局的一致性也是十分重要的。本網(wǎng)站在設(shè)計(jì)系統(tǒng)時(shí)，常常會(huì)因?yàn)樽非髥蝹€(gè)頁(yè)面的美觀而忽略了系統(tǒng)的整體效果。這就需要對(duì)系統(tǒng)進(jìn)行整體瀏覽，檢查布局和圖像的一致性。通過(guò)對(duì)系統(tǒng)的整體瀏覽調(diào)試，已經(jīng)可以保證系統(tǒng)整體布局的一致性，相信能夠?yàn)橛脩籼峁┖?jiǎn)潔美觀的頁(yè)面。程序執(zhí)行的測(cè)試，該方法不適合大單元、大系統(tǒng)的測(cè)試，也不適合于評(píng)測(cè)中心，測(cè)試部門的測(cè)試。它只適合于很小的單元、可以枚舉用例的測(cè)試。程序功能的測(cè)試，面向需求分析中的功能、性能、設(shè)計(jì)測(cè)試用例，搭建測(cè)試環(huán)境，輸入測(cè)試用例，運(yùn)行被測(cè)試的系統(tǒng)，獲得測(cè)試數(shù)據(jù)計(jì)劃

56、相比較，取得測(cè)試結(jié)果，根據(jù)測(cè)試結(jié)果，形成測(cè)試報(bào)告。6.3 系統(tǒng)維護(hù)本系統(tǒng)在運(yùn)行過(guò)程中可能會(huì)伴隨出現(xiàn)各種各樣的軟硬件問(wèn)題，這就需要進(jìn)行系統(tǒng)的軟件與硬件維護(hù)。6.3.1 系統(tǒng)的硬件維護(hù)硬件系統(tǒng)的維護(hù)由專職的硬件人員承擔(dān)，維護(hù)分為以下兩種：（1）定期預(yù)防性維護(hù)，如周末或月末進(jìn)行的例行檢查與保養(yǎng)。（2）突發(fā)性的故障維護(hù)，有專職人員過(guò)廠商進(jìn)行，這種維護(hù)也有時(shí)間需求，以免影響系統(tǒng)的正常工作。 6.3.2 系統(tǒng)的軟件維護(hù)系統(tǒng)的軟件維護(hù)主要包括程序的維護(hù)，數(shù)據(jù)文件的維護(hù)，代碼的維護(hù)。本系統(tǒng)采用MySQL為數(shù)據(jù)庫(kù)，系統(tǒng)的軟件維護(hù)自然跟其有著密切的關(guān)?？?結(jié)由于對(duì)網(wǎng)站有很大的興趣，于是，本人的主要設(shè)計(jì)內(nèi)容就是關(guān)于

57、網(wǎng)站的設(shè)計(jì)。雖然學(xué)習(xí)過(guò)一些這方面的，但要真的做起來(lái)，恐怕還差很遠(yuǎn)，這就要求自己在平常時(shí)間去學(xué)習(xí)這方面的知識(shí)了。本網(wǎng)站主要闡述一個(gè)旅游網(wǎng)站的建設(shè)及其后臺(tái)操作過(guò)程和一些關(guān)鍵技術(shù)。該網(wǎng)站信息來(lái)源主要由游客直接添加，在網(wǎng)站上發(fā)布出來(lái),以供大家共同欣賞。在此期間，本人真的學(xué)到了很多工具的使用和一些技術(shù)的實(shí)現(xiàn)，獲益良多。于是在決定主題以后，本人就去學(xué)校圖書(shū)館借了一些這方面的專業(yè)書(shū)籍，如平面設(shè)計(jì)，工業(yè)設(shè)計(jì)等。另外，自己還有時(shí)間就去那些設(shè)計(jì)的比較好的網(wǎng)站內(nèi)去轉(zhuǎn)一轉(zhuǎn)，學(xué)習(xí)其中的優(yōu)點(diǎn)。這樣，幾個(gè)月下來(lái)后，雖然仍還有很多不了解，但是卻也從中學(xué)到了很多。由于本課題的這個(gè)網(wǎng)站要求的難度并不是很高，所以經(jīng)過(guò)本人這一段時(shí)間的仔細(xì)研究，也基本達(dá)到老師的要求了。通過(guò)這次的學(xué)習(xí)，自己不僅學(xué)到了很多新的知識(shí)，也有很多做人的道理，這將使自己在以后的工作中有更好地發(fā)揮。致 謝通過(guò)這次的畢業(yè)設(shè)計(jì)，本人接觸到了平時(shí)沒(méi)能接觸到的一些知識(shí)領(lǐng)域。這真的是讓自己獲益匪淺！在這個(gè)過(guò)程中，本人遇到了很多自己事先沒(méi)能想到的困難，這讓自己很壓抑，很感謝老師和同學(xué)給了自己很多的建議和參考。讓本人有信心能夠完成這次的畢業(yè)設(shè)計(jì)。本人的畢業(yè)設(shè)計(jì)老師是李老師，從開(kāi)始實(shí)習(xí)的時(shí)候，老師就通過(guò)郵件和短信的方式通知大家一些學(xué)校給畢業(yè)生的注意事項(xiàng)，而且提供了一些實(shí)實(shí)在在的關(guān)于