基于互聯網的旅游網站

姚承志

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

關鍵詞：html ;css;JavaScript;bootstrap;旅游

一 前言

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

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

二 方法與設計

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

三 功能分析

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

（1）輪播功能：每經過幾秒鐘的時間，就自動切換景區的圖片，實現圖片的循環播放。

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

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

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

四 功能分析

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

（1）輪播功能：每經過幾秒鐘的時間，就自動切換景區的圖片，實現圖片的循環播放。

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

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

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

五 總結

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

參考文獻：

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

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