九寨溝旅游網(wǎng)頁設(shè)計論文

1、鎮(zhèn) 江 高 專zhenjiang college 畢 業(yè) 設(shè) 計 (論 文) 九寨溝旅游網(wǎng)頁設(shè)計jiuzhaigou tourism webpage designs系 名： 電子信息系 專業(yè)班級： 學(xué)生姓名： 學(xué) 號： 指導(dǎo)教師姓名： 指導(dǎo)教師職稱： 副教授 2013年 05月目 錄第一章 緒 論 11.1 網(wǎng)頁制作背景11.2 網(wǎng)頁制作的意義和目標1第二章 開發(fā)工具的選用及介紹 22.1 macromedia dreamweaver 8的簡介22.1.1 dreamweaver 8 簡介 22.1.2 dreamweaver 8 功能 22.2 flash 的簡單32.3 photoshop

2、 的簡介32.3.1 adobe photoshop 的簡介 32.3.2 adobe photoshop 功能特色 4第三章網(wǎng)頁分析與設(shè)計53.1 網(wǎng)頁整體風(fēng)格與結(jié)構(gòu)圖53.1.1 網(wǎng)頁整體風(fēng)格 53.1.2 結(jié)構(gòu)圖63.2 首頁的設(shè)計與實現(xiàn) 63.3 其它網(wǎng)頁頁的設(shè)計與實現(xiàn)93.3.1 風(fēng)景名勝與風(fēng)土人情93.3.2 特色美食 173.3.3 旅游須知與精品路線 243.3.4 聯(lián)系我們與在線留言 29結(jié)論 35致謝 36參考文獻 37九寨溝旅游網(wǎng)頁設(shè)計專業(yè)班級： 學(xué)生姓名： 指導(dǎo)教師： 職 稱：副教授摘要 隨著計算機技術(shù),網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展,internet的不斷普及，網(wǎng)絡(luò)在各個領(lǐng)域里發(fā)

3、揮了越來越重要的作用。特別是隨著近年人民生活水平的不斷提高，旅游成為了一個熱門話題。一些特色景點已經(jīng)在網(wǎng)上旅游方面取得了巨大的成就。本文是九寨溝旅游網(wǎng)，就網(wǎng)頁的設(shè)計與制作進行了研究,主要內(nèi)容如下： 對網(wǎng)頁的設(shè)計背景和整個風(fēng)格進行了概述。 使用dreamweaver + flash + photoshop等軟件進行介紹。 對自己設(shè)計的網(wǎng)頁從設(shè)計理念到制作進行詳細的分析。 就網(wǎng)頁的實際與制作提出自己的觀點及建議。關(guān)鍵詞：旅游； 網(wǎng)絡(luò)； 網(wǎng)頁；dreamweaver jiuzhaigou tourism webpage designabstract with the development of c

4、omputer technology, the rapid development of network technology, the rapid development of internet, network is playing an increasingly important role in various fields. especially in recent years with the improvement of peoples living standards, tourism has become a hot topic. some scenic spots have

5、 made great achievements in the aspects of network travel. this is the jiuzhaigou tourism network, researches the design and making of the webpage, the main contents are as follows: on the webpage design background and the overall style is outlined. to introduce the use of dreamweaver + flash + phot

6、oshop software. to design their own webpage from design concept to make more detailed analysis. on the webpage practical and put forward their views and suggestions.key words：traveling; network; webpage; dreamweaver引 言互聯(lián)網(wǎng)作為信息雙向交流和通訊的工具，已經(jīng)成為人們青睞的傳播媒介，被稱之為廣播、報紙、電視后的第五種媒體數(shù)字媒體。網(wǎng)絡(luò)可以為帶來景點不分地域、不分國別的大量游客，帶來

