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

2.旅游服務(wù)信息綜合原則：既要有旅游景點(diǎn)、交通、食宿、娛樂(lè)等信息，還應(yīng)包括旅游常識(shí)、旅游安全、天氣、民俗民風(fēng)等信息服務(wù)。同時(shí)，還應(yīng)當(dāng)與其他旅游目的地、當(dāng)?shù)匚穆镁帧⒙糜畏?wù)提供商的網(wǎng)站搭建友情鏈接，方便游客查閱到更多、更全面的旅游信息。

3.網(wǎng)站的互動(dòng)性設(shè)計(jì)原則：以旅游者為中心設(shè)計(jì)旅游網(wǎng)站，例如：當(dāng)旅游者遇到問(wèn)題時(shí)，可以通過(guò)搜索的方式查詢(xún)是否有想要的答案；或者通過(guò)微信、QQ、微博等在線咨詢(xún)的方式與旅游網(wǎng)站的管理者取得聯(lián)系。通過(guò)這種交互式的溝通方式可以加強(qiáng)網(wǎng)站同旅游者之間的互動(dòng)。

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