基于互聯(lián)網(wǎng)的旅游網(wǎng)站

姚承志

摘要：在信息高速發(fā)展的這個(gè)時(shí)代，網(wǎng)絡(luò)作為現(xiàn)今最為方便快捷的媒介，也越來(lái)越被人們接受，并且融入我們的生活，我們的身邊越來(lái)越多的事物也都與網(wǎng)絡(luò)發(fā)生了關(guān)聯(lián)，這也推進(jìn)著信息時(shí)代的發(fā)展，比起之前枯燥的的網(wǎng)頁(yè)畫(huà)面，現(xiàn)在的html5是更加美觀和方便。所以這次的設(shè)計(jì)主要是通過(guò)html5的新技術(shù)進(jìn)行網(wǎng)站開(kāi)發(fā)，這次選擇的是開(kāi)發(fā)一個(gè)旅游網(wǎng)站的前端頁(yè)面，采用的技術(shù)包括了，html5、css、JavaScript、bootstrap等等技術(shù)。采用html5和css對(duì)網(wǎng)站的頁(yè)面建立，實(shí)現(xiàn)網(wǎng)站的基本骨架，采用JavaScript對(duì)網(wǎng)站制作一些動(dòng)畫(huà)特效和一些用戶操作。Bootstrap則是采用了目前比較流行的前端框架，可以讓網(wǎng)頁(yè)更加具有美感，提升用戶的視覺(jué)體驗(yàn)和良好的使用體驗(yàn)。整個(gè)網(wǎng)站的功能包括，首頁(yè)的輪播圖片的切換，可以通過(guò)首頁(yè)的導(dǎo)航欄目，來(lái)到達(dá)不同的旅游分類(lèi)。首頁(yè)的功能還有的就是熱門(mén)推薦，通過(guò)熱門(mén)推薦的內(nèi)容，可以直接看到一些熱門(mén)旅游地區(qū)。

關(guān)鍵詞：html ;css;JavaScript;bootstrap;旅游

一 前言

改革開(kāi)放以來(lái)，我國(guó)的旅游業(yè)有了非常迅速的發(fā)展，但是比較而言，我國(guó)國(guó)內(nèi)旅游業(yè)發(fā)展的廣度深度都遠(yuǎn)遠(yuǎn)不能適應(yīng)經(jīng)濟(jì)發(fā)展和人民生活水平提高的需要，隨著市場(chǎng)經(jīng)濟(jì)的發(fā)展和人民收入水平的進(jìn)一步提高，人民對(duì)旅游消費(fèi)的需求將進(jìn)一步上升，國(guó)內(nèi)旅游業(yè)在國(guó)民經(jīng)濟(jì)的地位和作用越來(lái)越重要。

目前，我國(guó)一些旅游部門(mén)在信息化方面做的工作和其投入較少。對(duì)自身的發(fā)展起了制約作用，可以通過(guò)建立旅游。網(wǎng)站來(lái)宣傳本土。本地的風(fēng)土人情對(duì)信息進(jìn)行網(wǎng)絡(luò)化管理。信息化管理，提高自身競(jìng)爭(zhēng)能力。所以我通過(guò)我在學(xué)校的學(xué)習(xí)和對(duì)。社會(huì)發(fā)展的一些了解，我決定。本次做的是一個(gè)關(guān)于旅游的一個(gè)網(wǎng)站。可以在網(wǎng)站上面展示旅游信息。幫助現(xiàn)在的人們了解旅游的需求。通過(guò)制作這個(gè)旅游網(wǎng)站。首先，對(duì)我在大學(xué)學(xué)習(xí)的知識(shí)是一個(gè)總結(jié)和一個(gè)和檢驗(yàn)。其次，讓我了解了一個(gè)完整的網(wǎng)站是如何開(kāi)發(fā)出來(lái)的，了解到了網(wǎng)站的開(kāi)發(fā)流程。提高了自身的專(zhuān)業(yè)技能同時(shí)也給家人學(xué)校和自己一個(gè)滿意的答卷。

二 方法與設(shè)計(jì)

關(guān)于本次旅游網(wǎng)站的設(shè)計(jì)方法，首先選擇旅游網(wǎng)站這個(gè)畢業(yè)項(xiàng)目是，根據(jù)自己的一些興趣愛(ài)好進(jìn)行選擇的，所以在這方面有一定的了解和知識(shí)，所以就選擇的這個(gè)旅游網(wǎng)站項(xiàng)目;關(guān)于技術(shù)方面的選擇，在這大學(xué)期間，關(guān)于網(wǎng)站建設(shè)方面的知識(shí)學(xué)過(guò)html、css、JavaScript等等，在這幾個(gè)方面還比較熟悉，對(duì)于一些前端框架jQuery和bootstrap這些也有一定的了解，這些技術(shù)也是符合一般企業(yè)公司的選擇的;這些也是被當(dāng)下90%以上的公司技術(shù)選擇的，html控制網(wǎng)頁(yè)的元素結(jié)構(gòu)，css控制元素結(jié)構(gòu)的形狀和一些動(dòng)畫(huà)效果，JavaScript則是對(duì)用戶和網(wǎng)站的一些交互起作用，通過(guò)這些的配合這可以組建成一個(gè)美觀可交互的網(wǎng)站。jQuery和bootstrap則是在html、css、JavaScript的基礎(chǔ)上，將這些操作進(jìn)行方便化，讓構(gòu)建網(wǎng)站變得更加容易，從而使開(kāi)發(fā)者更加注重在業(yè)務(wù)邏輯上，而不要太注重技術(shù)層面的東西，對(duì)于初學(xué)網(wǎng)站建設(shè)的同學(xué)十分的友好。

