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

姚承志

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

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

一 前言

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

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

二 方法與設(shè)計

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

三 功能分析

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

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

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

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

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

四 功能分析

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

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

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

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

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

五 總結(jié)

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

參考文獻：

[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的國內(nèi)旅游業(yè)影響因素分析[J].現(xiàn)代營銷（信息版），2020（02）：110.

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