1、云南財(cái)經(jīng)大學(xué)學(xué)生畢業(yè)論文（設(shè)計(jì)）題目：旅游網(wǎng)站前端的設(shè)計(jì)與實(shí)現(xiàn)院（系）：中華職業(yè)學(xué)院專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)班級(jí)：網(wǎng)絡(luò)12-1學(xué)號(hào)：201205004650論文作者：孔母指導(dǎo)教師：W指導(dǎo)教師職稱：副教授2015年2月本科畢業(yè)論文（設(shè)計(jì)）原創(chuàng)性及知識(shí)產(chǎn)權(quán)聲明云南財(cái)經(jīng)大學(xué)本科畢業(yè)論文（設(shè)計(jì)）原創(chuàng)性及知識(shí)產(chǎn)權(quán)聲明本人鄭重聲明：所呈交的畢業(yè)論文（設(shè)計(jì)）是本人在導(dǎo)師的指導(dǎo)下取得的成果。對(duì)本論文（設(shè)計(jì)）的研究做出重要貢獻(xiàn)的個(gè)人和集體，均已在文中以明確方式標(biāo)明。因本畢業(yè)論文（設(shè)計(jì)）引起的法律結(jié)果完全由本人承擔(dān)。本畢業(yè)論文（設(shè)計(jì)）成果歸云南財(cái)經(jīng)大學(xué)所有。特此聲明畢業(yè)論文（設(shè)計(jì)）作者簽名：作者專業(yè)：計(jì)算機(jī)科學(xué)與技

2、術(shù)作者學(xué)號(hào)：2012050046502016年2月15日摘要在21世紀(jì)這個(gè)信息高速發(fā)達(dá)的時(shí)代，網(wǎng)絡(luò)可謂是當(dāng)今社會(huì)最流行、最方便、最快捷的交流媒介，當(dāng)然這樣便捷的媒介也受到越來(lái)越多年輕人和很多商業(yè)人士的喜愛，隨之而來(lái)的就是慢慢的融入我們的生活，讓很多人通過(guò)這個(gè)媒介去了解更多的商業(yè)信息。眾所周知，隨著人們生活條件的不斷改善，生活品質(zhì)與追求的不斷提升，旅游類的網(wǎng)站也在不斷的更新和發(fā)展，現(xiàn)今，網(wǎng)站已不再是信息的簡(jiǎn)單公布與展示，對(duì)于人們來(lái)講，已完全脫離了單方面獲取的性質(zhì)，更多的是體現(xiàn)組織機(jī)構(gòu)的風(fēng)采，性質(zhì)。所以旅游類的網(wǎng)站對(duì)現(xiàn)在的發(fā)展已經(jīng)勢(shì)在必行。這篇論文主要集中講述旅游網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，在旅游網(wǎng)站前端的

3、設(shè)計(jì)中，頁(yè)面的布局時(shí)，我們利用HTML等元素進(jìn)行定義，然后利用CSS對(duì)展示的元素進(jìn)行定位，最后通過(guò)JavaScript實(shí)現(xiàn)我們想要的效果和交互。這些內(nèi)容可能表面看起來(lái)很簡(jiǎn)單，可這里面需要掌握的東西絕對(duì)不會(huì)少。在進(jìn)行設(shè)計(jì)前，我們必須對(duì)這些概念弄清楚和弄明白，只有這樣在設(shè)計(jì)的過(guò)程中，我們才會(huì)感覺得心應(yīng)手。在設(shè)計(jì)的過(guò)程中，我們首先應(yīng)該分析并解決實(shí)現(xiàn)中的若干技術(shù)問題；介紹了個(gè)性化頁(yè)面的背景；了解整個(gè)個(gè)性化頁(yè)面生成系統(tǒng)的系統(tǒng)結(jié)構(gòu)及工作原理；分析了系統(tǒng)實(shí)現(xiàn)中的特殊性，難點(diǎn)和重點(diǎn)；現(xiàn)在我還沒有設(shè)計(jì)用戶注冊(cè)，用戶登錄，用戶管理，可我會(huì)把自己設(shè)計(jì)的這個(gè)旅游網(wǎng)站以一種簡(jiǎn)單明了的方式向大家展現(xiàn)出旅游的各個(gè)方面。并在

4、設(shè)計(jì)中解決實(shí)現(xiàn)中的若干技術(shù)問題；努力建立完整的旅游網(wǎng)站，進(jìn)行測(cè)試并分析結(jié)果。我做的這個(gè)旅游網(wǎng)站具有一目了然的特性，能讓本地區(qū)的人們了解更多的旅游資料，更能讓世界各地的人了解一些地區(qū)的明文風(fēng)景。當(dāng)然美中不足就是該旅游網(wǎng)站還存在一些問題，如網(wǎng)站的留言系統(tǒng)、用戶注冊(cè)、用戶登錄沒建立等等。這些問題和功能有待于進(jìn)一步學(xué)習(xí)和添加。關(guān)鍵詞：網(wǎng)站設(shè)計(jì)HTMLCSSJavaScriptJQueryiiAbstractAbstractIntheeraofthe21stcentury,theinformationhighspeeddevelopment,thenetworkcanbedescribedasisthe

5、mostpopularintoday'ssociety,themostconvenient,themostefficientmediumofcommunication,ofcourse,suchaconvenientmediumhasalsobeenmoreandmoreyoungpeopleandmanybusinesspeople'sfavorite,followedbyisslowlyintoourlives,letalotofpeoplethroughthemediatounderstandmorebusinessinformation.Asisknowntoall,w

6、iththepeople'slivingconditionscontinuetoimprove,thepursuitofqualityoflifeandthecontinuousimprovementof,tourismwebsitealsoinconstantlyupdatinganddevelopment.Today,thesiteisnolongersimplypublishanddisplayofinformation,intermsofthepeople,hasbeencompletelyoutoftheunilateralacquisitionofnature,moreis

7、toreflecttheeleganceoftheorganizationnature.Sotourismwebsiteofdevelopmentnowisimperativeunderthesituation.Thispapermainlyfocusesonthedesignandimplementationofthetourismwebsite,inthedesignofthefrontendofthetourismwebsite,Thelayoutofthepage,weuseHTMLelementsofthedefinition,andthenuseCSStodisplayelemen

8、tstopositioning.Finally,wewanttheeffectandinteractionisrealizedthroughJavaScript.Thesecontentsmaysurfaceappearstobeverysimple,thereisneedtomastersomethingabsolutelyisnotless.Beforedesign,wemustontheseconceptstofigureoutandunderstand.Onlyinthiswayintheprocessofdesign,wewillfeelhandy.Inthedesignproces

9、s,firstofall,weshouldanalyzeandsolvesometechnicalproblemsinimplementationofthe;thepersonalizedpagebackground;understandingentirepersonalizationpageproductionsystemsystemstructureandworkingprinciple;analysisoftheparticularityofthesystemimplementation,theemphasisanddifficulty;nowIhaven'tdesignedus

10、erregistration,userlogin,usermanagement,Iwilltodesignedthetourismsiteinastraightforwardwaytoyoushowallaspectsoftourism.iiiAbstractAndresolvetoachieveanumberoftechnicalissuesinthedesign;tobuildtheoveralltourismwebsite,testingandanalysis.Idothistourismwebsitehasaclearcharacteristic,canletthepeopleofth

11、eregiontounderstandmoretravelinformation,morecanletpeoplearoundtheworldunderstandsomeareasoftheplaintext.Certainlyflyintheointmentisthatthetourismwebsitesalsoexistsomeproblems,suchaswebsitemessagesystem,userregistration,userloginisnotestablished,andsoon.Theseproblemsandfunctionneedstobeaddedtofurthe

