【文章內(nèi)容簡(jiǎn)介】 ，偏向自然美，寧?kù)o、生機(jī)勃勃、寬容，可與多種顏色搭配而達(dá)到和諧的效果。淺藍(lán)色具有淡雅、清新、浪漫和高貴的特性，它也是最具涼爽、清新特征的色彩。網(wǎng)站中采用淺藍(lán)色和綠色、白色的搭配使頁(yè)面看起來(lái)非常干凈清澈，能體現(xiàn)出柔順淡雅和浪漫的氣氛。使人可以長(zhǎng)時(shí)間駐留其間，也不會(huì)覺(jué)得疲勞。 2．排版云南旅游網(wǎng)站采用的是“T”字型排版形式，這是網(wǎng)頁(yè)設(shè)計(jì)中常用的一種布局方式。該網(wǎng)站最上面是網(wǎng)站的站標(biāo)以及橫幅廣告條，接下來(lái)就是網(wǎng)站的主要內(nèi)容，右面為幾個(gè)主要欄目，左面顯示該頁(yè)主要內(nèi)容。左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種版式的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明，信息量大。弱點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人看之無(wú)味。針對(duì)這個(gè)弱點(diǎn)，該網(wǎng)站在細(xì)節(jié)上做了一些處理，例如頁(yè)面欄目的造型設(shè)計(jì)別具一格，并在欄目中適當(dāng)?shù)靥砑恿藙?dòng)畫效果，使整個(gè)頁(yè)面顯得更加生動(dòng)、活潑。3．特效本網(wǎng)站中有兩種動(dòng)畫效果：一是采用ImageReady軟件制作了網(wǎng)站橫幅廣告條；二是采用JavaScritpt腳本制作的多張圖片交換效果。三、網(wǎng)站建設(shè)方案為了充分發(fā)揮旅游網(wǎng)站的作用，就需要對(duì)網(wǎng)站的內(nèi)容進(jìn)行系統(tǒng)的規(guī)劃。1．頁(yè)面風(fēng)格創(chuàng)意設(shè)計(jì)該網(wǎng)站頁(yè)面顏色初步擬定采用綠色和藍(lán)色為主色調(diào)，在此色調(diào)的基礎(chǔ)上對(duì)綠色系和藍(lán)色系中的不同顏色進(jìn)行有機(jī)搭配，同時(shí)還適當(dāng)?shù)剌o以紅橙色，使網(wǎng)站產(chǎn)生一種優(yōu)雅，舒適的氣氛。同時(shí)，該網(wǎng)站在欄目的造型設(shè)計(jì)上采用了別具一格的造型，該創(chuàng)意設(shè)計(jì)使網(wǎng)頁(yè)看上去更加生動(dòng)、活潑。2．網(wǎng)站欄目劃分根據(jù)我們對(duì)用戶的了解，特建立以下欄目?！褡哌M(jìn)云南 ●云南風(fēng)情●景點(diǎn)大全 ●旅游游記●旅游快訊 ●旅游須知●昆明一地 ●地理概況●云南美食 ●聯(lián)系我們●精品圖庫(kù) ●機(jī)票查詢●近期特價(jià)線路 ●各種旅游線路●旅游常識(shí) ●知名旅游企業(yè)●云南氣候 ●友情鏈接●特價(jià)機(jī)票推薦 ●出游工具3．網(wǎng)站欄目?jī)?nèi)容簡(jiǎn)介4．網(wǎng)站建設(shè)拓?fù)鋱D四、網(wǎng)站設(shè)計(jì)方案報(bào)價(jià)明細(xì)任務(wù)一 制作云南旅游網(wǎng)站效果圖步驟一 網(wǎng)站首頁(yè)效果圖的制作一、網(wǎng)站Logo和Banner的制作二、導(dǎo)航欄的制作三、近期特價(jià)線路欄目的制作四、各種旅游線路欄目的制作五、云南風(fēng)情欄目和知名旅游企業(yè)欄目的制作六、云南氣候欄目的制作七、版權(quán)部分的制作步驟二 網(wǎng)站子頁(yè)“景點(diǎn)大全”效果圖的制作一、景點(diǎn)大全欄目的制作步驟三 網(wǎng)站子頁(yè)“云南美食”效果圖的制作任務(wù)二 橫幅廣告動(dòng)畫制作步驟一 素材準(zhǔn)備一、利用Photoshop制作橫幅廣告的背景二、利用Photoshop進(jìn)行圖像處理三、利用Photoshop制作文字效果步驟二 動(dòng)畫制作一、利用ImageReady制作圖像動(dòng)畫二、利用ImageReady制作文字動(dòng)畫任務(wù)三 網(wǎng)站搭建過(guò)程步驟一 網(wǎng)站首頁(yè)的制作一、站點(diǎn)的建立和網(wǎng)站首頁(yè)的創(chuàng)建二、創(chuàng)建CSS樣式三、網(wǎng)站首頁(yè)Logo、 Banner和導(dǎo)航欄的制作四、網(wǎng)站首頁(yè)主體部分中右側(cè)欄目的制作五、網(wǎng)站首頁(yè)版權(quán)部分的制作六、網(wǎng)站首頁(yè)中各種鏈接的設(shè)置七、網(wǎng)站首頁(yè)中文本鏈接樣式的設(shè)置八、網(wǎng)站首頁(yè)對(duì)齊方式設(shè)置步驟二 網(wǎng)站子頁(yè)的制作本站的子頁(yè)在形式上套用了主頁(yè)的結(jié)構(gòu)，使之在風(fēng)格上與主頁(yè)完全統(tǒng)一。頁(yè)面特點(diǎn)：（1）通過(guò)表格的嵌套來(lái)進(jìn)行網(wǎng)頁(yè)元素的布局；（2）欄目及欄目背景圖片的制作。步驟三 鏈接主頁(yè)與子頁(yè)對(duì)主頁(yè)與各子頁(yè)之間進(jìn)行鏈接，并使鏈接暢通。征求客戶意見，修改完善對(duì)制作完成的云南旅游網(wǎng)站進(jìn)行調(diào)試發(fā)布，在廣泛征集客戶意見的基礎(chǔ)上，盡可能地按照客戶的要求進(jìn)行配套修改與更新，使得網(wǎng)站進(jìn)一步完善，達(dá)到制作網(wǎng)站的目的。項(xiàng)目實(shí)訓(xùn)在前面學(xué)習(xí)的項(xiàng)目基礎(chǔ)上，依據(jù)網(wǎng)站制作流程，請(qǐng)大家設(shè)計(jì)制作旅游休閑類網(wǎng)站。小結(jié)本項(xiàng)目主要介紹了旅游休閑類網(wǎng)站的前期準(zhǔn)備、中期制作和網(wǎng)站搭建等內(nèi)容。通過(guò)本項(xiàng)目的學(xué)習(xí)，要求學(xué)生能對(duì)旅游休閑類網(wǎng)站有一個(gè)整體的認(rèn)識(shí)，并且能很好地掌握網(wǎng)站設(shè)計(jì)制作的基本方法和工作過(guò)程，同時(shí)對(duì)網(wǎng)站的色彩搭配、網(wǎng)站的頁(yè)面排版和網(wǎng)頁(yè)特效有一個(gè)理性上的認(rèn)知。本章教學(xué)建議教學(xué)中多引導(dǎo)學(xué)生思考問(wèn)題，以問(wèn)題方式呈現(xiàn)，提供解決問(wèn)題的途徑，例如可以通過(guò)網(wǎng)絡(luò)查找，并不要把所有的東西都給學(xué)生，以問(wèn)題的方式來(lái)呈現(xiàn)各個(gè)環(huán)節(jié)，發(fā)揮學(xué)生的主動(dòng)性，使學(xué)生在任務(wù)的驅(qū)使中完成旅游休閑類網(wǎng)站的設(shè)計(jì)與制作。項(xiàng)目四 體育健身類網(wǎng)站的設(shè)計(jì)與制作本項(xiàng)目教學(xué)提要教學(xué)重點(diǎn)：體育健身類網(wǎng)站的客戶需求分析；體育健身類網(wǎng)站的網(wǎng)站風(fēng)格定位；體育健身類網(wǎng)站的網(wǎng)站建設(shè)方案；體育健身類網(wǎng)站的網(wǎng)站設(shè)計(jì)方案報(bào)價(jià)明細(xì)；制作利民健身網(wǎng)站效果圖；制作利民健身網(wǎng)站的橫幅廣告動(dòng)畫；利民健身網(wǎng)站的搭建。教學(xué)難點(diǎn)：客戶需求分析；網(wǎng)站風(fēng)格定位；設(shè)計(jì)網(wǎng)站的建設(shè)方案。本項(xiàng)目教學(xué)內(nèi)容體育健身類網(wǎng)站其特點(diǎn)是具有自由性、文化性、非功利性和主動(dòng)性等。對(duì)增進(jìn)健康、強(qiáng)健體魄，預(yù)防疾病與康復(fù)，提高文化素養(yǎng)與精神文明建設(shè)，豐富生活內(nèi)容與加強(qiáng)人際關(guān)系，以及促進(jìn)人的社會(huì)化與個(gè)性形成等都有重要意義和作用。本項(xiàng)目以體育健身類網(wǎng)站中的健身資訊服務(wù)網(wǎng)站為范例，系統(tǒng)介紹利民健身網(wǎng)站設(shè)計(jì)制作的基本方法和工作過(guò)程。一、客戶需求分析客戶的建站要求主要有以下幾個(gè)方面：（1）宣傳體育健身常識(shí)、體育健身項(xiàng)目等，增強(qiáng)全民健身意識(shí)，促進(jìn)健身市場(chǎng)的規(guī)范化、專業(yè)化，立足打造最為專業(yè)、時(shí)尚、項(xiàng)目最全的健身中心；（2）適時(shí)地發(fā)布最新健身課程、健身快訊等信息，為健身愛(ài)好者提供最佳服務(wù)；（3）開設(shè)健身問(wèn)答欄目，為體育健身愛(ài)好者提供一個(gè)專業(yè)性很強(qiáng)的信息交流的平臺(tái)；（4）網(wǎng)站上要設(shè)有論壇欄目，用戶可以對(duì)健身知識(shí)、健身方式等進(jìn)行評(píng)論，也可以說(shuō)說(shuō)自己健身后的感受，這對(duì)網(wǎng)站的改進(jìn)和更新很有幫助。二、網(wǎng)站風(fēng)格定位1．色彩：利民健身網(wǎng)站選定主色調(diào)為天藍(lán)色，因?yàn)樘焖{(lán)色是最具涼爽，清新，專業(yè)的色彩，很適合于體育健身類網(wǎng)站。頁(yè)面的整體色彩是通過(guò)調(diào)整主色調(diào)的飽和度和透明度，產(chǎn)生不同視覺(jué)效果的藍(lán)色，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。網(wǎng)站中除了采用天藍(lán)色系外，還和對(duì)比色橙色搭配，使該網(wǎng)站在專業(yè)的基礎(chǔ)上又多了幾分時(shí)尚。再恰當(dāng)?shù)嘏渖宵c(diǎn)蠟筆黃橙色，使該網(wǎng)站又增添幾分寧?kù)o、詳和。 2．排版利民健身網(wǎng)站采用的是“T”字型排版形式，即指頁(yè)面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母T,所以我們稱之為T形布局。這是網(wǎng)頁(yè)設(shè)計(jì)中常用的一種布局方式。該網(wǎng)站最上面是網(wǎng)站的站標(biāo)以及橫幅廣告條，接下來(lái)就是網(wǎng)站的主要內(nèi)容，左面為幾個(gè)主要欄目，右面顯示該頁(yè)主要內(nèi)容。左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種版式的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明，信息量大。弱點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人看之無(wú)味。針對(duì)這個(gè)弱點(diǎn)，該網(wǎng)站在細(xì)節(jié)上做了一些處理，例如在頁(yè)面中每個(gè)欄目的造型設(shè)計(jì)都各有千秋，顏色搭配也別具一格，使整個(gè)網(wǎng)頁(yè)顯得非常時(shí)尚，沒(méi)有一點(diǎn)呆板的痕跡。3．特效在本網(wǎng)站中有兩種動(dòng)畫效果：一是采用ImageReady軟件制作了網(wǎng)站橫幅廣告條；二是利用腳本制作滾動(dòng)字幕效果。三、網(wǎng)站建設(shè)方案為了充分發(fā)揮體育健身網(wǎng)站的作用，就需要對(duì)網(wǎng)站的內(nèi)容進(jìn)行系統(tǒng)的規(guī)劃。1．頁(yè)面風(fēng)格創(chuàng)意設(shè)計(jì)該網(wǎng)站頁(yè)面顏色初步擬定采用天藍(lán)色為主色調(diào)，在此色調(diào)的基礎(chǔ)上對(duì)天藍(lán)色系中的