項目三

旅游休閑類網(wǎng)站的設(shè)計與制作網(wǎng)站前臺設(shè)計項目實戰(zhàn)旅游休閑類網(wǎng)站綜合描述

隨著經(jīng)濟的發(fā)展和人們生活的富裕，旅游已成為人們休閑、娛樂的首選方式。網(wǎng)絡(luò)作為旅游信息平臺，為旅游業(yè)的發(fā)展提供了新的契機。旅游網(wǎng)站信息豐富、經(jīng)營方式合理，游客可在網(wǎng)站里收集文字、圖片、評論以及目的地的景點、食宿和交通等詳盡的信息，旅游網(wǎng)站可以最大限度地將各種旅游資源以最經(jīng)濟的方式結(jié)合在一起，因此使旅游資源的所有者和消費者都得到益處。旅游休閑類網(wǎng)站主要有以下5種。1．景點類網(wǎng)站景點類網(wǎng)站，主要針對某一景點進行宣傳，網(wǎng)站的風(fēng)格主要與景點的背景、文化、建筑風(fēng)格等相關(guān)。2．旅行社網(wǎng)站旅行社網(wǎng)站，主要對旅行社推出的線路、灑店等相關(guān)產(chǎn)品進行介紹與宣傳，以吸引更多的旅游者。3．戶外運動類網(wǎng)站該類型網(wǎng)站有很多類型比如徒步旅游、單車旅游、駕車旅游等。網(wǎng)站風(fēng)格自由，通常制作得都比較有個性、時尚。4．旅游服務(wù)類網(wǎng)站旅游服務(wù)類網(wǎng)站，為旅游者提供全方位的服務(wù)，此類網(wǎng)站的制作風(fēng)格比較具有商業(yè)網(wǎng)站的特點，同時也帶有旅游網(wǎng)站的活潑、輕快的特點。項目制作流程前期準備中期網(wǎng)站制作網(wǎng)站修改完善任務(wù)一“長白山旅游網(wǎng)”效果圖制作任務(wù)二橫幅廣告制作任務(wù)三網(wǎng)站搭建過程前期準備

一、客戶需求分析客戶需求，是指客戶創(chuàng)建本網(wǎng)站的目的和對網(wǎng)站建設(shè)提出的特定要求。了解客戶需求，是建好長白山旅游網(wǎng)站的前提。一般來講，旅游服務(wù)類網(wǎng)站借助互聯(lián)網(wǎng)，可以開展信息交流、網(wǎng)上預(yù)定等，從而可以大大提高旅游服務(wù)的水平和旅游業(yè)務(wù)的來源。客戶對其擬建的長白山旅游網(wǎng)站提出的主要要求有：1．宣傳長白山的錦秀景區(qū)、民俗風(fēng)情、土特產(chǎn)品等，提高吉林省旅游業(yè)在國內(nèi)外的知名度。2．適時地發(fā)布長白山精品旅游線路、灑店推薦等信息，為旅游者提供最佳服務(wù)。3．在網(wǎng)上發(fā)布招商項目，引進國內(nèi)外的商家來長白山投資，為吉林省的經(jīng)濟發(fā)展做出一份微薄之力。4．網(wǎng)站上要設(shè)有旅游論壇欄目或子頁，用戶可以對旅游線路等進行評論，也可以說說自己旅游的感受，這對網(wǎng)站的改進和更新很有幫助。前期準備

二、網(wǎng)站風(fēng)格定位

網(wǎng)站風(fēng)格是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標(biāo)志、色彩、字體、標(biāo)語）、版面布局、瀏覽方式、交互性、文字、內(nèi)容價值等等諸多元素，只有這些元素搭配得體，才能達到完美的網(wǎng)站風(fēng)格設(shè)計。下面就以旅游休閑類網(wǎng)站---長白山旅游網(wǎng)為例，從三個主要方面來談一談該網(wǎng)站的風(fēng)格定位。1．色彩無論是平面設(shè)計，還是網(wǎng)頁設(shè)計，色彩永遠是最重要的一環(huán)。網(wǎng)站的色彩是瀏覽者整體的視覺觀感，若一個網(wǎng)站色彩能有一致性，不僅會使網(wǎng)站看起來美觀，更能讓瀏覽者對內(nèi)容不易混淆，增加了瀏覽的簡潔與方便。而網(wǎng)站的色彩更能襯托出網(wǎng)站的主題，若色彩能與主題合理搭配，將會增加瀏覽者的易讀性。長白山旅游網(wǎng)站選定主色調(diào)為綠色，因為綠色介于冷暖兩種色彩的中間，顯得和睦，寧靜，健康，安全的感覺，很適合于旅游休閑類網(wǎng)站。頁面的整體色彩是通過調(diào)整主色調(diào)的飽和度和透明度，產(chǎn)生不同視覺效果的綠色，以及對這些不同的綠色進行漸變處理，這樣的頁面看起來色彩統(tǒng)一，有層次感。網(wǎng)站中除了采用綠色系外，還和黃色、白色搭配，使網(wǎng)站產(chǎn)生一種優(yōu)雅，舒適的氣氛。使人可以長時間駐留其間，也不會覺得疲勞。前期準備