12、rstudyand.Keywords:websitedesignCSS,HTML,javascriptandJQueryIV目錄本科畢業(yè)論文（設(shè)計(jì)）原創(chuàng)性及知識(shí)產(chǎn)權(quán)聲明I摘要IIAbstractIII一、緒論1（一）引言1（二）旅游網(wǎng)站發(fā)展現(xiàn)狀11 .我國(guó)旅游網(wǎng)站發(fā)展概述12 .網(wǎng)站分類23 .網(wǎng)站構(gòu)建立中存在的問題3（三）選擇做旅游網(wǎng)站的目的與意義4二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹5（一）HTML51 .HTML語(yǔ)言介紹52 .HTML的基本結(jié)構(gòu)6（二）DIV+CSS61 .div+css簡(jiǎn)介62 .div+css樣式表簡(jiǎn)介73 .div+css布局的優(yōu)點(diǎn)84 .div+css布局方式95 .d

13、iv+css理論才既述10（三）Javascript101 .Javascript簡(jiǎn)介102 .Javascript加入網(wǎng)頁(yè)的兩種方法11三、開發(fā)工具和開發(fā)技術(shù)簡(jiǎn)介13（一）理想網(wǎng)頁(yè)的編制者-Dreamweaver13（二）圖像，圖像編輯和設(shè)計(jì)軟件-PS圖象處理軟件14V（三）動(dòng)畫設(shè)計(jì)軟件-flash151 .falsh特性152 .主文件格式15四、需求分析17（一）網(wǎng)站系統(tǒng)分析17（二）功能性需求分類17（三）非功能性需求181 .用戶界面需求182 .軟硬件環(huán)境需求183 .網(wǎng)站質(zhì)量需求18五、旅游網(wǎng)站的規(guī)劃與設(shè)計(jì)20（一）網(wǎng)站功能分析20（二）整體風(fēng)格設(shè)計(jì)201 .頁(yè)面屬性設(shè)計(jì)202

14、.色彩搭配213 .連接效果21六、網(wǎng)站開發(fā)過(guò)程及實(shí)現(xiàn)24（一）首頁(yè)設(shè)計(jì)241 .首頁(yè)頂部設(shè)計(jì)252 .導(dǎo)航欄和LOG破計(jì)263 .首頁(yè)主要內(nèi)容設(shè)計(jì)27（二）其余頁(yè)面的設(shè)計(jì)351 .宣宣景點(diǎn)頁(yè)面設(shè)計(jì)352 .私人專線頁(yè)面設(shè)計(jì)403 .旅游路線頁(yè)面設(shè)計(jì)434 .室外桃源頁(yè)面設(shè)計(jì)485 .宣威景點(diǎn)頁(yè)面設(shè)計(jì)53（三）最終效果圖591 .首頁(yè)效果圖59VI2 .宣宣景點(diǎn)效果圖593 .私人專線效果圖604 .景點(diǎn)選擇效果圖605 .世外桃源效果圖61（四）兼容方案611 .在盡可能多的瀏覽器測(cè)試你的網(wǎng)站612 .編寫質(zhì)量高，容易解釋的HTML.623 .指定字符編碼624 .使網(wǎng)頁(yè)易于訪問62結(jié)論63

15、參考文獻(xiàn)64致謝65VII、緒論、緒論（一）引言現(xiàn)在是信息時(shí)代，互聯(lián)網(wǎng)的迅猛發(fā)展，技術(shù)的不斷革新，促進(jìn)了其他行業(yè)的發(fā)展，各大行業(yè)將進(jìn)一步融合和滲透。當(dāng)今時(shí)代，生活在如此快的生活節(jié)奏中，互聯(lián)網(wǎng)已經(jīng)深入到人們的日常生活，包括政治、經(jīng)濟(jì)和生活等多方面都離不開互聯(lián)網(wǎng)的應(yīng)用，互聯(lián)網(wǎng)高效的信息獲取、發(fā)布以及傳遞機(jī)制深受人們青睞，在現(xiàn)今的旅游行業(yè)發(fā)展中具有重大作用，現(xiàn)在人們?yōu)榱诉m應(yīng)知識(shí)經(jīng)濟(jì)社會(huì)的需要，促進(jìn)學(xué)習(xí)與交流。網(wǎng)上交流與合作功能是普遍的，技術(shù)管理和資源管理受到關(guān)注。隨著互聯(lián)網(wǎng)的發(fā)展和普及，越來(lái)越多的企業(yè)和個(gè)人都有自己的網(wǎng)站在互聯(lián)網(wǎng)上。網(wǎng)站建設(shè)已成為企業(yè)形象宣傳的產(chǎn)品推廣，客戶溝通最有效的橋梁；個(gè)人自我

16、展示，是與世界溝通的重要平臺(tái)。越來(lái)越多的人開始從彼此的認(rèn)知階段開始進(jìn)入自我認(rèn)同和行動(dòng)階段，互聯(lián)網(wǎng)信息主要是通過(guò)網(wǎng)站實(shí)現(xiàn)的，獲取信息的信息也要在“海洋”中根據(jù)一定的檢索方式，從網(wǎng)站下載所需的信息。因此網(wǎng)站建設(shè)在互聯(lián)網(wǎng)應(yīng)用的地位是顯而易見的。它是信息化建設(shè)的重要手段，在各個(gè)行業(yè)領(lǐng)域都發(fā)揮著重要作用，已引起人們的高度關(guān)注。為了更好的合作，更多的與外界溝通和新的信息，以及和他人分享信息，特此建搭建旅游網(wǎng)站。旅游網(wǎng)站近十年在我國(guó)逐漸興起和發(fā)展，到目前已初步形成了一個(gè)完整的類型，涵蓋旅游業(yè)的各個(gè)方面的在線旅游產(chǎn)業(yè)體系，旅游產(chǎn)品的推廣和網(wǎng)上銷售正影響著越來(lái)越多的游客，旅游服務(wù)商和旅游管理者。為響應(yīng)國(guó)內(nèi)迅速發(fā)

17、展的旅游業(yè)，促進(jìn)旅游信息化和電子政務(wù)的廣泛實(shí)施，建立高效、可靠的互聯(lián)網(wǎng)旅游信息管理體系，實(shí)現(xiàn)我國(guó)旅游業(yè)的高速和跨越式的發(fā)展。（二）旅游網(wǎng)站發(fā)展現(xiàn)狀1 .我國(guó)旅游網(wǎng)站發(fā)展概述第一階段（1997至2000）:我國(guó)于1997年真正開始在實(shí)施旅游的互聯(lián)網(wǎng)建設(shè)，并先后成立了旅游資訊網(wǎng)、華夏旅游網(wǎng)這兩大在線旅游網(wǎng)站。由于當(dāng)時(shí)技術(shù)、緒論水平有限，網(wǎng)站的建設(shè)十分簡(jiǎn)潔，網(wǎng)頁(yè)都是些靜態(tài)設(shè)計(jì)，如景點(diǎn)的圖片展示，文字介紹描述等構(gòu)成。二期（2000至2001）:2000年4月在青旅在線旅游網(wǎng)站上引入了電子商務(wù)模式，主要以預(yù)定業(yè)務(wù)為主。預(yù)定的服務(wù)項(xiàng)目通常都是交通與住宿方面，而其他相關(guān)服務(wù)項(xiàng)目在網(wǎng)站上暫不支持，仍需游客與相

