旅游電子商務網站設計

項目三旅游電子商務網站建設任務三：旅游電子商務網站設計任務導入：旅游網站是旅游企業(yè)電子商務應用的重要組成部分，是旅游企業(yè)提供產品及服務的信息窗口，也是開展電子商務的基礎設施和信息活動平臺。旅游企業(yè)應該著力將其電子商務網站打造成企業(yè)對外宣傳和進行信息交流共享的網絡門戶，構建企業(yè)與企業(yè)、企業(yè)與用戶之間聯系的新渠道。任務執(zhí)行：以四人為一個小組，分別訪問去哪兒網（）、途家網（）、Agoda（安可達）（）、Booking（繽客）（）、亞朵（）、故宮博物院（）、長隆度假區(qū)（）、Tripadvisor（）、窮游網（）、Lonelyplanet（）的官方網站，對比分析哪些網站的設計更合理，更美觀，更人性化，體驗更好，并給出自己的評價意見。任務三：旅游電子商務網站設計任務導入：旅游網站是旅游企業(yè)電子商務應用的重要組成部分，是旅游企業(yè)提供產品及服務的信息窗口，也是開展電子商務的基礎設施和信息活動平臺。旅游企業(yè)應該著力將其電子商務網站打造成企業(yè)對外宣傳和進行信息交流共享的網絡門戶，構建企業(yè)與企業(yè)、企業(yè)與用戶之間聯系的新渠道。一、旅游電商網站設計的基本內容（一）旅游網站設計原則1.網站內容動靜結合原則：建設詳細的旅游產品信息數據庫是旅游網站的必要任務，應涵蓋旅游業(yè)食、住、行、游、購、娛六大要素。依據旅游目的地一年四季旅游產品的季節(jié)性變化及淡旺季的交替，有針對性地對網站發(fā)布的旅游產品信息進行調整，以保證提供最新、最實用的產品。

2.旅游服務信息綜合原則：既要有旅游景點、交通、食宿、娛樂等信息，還應包括旅游常識、旅游安全、天氣、民俗民風等信息服務。同時，還應當與其他旅游目的地、當地文旅局、旅游服務提供商的網站搭建友情鏈接，方便游客查閱到更多、更全面的旅游信息。

3.網站的互動性設計原則：以旅游者為中心設計旅游網站，例如：當旅游者遇到問題時，可以通過搜索的方式查詢是否有想要的答案；或者通過微信、QQ、微博等在線咨詢的方式與旅游網站的管理者取得聯系。通過這種交互式的溝通方式可以加強網站同旅游者之間的互動。