7、無限的商機。對于一個旅游景點來說,建立一個網(wǎng)站是非常有必要的。不僅可以給景點帶來了經(jīng)濟效益，也起到了推廣和宣傳的作用。第一章 緒 論1.1 網(wǎng)頁制作的背景旅游業(yè)，作為世界最大的產(chǎn)業(yè)之一，其發(fā)展情況常常被視為衡量一個國家經(jīng)濟發(fā)達程度的一個重要指標，正在高速的發(fā)展。相比傳統(tǒng)旅游企業(yè)，旅游網(wǎng)站比旅游企業(yè)更有優(yōu)勢，旅游網(wǎng)站信息更豐富、經(jīng)營方式更合理，游客可在網(wǎng)站里收集文字、圖片、游記、評論以及目的地的景點、食宿和交通等詳盡的信息，還可通過鏈接和搜索引擎帶你漫游相關(guān)網(wǎng)站。由于旅游網(wǎng)站可以打破地域的限制，可以最大限度地將各種旅游資源以最經(jīng)濟的方式結(jié)合在一起，同時無店鋪經(jīng)營也將有助于降低成本，使消費者得到益

8、處。對于聞名于世的九寨溝風(fēng)景區(qū)來說，慕名而來的游客沉醉于九寨溝如詩如畫的自然美景，體驗著傳承千年的當(dāng)?shù)匚幕虼巳绾巫層慰透玫牧私饩耪瘻暇皡^(qū)，以最短的時間體驗最多的九寨溝特色成為本課題的主旨。1.2 網(wǎng)頁制作的意義和目標本網(wǎng)站定位于一個自助休閑旅游為主，文化特色為輔的文化旅游網(wǎng)站。出游前，可以在網(wǎng)上查找目地的攻略和出游路線等相關(guān)景點信息；出游歸來，可以分享你的建議或意見。建立一個以景點介紹為主的旅游網(wǎng)站，突出景點特色，有美觀的界面設(shè)計。第二章 開發(fā)工具的選用及介紹2.1 macromedia dreamweaver 8的簡介2.1.1 macromedia dreamweaver 8的簡介m

9、acromedia dreamweaver 8 是一款專業(yè)的 html 編輯器，用于對web 站點、web 頁和 web 應(yīng)用程序進行設(shè)計、編碼和開發(fā)。無論是喜歡直接編寫 html 代碼的駕馭感還是偏愛在可視化編輯環(huán)境中工作，dreamweaver 都會為提供幫助良多的工具，豐富的 web 創(chuàng)作體驗。本指南將介紹如何使用 macromedia dreamweaver 8，其對象是對該軟件的主要特性尚不熟悉的用戶。2.1.2 dreamweaver 8 的功能利用 dreamweaver 中的可視化編輯功能，可以快速創(chuàng)建 web 頁面而無需編寫任何代碼。可以查看所有站點元素或資源并將它們從易于使

10、用的面板直接拖到文檔中?？梢栽?macromedia fireworks 或其它圖形應(yīng)用程序中創(chuàng)建和編輯圖像，然后將它們直接導(dǎo)入 dreamweaver，從而優(yōu)化開發(fā)工作流程。dreamweaver 還提供了其它工具，可以簡化向web 頁中添加 flash 資源的過程。除了可幫助生成 web 頁的拖放功能外，dreamweaver 還提供了功能全面的編碼環(huán)境，其中包括代碼編輯工具（例如代碼顏色、標簽完成、“編碼”工具欄和代碼折疊）；有關(guān)層疊樣式表 (css)、javascript、coldfusion標記語言 (cfml) 和其它語言的語言參考資料。macromedia 的可自由導(dǎo)入導(dǎo)出 ht