18、關(guān)企業(yè)進(jìn)行直接交易。至此，旅游網(wǎng)站的建設(shè)更加完善了，新增了許多信息關(guān)聯(lián)，包括超鏈接網(wǎng)頁(yè)和動(dòng)態(tài)圖片展示等，且網(wǎng)站分布更加合理。第三階段（2001至2002）:2001年2月國(guó)內(nèi)興起了旅游網(wǎng)站建設(shè)浪潮，并以網(wǎng)上交易服務(wù)為網(wǎng)站的主要業(yè)務(wù)，其中金旅雅途網(wǎng)就是很好的代表。這個(gè)階段的旅游網(wǎng)站與游客之間建立了良好的互動(dòng)性，并支持在線服務(wù)。游客對(duì)網(wǎng)上訂票服務(wù)表示十分滿意認(rèn)可，不僅快捷而且方便。其中住宿、機(jī)票等預(yù)訂需要銀行匯款業(yè)務(wù)的支撐。第四階段（2002至）：到2002年4月，我國(guó)廣東省南海市開發(fā)建立的南海營(yíng)銷體系正式投入運(yùn)營(yíng)，是國(guó)內(nèi)首個(gè)以旅游為目的的營(yíng)銷系統(tǒng)。該旅游網(wǎng)站引入了DM跋術(shù)，有了強(qiáng)大的數(shù)據(jù)庫(kù)管理的

19、支持，游客可在網(wǎng)站上實(shí)現(xiàn)高效的交通、旅游、住宿、購(gòu)物和娛樂等相關(guān)信息的查詢，至此，在線旅游的發(fā)展已進(jìn)入成熟階段，旅游網(wǎng)站的功能也更加健全，使用也更加人性化。未來(lái)旅游網(wǎng)站知識(shí)內(nèi)容將變得越來(lái)越豐富，欄目將越來(lái)越細(xì)化，分類將越來(lái)越科學(xué)、單調(diào)、靜態(tài)的行程表將由靈活的自助游的運(yùn)行定制，為游客提供個(gè)性化的旅游產(chǎn)品，如智能服務(wù)將成為旅游網(wǎng)站的重要功能。2 .網(wǎng)站分類對(duì)于不同類型旅游網(wǎng)站從不同的角度進(jìn)行分類，如根據(jù)網(wǎng)站的性質(zhì)不同，中國(guó)的旅游網(wǎng)站可以分為以下七類：政府旅游網(wǎng)站，網(wǎng)站（應(yīng)用服務(wù)提供商）、專業(yè)旅游網(wǎng)站、旅游企業(yè)網(wǎng)站和旅游頻道的網(wǎng)站的網(wǎng)頁(yè)內(nèi)容，各種旅游咨訊網(wǎng)和本地的旅游網(wǎng)站，個(gè)人旅游網(wǎng)站。止匕外，旅游

20、網(wǎng)站還可以根據(jù)專業(yè)屬性、服務(wù)類型、提供信息的不同進(jìn)行分類。戴斌.旅行社經(jīng)營(yíng)管理J.旅游教育出版社.2015.（2）:17-19.薛華成.管理信息系統(tǒng)J.清華大學(xué)出版社.2010.（6）:22-25.、緒論3 .網(wǎng)站構(gòu)建立中存在的問題目前，我國(guó)旅游網(wǎng)站的數(shù)量非常大，現(xiàn)在使用各種搜索引擎的旅游網(wǎng)站已經(jīng)達(dá)到了幾萬(wàn)。但大多數(shù)旅游網(wǎng)站的建設(shè)，以科學(xué)的方式，設(shè)計(jì)的有效性，或服務(wù)從服務(wù)內(nèi)容、網(wǎng)站范圍、服務(wù)功能、不規(guī)范，存在很多問題，政府旅游網(wǎng)站為例，對(duì)域名的使用是非?；靵y的，48砧政府旅游網(wǎng)站沒有用的域名，網(wǎng)站的信息提供也各不相同；以專業(yè)的旅游網(wǎng)站為例，從網(wǎng)上選取了50個(gè)成功的專業(yè)旅游網(wǎng)站的評(píng)價(jià)結(jié)果來(lái)看，查

21、詢酒店和機(jī)票是專業(yè)的旅游預(yù)訂網(wǎng)站的主要功能，在專業(yè)的旅游網(wǎng)站的選擇，100%勺網(wǎng)站都提供這兩種功能，但具體功能來(lái)看，沒有一個(gè)旅游網(wǎng)站能提供客房的實(shí)時(shí)狀態(tài)，如最近一天的客房銷售情況和推廣優(yōu)惠的報(bào)價(jià)。火車票查詢只有45%勺網(wǎng)站能做到，預(yù)訂火車票網(wǎng)站尚無(wú)一家開通，只有一個(gè)開放的火車票預(yù)訂的網(wǎng)站是再見城市網(wǎng)站，但它也僅開通了歐洲火車通票預(yù)訂。其中支持出租車預(yù)定的網(wǎng)站僅有22.8%,能支持同時(shí)預(yù)定酒店、幾篇和出租車票的網(wǎng)站卻沒有一家，而支持導(dǎo)游和門票預(yù)訂的網(wǎng)站不到三家。從網(wǎng)站是否支持預(yù)訂功能上看，在所選擇的網(wǎng)站中，都具備在線預(yù)訂的功能。其中只有22.8%的網(wǎng)站是支持在線支付的。止匕外，具有投訴功能的專業(yè)

22、網(wǎng)站也相當(dāng)少。網(wǎng)站域名和LOG勺設(shè)計(jì)也是兩大重點(diǎn)內(nèi)容，不僅要體現(xiàn)出網(wǎng)站的內(nèi)涵，還應(yīng)讓游客看到這些設(shè)計(jì)后能立馬關(guān)聯(lián)到網(wǎng)站相關(guān)的產(chǎn)品與服務(wù)業(yè)務(wù)，可以輕松地對(duì)網(wǎng)站進(jìn)行識(shí)別和篩選，而且具有鮮明的特征，方便搜索和記憶。這方面做得好的旅游網(wǎng)站有攜程旅行、途牛旅游和信天游，8000英里，中文域名的其他旅游景點(diǎn)一目了然，高度個(gè)性化。在網(wǎng)頁(yè)的設(shè)計(jì)上，要以人性化設(shè)計(jì)為向?qū)В庥^要給人以美的感覺，層次要分明。在滿意的外觀設(shè)計(jì)基礎(chǔ)上，記住多媒體技術(shù)，將好看的3D動(dòng)畫以及Flash嵌入到網(wǎng)頁(yè)中，三維虛擬展示和MPSAVI格式，并支持音頻和視頻的下載，加強(qiáng)生動(dòng)直觀的旅游信息顯示。止匕外，我們還應(yīng)該處理首頁(yè)的打開速度和網(wǎng)頁(yè)

23、美觀化之間的矛盾。如可將圖片以較小尺寸在首頁(yè)上顯示，通過(guò)點(diǎn)擊放大瀏覽原圖。止匕外，網(wǎng)頁(yè)的整體結(jié)構(gòu)設(shè)計(jì)要合理。我們應(yīng)該在頁(yè)面頂部設(shè)置總目錄信息網(wǎng)站。在主頁(yè)中，要充分體現(xiàn)出網(wǎng)站的主體，內(nèi)容要精煉，可以在少量的查閱次數(shù)趙西萍，等.旅游市場(chǎng)營(yíng)銷學(xué)M.北京：高等教育出版社，2012.、緒論中讓訪問者掌握充分的網(wǎng)站信息。并支持內(nèi)容的定期更新，為游客提供最新的旅游信息。根據(jù)旅游地客源的分布情況，網(wǎng)頁(yè)的設(shè)計(jì)要注意語(yǔ)言版本的支持。中華上下五千年歷史，蘊(yùn)藏著豐富的旅游資源，吸引著來(lái)自世界不同國(guó)家的游客。而對(duì)于網(wǎng)站而言，是面向世界開放的，全球不同旅游網(wǎng)站都是公開的，因此，旅游網(wǎng)站的競(jìng)爭(zhēng)也是激烈的?？赡苁怯慰秃涂蛻袈?/p>

