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

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

2、文以一個(gè)旅游電子商務(wù)網(wǎng)站作為解決方案的背景，詳細(xì)論述了本網(wǎng)站開發(fā)的需求分析、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)、測試與網(wǎng)站使用說明，構(gòu)成了一個(gè)完整的網(wǎng)上瀏覽平臺。本網(wǎng)站涉的軟件有PS、Dreamweaver、Flash、Apache、PHP、MySQL等工具，其中課題主內(nèi)容包括首頁、熱門線路瀏覽、游后感、熱門專題介紹及推薦景區(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)站的開發(fā)技術(shù)與工具 PAGEREF _Toc326693505

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

9、c326693512 h 93.2.1 HTML PAGEREF _Toc326693513 h 93.2.2 CSS+DIV頁面布局 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 開發(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 頁面的設(shè)計(jì) PAGEREF _Toc326693522 h 134.3 連接數(shù)據(jù)庫 PAGEREF _Toc326693523 h 154.3.1 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì) PAGEREF _Toc326693524 h 154.3.2 連接數(shù)據(jù)庫 PAGEREF _Toc326693525 h 155 詳細(xì)設(shè)計(jì) PAGEREF _Toc326693526 h 175.1 主頁面的設(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)站測試及維護(hù) PAGEREF _Toc326693533 h 206.1 測試的目的 PAGEREF _Toc326693534 h 206.2 系統(tǒng)測試 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 頁 第 PAGE 33 頁1 緒 論1.1 課題的背景旅游網(wǎng)站作為

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

14、的旅游信息平臺，為旅游業(yè)的發(fā)展提供了新的契機(jī)。 旅游業(yè)競爭日益激烈 ，另一方面也使得旅游 HYPERLINK /網(wǎng)絡(luò)營銷成為各個(gè)國家、地區(qū)和旅游企業(yè)在市場競爭中求全獲勝的重要法寶。許多旅游企業(yè)通過加入全球分銷系統(tǒng)、旅游產(chǎn)品預(yù)訂系統(tǒng)，現(xiàn)代 科技尤其是現(xiàn)代交通與通訊技術(shù)、計(jì)算機(jī)與網(wǎng)絡(luò)技術(shù)的發(fā)展一方面使越來越多的人從事旅游活動(dòng)成為可能?；蚪M建專門旅游網(wǎng)站進(jìn)行全球性的網(wǎng)絡(luò)營銷，以借此提升競爭力。旅游方式的個(gè)性化與散客化越來越多的旅游者傾向于選擇獨(dú)具特色的旅游目的地進(jìn)行自助旅游。 2006 年，旅游方式散客化、個(gè)性化已經(jīng)成為當(dāng)前旅游業(yè)的重要發(fā)展趨勢。攜程網(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á)國家 50 以上的旅游產(chǎn)品是散客旅游產(chǎn)品，美國的數(shù)字更是高達(dá) 90 以上。 HYPERLINK /網(wǎng)絡(luò)已經(jīng)超過電視、報(bào)紙等傳統(tǒng)媒體成為旅游信息傳播的第一媒介；國旅游網(wǎng)絡(luò)預(yù)訂的市場規(guī)模也以每年 30 以上的速度增長， HYPERLINK /互聯(lián)網(wǎng)成為機(jī)票、飯店和旅游線路等產(chǎn)品極具潛力的分銷渠道。2005 年中國在線旅游市場規(guī)模為 12.5 億元，占當(dāng)年中國旅游市場的 0.24 。預(yù)計(jì)到 2010 年，中國在線旅游市場規(guī)模將超過 130 億元，占整個(gè)旅游市場的 1 以上。

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

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