11、ml 技術(shù)可導(dǎo)入手工編碼的 html 文檔而不會重新設(shè)置代碼的格式，可以隨后用首選的格式設(shè)置樣式來重新設(shè)置代碼的格式。dreamweaver 還使可以使用服務(wù)器技術(shù)（如 cfml、asp.net、asp、jsp 和 php）生成動態(tài)的、數(shù)據(jù)庫驅(qū)動的 web 應(yīng)用程序。如果偏愛使用 xml 數(shù)據(jù)， dreamweaver 也提供了相關(guān)工具，可幫助輕松創(chuàng)建 xslt 頁、附加 xml 文件并在 web 頁中顯示 xml 數(shù)據(jù)。dreamweaver 可以完全自定義?？梢詣?chuàng)建自己的對象和命令，修改快捷鍵，甚至編寫 javascript 代碼，用新的行為、屬性檢查器和站點報告來擴展 dreamweav

12、er 的功能。2.2 flash的簡介flash是由macromedia公司推出的交互式矢量圖和 web 動畫的標準，由adobe公司收購。網(wǎng)頁設(shè)計者使用 flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。flash的前身是future wave公司的future splash，是世界上第一個商用的二維矢量動畫軟件，用于設(shè)計和編輯flash文檔，后又被adobe公司收購。flash廣泛用于創(chuàng)建吸引人的應(yīng)用程序，它們包含豐富的視頻、聲音、圖形和動畫。可以在flash中創(chuàng)建原始內(nèi)容或者從其它adobe應(yīng)用程序（如photoshop或illustrator）導(dǎo)入它們，快速設(shè)計簡單的動

13、畫，以及使用adobe acitonscript 3.0開發(fā)高級的交互式項目。設(shè)計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。flash可以包含簡單的動畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。flash player 是一款能夠播放小又快速的多媒體動畫，以及交互式的動畫、飛行標志和用macromedia flash做出的圖像。這個播放器非常小，只需花一點點時間下載，對于在體驗網(wǎng)頁上的多媒體效果是個很好的開始。flash也支持高品質(zhì)的mp3音頻流、文字輸入字段、交互式接口等等很多東西。這個最新版本可以觀看所有的flash格式。若你要觀看網(wǎng)頁上的

14、多媒體內(nèi)容，flash player幾乎是網(wǎng)絡(luò)上的標準。為此播放器所制作的動畫或圖像十分常見。2.3 photoshop的簡介2.3.1 adobe photoshop的簡介adobe photoshop，簡稱“ps”，是一個由adobe systems開發(fā)和發(fā)行的圖像處理軟件。photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以更有效的進行圖片編輯工作。2003年，adobe將 adobe photoshop 8更名為adobe photoshop cs。因此，最新版本adobe photoshop cs6是adobe photoshop中的第13個主要版本。a

15、dobe photoshop，簡稱“ps”，是一個由adobe systems開發(fā)和發(fā)行的圖像處理軟件,是adobe公司旗下最為出名的圖像處理軟件之一。多數(shù)人對于photoshop的了解僅限于“一個很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實際上，photoshop的應(yīng)用領(lǐng)域很廣泛，在圖像、圖形、文字、視頻、出版等各方面都有涉及。 2.3.2 adobe photoshop功能特色從功能上看，該軟件可分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分等。 圖像編輯是圖像處理的基礎(chǔ)，可以對圖像做各種變換如放大、縮小、旋轉(zhuǎn)、傾斜、鏡像、透視等。也可進行復(fù)制、去除斑點、修補、修飾圖像的殘損等。這在

16、婚紗攝影、人像處理制作中有非常大的用場，去除人像上不滿意的部分，進行美化加工，得到讓人非常滿意的效果。 圖像合成則是將幾幅圖像通過圖層操作、工具應(yīng)用合成完整的、傳達明確意義的圖像，這是美術(shù)設(shè)計的必經(jīng)之路；該軟件提供的繪圖工具讓外來圖像與創(chuàng)意很好地融合，成為可能使圖像的合成天衣無縫。 校色調(diào)色是該軟件中深具威力的功能之一，可方便快捷地對圖像的顏色進行明暗、色偏的調(diào)整和校正，也可在不同顏色進行切換以滿足圖像在不同領(lǐng)域如網(wǎng)頁設(shè)計、印刷、多媒體等方面應(yīng)用。 特效制作在該軟件中主要由濾鏡、通道及工具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由該軟