三 功能分析

根據(jù)旅游網(wǎng)站的一般特性，本旅游網(wǎng)站是對(duì)國(guó)內(nèi)游、國(guó)外游、海島游的部分景區(qū)進(jìn)行展示和介紹。因主要是展示功能，用戶通過(guò)訪問(wèn)網(wǎng)站，可以了解到旅游景區(qū)的一些信息。所以功能如下。

（1）輪播功能：每經(jīng)過(guò)幾秒鐘的時(shí)間，就自動(dòng)切換景區(qū)的圖片，實(shí)現(xiàn)圖片的循環(huán)播放。

（2）導(dǎo)航功能：通過(guò)導(dǎo)航欄的4個(gè)按鈕，可以在首頁(yè)于子頁(yè)面之間的來(lái)回切換。

（3）分類(lèi)的切換功能：通過(guò)tabs欄目，可以在同一個(gè)頁(yè)面來(lái)回切換不同的地區(qū)旅游景區(qū)。

（4）旅游地區(qū)的搜索，通過(guò)點(diǎn)擊圖片，會(huì)跳轉(zhuǎn)到百度百科搜索該地址的詳細(xì)信息。

四 功能分析

根據(jù)旅游網(wǎng)站的一般特性，本旅游網(wǎng)站是對(duì)國(guó)內(nèi)游、國(guó)外游、海島游的部分景區(qū)進(jìn)行展示和介紹。因主要是展示功能，用戶通過(guò)訪問(wèn)網(wǎng)站，可以了解到旅游景區(qū)的一些信息。所以功能如下。

（1）輪播功能：每經(jīng)過(guò)幾秒鐘的時(shí)間，就自動(dòng)切換景區(qū)的圖片，實(shí)現(xiàn)圖片的循環(huán)播放。

（2）導(dǎo)航功能：通過(guò)導(dǎo)航欄的4個(gè)按鈕，可以在首頁(yè)于子頁(yè)面之間的來(lái)回切換。

（3）分類(lèi)的切換功能：通過(guò)tabs欄目，可以在同一個(gè)頁(yè)面來(lái)回切換不同的地區(qū)旅游景區(qū)。

（4）旅游地區(qū)的搜索，通過(guò)點(diǎn)擊圖片，會(huì)跳轉(zhuǎn)到百度百科搜索該地址的詳細(xì)信息。

五 總結(jié)

功能需求方面最開(kāi)始的辦法是通過(guò)收集各大旅游網(wǎng)站的頁(yè)面效果進(jìn)行對(duì)比，找出旅游網(wǎng)站所共有的一些功能和頁(yè)面，然后將所有的需求功能羅列出來(lái)。這樣就將我們這次旅游網(wǎng)站的功能需求完成了;其次就是頁(yè)面的頁(yè)面效果，根據(jù)參考頁(yè)面，將網(wǎng)站的大體網(wǎng)頁(yè)結(jié)構(gòu)通過(guò)ps畫(huà)出來(lái)。對(duì)目標(biāo)區(qū)域進(jìn)行填充功能文字，然后進(jìn)行配色，配色方面采用單調(diào)色彩，體現(xiàn)旅游的網(wǎng)站的簡(jiǎn)約風(fēng)格;關(guān)于網(wǎng)頁(yè)的設(shè)計(jì)元素采用的是，文字+圖片的混合搭配，文字對(duì)旅游景區(qū)的歷史文化和地區(qū)介紹，圖片則是對(duì)旅游風(fēng)景區(qū)的風(fēng)景描寫(xiě);關(guān)于旅游地區(qū)的介紹，這里采用的是國(guó)內(nèi)游、國(guó)外游、海島游幾個(gè)大的板塊。隨著國(guó)內(nèi)的生活水平提高，對(duì)于旅游的去處，也是有了更多的選擇;技術(shù)方面的選擇就是采用前端的三劍客，html、css、JavaScript3個(gè)，還包括了jQuery，bootstrap比較流行的前端框架進(jìn)行輔助開(kāi)發(fā)。這樣也符合一般公司的開(kāi)發(fā)技術(shù)。對(duì)于本次的設(shè)計(jì)方案的評(píng)價(jià)，從實(shí)際問(wèn)題中出發(fā)，有理有據(jù)，考慮的事情邏輯也比較符合常理。

參考文獻(xiàn)：

[1]Cheng Zhang，Li Luo，Huchang Liao，Abbas Mardani，Dalia Streimikiene，Abdullah Al-Barakati. A priority-based intuitionistic multiplicative UTASTAR method and its application in low-carbon tourism destination selection[J]. Applied Soft Computing Journal，2020，88.

[2]劉雪敏.基于Stata的國(guó)內(nèi)旅游業(yè)影響因素分析[J].現(xiàn)代營(yíng)銷(xiāo)（信息版），2020（02）：110.

[3]江波，朱生亮，林濤，洪江.基于Logistic的喀斯特地區(qū)旅游市場(chǎng)預(yù)測(cè)研究[J].綠色科技，2019（24）：296-298+302.