18、，并通過分析以避免冒太大的風(fēng)險(xiǎn)。2.2.1技術(shù)可行性隨著軟件開發(fā)工具的發(fā)展，面向?qū)ο蟮?、可視化的開發(fā)工具不斷涌現(xiàn)，如Eclipse等，能幫助軟件開發(fā)者提高軟件開發(fā)的質(zhì)量和效率，縮短開發(fā)周期，同時(shí)數(shù)據(jù)庫產(chǎn)品如MySQL等數(shù)據(jù)庫的出現(xiàn)也為數(shù)據(jù)的后臺管理提供了條件。2.2.2經(jīng)濟(jì)可行性本網(wǎng)站使用方便靈活，開發(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ù)庫采用MySQL，客戶端使用IE或其他WWW瀏覽器。 整個(gè)網(wǎng)頁用Dreamweaver來制作完成的，使用HTML頁面。2.3 面向?qū)ο罂尚行苑治鼍W(wǎng)站最終面向的對象是客戶。所以，網(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)鍵詞怎么挖掘就不多說，關(guān)鍵詞要針對自己的數(shù)據(jù)分析，符合群體的購買動(dòng)向以及購買行為。同時(shí)關(guān)鍵詞的難度要量力而行，俗話說：“知己知彼，百戰(zhàn)百勝”。關(guān)鍵詞的難度主要從以下2個(gè)方面分析：(1) 關(guān)鍵詞

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

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

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

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

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

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

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

27、拖拉置放的方式進(jìn)行版面配置。所見即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(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)頁時(shí)，所見即所得的功能，讓您不需要透過 HYPERLINK /view/7718.htm瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯

28、或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。 全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫可在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ī)平臺上。 Apache源于NCSAhttpd服務(wù)器，經(jīng)過多次修改，成為世界上最流行的Web服務(wù)器軟件之一。Apache取自“a patchy server”的讀音，意思是充滿補(bǔ)丁的服務(wù)器，因?yàn)樗亲杂绍浖?，所以不斷有人來為它開發(fā)新的功能、新的特性、修改原來的缺陷。Apache的特點(diǎn)是簡單、速度快、性能穩(wěn)定，并可做代理服務(wù)器來使用。本來它只用于小型或試驗(yàn)Internet網(wǎng)絡(luò)，后來逐步擴(kuò)充到各種Unix系統(tǒng)中，尤其對Linux的支持相當(dāng)完美。Apache有多種產(chǎn)品，可以支持SSL技術(shù)，支

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

31、生極富有戲劇性。當(dāng)NCSAWWW服務(wù)器項(xiàng)目停頓后，那些使用NCSA WWW服務(wù)器的人們開始交換他們用于該服務(wù)器的補(bǔ)丁程序，他們也很快認(rèn)識到成立管理這些補(bǔ)丁程序的論壇是必要的。就這樣，誕生了Apache Group，后來這個(gè)團(tuán)體在NCSA的基礎(chǔ)上創(chuàng)建了Apache。 Apache web服務(wù)器軟件擁有以下特性：支持最新的HTTP/1.1通信協(xié)議、擁有簡單而強(qiáng)有力的基于文件的配置過程 支持通用網(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ì)話過程的跟蹤、支持FastCGI、通過第三方模塊可以支持Java Servlets、如果你準(zhǔn)備選擇Web服務(wù)器，毫無疑問Apache是你的最佳選擇。3.1.4 開發(fā)語言 PHP PHP，是英文 HYPERLINK /view/1651965.htm超級文本預(yù)處理語言Hypertext Preprocessor的縮寫。PHP 是一種 HTML 內(nèi)嵌式的語言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的 HYPERLINK /view/76320.htm腳本語言，語言的風(fēng)格有類似于 HYPERLINK /view/1219.htmC語言，被廣泛的運(yùn)用。PHP 獨(dú)特的語法混合了 C

33、、Java、Perl 以及 PHP 自創(chuàng)的語法。安裝PHP如圖3.1所示。 圖3.1 安裝PHP窗口圖PHP可以比 CGI或者Perl更快速的執(zhí)行 HYPERLINK /view/348756.htm動(dòng)態(tài)網(wǎng)頁。用PHP做出的 HYPERLINK /view/2065821.htm動(dòng)態(tài)頁面與其他的 HYPERLINK /view/552871.htm編程語言相比，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ù)庫以及操作系統(tǒng)。最重要的是PHP可以用C、C+進(jìn)行程序的擴(kuò)展！3.1.5 數(shù)據(jù)庫MySQL MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。在2008年1月16號被Sun公司收購。而2009年，SUN又被Oracle收購。MySQL是一種關(guān)聯(lián)數(shù)據(jù)庫管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉庫內(nèi)。這樣就增加了速度并提高了靈活性。MySQL的SQL“ HYPERLINK /vie