17、件特效完成。而各種特效字的制作更是很多美術(shù)設(shè)計師熱衷于該軟件的研究的原因。 第三章網(wǎng)頁分析與設(shè)計3.1 功能分析及結(jié)構(gòu)圖3.1.1 網(wǎng)頁整體風(fēng)格九寨溝旅游網(wǎng)整體設(shè)計風(fēng)格明快、簡潔。包含了風(fēng)景名勝、風(fēng)土人情、特色美食、旅游須知、精品路線、聯(lián)系我們以及在線留言頁面。主頁面是一個網(wǎng)站的門面，要特別注重設(shè)計和規(guī)劃。它是用戶首先見到的頁面，它的好壞直接影響到網(wǎng)站的訪問率。為此，作者從以下幾個方面對主界面 進行了設(shè)計。在色彩搭配上，網(wǎng)站主題是休閑類旅游網(wǎng)站，以一種清閑淡雅的色彩為基調(diào)，配以相關(guān)的其他色彩，給用戶一種美而不艷的美感。在字體選用上，大小適當(dāng)，盡量使用常用字體，適當(dāng)?shù)呐溆盟囆g(shù)字。在網(wǎng)頁制作上，采

18、用在框架中嵌入子頁，將大表化小，圖片壓縮，盡量減少頁面響應(yīng)時間。在內(nèi)容上，主界面內(nèi)容充實而不繁雜，既體現(xiàn)本站特色，又能滿足用戶需要。3.1.2 結(jié)構(gòu)圖五彩池首頁精品路線旅游須知風(fēng)土人情風(fēng)景名勝聯(lián)系我們在線留言五花海珍珠灘蘆葦海盆景灘五 絕鏡 海圖3.1 網(wǎng)頁結(jié)構(gòu)圖3.2 首頁設(shè)計與實現(xiàn)首頁包含了風(fēng)景名勝、風(fēng)土人情、特色美食、旅游須知、精品路線、聯(lián)系我們以及在線留言頁鏈接。主頁能夠讓人一目了然的知道各個鏈接頁面，鏈接頁面以文字及圖片的形式從不同方面展示網(wǎng)頁特色。在首頁中，標題以九寨溝特色風(fēng)景有背景,突出九寨溝的自然風(fēng)景,為九寨溝做宣傳打廣告。首頁中以文字的形式顯示出最近的路線、最新活動以及門票價

19、格等內(nèi)容，還以圖文結(jié)合的形式介紹九寨溝及特色景點,并通過鏈接方式鏈接到特色美食和風(fēng)土人情,使程序執(zhí)行的時間達到最短，并且呈現(xiàn)出最大的信息量。讓瀏覽者一打開網(wǎng)站就能以最快的速度瀏覽到九寨溝的最新信息和特色景點，方便瀏覽者了解九寨溝。首頁效果圖如圖3.2所示：圖3.2 首頁首頁部分代碼如下:css樣式層插入表單及圖片并做錨點鏈接 表格、圖片插入及相關(guān)設(shè)置 3.3 其它網(wǎng)頁設(shè)計與實現(xiàn)3.3.1 風(fēng)景名勝與風(fēng)土人情風(fēng)景名勝是九寨溝信息呈現(xiàn)的一個載體。在這里，旅游可以很方便的瀏覽到九寨溝的各個著名景點。網(wǎng)頁中插入flash動畫，可循環(huán)播放九寨溝特色景觀，并通過鏈接的方式鏈接到鏡海、彩林、疊瀑、雪峰、盆景