二、網(wǎng)站風(fēng)格定位2．排版網(wǎng)頁可以說是網(wǎng)站構(gòu)成的基本元素。當(dāng)我們輕點鼠標(biāo)，在網(wǎng)海中遨游，一副副精彩的網(wǎng)頁會呈現(xiàn)在我們面前，那么，網(wǎng)頁的精彩與否的因素是什么呢？色彩的搭配、文字的變化、圖片的處理等，這些當(dāng)然是不可忽略的因素，除了這些，還有一個非常重要的因素——網(wǎng)頁的頁面排版。長白山旅游網(wǎng)站采用的是“國”字型（也可以稱為“同”字型）排版形式，即最上面是網(wǎng)站的站標(biāo)以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種版式的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，信息量大，但弱點是規(guī)矩呆板，針對這個弱點，該網(wǎng)站在細節(jié)上做了一些處理，例如在中間主要部分采用了柔美的曲線造型，使整個頁面顯得更加生動、活潑。3．特效網(wǎng)頁特效就是讓網(wǎng)頁看起來生動活潑的各種應(yīng)用，如：Flash、Javascript、Javaapplets、VBScript等等。在本網(wǎng)站中有兩種動畫效果：一是采用ImageReady軟件制作了網(wǎng)站橫幅廣告條；二是采用VBScritpt腳本制作的滾動字幕。前期準備三、網(wǎng)站建設(shè)方案旅游服務(wù)網(wǎng)站的建設(shè)中，前期準備工作是至關(guān)重要的，要有明確的做網(wǎng)站的根本目的。該旅游網(wǎng)站通過對長白山的錦秀景區(qū)、民俗風(fēng)情、土特產(chǎn)品等信息的宣傳，大大提高了吉林省旅游業(yè)的國內(nèi)外知名度。由于旅游也作為一個整體的商業(yè)生態(tài)鏈，涉及到旅行服務(wù)機構(gòu)、酒店、交通、旅游區(qū)招商項目等等，因此旅游服務(wù)網(wǎng)站可以將這些環(huán)節(jié)連成一個統(tǒng)一的整體，進而可以大大提高服務(wù)的水平和業(yè)務(wù)的來源，從而推動吉林省經(jīng)濟的進一步發(fā)展。為了充分發(fā)揮旅游服務(wù)網(wǎng)站的作用，就需要對網(wǎng)站的內(nèi)容進行系統(tǒng)地規(guī)劃。1．頁面風(fēng)格創(chuàng)意設(shè)計：該網(wǎng)站頁面顏色初步擬定采用綠色為主色調(diào)，在此色調(diào)的基礎(chǔ)上對綠色系中的不同顏色進行有機搭配，同時還適當(dāng)?shù)剌o以黃色。通過這些顏色的運用不但能很好地突出本網(wǎng)站要傳達的新鮮、熱情、和睦、幸福、寧靜、健康、安全等元素，而且也使網(wǎng)站產(chǎn)生一種優(yōu)雅，舒適的氣氛。為了使頁面排版不落俗套，該網(wǎng)站雖然采用了大眾化的“國”字型排版形式，但在版面的造型設(shè)計上采用了柔美的曲線造型，該創(chuàng)意設(shè)計使網(wǎng)頁看上去更加生動、活潑。2．網(wǎng)站欄目劃分：根據(jù)我們對用戶的了解，特建立以下欄目?！窬包c簡介●路線推薦●保護區(qū)建設(shè)●民俗風(fēng)情●土特產(chǎn)品●長白山之行●旅行社●旅游論壇●徒步長白山●尋夢長白山●自駕車游●旅游須知●休閑娛樂●旅游交通●旅游信息●旅游圖片前期準備三、網(wǎng)站建設(shè)方案