35、w/595350.htm結(jié)構(gòu)化查詢語言”。SQL是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQL軟件采用了GPL（ HYPERLINK /view/20301.htmGNU通用公共許可證）。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。系統(tǒng)特性：(1) 使用C和C+編寫，并使用了多種 HYPERLINK /view/487018.htm編譯器進(jìn)行測試，保證 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編程語言提供了API。這些編程語言包括 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、支持多種存儲引擎。(7) 既能夠作為一個(gè)單獨(dú)的 HYPERLINK /view/330120.htm應(yīng)用程序應(yīng)用在客戶端服務(wù)器網(wǎng)絡(luò)環(huán)境中，也能夠作為一個(gè)庫而嵌入到其他的軟件中提供多語言支持，常見的編碼如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名。(8) 提供TCP/IP、ODBC和JDBC等多種數(shù)據(jù)庫連接途徑。(9) 提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫操作的 HYPERLINK /view/1251417.htm管理工具。(10) 可以處理擁有上千萬條記錄的大型數(shù)據(jù)庫。3.2 網(wǎng)站開發(fā)涉及的技術(shù)與語言除了主要的技術(shù)以外，本網(wǎng)站還涉及了一些其它的語言和技術(shù)

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

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

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

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

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

43、聯(lián)系方式地址及郵編。4.1 總體方案設(shè)計(jì)總體方案設(shè)計(jì)又可稱系統(tǒng)設(shè)計(jì)說明書，這里所說的系統(tǒng)是指程序系統(tǒng)。編制的目的是說明對程序系統(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下開發(fā)的，所采用的開發(fā)語言是PHP，后臺采用了MySQL Server 5.0數(shù)據(jù)庫，這樣合理的應(yīng)用，提高了數(shù)據(jù)處理的速度。(1) 操作系統(tǒng)：Windows 9X/ME/2000/XP/Win7系列。(2) 數(shù)據(jù)庫：MySQL 簡體中文版，分辨率：1024*768；色彩256色以上。4.1.2 開發(fā)目標(biāo)本課題的開發(fā)目標(biāo)有以下兩點(diǎn)：(1) 開發(fā)這樣一套完善的旅游網(wǎng)站使熱愛旅游的網(wǎng)友的思想言論得到更廣泛的傳播，大家為本網(wǎng)站推薦優(yōu)秀的旅游線路，我們再為更多的人去提供建議。(2) 簡化操作過程，提高資源的共享能力，增進(jìn)思想文化速度。4.1.3 網(wǎng)站的前期規(guī)劃網(wǎng)站名稱：

45、Travelshop網(wǎng)站主題：旅游網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 網(wǎng)站語言：簡體中文網(wǎng)站風(fēng)格：以天藍(lán)色為主色調(diào)，給人以家的感覺，主題鮮明突出要點(diǎn)明確，以簡單明確的語言和畫面體現(xiàn)站點(diǎn)的主題，表現(xiàn)網(wǎng)站的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。建站內(nèi)容及特性：Travelshop作為一個(gè)宣傳性與服務(wù)性的平臺網(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è)及其后臺操作過程和一些關(guān)鍵技術(shù)。該網(wǎng)站信息來源主要由游客直接添加，在網(wǎng)站上發(fā)布出來,以供大家共同欣賞。對

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

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

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

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

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

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

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

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

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

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

56、相比較，取得測試結(jié)果，根據(jù)測試結(jié)果，形成測試報(bào)告。6.3 系統(tǒng)維護(hù)本系統(tǒng)在運(yùn)行過程中可能會(huì)伴隨出現(xià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ù)，有專職人員過廠商進(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ù)庫，系統(tǒng)的軟件維護(hù)自然跟其有著密切的關(guān)。總 結(jié)由于對網(wǎng)站有很大的興趣，于是，本人的主要設(shè)計(jì)內(nèi)容就是關(guān)于

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