20、灘、蘆葦海、珍珠海等景點的介紹。風(fēng)景名用效果圖如圖3.3所示：圖3.3 風(fēng)景名勝主要代碼：標題圖片的插入及錨點鏈接 水平線的插入flash圖片的插入 超級鏈接有著“魚在天上游，鳥在水中飛"的鏡海九寨溝五絕之首的彩林五絕之一的疊瀑水的精靈翠海雪峰：英勇的武士千姿百態(tài)的盆景灘九寨溝蘆葦海九寨溝內(nèi)最大的海子-長海珍珠灘： 西游記片頭景的拍攝點九寨溝的驕傲-五花五花海-神鹿的化身小巧玲瓏、明艷奪目的五彩池諾日朗瀑布：九寨溝最寬闊的一道飛瀑文字錨點的建立彩林疊瀑翠海雪峰鏈接文字錨點九寨溝五絕之首的彩林 五絕之一的疊瀑水的精靈翠海雪峰：英勇的武士鼠標經(jīng)過圖像變換 風(fēng)地人情頁，主要功能就是介紹九寨

21、溝的人文風(fēng)情，特色民俗文化，以文字的方式更方便、直觀的展示給瀏覽者看。在這里，首先為大家介紹的是扎如廟會（麻孜會），藏族藝術(shù)。藏族藝術(shù)包括：歌舞、勸酒、山歌、竹笛、竹口弦、鍋莊以及藏戲。網(wǎng)頁通過圖片滾動瀏覽的方式播放當(dāng)?shù)氐挠嘘P(guān)活動的照片。風(fēng)土人情效果圖如圖3.4所示：圖3.4 風(fēng)土人情主要代碼：插入表格及文本信息 風(fēng)土人情 九寨溝藏族信仰   當(dāng)?shù)厝嗣裥叛霰窘?，這是一種遠比藏傳佛教更古老的教派，直到今天，在整個阿壩藏族羌族自治州，仍然有約60座本教寺廟。 在九寨溝，也能感受到強烈的宗教氛圍：湍急的灘流里，一座座轉(zhuǎn)經(jīng)輪在水流沖擊下，緩緩轉(zhuǎn)動著，那是藏民族永恒的信念會在經(jīng)幡下磨

22、刀霍霍，立下誓言。現(xiàn)在，這些宗教標志，已經(jīng)成了藏民族特色的象征，給游客留下深刻印象。 扎如廟會 (麻孜會) 扎如寺：從寶鏡巖至納得寨，有一座歷史悠久的佛教寺廟每年正月十五日的扎如廟會（又叫“麻孜會”）更是熱鬧，來的人很多，喇嘛念經(jīng)，青年人談情說愛。藏族藝術(shù) 歌舞:中國的藏族是一個能歌善舞的民族，中國的藏鄉(xiāng)是歌舞的故鄉(xiāng)可以毫不夸張地說，每一位藏族人的人生旅途都有歌聲來陪伴，都有舞蹈來相隨。 勸酒:到九寨溝作客的人們常會遇到勸酒。如果客人過于客氣，不喝 或者是少喝，主人就會端起酒杯，唱起勸酒歌來。 山歌:山歌音調(diào)高昂、優(yōu)雅、豪放，具有高原博大男人和女人對，曲調(diào)各異，豐富多彩。竹笛:是男性青年隨身攜帶的樂器。由箭竹制成可以聽到這種具有濃郁藏族特色的笛聲。 竹口弦:是婦女常用和隨身攜帶的一種竹樂器是樂器又是裝飾品。 鍋莊:九寨溝最流行的舞蹈是鍋莊。據(jù)藏文歷史記載女性脫掉右臂，拋袖于身后，飄逸灑脫，他們圍著圓圈灑手、踏步、踢腳，有時直跳到通宵達旦。 藏戲:藏戲也是藏族文化中的另一種廣場歌舞形式有鐵出鐵，共同修建了鐵索橋。鐵索橋一座一座建起來，藏戲也因此在一個個地方傳唱開了。 滾動圖片的