淺議旅游公司網(wǎng)站的制作

1、淺議旅游公司網(wǎng)站的制作 1緒論 一個公司擁有自己的域名，建立自己的網(wǎng)站，可以很好的樹立公司在科技信息時代的完美形象。公司宣傳性網(wǎng)站主要圍繞企業(yè)、產(chǎn)品及服務(wù)信息進行網(wǎng)絡(luò)宣傳，通過網(wǎng)站樹立企業(yè)的網(wǎng)絡(luò)形象。公司可以根據(jù)自身需求，發(fā)布各種企業(yè)和業(yè)務(wù)信息（如公司信息、產(chǎn)品和服務(wù)信息、供求信息等）。隨著信息時代的到來，公司網(wǎng)站作為公司的名片越來越被重視，成為公司宣傳品牌、展示服務(wù)與產(chǎn)品乃至進行所有經(jīng)營活動的平臺和窗口。通過網(wǎng)站可以展示公司的形象，擴大社會影響，提高公司的知名度。通過網(wǎng)站，有利于了解顧客的意見，掌握顧客的需求，在不干擾顧客正常工作和生活的條件下，公司通過網(wǎng)站上的調(diào)查表、留言薄、定制服務(wù)以及E

2、-MAIL傾聽顧客的意見，了解顧客的心聲，加強公司與顧客間的聯(lián)系,建立良好的顧客關(guān)系。有利于改善服務(wù)，提高企業(yè)服務(wù)質(zhì)量。利用網(wǎng)站，企業(yè)開展的在線服務(wù),通過電子溝通方式是傳統(tǒng)的溝通方式（如郵件、電話、傳真等）所無法比擬的，在線服務(wù)能夠更加及時準(zhǔn)確地掌握用戶的需求，通過網(wǎng)站的交互式服務(wù)使得被動提供和主動獲得統(tǒng)一起來，從而實現(xiàn)顧客全方位的服務(wù)。互聯(lián)網(wǎng)的特點在于突破地域限制，一個網(wǎng)站能同時為您服務(wù)于世界各地的用戶；同時，網(wǎng)絡(luò)無休息，一年365天、一天24小時，您得網(wǎng)站永遠忠實地服務(wù)于您的所有客戶。因此，公司企業(yè)有必要在因特網(wǎng)上建立自己的網(wǎng)站。 2網(wǎng)站的開發(fā) 2.1網(wǎng)站的定位 確定網(wǎng)站的定位也就是網(wǎng)站的

3、主題，是創(chuàng)建網(wǎng)站的第一步，也是最重要的一步。很多人都知道網(wǎng)頁設(shè)計需要“美術(shù)”與“技術(shù)”兩方面的相互配合,一個較為普遍的原則是“美工先行”,即由美工先作設(shè)計,再由技術(shù)人員寫代碼從而實現(xiàn)動態(tài)的交互效果。有別于純粹從“形象思維”出發(fā)的美工設(shè)計,策劃具有一種“理念先行”的思維方式,他的職責(zé)在于準(zhǔn)確地了解和把握客戶的意圖,并綜合美學(xué)、人文、心理學(xué)等多方面因素進行理性思考,進而對網(wǎng)站的主題、規(guī)模、結(jié)構(gòu)、風(fēng)格提出要求,作出整體規(guī)劃定位。如果缺少策劃定位的全盤考慮和指導(dǎo),美工設(shè)計很可能陷于為形式而形式,為美觀而美觀,無法取得最合理的傳達效果。 2.2主題色的選擇 旅游公司的服務(wù)宗旨是“奉獻給客戶最佳品質(zhì)價格比

4、”。核心價值觀是“團結(jié)、協(xié)作、不斷進取”。通過比對和聯(lián)系,我發(fā)現(xiàn)藍色的含義與其公司文化正好吻合,很好地詮釋了他們對于專業(yè)服務(wù)和團隊合作的追求,于是在網(wǎng)站主題色選擇了藍色，不過由于旅游網(wǎng)站一般要體現(xiàn)大自然的美，所以我選擇了綠色做該旅游公司的VI標(biāo)志。同時,還采用了綠色作為輔助主調(diào)顏色，因為綠色也被看作是一種和諧的顏色，它象征著生命、平衡、和平和生命力。人們選擇旅游，會去感受大自然般的溫暖，會盡情的釋放、游玩。選擇綠色，讓客戶在進入網(wǎng)站的同時，也能讓其感覺自己身臨其境，從而達到其放松的目的，同時也排除了單純藍色所帶有的憂郁等其它感覺。 2.3素材的搜集 網(wǎng)站制作的前期工作還包括搜集素材,素材包括圖

5、文兩方面的內(nèi)容。網(wǎng)站的文字內(nèi)容一般是從委托方得到,如公司介紹等。圖片素材包括裝飾性圖片和插圖,它們的搜集工作通常是由美工在制作過程中“順手完成”的,本文卻認為,素材搜集的隨意性和分散性,和美工單純考慮畫面的傾向,容易導(dǎo)致圖片與網(wǎng)站主題聯(lián)系不強。不如在設(shè)計之初,由對網(wǎng)站主題有著深入了解的策劃,預(yù)先對圖片進行統(tǒng)一的準(zhǔn)備和采集,包括實地拍攝等。 2.4網(wǎng)站結(jié)構(gòu)的劃分 網(wǎng)站結(jié)構(gòu),是指組成網(wǎng)站的各個頁面及相互之間的鏈接關(guān)系,從簡單意義上可以理解為網(wǎng)站欄目的劃分。在策劃階段,要以網(wǎng)站的實際內(nèi)容和訪問者的瀏覽習(xí)慣為基礎(chǔ)劃分欄目,從而決定分頁面的數(shù)量和鏈接方式。還要從信息的易獲取度方面考慮,采取盡量簡化的原則