24、游網(wǎng)站。目前，國(guó)內(nèi)以簡(jiǎn)體中文版為主要的旅游網(wǎng)站語(yǔ)種，隨著旅游市場(chǎng)的不斷發(fā)展和擴(kuò)充，許多國(guó)外市場(chǎng)也不斷打開，為讓網(wǎng)站適應(yīng)未來(lái)市場(chǎng)的發(fā)展，其他語(yǔ)言版本也應(yīng)進(jìn)行開發(fā)，以滿足來(lái)自不同地區(qū)的游客的個(gè)性需求。止匕外，還可以為不同的國(guó)家分別設(shè)置不同的國(guó)家、民族外語(yǔ)版塊，提供有針對(duì)性的相關(guān)信息。(三)選擇做旅游網(wǎng)站的目的與意義目前，國(guó)內(nèi)大多數(shù)旅游管理部門以及旅行社都是采用電子文檔和表格的形式來(lái)管理旅游相關(guān)信息資訊，只有少數(shù)的旅游相關(guān)機(jī)構(gòu)建立起了旅游網(wǎng)站，這樣，很大一部分客戶將會(huì)因這種落后的管理方式而流失。在這個(gè)網(wǎng)絡(luò)大時(shí)代背景下，信息化建設(shè)尤為重要。隨著旅游業(yè)的迅速發(fā)展，業(yè)務(wù)的不斷擴(kuò)充，市場(chǎng)的不斷推廣，僅靠人工

25、方式來(lái)管理龐大的旅游資料信息是費(fèi)力不討好的事，而且存在很大信息管理漏洞。因此，為規(guī)范旅游信息化管理，加快旅游業(yè)的發(fā)展，實(shí)現(xiàn)旅游資源的高效利用和管理，旅游業(yè)的信息化建設(shè)才是正確的選擇。隨著互聯(lián)網(wǎng)的不斷普及，人們都喜歡足不出戶的辦理一切事務(wù)，人們對(duì)旅游行業(yè)的需要也日益的增加，各旅行社也應(yīng)運(yùn)用網(wǎng)絡(luò)強(qiáng)大以及宣傳自己，增強(qiáng)自己的競(jìng)爭(zhēng)力。而且旅游網(wǎng)站的建立是我個(gè)人愛好，我希望自己的技術(shù)可以變?yōu)橐环N提高自我的表現(xiàn)，對(duì)于為什么選擇旅游網(wǎng)站建設(shè)的主題，那是因?yàn)槲覀€(gè)人比較了解，也看到目前這種形式的網(wǎng)站是不多的，而且不是內(nèi)容不豐富，就是沒有自己獨(dú)特的想法，我不排除有一些好的旅游網(wǎng)站，但的確不是很多，所以我想單獨(dú)制作

26、自己的旅游網(wǎng)站，希望有更多的人了解旅游的各種景點(diǎn)。薩師娘，王珊.數(shù)據(jù)庫(kù)系統(tǒng)概論M.北京.高等教育出版社.2007.page174-178.王興動(dòng)，千麗霞，曹明玉.ASP&ASP.NET應(yīng)用編程J.電子工業(yè)出版社.2012.(9):77-81.4、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹（一）HTML1.HTML語(yǔ)言介紹HTM層一種超文本結(jié)構(gòu)標(biāo)記語(yǔ)言，專門用于超文本文檔的制作。所謂的HTML文檔就是指采用該語(yǔ)言編寫的超文本文檔，該語(yǔ)言不僅簡(jiǎn)單易懂，且在多種操作系統(tǒng)平臺(tái)中能夠獨(dú)立運(yùn)行。如常用的WindowsUnix等。從1990年開始，HTML語(yǔ)言就被萬(wàn)維網(wǎng)用來(lái)表示網(wǎng)頁(yè)信息和格

27、式設(shè)計(jì)的運(yùn)用上，其中包括與Homepage的相關(guān)連接信息。我們所瀏覽的網(wǎng)頁(yè)的源文件就是一個(gè)HTM儀檔，通常以.HTML.HTM作為文件的擴(kuò)展名，是用HTM曲記的ascii文本文件。下面介紹一個(gè)HTM及檔是如何生成的三種方式：1、直接在文本中編寫，也可以通過(guò)文本編輯器或HTML勺編輯工具快速編寫。2、可以通過(guò)重命名或者格式轉(zhuǎn)換工具將其他格式的文件直接轉(zhuǎn)為HTMLC件，非常方便。3、通過(guò)Wet®務(wù)器的動(dòng)態(tài)實(shí)時(shí)生成。HTM層一種簡(jiǎn)單的標(biāo)記語(yǔ)言，通過(guò)一系列的標(biāo)簽來(lái)組織文檔結(jié)構(gòu)，如段落和超鏈接等都有相應(yīng)的標(biāo)志。文件格式的結(jié)構(gòu)可以通過(guò)標(biāo)記來(lái)組織，而文檔內(nèi)容如何顯示，按什么排序，這是HTML故不到

28、的。但可以為WebM覽器提供默認(rèn)的建議，在用戶瀏覽時(shí)的頁(yè)面呈現(xiàn)效果由WebM覽器自帶顯示風(fēng)格以及解析標(biāo)記的能力來(lái)確定。這也是為什么在不同瀏覽器中顯示相同的文檔的效果會(huì)不一樣。HTML勺版本是2.0。它是基于SGMLStandardGeneralizedMarkupLanguage）標(biāo)準(zhǔn)廣義置標(biāo)語(yǔ)言，是用來(lái)描述數(shù)字文檔的結(jié)構(gòu)復(fù)雜的規(guī)范內(nèi)容和管理）的一個(gè)子集的進(jìn)化。雖然標(biāo)準(zhǔn)html2.0的下一個(gè)版本（也稱為HTML+正在開發(fā)中，但在標(biāo)準(zhǔn)草案的一些地區(qū)已被廣泛采用，最好的WebM覽器（如馮方方.ASP.NET基礎(chǔ)教程M.北京.清華大學(xué)出版社.2004:47-515二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹Nets

29、cape等）可以解釋html3.0一些新標(biāo)記，因此在本章中提出的一些新的html3.0標(biāo)記了被大多數(shù)瀏覽器接受。2.HTML的基本結(jié)構(gòu)<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312”/><title>標(biāo)題</title></head><body>網(wǎng)頁(yè)主體部分</body></html>（二）DIV+CSS1.div+css簡(jiǎn)介CSS®英語(yǔ)Casc

30、adingStyleSheets（層疊樣式表）的簡(jiǎn)稱，它是一種計(jì)算機(jī)語(yǔ)言，用來(lái)表現(xiàn)HTM峻XML等文件式樣。一般的網(wǎng)站使用的術(shù)語(yǔ)，都是標(biāo)準(zhǔn)的DIV+CSSHTMLEXML是統(tǒng)一的WebS計(jì)標(biāo)準(zhǔn)，其中網(wǎng)頁(yè)布局通過(guò)DIV+CSS來(lái)實(shí)現(xiàn)。這種方式與傳統(tǒng)HTM啊頁(yè)有所不同，它能夠?qū)3CJ容和表現(xiàn)分離開來(lái)。目前HTML勺最高版本已經(jīng)更新到HTML5其語(yǔ)言復(fù)雜度越來(lái)越高，止匕外，XHTM語(yǔ)言可以重寫HTMLMW,并運(yùn)用XM/目關(guān)技術(shù)實(shí)現(xiàn)HTML§言的標(biāo)準(zhǔn)化、規(guī)范化，并且大大提升網(wǎng)站的可擴(kuò)展性，適用于數(shù)據(jù)自動(dòng)交換的場(chǎng)景。與使用HTM毆計(jì)網(wǎng)頁(yè)不同的是XHTM不在采用表格進(jìn)行定位，而是通過(guò)DIV+C