故宮網頁視頻一、旅游電商網站設計的基本內容（二）旅游網站設計元素網站的第一個頁面稱為主頁（Homepage），它是所有頁面的索引頁，通過單擊主頁上的鏈接可以打開其他頁面。網站主頁的基本元素包括站標（logo）、導航欄、文字、圖片、動畫、音視頻、音頻、超鏈接、表格、表單等。一、旅游電商網站設計的基本內容（二）旅游網站設計元素1.站標（logo）：站標（logo）是企業(yè)網站的標志，作用是增強企業(yè)網站的辨識度，網站的logo一般都是采用企業(yè)的logo。logo通常是帶有企業(yè)特色的圖案或相關字符改變而來，也有是采用圖文結合方式。一、旅游電商網站設計的基本內容（二）旅游網站設計元素2.導航欄：是網站內多個超鏈接組合，也是網站中所有重要內容的概括，可以讓用戶最短時間內了解網站的主要內容。一般情況下，導航欄放置在網頁中較為醒目的位置，通常在網頁的頂部或一側。導航欄既可以是文本鏈接，也可以是圖片鏈接。3.文字：文字是網頁中最重要的信息載體和交流工具，能準確地表達信息的內容和含義。通過設置文字的字體、字號、顏色、底紋和邊框等，可以將重要的內容凸顯出來。此外，還可以通過在網頁中設計各種各樣的文字列表，來清晰表達一系列項目。一、旅游電商網站設計的基本內容（二）旅游網站設計元素一、旅游電商網站設計的基本內容（二）旅游網站設計元素4.圖片：圖片在網頁中具有提供信息、展示作品、裝飾頁面、呈現網站風格和調性的作用。目前，在網頁設計中使用較為廣泛的圖片格式有GIF、JPEG和PNG等。Booking（繽客）民宿預訂頁面上圖片一、旅游電商網站設計的基本內容（二）旅游網站設計元素5.動畫：在網頁中使用動畫可以有效地吸引用戶注意力，許多網站的廣告都做成動畫的形式。常用的動畫格式有動態(tài)GIF圖片和Flash動畫，前者是用數張GIF圖片合成的簡單動畫效果，而后者采用矢量繪圖技術，生成可帶有聲音效果及交互功能的復雜動畫。6.音視頻：網頁中插入音視頻能使網頁更精彩生動。如宋城網站的大型歌舞《宋城千古情》，除文字和圖片描述之外，還有實景演出的宣傳片，以增強對游客的吸引力。（視頻：千古情）7.超鏈接：超鏈接是一種同其他頁面或站點進行鏈接的元素?！俺笔侵高@個目標可以是另一個頁面，也可以是相同頁面中不同位置，鏈接的形式可以是文字或圖片等。視頻一、旅游電商網站設計的基本內容（二）旅游網站設計元素（視頻：千古情）大型歌舞《宋城千古情》是杭州宋城景區(qū)的靈魂，用先進的聲、光、電科技手段和舞臺機械，以出其不意的呈現方式演繹了良渚古人的艱辛、宋皇宮的輝煌、岳家軍的慘烈、梁祝和白蛇許仙的千古絕唱表現的淋漓盡致，帶給觀眾視覺體驗和心靈震撼。哪種形式讓你印象深刻？視頻形式一、旅游電商網站設計的基本內容（二）旅游網站設計元素8.表格：使用表格可以控制網頁中信息的結構布局，精確定位網頁元素，使網頁元素更整齊美觀?？刂凭W頁中信息布局的方式有：第一，使用行和列的形式來布局文本、圖片及其他列表化的數據；第二，使用表格來精確控制各種網頁元素在網頁中的位置。（如左圖）9.表單：表單是提供交互功能的基本元素，例如用戶注冊、網上預訂、問卷調查、信息搜索查詢等。網站網頁中的表單通常用來接收用戶輸入的信息，然后將這些信息發(fā)送到目標端進行處理。二、旅游網站頁面布局與功能設計（一）旅游網站設計布局類型1.“同”字型網頁設計布局：從整體布局上看，該網頁的樣式像一個大的“同”字，如圖所示。特點是：頁面的頂部為主導航欄，頁面的左右兩側分別列出促銷酒店信息和酒店廣告推廣圖片等鏈接。2.“匡”字型網頁設計布局：“匡”字型網頁設計布局與“同”字型網頁設計布局有些類似，將“同”字型網頁設計布局中右側的內容刪除后得到的一種頁面布局形式。二、旅游網站頁面布局與功能設計（一）旅游網站設計布局類型3.“回”字型網頁設計布局：“回”字型網頁設計布局就是以“同”或“匡”字型為基礎，在其頁面的底部或右側添加一個內容版塊，使之形成封閉的區(qū)域，這樣設計的目的是為了充分利用有限的空間，最大限度地增加頁面中的信息量。4.“川”字型網頁設計布局：“川”字型網頁設計布局將整個頁面分成三列，主頁的內容分布在這三列中，如圖3所示。它的特點是整個頁面顯得比較簡潔、清新、有條理。二、旅游網站頁面布局與功能設計（一）旅游網站設計布局類型5.左右對稱型網頁設計布局：左右對稱型網頁設計布局采用等分屏幕的辦法，是一種較為簡單的網頁結構布局。這種結構布局較靈活、簡潔，多用于動態(tài)鏈接，一般用框架來構建。其不足之處是網頁中可展示的信息量不多，不適合于大型旅游網站。6.自由格式型網頁設計布局：自由格式型網頁設計布局風格較為隨意，完成后網頁如同一張精美的圖片或極具創(chuàng)意的廣告，多用于時尚類的旅游網站。它的特點是風格鮮明、獨具特色，但存在信息量不多、圖片加載速度慢的缺點。二、旅游網站頁面布局與功能設計（二）旅游網站首頁界面設計1.首頁的功能設計：網站首頁的功能設計是指規(guī)劃在首頁上要體現的內容和功能，如網站logo、主導航欄、二級菜單欄、搜索欄、廣告條、新聞、友情鏈接等。究竟選擇哪些功能模塊，提供哪些信息內容，需要根據旅游企業(yè)具體的業(yè)務來綜合考慮。2.首頁的版面設計：在首頁功能模塊確定后，開始設計首頁的版面內容。版面設計的主要方法是：先將網站首頁的構思圖通過紙質草圖的樣式畫出來，再繪制效果圖；然后選擇Frontpage、Weebly或Dreamweaver等網頁制作工具，按照草圖和效果圖來逐步完成網站首頁的設計。3.技術細節(jié)的處理：在技術細節(jié)的處理上，需要注意以下