6、。 3美工設(shè)計 3.1頁面美術(shù)風(fēng)格 從策劃角度講,為了體現(xiàn)該公司幽雅、高效、新銳的精神氣質(zhì),需要一種簡潔、明快、清新的美術(shù)風(fēng)格,我在美工階段按此基調(diào)進行了頁面設(shè)計,調(diào)動各種視覺元素使其與此風(fēng)格相符,如:(1)壓縮頁面大小,邊緣留空。(2)增加頁面信息量。(3)字體、圖片尺寸小巧,以剛好能為觀者識別為準(zhǔn),使頁面就顯得緊湊與精巧。 3.2網(wǎng)站色彩方案 在美工階段我繼續(xù)完善了網(wǎng)站色彩方案,將主題色藍色用在了導(dǎo)航條上,選擇了淺灰色、白色作為輔助色,用作頁面中大面積的底色。灰色和白色在飽和度與明度上與主題色有著較大差異,能夠?qū)ζ淦鸷芎玫呐阋r作用,同時這兩種顏色都具有中性,冷靜的特質(zhì),與主題色的語境相通。

7、 3.3頁面的“圖窗” 由于頁面信息量相對比較大，因此我得合理的安排網(wǎng)頁的版面結(jié)構(gòu)，該網(wǎng)站是一個服務(wù)性的網(wǎng)站，包含的功能模塊較多，但是公司的聯(lián)系方式是最重要的，所以我把公司的聯(lián)系方式安排到首頁版面的右上角，在靠左部分選擇了一些風(fēng)景漂亮的圖片做成幻燈片效果，以給顧客一種視覺沖擊效果。在整個版面設(shè)計的過程中，應(yīng)該做到主次分明，條理清晰，層次分明。而且還應(yīng)加些FLASH動畫與GIF動畫來豐富整個版面的動態(tài)視覺效果。 3.4分頁面版式設(shè)計 其它幾個分頁面的版式設(shè)計,是以靜態(tài)為主，主要分為左右兩部分，左邊占260像素，右邊占660像素，左邊公共部分會隨著每個子模塊的不同而發(fā)生變化，如特價機票欄目，進入子

8、頁面之后，左邊公共部分就會顯示機票查詢、特價機票等。當(dāng)進入酒店預(yù)定欄目時，同樣左邊部分會顯示推薦酒店、特惠酒店、酒店須知等欄目。 4技術(shù)制作 4.1網(wǎng)站制作技術(shù)的選擇 網(wǎng)頁制作技術(shù)的選擇,在制作中期決定了美工用什么軟件去完成設(shè)計,及代碼編寫人員用何種方式去實現(xiàn)網(wǎng)頁的最終效果。目前采用較多的網(wǎng)頁制作技術(shù)主要有三種:(1)用Flash制作網(wǎng)站。Flash軟件創(chuàng)建圖形和動畫的功能強大,并可憑借Ac-tionScript代碼實現(xiàn)用戶交互,所創(chuàng)作的網(wǎng)頁有著最為豐富動畫效果,因此被一些追求新穎,張揚個性的站點用來進行整站制作,不過缺點是技術(shù)上相對復(fù)雜。(2)用HTML語言制作網(wǎng)站。網(wǎng)頁文檔依靠HTML語言

9、組織圖文信息,設(shè)計師可以通過編寫這種語言實現(xiàn)制作,也是國內(nèi)外大多數(shù)網(wǎng)站采用的技術(shù)。它的優(yōu)點是簡單易掌握,缺點是代碼冗余和非“語義化”,有被互聯(lián)網(wǎng)逐漸淘汰的趨勢。(3)用CSS+DIV制作網(wǎng)站。制定網(wǎng)絡(luò)標(biāo)準(zhǔn)的W3C組織在HTML語言之后,針對其弱點,又推出了改良語言XHTML,并與CSS樣式語言混合使用,語法規(guī)范,成為當(dāng)今網(wǎng)頁制作新的技術(shù)標(biāo)準(zhǔn)。缺點是需要手寫更多的代碼,對美工的形象思維方式提出了挑戰(zhàn)。本旅游公司網(wǎng)站采用第三種技術(shù)制作網(wǎng)站，從而可以提高搜索引擎對網(wǎng)頁的索引效率，提高頁面瀏覽速度。 4.2留言板的制作 “在線客服”頁面中,公司需要收集顧客的留言信息或旅游反饋信息。這一功能可以通過表單、論壇等形式實現(xiàn),而一種能夠即時發(fā)言和顯示的ASP在線留言板,對該網(wǎng)站則最為合適。ASP留言板除對網(wǎng)站服務(wù)器空間稍有要求外,其制作、發(fā)布和維護都很簡單。通過