31、S骰術(shù)來(lái)實(shí)現(xiàn)定位。且該方式不僅提高了頁(yè)面開發(fā)效率，也是頁(yè)面布局更加規(guī)整，下面介紹DIV+CSS勺相關(guān)特征：李占波.基于ASP.NET的We陽(yáng)序開發(fā).河南科學(xué)技術(shù)出版社.2008:1-86二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹(1)在W3CB準(zhǔn)。微軟和其他公司都是W3c勺支持者。這是最重要的，因?yàn)樗_保您的網(wǎng)站，不會(huì)因?yàn)槲磥?lái)的網(wǎng)絡(luò)應(yīng)用和升級(jí)被淘汰。(2)支持瀏覽器的向后兼容，無(wú)論是瀏覽器大戰(zhàn)中，IE7和Firefox的哪一方勝利，你的網(wǎng)站都可以很好的兼容。(3)搜索引擎更友好。與傳統(tǒng)的table相比，采用DIV+CSSfc術(shù)，搜索引擎收錄相比之下會(huì)更加友好。(4)調(diào)整的樣式更為方便。分離的內(nèi)容和風(fēng)格，使頁(yè)

32、面和風(fēng)格的調(diào)整變得更加方便。現(xiàn)在的雅虎、MSN門戶網(wǎng)站、網(wǎng)易、新76等國(guó)內(nèi)門戶網(wǎng)站，Web2.0的主流網(wǎng)站，采用DIV+CS漂構(gòu)，更加印證了DIV+CSS1未來(lái)的一種趨勢(shì)。(5)CSS(弋碼的簡(jiǎn)單性是一個(gè)很大的優(yōu)勢(shì)，對(duì)于一個(gè)大型網(wǎng)站來(lái)講，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡比較干凈的代碼。(6)分離的性能和結(jié)構(gòu)，在一個(gè)團(tuán)隊(duì)開發(fā)中，更容易分工合作以此來(lái)減少相互關(guān)聯(lián)性。2 .div+css樣式表簡(jiǎn)介在網(wǎng)頁(yè)上使用樣式表有三種方式：(1)將網(wǎng)頁(yè)鏈接到外部樣式表。(2)在網(wǎng)頁(yè)上創(chuàng)建一個(gè)嵌入式樣式表。(3)將嵌入式樣式應(yīng)用于每一個(gè)頁(yè)面元素。(4)每一種方法都有其優(yōu)點(diǎn)和缺點(diǎn)。當(dāng)頁(yè)面中的全部或部分的頁(yè)

33、面上在同一站點(diǎn)上應(yīng)用相同樣式時(shí)，可以使用外部樣式表中的一個(gè)或多個(gè)外部樣式表來(lái)定義樣式并將它們鏈接到所有頁(yè)面，這樣就可以保證所有頁(yè)面的一致性。如果人們決定改變風(fēng)格，只是在外部樣式表中作一次更改，而對(duì)于這個(gè)更改，會(huì)反映在所有的樣式表鏈接頁(yè)。通常是外部樣式表以.CSS做為它的文件擴(kuò)展名，如Mystyles.css。我們可以在頁(yè)面中采用嵌入式樣式表的方式來(lái)定義所需的頁(yè)面樣式。嵌入式樣式表是一個(gè)層疊樣式表，“嵌”在頁(yè)head卡簽字符內(nèi)。嵌入式樣式表的作用范圍是同一個(gè)頁(yè)面，跨頁(yè)面無(wú)效。使用層疊樣式表將內(nèi)嵌樣式層疊樣式表屬性應(yīng)用于頁(yè)面元素上。二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹如果網(wǎng)頁(yè)鏈接到外部樣式表，為該頁(yè)創(chuàng)建的

34、內(nèi)嵌或嵌入式樣式，將擴(kuò)展或覆蓋在外部樣式表中的指定屬性。3 .div+css布局的優(yōu)點(diǎn)(1)利于搜索引擎蜘蛛爬行根據(jù)總結(jié)的經(jīng)驗(yàn)和教訓(xùn)，DIV+CS甑局有利于蜘蛛的爬行，我們拿HTMIM格布局和DIV+CSS局的頁(yè)面做對(duì)比，明顯table字節(jié)大于div+css字節(jié)，小字節(jié)將有利于搜索引擎蜘蛛下載網(wǎng)頁(yè)的時(shí)間，減少頁(yè)面代碼量，可以提高你的網(wǎng)頁(yè)瀏覽速度，而且蜘蛛爬行網(wǎng)站的深度也會(huì)大大增加。(2)易于修改提高易用性，使用CSS可以結(jié)構(gòu)化HTMLCSS可以很容易地控制頁(yè)面的布局而且編寫簡(jiǎn)單，編寫CSS就像寫html代碼一樣輕松。從網(wǎng)站的總體布局來(lái)看，DIV+CS甑局的網(wǎng)站，一般都是將HTMLMW和CSSi

35、：件分離的，DIV+CSS勺特點(diǎn)就是將頁(yè)面內(nèi)容和表現(xiàn)形式分離，可以在一個(gè)獨(dú)立的樣式文件中進(jìn)行樣式部分的設(shè)計(jì)，這樣就有可能減少未來(lái)無(wú)效的頁(yè)面。網(wǎng)站改版相對(duì)會(huì)比較方便，一般只需要你修改CSW件就可以重新構(gòu)建一個(gè)新的網(wǎng)站。此功能可重復(fù)使用和在編程完成中多處使用，而這種特點(diǎn)是table不具備的。您可以同時(shí)更新多個(gè)網(wǎng)頁(yè)的風(fēng)格格式，不用再一頁(yè)一頁(yè)地更新了。你可以使用一個(gè)CSSX件來(lái)控制站點(diǎn)上所有頁(yè)面風(fēng)格，只要修改相應(yīng)的CSSi：件中行，然后在整個(gè)站點(diǎn)的所有頁(yè)面都將被改變。減少頁(yè)面代碼量，可以大大提高網(wǎng)頁(yè)的瀏覽速度，在幾乎所有的瀏覽器上都可以使用。在前面提到的，DIV+CSSCSSt件和HTM儀件分開，當(dāng)用

36、戶點(diǎn)擊網(wǎng)站，是在同時(shí)進(jìn)行CSS文件和HTMLC件的下載，這樣可以提高網(wǎng)頁(yè)的打開速度，而table是必須以標(biāo)簽開始到結(jié)束才能顯示網(wǎng)頁(yè)內(nèi)容。止匕外，DIV的HTML文件則是邊加載邊顯示網(wǎng)頁(yè)內(nèi)容。這樣就大大提高了用戶體驗(yàn)。谷歌的頁(yè)面加載速度已經(jīng)已經(jīng)包含在排名因素中，雖然這個(gè)因素可以影響排名的一小部分，甚至可以忽略不計(jì)，但有利于搜索引擎優(yōu)化，我們?yōu)槭裁床挥媚?？如果使用DIV+CSSffi版，網(wǎng)頁(yè)代碼精簡(jiǎn)，使頁(yè)面的字體變得更漂亮，更容易編排，使頁(yè)面真正達(dá)到賞心悅目的效果。如果你不javascrput大師可以不用寫ID,只要會(huì)用CLASSI可以。傳統(tǒng)的HTMLM面樣式通常都比較雜亂無(wú)章，垃圾二、網(wǎng)站建設(shè)的