3．網(wǎng)站建設(shè)拓撲圖自駕車游網(wǎng)站首頁路線推薦保護區(qū)建設(shè)土特產(chǎn)品休閑娛樂民俗風(fēng)情旅游圖片旅游信息旅游須知長白山之行旅游交通旅游論壇山景點簡介土特產(chǎn)品精品線路景區(qū)介紹招商項目土特產(chǎn)品怎樣去長白山旅游線路招商項目前期準備四、網(wǎng)站設(shè)計方案報價明細：靜態(tài)頁面設(shè)計報價明細：工作項目項目要求頁數(shù)單價(元)合計(元)首頁1XXXXXX子頁部分采用動態(tài)網(wǎng)頁不限XXXXXXBanner設(shè)計類型為*.swf的flash動畫格式NXXXXXXLogo設(shè)計類型為*.jpg的圖片格式NXXXXXX總計XXX服務(wù)器空間、域名價格明細：項目名稱功能要求個數(shù)單價(元)合計(元)國際域名英文國際域名（*.com）1XXXXXX企業(yè)郵局300M獨立郵局空間，最多可分50個用戶。--XXXXXX合計XXX以上報價總計為：XXX前期準備五、網(wǎng)站效果圖中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖步驟一網(wǎng)站首頁效果圖的制作一、網(wǎng)站Logo和導(dǎo)航的制作

依據(jù)網(wǎng)站風(fēng)格定位及欄目設(shè)置要求，首頁效果圖圖像文件規(guī)格設(shè)置為，寬度780像素，高度1100像素，分辨率300像素/英寸，背景色為白色。中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖二、本站公告欄目、最新門票價格欄目和灑店推薦欄目的制作

中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖三、長白山焦點新聞欄目、長白山風(fēng)光欄目和招商欄目的制作

中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖四、精品線路推薦欄目、土特產(chǎn)品欄目和友情鏈接欄目的制作

中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖五、網(wǎng)站首頁底部的導(dǎo)航條和版權(quán)部分的制作

中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖步驟二網(wǎng)站子頁“景點簡介”效果圖的制作

依據(jù)網(wǎng)站風(fēng)格定位及欄目設(shè)置要求，子頁“景點簡介”效果圖圖像文件規(guī)格設(shè)置為，寬度780像素，高度1100像素，分辨率300像素/英寸。

網(wǎng)站子頁的制作方法與首頁類似，學(xué)習(xí)者自己去體驗制作，你一定會發(fā)現(xiàn)其實很容易的！中期網(wǎng)站制作——任務(wù)一“長白山旅游網(wǎng)”網(wǎng)站效果圖步驟三網(wǎng)站子頁“長白山之行”效果圖的制作 依據(jù)網(wǎng)站風(fēng)格定位及欄目設(shè)置要求，子頁“長白山之行”效果圖圖像文件規(guī)格設(shè)置為，寬度780像素，高度1100像素，分辨率300像素/英寸。 網(wǎng)站子頁的制作方法與首頁類似，學(xué)習(xí)者自己去體驗制作，你一定會發(fā)現(xiàn)其實很容易的！中期網(wǎng)站制作——任務(wù)二橫幅廣告制作

AdobeImageReady作為一個獨立的動畫編輯軟件，具備Photoshop中常用的圖像編輯功能，同時ImageReady更提供包含了大量網(wǎng)頁和動畫的設(shè)計制作工具，功能強大也非常實用。本網(wǎng)站的banner就是由Photoshop和ImageReady共同表現(xiàn)完成的。中期網(wǎng)站制作——任務(wù)三

網(wǎng)站搭建過程 通過和客戶的多次溝通后，確定下來了本網(wǎng)站的設(shè)計效果圖。利用Photoshop切片工具，將效果圖進行切片輸出。切出的圖片作為網(wǎng)站的圖片素材。步驟一網(wǎng)站首頁制作

一、logo和導(dǎo)航欄的制作中期網(wǎng)站制作——任務(wù)三

網(wǎng)站搭建過程 二、主體部分制作中期網(wǎng)站制作——任務(wù)三

網(wǎng)站搭建過程

三、制作其他網(wǎng)站導(dǎo)航和版權(quán)信息 通常在網(wǎng)頁的最下方設(shè)置網(wǎng)站的版權(quán)信息和聯(lián)系方式等內(nèi)容中期網(wǎng)站制作——任務(wù)三

網(wǎng)站搭建過程 步驟二網(wǎng)站子頁的制作 本站的子頁