【文章內(nèi)容簡(jiǎn)介】 使用 導(dǎo) 航 條 。使 瀏覽 者既可以方便快速地 達(dá) 到自己需要的 頁 面， 12 又可以清晰地知道自己的位置。 旅游 網(wǎng)站功能的確定 （ 1）旅游信息的匯集、傳播、檢索和導(dǎo)航功能。這些內(nèi)容一般都涉及到景點(diǎn)、飯店、交通旅游線路等方面的介紹：旅游常識(shí)，旅游注意事項(xiàng)，旅游新聞，貨幣兌換，旅游目的地，天氣，環(huán)境，人文等信息以及旅游觀感等 [13]。 （ 2） 旅游產(chǎn)品 (服務(wù) )的價(jià)格公示功能。網(wǎng)站提供旅游及其相關(guān)產(chǎn)品 (服務(wù) )的各種折扣、優(yōu)惠、價(jià)格公示等。 （ 3） 個(gè)性化的定制服務(wù)功能。查閱電子地圖到完全依靠網(wǎng)站的指導(dǎo)在陌生的環(huán)境中觀光，購物。這種以自定行程、自助價(jià)格為主要特征的網(wǎng)絡(luò)旅游在不久的將來會(huì)成為人們旅游的主導(dǎo)方式。能否提供個(gè)性化定制服務(wù) (特別是在線預(yù)訂服務(wù) )已成為旅游必備的功能。旅游者足不出戶，在家中就可通過旅游電子商務(wù)系統(tǒng)查詢到欲往城市的相關(guān)旅游信息，并根據(jù)自己的需要預(yù)訂酒店、旅游線路和往返機(jī)票，不僅方便快捷，而且價(jià)格優(yōu)惠 [14]。 （ 4）網(wǎng)上旅游線路預(yù)訂。網(wǎng)上旅游線路預(yù)訂服務(wù)為用戶觀光旅游提供了一個(gè)嶄新的參團(tuán)管 道。用戶可以通過信天游網(wǎng)站了解到各旅行社提供的全國各地乃至全世界的旅行線路，對(duì)各旅行杜的服務(wù)和報(bào)價(jià)進(jìn)行比較，并在網(wǎng)上填寫參團(tuán)申請(qǐng)。 （ 5）旅游信息查詢。網(wǎng)站為用戶提供了國內(nèi)外各個(gè)地區(qū)的介紹，涵蓋了吃、住、行、游、娛、購等各方面的內(nèi)容。大到地區(qū)概況、風(fēng)土人情，小到緊急電話號(hào)碼、使館聯(lián)系方法，為用戶出行提供了最大程度的便利。 旅游 網(wǎng)站風(fēng)格和創(chuàng)意的問題 將企業(yè)的標(biāo)志盡可能出現(xiàn)在每個(gè)頁面上，突出標(biāo)準(zhǔn)色彩，突出標(biāo)準(zhǔn)字體，使用明朗上口的宣傳標(biāo)語，創(chuàng)建一個(gè)站點(diǎn)的特有的符號(hào)或圖標(biāo)等。 平面構(gòu)成的要求：網(wǎng) 頁 是網(wǎng) 絡(luò) 上展 現(xiàn)給 用 戶訪問 的最基本 對(duì) 象，網(wǎng) 頁 的布局和 規(guī)劃 應(yīng)根 據(jù)企 業(yè) 的性 質(zhì) 不同、展 現(xiàn) 的 產(chǎn) 品和服 務(wù) 的 風(fēng) 格不同，可采用不同的布局方式，引起消 費(fèi) 者 視覺上 的 興奮，達(dá) 到展示企 業(yè) 整體形象的效果。 色彩構(gòu)成的要求：一 個(gè) 企 業(yè) 網(wǎng)站的 頁 面 應(yīng)當(dāng) 確定一 個(gè)主 色 調(diào) ，在保持主色 調(diào) 一致的前提下， 進(jìn) 行適 當(dāng) 的 變 化。 給 消 費(fèi) 者不同的 賞 心 悅 目的感 覺 ，在色 彩轉(zhuǎn) 化中，要強(qiáng)調(diào) 色彩的重 點(diǎn) 突出， 謹(jǐn)記 勿采用 過 多的色彩，造成 頁 面混 亂。 13 多媒體 數(shù) 據(jù)的支持：美妙的音 樂 、精彩的 動(dòng)畫 、漂亮的 圖 片，都 會(huì) 把消 費(fèi) 者 帶 入到一 個(gè) 美的境界， 隨著時(shí)間 的流逝、消 費(fèi) 者陶醉在 對(duì) 于企 業(yè) 信息的 藝 術(shù)欣賞 之中，這 是一種很高的境界。 用戶體驗(yàn) 相關(guān)設(shè)計(jì) 一個(gè)網(wǎng)站需要很好的用戶體驗(yàn)，那么它可能需要考慮以下幾個(gè)因素 1. 導(dǎo)航清晰，層次簡(jiǎn)單，主次分明 。 2. 縱度與深度的分割與策劃符合人機(jī)、內(nèi)容的呈現(xiàn) 。 3. 用戶閱讀方便 、親和力強(qiáng)、適用性廣泛 。 4. 內(nèi)容的真實(shí)性與有效性以及能夠解決用戶點(diǎn)這個(gè)鏈接所需要解決的問題與困惑 。 5. 互動(dòng)功能與客服電話（或者留言區(qū)、幫助指南） 。 6. 搜索智能化與人性化 。 旅游 網(wǎng)站的建設(shè)準(zhǔn)備 需要準(zhǔn) 備以下一些數(shù)據(jù)：網(wǎng)站的整體形象，網(wǎng)頁的風(fēng)格和內(nèi)容；企業(yè)的簡(jiǎn)介、產(chǎn)品的數(shù)據(jù)、圖片、價(jià)格等；企業(yè)提供增值服務(wù)的信息數(shù)據(jù)，如相關(guān)產(chǎn)品技術(shù)數(shù)據(jù)、市場(chǎng)行情信息等。 軟件支 持：網(wǎng)頁三劍客（ 分別是 Dreamweaver、 Flash、 Fireworks） ，制作的過程可能還會(huì)用到其它的一些輔助軟件，如 Photoshop、聲音影視處理軟件等。 旅游 網(wǎng)站的頁面設(shè)計(jì) 網(wǎng)站的組成一般分為主頁、信息／新聞頁面、產(chǎn)品／服務(wù)頁面、幫助頁面、訂購頁面等等。 不同類型頁面包括不同的內(nèi)容，各有相應(yīng)的設(shè)計(jì)開發(fā)方法，但仍然具有共同之處，主 要有五方面的原則：即網(wǎng)站頁面的設(shè)計(jì)和開發(fā)要與企業(yè) CIS 相一致；使用的模板和風(fēng)格確保網(wǎng)站整體形象的統(tǒng)一，并簡(jiǎn)化開發(fā)和以后的維護(hù)工作；盡量使用成熟的技術(shù)，并使用多種瀏覽器進(jìn)行檢驗(yàn)，確保使用不同的瀏覽器瀏覽時(shí)沒有太大反差；精簡(jiǎn)頁面，提高訪問速度；盡量為訪問者和在線購物者提供方便 [15]。 14 旅游 網(wǎng)站的測(cè)試與發(fā)布 網(wǎng)站測(cè)試的目的就是為了保證在網(wǎng)站發(fā)布之后所有的用戶都能正常地瀏覽網(wǎng)頁和使用所提供的服務(wù)。 網(wǎng)站的發(fā)布就是將設(shè)計(jì)好的網(wǎng)頁傳送到網(wǎng)上的服務(wù)器，供所有的因特網(wǎng)用戶通過因特網(wǎng)訪問這個(gè)網(wǎng)站，上傳網(wǎng)頁最常用的方式就是使用 FTP[16]。 在 發(fā) 布網(wǎng)站之前，要 進(jìn) 行網(wǎng)站 測(cè)試 。網(wǎng)站 測(cè)試 的目的就是 為 了保 證 在網(wǎng)站 發(fā) 布之后所有的用 戶 都能正常地 瀏覽 網(wǎng) 頁 和使用所提供的服 務(wù) 。網(wǎng)站 測(cè)試 的 內(nèi) 容包括功能 測(cè)試 、性能 測(cè)試 、可用性 測(cè)試 、客 戶 端兼容性 測(cè)試 和安全性 測(cè)試 。 測(cè)試 網(wǎng)站的一種方法是 檢 查 內(nèi) 部和外部的 鏈接來 確 認(rèn) 目 標(biāo) 文件是否存在，確 認(rèn) 所有文本和 圖 形都放在正確的位置，且所有的 鏈接 都能操作正確。也可以使用 瀏覽 器測(cè)試 網(wǎng)站。通 過瀏覽 器可以確 認(rèn) 網(wǎng)站 的文本、 聲 音和 圖 像是否正確，每 條鏈接 能否將訪問 者 帶 到正確的 頁 面 。 當(dāng) 網(wǎng)站 測(cè)試 基本通 過 之后，就可以 發(fā) 布網(wǎng)站。 15 第四章 旅游電子商務(wù)網(wǎng)站的構(gòu)建 旅途網(wǎng)簡(jiǎn)介 旅途網(wǎng)電子商務(wù)網(wǎng)站 所屬類別 旅途網(wǎng)電子商務(wù)網(wǎng)站屬于 B2C 電子商務(wù)網(wǎng)站，面向廣大散客在網(wǎng)上實(shí)現(xiàn)自選線路，以最低價(jià)格，提供可靠、優(yōu)質(zhì)的旅游服務(wù)。 Logo 與網(wǎng)站名稱 網(wǎng)站 Logo 運(yùn)用藍(lán)色和綠色。 Logo 以藍(lán)色勾畫一個(gè)地球的形象，而綠色的旋轉(zhuǎn)箭頭象征著環(huán)球的意思。 整個(gè) Logo 代表“任何人都可以 通過該網(wǎng)站環(huán)游世界”。 網(wǎng)站中文名稱是旅途網(wǎng)，而網(wǎng)站英文名稱是 Green tour。英文 Green 中文意思是“綠” ，在普通話讀音中“綠”與“旅” ；英文 tour 中文意思是“旅游” 。因此網(wǎng)站中文名稱與英文名稱相互對(duì)應(yīng)。 頁面構(gòu)造 主頁 主頁整體色調(diào)以藍(lán)色為主，橙色為輔。導(dǎo)航欄運(yùn)用 CSS 控制，實(shí)現(xiàn) 鼠標(biāo)經(jīng)過時(shí)替換圖片 。 在頁面的左上方放置了運(yùn)用 javascript 實(shí)現(xiàn)的廣告。根據(jù)人的視覺流程是從左到右，從上到下。因此放置在左面的廣告欄目將會(huì)實(shí)現(xiàn)它最大的廣告效果，吸引用戶的 眼球 。 熱門旅游景 點(diǎn)和熱門旅游城市欄目為用戶提供了快速導(dǎo)航，讓用戶以最簡(jiǎn)單的方式找到了自己的旅游線路。 16 根據(jù)旅游目的地繁多，在右上方放置了搜索欄目。用戶可根據(jù)提供的類型進(jìn)行單一搜索。 只要用戶輸入搜索關(guān)鍵詞，便會(huì)搜索出與數(shù)據(jù)庫相匹配的旅游線路信息。 在主頁上方有 3 個(gè)欄目運(yùn)用了 Div+Css 實(shí)現(xiàn)了選項(xiàng)卡功能。運(yùn)用 選項(xiàng)卡的形式，能在有限的頁面上顯示更多的信息給用戶。 旅游線路產(chǎn)品簡(jiǎn)介欄目運(yùn)用了選項(xiàng)卡形式，將旅游線路產(chǎn)品進(jìn)行分類，以清晰、簡(jiǎn)潔的頁面向用戶展示旅游線路。 旅游線路產(chǎn)品簡(jiǎn)介欄目 調(diào)用后臺(tái)數(shù)據(jù)庫，可以實(shí)現(xiàn)更新排名等功能。 在旅游 專題欄目，運(yùn)用了 javascript 實(shí)現(xiàn)了圖片循環(huán)滾動(dòng)效果 。這樣可以減少占用面積，加大了頁面的利用率。 在欄目之間運(yùn)用橫幅廣告，減少欄目之間轉(zhuǎn)換的突兀感，讓用戶感覺舒服、自然。 Flash 旅游線路不僅展示了旅游線路，而且還為頁面增加了不少動(dòng)感。 景點(diǎn)圖片欄目向 用戶展示了各個(gè)旅游勝地的精美圖片。精致的圖片，絢麗的色彩，為頁面添加不少亮點(diǎn)。 在主頁的底部，設(shè)置了快速幫助導(dǎo)航欄目，有助于用戶在不了解網(wǎng)站購物流程的情況下，可以迅速找到解決方法。 在主頁、旅游線路產(chǎn)品頁面、 旅游線路介紹頁面和幫助頁面左側(cè)，實(shí)現(xiàn)可浮動(dòng)可 隱藏的側(cè)邊欄。在側(cè)邊欄中顯示在線客服人員的在線時(shí)間，如果客戶在客服人員的工作時(shí)間內(nèi)點(diǎn)擊，可實(shí)現(xiàn)在線咨詢功能；如果客戶不在客服人員的工作時(shí)間內(nèi)點(diǎn)擊，可實(shí)現(xiàn)留言功能，客服人員會(huì)盡快與客戶聯(lián)系。 在主頁的底部，分別有 關(guān)于旅途 、 網(wǎng)站導(dǎo)航 、 客戶留言 、 天氣查詢 、 旅途網(wǎng)論壇 、 后臺(tái)管理 。客戶留言版是專門設(shè)置用于客戶對(duì)旅游線路提出相關(guān)問題的板塊。天氣查詢 頁面可提供全國 34 個(gè) 省級(jí)行政區(qū) ， 200 多個(gè)市以及國外少數(shù)旅游城市等天氣預(yù)報(bào)查詢功能。 旅途網(wǎng)論壇為瀏覽本網(wǎng)站的用戶提供一個(gè)交流的平臺(tái)，讓他們能暢所欲言。 后臺(tái)管理，提供了 web 可 視化的管理界面，讓網(wǎng)站管理員能輕松、方便的管理網(wǎng)站信息。 二級(jí)頁面 旅游線路 .php 頂部欄目（ 您當(dāng)前的位置 ）幫助用戶明確自身位置， 起到 快速 導(dǎo)航的作用。 搜索欄目幫助用戶快速尋找合適自己的旅游線路。分類提供關(guān)鍵字，方便用戶 17 省去打字時(shí)間，以最快的速度完成一次搜索。 旅游線路列表欄目 列出 推薦 旅游線路，點(diǎn)擊圖片、線路名稱、查看詳情均可查看線路細(xì)節(jié)；立即預(yù)定則跳轉(zhuǎn)到填寫預(yù)訂者信息頁面。 線路列表展示實(shí)現(xiàn)分頁功能，可以讓用戶明確知道當(dāng)前線路的總條數(shù)和當(dāng)前頁，可以點(diǎn)擊首頁、上一頁、下一頁、尾頁實(shí)現(xiàn)跳轉(zhuǎn)。 右邊 的熱門旅游線路幫助用戶快速導(dǎo)航，尋找目標(biāo)線路。 調(diào)用后臺(tái)數(shù)據(jù)，可實(shí)現(xiàn)按熱度排名旅游線路。 配色方面：橙色和綠色作為點(diǎn)綴顏色，相互映襯。 旅游 資訊 .php 該頁面作為咨詢導(dǎo)航頁面，為用戶提供 出行資訊 、 熱點(diǎn)新聞 、 旅游公告 、 景區(qū) 、旅行社 、 酒店 等相關(guān)資訊。 旅游地理 .php 該頁面也屬于資訊頁面，為用戶提供 旅游景點(diǎn) 、 旅游路書 、 旅游攻略 等相關(guān)資訊。頂部設(shè)置 Flash 圖文展示，頁面中部設(shè)置 Flash 廣告，為頁面增添不少動(dòng)感元素。 在 旅游路書 、 旅游攻略 欄目中，運(yùn)用 CSS 控制鼠標(biāo)經(jīng)過改變背景顏色，讓用戶明確欄目范圍，同時(shí) 也增添用戶的交互性。 實(shí)時(shí)地圖 .php 為了 方便用戶精確尋找到目的地開設(shè)的欄目。可以為用戶提供一個(gè)實(shí)時(shí)在線的電子地圖。 幫助中心 .php 幫助中文頁面主要為用戶在瀏覽過程中所遇到的問題，提供相關(guān)的解決方法。 各欄目分別設(shè)計(jì)人性化的小圖片，增加對(duì)用戶的吸引力，讓用戶更加方便的尋找相關(guān) 類別的解決方法。 在客服中心欄目，為客戶提供了客服 和客服 Email,方便客戶隨時(shí) 與 客服人員取得聯(lián)系。 18 其他頁面 注冊(cè)與登錄 .php 該頁面為用戶提供注冊(cè)和已注冊(cè)用戶實(shí)現(xiàn)快速登錄的功能。 熱門旅游城市 .php 該頁面為用戶提供旅游城市相關(guān)的搜索功能。在 Flash 中，可以選擇省份查看該省著名景點(diǎn)。 該 Flash 旅游景點(diǎn)導(dǎo)航運(yùn)用 Flash + Xml，如后期需修改也十分方便。省去了修改 Flash 源文件的煩惱。 旅游專題 .php 該頁面屬于專題欄目（ 北京草原周邊游 ），按照專題內(nèi)容重新設(shè)計(jì)頁面 （以綠色為主體色調(diào)） ，確保頁面設(shè)計(jì)與內(nèi)容相互統(tǒng)一。 目的地導(dǎo)航 .php 該頁面為用戶提供有關(guān)目的地的所有相關(guān)信息，包括 旅游概述 、 行政區(qū)