37、各種語(yǔ)言的介紹代碼較多，且需花費(fèi)程序員大量的調(diào)整時(shí)間，在Table布局中通常通過(guò)ID來(lái)控制樣式，且樣式與布局代碼寫在一塊，顯得層次不分明。而DIV能很好地分離樣式與布局，且有較強(qiáng)的重構(gòu)性。(3)相對(duì)表格的嵌套問題說(shuō)是在一些文章中，搜索引擎一般都不喜歡在上面抓取三層以上的Table嵌套，這一點(diǎn)還沒有得到搜索引擎官方的證實(shí)。我也不能完全肯定是不是，就目前掌握的情況來(lái)看，在分析Table布局的頁(yè)面遇到多個(gè)層次的表格嵌套時(shí)，將跳過(guò)嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。我們?cè)谑褂肨able布局時(shí)，為了達(dá)到視覺效果，必須應(yīng)用多個(gè)表格。如果一個(gè)嵌套表格中是核心內(nèi)容，解析時(shí)，會(huì)跳過(guò)這部分而沒有抓取頁(yè)面核心。這個(gè)頁(yè)面就

38、成了一個(gè)類似的網(wǎng)頁(yè)。網(wǎng)站太多類似的網(wǎng)頁(yè)會(huì)影響排名和域名的信任度。(4)搜索排名的影響頁(yè)面結(jié)構(gòu)簡(jiǎn)單明了，易于搜索引擎搜索完成網(wǎng)站的優(yōu)化工作。如果我們?cè)谠O(shè)計(jì)時(shí)，運(yùn)用到基于XTHM標(biāo)準(zhǔn)的DIV+CS即局，在完成設(shè)計(jì)時(shí)，要盡可能提高通過(guò)W3僉證的通過(guò)率。事實(shí)證明使用XTHM架構(gòu)的網(wǎng)站排名狀況總體上是很讓人滿意的。這可能是有爭(zhēng)議的，但至少不會(huì)有任何壞處。XHTM結(jié)構(gòu)規(guī)整，可以快速便捷地搜索頁(yè)面內(nèi)容，因此用戶的評(píng)價(jià)也很高。4 .div+css布局方式對(duì)于網(wǎng)站的DIV+CS戮計(jì)越來(lái)越受到人們的關(guān)注，從個(gè)人網(wǎng)站到企業(yè)和門戶網(wǎng)站，網(wǎng)頁(yè)設(shè)計(jì)師已經(jīng)將DIV+CSS乍為業(yè)界標(biāo)準(zhǔn)。如果使用DIV+CSS勾建和美化網(wǎng)站，

39、那么DIV就是整個(gè)網(wǎng)站的骨架，CSS羊式就是網(wǎng)站的著裝。其中的內(nèi)容當(dāng)然就是血肉。那么如果我們要做一個(gè)網(wǎng)站。我們就必須從DIV布局開始。DIV元素是用于HTM儀檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素，DIV的開始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容，都是用來(lái)形成快的，其中包含的元素屬性由div標(biāo)簽屬性控制，或通過(guò)使用樣式表格式化這個(gè)塊，從而進(jìn)行控制。在業(yè)界的各大個(gè)人網(wǎng)絡(luò)、企業(yè)網(wǎng)絡(luò)、門戶網(wǎng)基本上都是用DIV+CSS&-布局方式。如：騰訊絡(luò)，舊M的官方網(wǎng)站，等等。其中，對(duì)于舊M的官方網(wǎng)站來(lái)說(shuō)，二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹頂部是導(dǎo)航、下面是JavaScript和底部用UL列舉出公

40、司各項(xiàng)服務(wù)的連接。從整體布局來(lái)看，這是一個(gè)單一的欄目，使得頁(yè)面看起來(lái)簡(jiǎn)潔大方，如今的頁(yè)面布局主流也從復(fù)雜的華麗性變到簡(jiǎn)單的大方性，相比這兩種網(wǎng)頁(yè)布局，我個(gè)人也比較支持后者。5 .div+css理論概述(1)理解CSSt子模型CSSa子模型是什么呢？這可能是很多人在看到這個(gè)這個(gè)代名詞時(shí)的第一反應(yīng)，在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常聽到一些屬性名稱：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin),CSSlfc模型具有上述性質(zhì)，日常生活中盒子里也具有這些特性，所以稱之為盒子模型。在網(wǎng)頁(yè)設(shè)計(jì)中內(nèi)容往往指的是文本、圖像和其他元素，也可以是一個(gè)小盒子(DIV嵌套)。CSSf比于現(xiàn)

41、實(shí)當(dāng)中的盒子區(qū)別在于他有伸展性，里面的東西比盒子本身本身大時(shí)，那么盒子也會(huì)隨之增大，但它不會(huì)損壞。與現(xiàn)實(shí)的比較，這種模式更比較容易被接受，也更容易得到推廣。(2)觀念的轉(zhuǎn)變傳統(tǒng)的前端設(shè)計(jì)是以這樣的方式進(jìn)行的：首先考慮好材料，文字等，然后處理。通過(guò)HTML弋碼生成、最后進(jìn)行排版；我們現(xiàn)在需要的是考慮好網(wǎng)站內(nèi)容、結(jié)構(gòu)、風(fēng)格。經(jīng)過(guò)CSSHE版使代碼比較容易理解，各個(gè)區(qū)與各個(gè)塊的層次分明。因此，結(jié)構(gòu)是非常重要的。(3)實(shí)現(xiàn)結(jié)構(gòu)和性能的分離使用的CSSM,結(jié)構(gòu)和表現(xiàn)分離、代碼簡(jiǎn)單、易于更新和利于優(yōu)化。相比于把樣式寫進(jìn)去和和分離開的區(qū)別，更進(jìn)一步說(shuō)明結(jié)構(gòu)與表現(xiàn)分離的優(yōu)點(diǎn)，建立一個(gè)單獨(dú)的CSS文件和頁(yè)面進(jìn)行

42、鏈接將使部分代碼更加清晰。（三）Javascript1.Javascript簡(jiǎn)介一種新的編程語(yǔ)言JavaScript.可以說(shuō)JavaScript是適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的需要而誕生的，現(xiàn)在越來(lái)越廣泛地應(yīng)用于互聯(lián)網(wǎng)網(wǎng)頁(yè)。JavaScript是一種10二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹腳本語(yǔ)言，由Netscape公司開發(fā)而來(lái)，也稱之為描述語(yǔ)言。在HTMLM面中使用JavaScript語(yǔ)言，可以實(shí)現(xiàn)頁(yè)面的動(dòng)態(tài)交互。讓頁(yè)面與用戶之間進(jìn)行互動(dòng)，且是實(shí)時(shí)動(dòng)態(tài)的交互關(guān)系，引入JavaScript為頁(yè)面增添了不少動(dòng)態(tài)內(nèi)容，頁(yè)面變得更加生動(dòng)，更加人性化。JavaScript語(yǔ)言存在兼容性問題，有的瀏覽器對(duì)JavaScrip

43、t語(yǔ)言的支持不是很好，因此，應(yīng)選擇合適的瀏覽器進(jìn)行JavaScript的程序編寫。其中瀏覽器版本在Navigator3.0以上或IE3.0以上對(duì)JavaScript的支持都很好。微軟通過(guò)對(duì)JavaScript的改造開發(fā)了Jscript,兩者差別只在一些細(xì)微的地方，大體相同。在網(wǎng)頁(yè)中引入JavaScript語(yǔ)言，不僅能提升瀏覽網(wǎng)頁(yè)的速度，還能是交互能力更強(qiáng)。此外，JavaScript專門用于WetR頁(yè)的編程中。了解了JavaScript語(yǔ)言的基本信息后，接下來(lái)，我們來(lái)介紹在網(wǎng)頁(yè)中引入JavaScript的相關(guān)案例和實(shí)現(xiàn)方式，分析它是如何提升網(wǎng)頁(yè)性能的。2.Javascript加入網(wǎng)頁(yè)的兩種方法(

44、1)直接加入HTMLC檔這是最常用的方法，大部分含有Javascript的頁(yè)面都采用這種方法，如：<scriptlanguage="Javascript”><!-document.writeln("這是Javascript!使用直接插入的方法！");/-Javascript結(jié)束-></script>在這個(gè)例子中，我們可看到一個(gè)新的標(biāo)簽：<script>,</script>,而<scriptlanguage="Javascript”>用來(lái)告訴瀏覽器這是用Javascript編寫的程序，

45、需要調(diào)動(dòng)相應(yīng)的解釋程序進(jìn)行解釋。HTML勺注釋標(biāo)簽<!-和->:用來(lái)去掉瀏覽器所不能識(shí)別的Javascript源代碼的，這對(duì)不支持Javascript語(yǔ)言的瀏覽器來(lái)說(shuō)是很有用的。Javascript結(jié)束：雙斜杠表示Javascript的注釋部分，即從開始到行尾的字符都被忽略。至于程序中所用到的document,write()函數(shù)則表示將括號(hào)中的文字輸出到窗口中去，這在后面將會(huì)詳細(xì)介紹。另外一點(diǎn)需要注意的是，<script>,</script>的位置并不是固定，可以包含在<head></head>11二、網(wǎng)站建設(shè)的各種語(yǔ)言的介紹或<

46、;body>.</body>中的任何地方。(2)引用方式則可以采用這種引用的方式，以提高程序代碼的利用率。其基本格式如下：<scriptsrc=urllanguage="Javascript"></script>其中的Url就是程序文件的地址。同樣的，這樣的語(yǔ)句可以放在HTMLt檔頭部或主體的任何部分。如果要實(shí)現(xiàn)“直接插入方式”中所舉例子的效果，可以首先創(chuàng)建一個(gè)Javascript源代碼文件“Script.js"，其內(nèi)容如下：document.writeln("這是Javascript!采用直接插入的方法！”)；

47、在網(wǎng)頁(yè)中可以這樣調(diào)用程序：<scriptsrc="Script.js"language="Javascript"></script>。12三、開發(fā)工具和開發(fā)技術(shù)簡(jiǎn)介三、開發(fā)工具和開發(fā)技術(shù)簡(jiǎn)介(一)理想網(wǎng)頁(yè)的編制者-DreamweaverDreamweave誕生于美國(guó)的Macromedia公司，是一種強(qiáng)大的網(wǎng)頁(yè)編輯器，不僅能夠進(jìn)行網(wǎng)頁(yè)制作，還能對(duì)網(wǎng)站進(jìn)行管理。它是一款可視化的網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)工具。使用Dreamweaver設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)不受平臺(tái)和瀏覽器的限制。據(jù)統(tǒng)計(jì)，Dreamweaver是用戶設(shè)計(jì)和制作網(wǎng)頁(yè)的首選工具，因?yàn)樗哂袘?yīng)用最

48、廣、功能最強(qiáng)大的特征。緊接著Dreamweaver8的發(fā)布，更堅(jiān)定了Dreamweaver在該領(lǐng)域的位置。集網(wǎng)頁(yè)的開發(fā)與制作、網(wǎng)站的管理與一體的Dreamweaver具有可視化、多平臺(tái)支持和跨瀏覽器功能，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作工具的首選。Dreamweaver的功能：(1)靈活的寫作方式Dreamweaver的特點(diǎn)是能靈活的編寫網(wǎng)頁(yè)，不僅將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器組合，并在窗口的設(shè)計(jì)上還細(xì)化了源代碼，可以幫助用戶自定義界面，以滿足工作的需要。(2)可視化編輯界面Dreamweaver是一種你看到就是你所所得到的HTM編輯器，可以實(shí)現(xiàn)網(wǎng)頁(yè)元素的插入和生成。在可視化的編輯環(huán)境下，

49、大大提升了網(wǎng)頁(yè)開發(fā)的效率，且不存在兼容性問題，制作的網(wǎng)頁(yè)也符合專業(yè)水準(zhǔn)，支持內(nèi)部HTM編輯器以及第三方HTMLS輯器的實(shí)時(shí)訪問。Dreamweaver僅適用于手工編碼的用戶，且適用于偏向可視化開發(fā)的用戶，可為兩者兼顧，輕松實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站管理工作。(3)CSS可視化設(shè)計(jì)、CSS僉查工具都能支持CSS(4)跨瀏覽器動(dòng)態(tài)驗(yàn)證在保存文檔時(shí)，系統(tǒng)能夠?qū)ξ臋n的瀏覽器兼容性進(jìn)行自動(dòng)檢測(cè)，可以準(zhǔn)確地知道使用哪種瀏覽器進(jìn)行測(cè)試。自動(dòng)檢測(cè)內(nèi)容包括頁(yè)面中是否存在不兼容元素、標(biāo)簽或是CSSg構(gòu)等。對(duì)頁(yè)面中白標(biāo)簽與CSS羊式進(jìn)行檢查，看其與當(dāng)前主瀏覽器是否相適應(yīng)。13三、開發(fā)工具和開發(fā)技術(shù)簡(jiǎn)介(5)強(qiáng)大的網(wǎng)站管理功

50、能(6)內(nèi)置圖形編輯引擎(7)Dreamweaverfl勺綜合性能Dreamweaver8繼承Fireworks,Flash和Shockwave集成的特點(diǎn)，你可以自由的這些網(wǎng)頁(yè)制作工具之間切換以此來(lái)輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁(yè)。(8)豐富的媒體支持能力較強(qiáng)的植入性，可在java、ActiveX、Shockwave和Flash中引入。強(qiáng)大的多媒體功能也是Dreamweaver的一大亮點(diǎn)，在DHTML口CSS的設(shè)計(jì)中起到了非常好的的作用。網(wǎng)頁(yè)元素的相關(guān)動(dòng)作與交互都能通過(guò)JavaScript與DHTM晤言來(lái)實(shí)現(xiàn)。此外，Dreamweaver支持動(dòng)畫的制作。(9)較強(qiáng)的擴(kuò)展能力Dreamweaver

51、74;支持第三方插件，任何人都可以根據(jù)自己的需要進(jìn)行功能擴(kuò)展，更重要的是，我們還可以發(fā)布這些插件。(二)圖像，圖像編輯和設(shè)計(jì)軟件-PS圖象處理軟件Adobe公司的PS圖象處理軟件是一個(gè)由Adobe系統(tǒng)的專業(yè)圖像處理軟件。與公司的其他軟件一樣，適用于MacOS和微軟Windows操作系統(tǒng)的PS圖象處理軟件，同時(shí)，公司還發(fā)布了Unix操作系統(tǒng)版本。谷歌還通過(guò)Wine資助的對(duì)PS圖象處理軟件的Linux版本研究。PS圖象處理軟件的制作最初是由托馬斯諾爾(托馬斯諾爾)和約翰諾爾(JohnKnoll兄弟在1987制作的，但直到1990后，該軟件才由Adobe公司首次發(fā)布。PS圖象處理軟件最初是為那些昂貴

52、的掃描儀掃描下來(lái)的圖像服務(wù)。PS圖象處理軟件主要處理以像素(Pixels)所構(gòu)成的數(shù)字圖像。使用其廣泛的編輯和繪圖工具，可以更有效地進(jìn)行圖像編輯。獨(dú)特的歷史紀(jì)錄浮動(dòng)窗口和可編輯的圖層功能，對(duì)各種濾鏡的支持，更令使用者能夠輕松創(chuàng)造出各種奇幻的效果。目前，Photoshop也正在被更多的用于處理網(wǎng)絡(luò)圖片。PS圖象處理軟件的后續(xù)版本中捆綁了一個(gè)獨(dú)立的軟件ImageReady,加強(qiáng)網(wǎng)絡(luò)形象的PS圖象處理軟14三、開發(fā)工具和開發(fā)技術(shù)簡(jiǎn)介件(GIF圖像文件)在CS3ImageReady取代Fireworks支持功能。PS圖象處理軟件CS3讓用戶更容易升級(jí)到新的硬件平臺(tái)支持蘋果英特爾作為內(nèi)核的系統(tǒng)。在圖像處

53、理軟件領(lǐng)域中，PS的認(rèn)可度是最高的，由于其價(jià)格昂貴，因此與強(qiáng)大的3DStudioMax一樣普及度不是很高。也正因如此，才使得由JascSoftware公司開發(fā)的PaintShopPro、GIMP小組開發(fā)的GIMP友立信息開發(fā)的UleadPhotoImpact大占市場(chǎng)份額。隨后Adobe發(fā)布了PS圖象處理軟件PS圖象處理軟件的簡(jiǎn)化版，為了爭(zhēng)奪市場(chǎng)。雖然它的許多功能是有限的，但繼承原有軟件，最優(yōu)秀的功能，價(jià)格比PS圖象處理軟件便宜很多。(三)動(dòng)畫設(shè)計(jì)軟件-flashAdobeFlash,原名MacromediaFlash,簡(jiǎn)稱Flash,前身為FutureSplash是指AdobeFlash專業(yè)多

54、媒體制作程序，也就是AdobeFlash播放器。Adobe公司于2005年12月收購(gòu)了Macromedia公司，因此Flash也成為了Adobe的軟件。1.falsh特性：(1)互聯(lián)網(wǎng)網(wǎng)頁(yè)中使用的大量矢量動(dòng)畫文件格式。(2)使用矢量圖形(VectorGraphics),所產(chǎn)生的影片占用較小的存儲(chǔ)空問。(3)使用Flash創(chuàng)建電影有其自身特殊的文件格式(SWF(4)該公司聲稱，97%勺世界網(wǎng)絡(luò)瀏覽器有一個(gè)內(nèi)置的Flash播放器(FlashPlayer)。(5) “富因特網(wǎng)應(yīng)用”概念由Adobe提出的實(shí)現(xiàn)平臺(tái)。(6) flash6后續(xù)的版本納入面向?qū)ο缶幊谈拍睢Ｅc其他語(yǔ)言相比，無(wú)論是在數(shù)據(jù)庫(kù)，XM

55、LPHPffi其他平臺(tái)上，都可以進(jìn)一步結(jié)合應(yīng)用。(7) 從用戶體驗(yàn)角度看，是最好的前端技術(shù)。2.主文件格式：(1) swf是ShockwaveFlash的縮寫，它是一個(gè)完整的視頻文件，無(wú)法編輯。有時(shí)會(huì)被念做為Swiff或swaif。SW在發(fā)布時(shí)，可以選擇保護(hù)的功能。如果沒有選擇，15三、開發(fā)工具和開發(fā)技術(shù)簡(jiǎn)介就很容易被別人輸入到自己的源文件中使用。但是保護(hù)功能還是不能阻擋現(xiàn)存的大量破解軟件，很多閃客專門來(lái)學(xué)習(xí)其他人的代碼和設(shè)計(jì)方法。(2) flaFlash的源文件，只能用AdobeFlash打開編輯。16四、需求分析四、需求分析(一)網(wǎng)站系統(tǒng)分析本旅游網(wǎng)站是為以旅游信息發(fā)布、旅游資料共享、瀏覽

56、客戶為核心的網(wǎng)站，宗旨是能及時(shí)、準(zhǔn)確、完整發(fā)布游客需要的旅游信息。瀏覽用戶只在瀏覽器瀏覽網(wǎng)站信息的用戶，同時(shí)也對(duì)整個(gè)網(wǎng)站的用戶信息進(jìn)行需求分析，其主要功能是實(shí)現(xiàn)：(1)客戶可瀏覽旅游新聞信息(2)客戶可瀏覽旅游線路信息(3)客戶可瀏覽旅游酒店信息(4)客戶可瀏覽旅游圖片信息(5)客戶可瀏覽旅游景點(diǎn)信息(二)功能性需求分類總的來(lái)說(shuō)，我的網(wǎng)站分為五個(gè)網(wǎng)站欄目，分別為世界宣言在首頁(yè)，萱萱景點(diǎn),專線旅游路線，世外桃源。(1)宣行天下首頁(yè)首頁(yè)網(wǎng)頁(yè)名稱是cd-index,首頁(yè)是瀏覽者看到網(wǎng)站的第一個(gè)頁(yè)面。首頁(yè)可以說(shuō)是一個(gè)精華，他總體的概括了該旅游網(wǎng)站的大致內(nèi)容，突出了主題。(2)宣宣景點(diǎn)宣宣景點(diǎn)的網(wǎng)頁(yè)名稱

57、是cd-page01,它是一級(jí)頁(yè)面，當(dāng)進(jìn)入首頁(yè)之后在導(dǎo)航條上直接選擇即可將進(jìn)入到該頁(yè)面。宣宣景點(diǎn)這個(gè)頁(yè)面主要介紹了云南宣威各個(gè)地方的景點(diǎn)的旅游，其次就是對(duì)宣威市的歷史沿革河文化進(jìn)行介紹，讓旅游者更了解宣威以及來(lái)宣威旅游的意義。(3)私人專線私人專線網(wǎng)頁(yè)名稱是cd-page02,同樣是一級(jí)頁(yè)面。進(jìn)入首頁(yè)之后在導(dǎo)航條李國(guó)輝，湯大權(quán)，武德蜂.信息組織與檢索J.科學(xué)出版社.2013.(5):34-37.17四、需求分析上即可選擇該功能。私人準(zhǔn)線主要是對(duì)我們公司著重推廣的地方進(jìn)行私人訂制，給每個(gè)人在同一個(gè)地方不一樣的感受。(4)旅游路線旅游路線網(wǎng)頁(yè)名稱是cd-page03,同樣是一級(jí)頁(yè)面。進(jìn)入首頁(yè)之后在導(dǎo)航條上即可選擇該功能。旅游路線主要可以看看各個(gè)景點(diǎn)的圖片，并選擇你最想去的地方。(5)世外桃源其他資訊網(wǎng)頁(yè)名稱是cd-page04,同樣是一級(jí)頁(yè)面。進(jìn)入首頁(yè)之后在導(dǎo)航條上即可選擇該功能。世外桃源主要是介紹很多不是很大很出名的景點(diǎn)，但這些地方一定會(huì)讓你找到心靈的歸屬地。(6)二級(jí)頁(yè)面二級(jí)頁(yè)面主要是對(duì)以上四個(gè)頁(yè)面里的鏈接負(fù)責(zé)。(三)非功能性需求1 .用戶界面需求風(fēng)格是用戶界面的主要要求，首先確定在整個(gè)網(wǎng)頁(yè)標(biāo)題欄中帶著粉色色調(diào)，使站點(diǎn)有一個(gè)優(yōu)雅而舒適的氛圍，使人能夠?yàn)g覽很長(zhǎng)時(shí)間，也不會(huì)感到視覺疲勞。其次，要求導(dǎo)航清晰簡(jiǎn)潔。接著導(dǎo)航用了14