崑山科技大學

會計資訊系

學生專題製作報告

餐飲業行銷網站之建置

-西拉雅風味養生館

Establishing Marketing Website for the Restaurant

Industry –Siraya Flavor Health house

指導老師: 黃秀敏老師

專題組員: 丁瑋墉 學號：4990R051

蘇上晉 4990R090

陳豪勝 4990R105

呂義崧 4990R033

林佳慧 4990R039

李佳芳 4990R055

邱妤庭 4990R071

李孟庭 4990R038

中華民國 102年 12月

2

I

餐飲業行銷網站之建置

-西拉雅風味養生館

蘇上晉 丁瑋墉 陳豪勝 呂義崧

李佳芳 李孟庭 林佳慧 邱妤庭

崑山科技大學會計資訊系

摘要

本專題是採用於文獻 SWOT 分析法與五力分析法了解烏山頭水庫和西拉雅風

味養生館所佔有優勢及劣勢，並且幫烏山頭水庫內的西拉雅風味養生館製作網頁，

由於西拉雅風味養生館主要的客戶群大多為觀光散客以及乘坐遊覽車的觀光客群，

因此希望藉由網頁製作，以便使得遊客在出發前就可以先對西拉雅風味養生館以

及烏山頭水庫內的景點有著基本的了解。

以 SWOT 分析法發現，烏山頭風景區和西拉雅風味館因緊鄰著南二高的六甲

交流道以及台一線，路程簡單而且相當的便利，綜合以上特產、交通以及人文歷

史背景，使得西拉雅風味養生館，相較於同性質的店家有著天然的優勢存在，而

劣勢在於江南度假村的交通雖然比較沒有如烏山頭水庫的方便，但是江南搭配著

多主題的造景以及強力的廣告宣傳，使得兩地的客源幾乎不分軒輊。

專題是利用 Dreamweaver 8 軟體建立網站，透過 Photoshop處理相關的影像

照片，專題組員先實地探訪深入了解後，再從店家本身做 SWOT分析，以利能製作

出更貼近實地景觀的網站，使得遊客除了對於西拉雅風味養生館餐點有認識，更

能對烏山頭水庫內的景點和由來，有更深一步的了解。

關鍵詞：烏山頭水庫 西拉雅風味養生館網站架設

II

誌謝

本次專題是由各位組員們同心協力共付出與努力，才能完成本次的專題，我

們常常利用課餘或假日時間來討論專題，因為大家各自有工作與課業要忙，所以

討論時間需要各位共同齊心協力完成，在製作專題過程中，我們遇到了要用什麼

樣的軟體設計網頁，圖片要怎麼編排才會流暢，但因為我們互相幫忙，一起討論，

一起蒐集資料，大家都展現出團結合作了向心力來完成這份專題。

要完成一份專題報告，除了組員的團結合作配合下，最要感謝的就是我們專

題指導老師-黃秀敏老師，感謝她在我們專題製作的期間，百忙之餘撥空教導我們，

並在我們遇到困難的時候，不斷地給予我們寶貴的意見，讓我們在專題製作中能

突破許多困難，所以我們才可以完成此次專題。

李孟庭:這一次的專題，我們是為西拉雅風味養生館建置形象網站當成了主題，

從剛開始對同學們的不了解，慢慢的轉變成為熟悉，是一個很棒的開始，我們會

一起挪出時間來研究專題該如何做的精彩，大家也會相聚在某個地方一起討論網

頁，有時也會約在圖書館的討論室，一起研究不好的地方該如何的去修正，如果

遇到了困難，向我們的指導老師秀敏老師，詢問請求支援，在此真的很感謝秀敏

老師的協力及照顧，讓我們的網站建置專題可以有所亮點，讓我們的網站做的可

以更好，呈現更專業的一面，從選擇網站建置這個專題開始，學到了不只是網頁

該如何的讓它呈現更完美，還有人與人之間的尊重，有時意見不符，是很容易有

所爭議，該如何尊重每一個人的發言權，是我們都一直在從中學習的，還有溝通，

討論時需要溝通，當別人發表想法建議時，我們需要懂得聆聽，讓我們在這次的

專題中學到了許多的小技巧，最後也非常的感謝我們的指導老師秀敏老師，謝謝

妳不嫌麻煩的給予我們最大的幫助以及支援，我們八位同學深感謝意，感謝您。

李佳芳:經歷了兩學期的專題活動，八個成員一起討論與製作。原本跟不熟的

成員們藉由著專題的活動越來越熟悉，討論的過程中從不好意思提出意見到敢提

出意見，我覺得這是個很好的轉變。我認為專題製作就該如此，多多的把自己的

意見提出來才能做出更好的作品出來。而且專題討論時，大家的意見都提出來了，

但卻有不同的看法，此時就需要有成員扮演著中間人的角色，或者是需要其他成

員尋求老師的協助，請老師告訴我們哪一個想法較好或是哪個方法較可行。看到

大家都這麼認真的為專題這麼努力且認真真的很開心，因為付出必定有所收穫。

III

或許不是最好的，但絕絕對對都是我們整組的心血歷程。我們的專題主題是「行

銷網站建置」，我們將西拉雅風味養生館從實體店面新增製作了一個網頁，這時我

才了解到，原來網頁是這樣子架構出來的，男組員對製作網頁比較強，所以在這

裡真的覺得他們很棒很厲害，讓我們的網頁更加豐富美麗。希望我們的專題作品

能夠越來越完美。在這裡真的要好好感謝我們的指導老師「黃秀敏老師」，沒有他

的教導與指點，我們今日的專題主題「行銷網站建置」不會這麼順利的進行中。

也謝謝每位團員都很認真很努力的在做事情。

邱妤庭:很開心專題進行的很順利。感謝秀敏老師的指導和業界老師的指導，

讓我們的專題有豐富的內容和完整的呈現。讓我學到如何與同學合作，若有不同

的意見要如何溝通，在開會的時間上要如何安排，要安排大家都 ok的時間有點難。

經由討論製作專題，大家的感情更融洽，這是一次很好的經驗。

最後，我們致上最誠摯的謝意，謝謝指導老師與辛苦的組員們，也謝謝曾經

幫助我們完成專題的各位，謝謝你們。

IV

目錄

摘要 ................................................................ I

誌謝 ............................................................... II

目錄 ............................................................... II

圖目錄 ............................................................ III

一、緒論 ............................................................ 1

1.1 前言 .......................................................... 1

1.2 研究背景與動機 ................................................ 1

1.3 目的 .......................................................... 1

1.4 店鋪簡介 ...................................................... 2

1.5 本專題製作流程圖 .............................................. 3

二、餐廳背景介紹 .................................................... 4

2.1西拉雅風味養生館 ............................................... 4

2.1.1養生館簡介 ................................................. 4

2.1.2養生館位置 ................................................. 4

2.2烏山頭水庫 ..................................................... 4

2.2.1水庫由來 ................................................... 4

2.2.2水庫設施與景點 ............................................. 5

2.3SWOT分析 ....................................................... 6

2.3.1內部因素(組織) ............................................. 6

2.3.1.1優勢 ................................................... 6

2.3.1.2 劣勢 ................................................. 6

2.3.2 外部因素(環境) ........................................... 7

2.3.2.1 機會 ................................................. 7

2.3.2.2 威脅 ................................................. 7

三、網頁製作流程 .................................................... 8

3.1DREAMWEAVER ...................................................... 8

3.1.1 首頁 ..................................................... 8

3.1.2 關於養生館 ............................................... 9

3.1.3 特色風味 ................................................ 10

3.1.4 景點介紹 ................................................ 11

3.1.5 交通資訊 ................................................ 20

3.1.6 聯絡我們 ................................................ 21

V

3.2 PHOTOSHOP ..................................................... 22

3.2.1 Photoshop簡介 ........................................... 22

3.2.2影像製作及裁切 ............................................ 23

3.2.3合成製作 .................................................. 25

四、成果展示 ....................................................... 27

4.1 首頁 ......................................................... 27

4.2關於 .......................................................... 28

4.3特色風味 ...................................................... 29

4.4 景點介紹 ..................................................... 30

4.5 交通資訊 ..................................................... 31

4.6聯絡我們 ...................................................... 32

五、結論 ........................................................... 33

參考文獻 ........................................................... 34

VI

圖目錄

圖 1-1 西拉雅風味養生館 ............................................. 2

圖 3-1 首頁 ......................................................... 8

圖 3-2 關於風味養生館 ............................................... 9

圖 3-3 特色風味 .................................................... 10

圖 3-4 景點介紹 ................................... 錯誤! 尚未定義書籤。

圖 3-5 景點介紹－大壩 ............................. 錯誤! 尚未定義書籤。

圖 3-6 八田銅像 ................................... 錯誤! 尚未定義書籤。

圖 3-7 景點介紹－親水公園 .......................................... 14

圖 3-8 景點介紹－櫻花步道 ......................... 錯誤! 尚未定義書籤。

圖 3-9 景點介紹－西拉雅風味養生館 ................. 錯誤! 尚未定義書籤。

圖 3-10景點介紹－天壇 ............................. 錯誤! 尚未定義書籤。

圖 3-11 景點介紹－門票口 .......................... 錯誤! 尚未定義書籤。

圖 3-12 景點介紹－火車頭 ........................................... 19

圖 3-13 交通資訊 ................................................... 20

圖 3-14 聯絡我們 .................................. 錯誤! 尚未定義書籤。

圖 3-15 菜單介紹一 ................................ 錯誤! 尚未定義書籤。

圖 3-16 菜單介紹二 ................................ 錯誤! 尚未定義書籤。

圖 3-17 菜單介紹三 ................................ 錯誤! 尚未定義書籤。

圖 3-18 西拉雅風味養生館 LOGO ...................... 錯誤! 尚未定義書籤。

圖 4-1 首頁 ....................................... 錯誤! 尚未定義書籤。

圖 4-2 關於本館 .................................................... 28

圖 4-3 特色風味 .................................................... 29

圖 4-4 景點介紹 .................................................... 30

圖 4-5 交通資訊 ................................... 錯誤! 尚未定義書籤。

圖 4-6 聯絡我們 ................................... 錯誤! 尚未定義書籤。

1

一、緒論

1.1 前言

隨著休閒旅遊業的蓬勃發展，國人在周末假日也不只是附近商圈走走，常在

週末攜家帶眷出遠門旅遊觀光，拜網路快速成長所賜，網路已經成為國人重要的

資訊取得管道之一，不同於以往，需要在出門前就將資訊搜集齊全，現在人手一

支手機的情況下，網路資訊的重要性也凸顯出來，透過著這個便利性，商業實體

店面網頁的設計建立，也成為現今主流趨勢，亦是不可或缺的角色。

近年來隨著網際網路的進步以及民眾對於資訊取得的知識日漸普及，過去僅

靠著電視媒體宣傳，或業者透過報章雜誌的廣告，資訊的取得相對不易，而網際

網路出現後，產業的資訊讓大家隨手可得，選擇性提高，促使店家的形象網站建

置，網路行銷讓店家有了另一種廣告宣傳的選擇，維護成本相對降低，也比先前

造就了更多的商機，利用建立網頁展示出店家自身的優勢，吸引更多不僅僅只是

實體店面的客戶，進而能拓展商店知名度以及客戶量。

透過網站設計軟體，形象網站的建立，不像以往設計難度高而且程式碼複雜，

使得程式設計，需要專業的訓練及昂貴的軟體，進而使設計費用高昂，店家想建

立形象網站的興趣相對得降低，近來各種網站設計軟體價格低，且網頁製作簡便，

使得不諳電腦網路的店家，可以用較低成本架設及維護網站，讓業者多一個管道

宣傳本身商品。

1.2 研究背景與動機

本專題是幫烏山頭水庫內的西拉雅風味養生館製作網頁，由於西拉雅風味養

生館主要的客戶群大多為觀光散客以及乘坐遊覽車的觀光客群，因此希望藉由網

頁製作，以便使得遊客在出發前就可以先對西拉雅風味養生館以及烏山頭水庫內

的景點有著基本的了解。

形象網站的建立，已經是現今社會店家所需具備的宣傳媒介之一，這都是拜

網際網路的迅速崛起所賜，網路的出現縮短了台灣人們，甚至是地球上人與人之

間的距離，想要將店鋪推銷讓大眾所知曉，最快速方式，就是靠網路行銷。

1.3 目的

本專題個案--西拉雅風味養生館，坐落在六甲的烏山頭水庫，臨著南二高以

2

及台一線，交通上可說是相當的便利，但由於烏山頭水庫定位在使農業的水利灌

溉發展上，使得水庫的知名度較不如其他地區的觀光以及遊樂設施的熱門，但也

造就了純粹靜態的一個適合人們休閒旅遊度假的好景點，藉由網際網路的普及，

把這個景點向外推廣，當民眾去在都市生活疲乏、累了的時候，烏山頭水庫內清

幽的環境，搭配西拉雅風味養生館的美食饗宴，提供了一個休閒另一選擇。

本專題是利用 Dreamweaver 8 軟體建立網站，透過 Photoshop處理相關的

影像照片，專題組員先實地探訪深入了解後，再從店家本身做 SWOT分析，以利

能製作出更貼近實地景觀的網站，使得遊客除了對於西拉雅風味養生館餐點有認

識，更能對烏山頭水庫內的景點和由來，有更深一步的了解。

1.4 店鋪簡介

西拉雅風味養生館成立於民國 97年，坐落在於台南市官田區的烏山頭水庫

內最高點的西拉雅湖境度假會館（前國民旅舍）中，是園區內唯一的一家中式料

理餐廳，提供旅客們烏山頭水庫內的特產魚－筍殼魚，以及西拉雅族人種植的特

產植物莿仔樹的莖和雛雞搭配所熬製而成的莿子雞湯，加上店家用鄰近鄉鎮特產

－菱角，精心研發出的菱角豬腳，這三樣也是養生館內的招牌菜。烏山頭水庫鄰

近的亦有南元農場、江南渡假村……等等的競爭者存在，本養生館具備的特色，

是的高品質的美食饗宴及持續的新產品研發，現今西拉雅風味養生館對品質及服

務的承諾，穩健地立足在競爭激烈的休閒度假圈中。

圖 1-1 西拉雅風味養生館

3

成立於民國 97年

提供中式合菜、個人套餐、地方特色及水庫特有美食

員工人數 10人

資本額 150萬元

年營業額新台幣八百萬元

店鋪場地約 100坪

1.5 本專題製作流程圖

與老師討論專題

4

二、餐廳背景介紹

2.1 西拉雅風味養生館

2.1.1 養生館簡介

西拉雅風味養生館是附屬在於現今更名為西拉雅湖境度假會館中，會館中有

中餐廳與西餐廳讓遊客依照喜好選擇，中餐廳即是本專題中的主角－西拉雅風味

養生館，店鋪在經營者於民國 97年因緣際會接手後，改變既有的用餐環境，一

別於常見的中式餐廳，有著現代化的裝潢及主廚精心研發搭配當地及水庫特產的

美味佳餚，提供觀光的遊客以及旅客有難忘的美食饗宴。

2.1.2 養生館位置

西拉雅是為一個原住民的其中一族，是屬於平埔族分布在台南以南地帶，前

台南縣政府致力於保留及推廣與西拉雅族相關的文化及習俗，且將台南風景區管

理處先是設立在烏山頭水庫內，因為如此風味養生館也冠上西拉雅，而成西拉雅

風味養生館。

烏山頭水庫位於台南市官田區，是屬於嘉南農田水利會所有，園區占地廣闊，

飯店則位於園區的高點上，臨於水庫湖畔旁且正向著南二高，於晝於夜配合著靜

懿的空間，彷彿踏入另一個與世隔絕的環境。

2.2 烏山頭水庫

2.2.1 水庫由來

烏山頭水庫，舊稱烏山頭貯水池，是一座位於台灣台南市官田區的水庫，具

有水力發電功能，與烏山頭水力發電廠和烏山頭風景區相併在一起。地理位置在

海拔 468公尺的烏山嶺。由於自空中往下看形如綠色珊瑚，故雅稱為珊瑚潭（其

形狀似珊瑚，由當時民政長官下村宏所命名）。

烏山頭水庫於 1920年興建，1930年完工，屬嘉南大圳最主要的水利工程之

一，也是台灣早期的水庫系統之一，主由日本的水利工程師八田與一規劃完成，

興建的主要目的為嘉南平原的農作灌溉。水庫位於曾文溪支流官田溪上游，利用

台南市官田區、六甲區、大內區、東山區間的低窪谷地為集水區，水源取自曾文

溪上游大埔溪，為一個離槽水庫，進水隧道穿越烏山嶺至官田溪上游，長三千多

公尺，在曾文水庫完成後，取其下游水量合併運轉，兩者相輔相成。曾文水庫亦

提供烏山頭水力發電廠水源。

5

在當時整個水庫工程可說是聞名東亞，其中最艱難的工程為堤防岸壁送水口，

及埋通烏山嶺之地下引水隧道。國民政府遷台之後，興築曾文水庫，並築有隧道

式下水道，將曾文溪的水流，引入烏山頭水庫。烏山頭水庫的出水口稱為「西口」，

曾文水庫之進水口則稱為「東口」。

在水庫中有一小島名為「辯天島」，面積約 20公頃。1979年嘉南大旱時期，

曾經水枯見底過。

1969年烏山頭水庫開放觀光，由嘉南農田水利會管理。

2.2.2 水庫設施與景點

烏山頭水庫內的基本設施有放水口、平壓塔、水力發電廠、溢洪道及大壩，

這些設施能使得水庫正常的運作，由於曾文水庫的地勢較高且與烏山頭水庫間有

河流連貫，利用這個高低差而從中加入了水力發電設施，提供水庫每年 438,000

度的電力使用，除了這些基本的水利設施之外遊客觀光遊玩的景點在園區內也有

保存水庫建造者八田與一銅像、當時建造水庫時的器具和八田與一紀念室供民眾

參觀如：

櫻花步道：當時日本人在建造水庫時，將 21棵日本的南洋櫻種植在水庫大

壩旁，樹齡約在 70年左右。

天壇：原是古代帝王祭告天地之場所，烏山頭水庫園區內的為仿造北京天壇

所建，是為六分之一的大小，造型莊嚴肅穆且古典優雅，具有中國傳統建築

之美。

親水公園：以親水設施為主體，區內規劃為南洋風味景觀，設有高空滑水道、

兒童戲水區、露天表演台等設施。

八田紀念園區：八田技師建造水庫時所居住之房屋，原地重建，保有日式建

築風格，於民國 100年 5月 8日建造完工落成。

八田銅像：民國二十年水利會為感念水庫設計監造人八田與一德澤，在大壩

邊豎立銅像，身穿工作衫泥土靴蹲坐在堰堤上，狀若苦思工程進展，其卓絕

樸實風貌展露無遺。

火車頭：水庫建造時由大內鄉搬運砂土，石子等建材工具，特地保存供後人

參觀。

八田與一技師紀念室：裡面列有許多照片及文物，紀念水庫建造當時情景即

八田技師生前事蹟與貢獻。

6

2.3 SWOT分析

SWOT是廣為人知的產業分析理論，能夠使得企業或店舖本身明確的分析出自

我對於相同行業的競爭對手所存有的優勢及劣勢，以及大環境的變遷對於店鋪或

整個相同產業所帶來的影響。

2.3.1 內部因素(組織)

2.3.1.1 優勢

由於水庫地理位置的關係，最鄰近的鄉鎮為台南市六甲區以及官田區，但路

程依然有一定的距離，當遊客來到烏山頭水庫觀光時，園區內除了年節喜慶之外

並沒有其他攤販進駐，在這優勢之下，西拉雅風味養生館就成了烏山頭水庫內唯

一的一家中式料理餐廳。

水庫內有特產－筍殼魚，由於習性及對環境要求極高的關係，使得筍殼魚養

殖不易，地利的關係搭配水庫魚的稀有性，成為西拉雅風味養生館特有的招牌菜

之一。

觀光風景區吸引遊客的首要條件：交通便利是必須的，烏山頭水庫緊鄰著南

二高的六甲交流道以及台一線，路程簡單而且相當的便利，綜合以上特產、交通

以及人文歷史背景，使得西拉雅風味養生館，相較於同性質的店家有著天然的優

勢存在。

2.3.1.2 劣勢

坐落在烏山頭水庫內的西拉雅風味養生館有著得天獨厚的優勢，但是在烏山

頭水庫的不遠處也有著一個台糖公司所屬的江南渡假村，雖然江南度假村的交通

比較沒有如烏山頭水庫的方便，但是江南搭配著多主題的造景以及強力的廣告宣

傳，使得兩地的客源幾乎不分軒輊。

西拉雅風味養生館的另一個而且最重要的是，風景區有著門票的管理設置，

園區內的設施多為靜態且以休閒為主，在這個前提之下，觀光客在與雖然收費較

高昂但動態的遊樂設施多元，比較的同時，使得烏山頭水庫的客源有著明顯的切

割，在園區內的觀光遊客們，多為居住在中北部的小家庭、年長者以及特地遠從

日本過來祭拜水庫建造者－八田與一的日本觀光客，而風味養生館的客群也被侷

限在於較小眾的家庭以及成團觀光的遊客及用餐順便能住宿的大陸客。

7

2.3.2 外部因素(環境)

2.3.2.1 機會

過去 10幾年來的台灣社會，由於在經濟尚未起飛的年代，人民的生活都很

困苦艱辛，每個人一心一意只想著要賺取更多的財富，而忘記了適當的休息以及

家庭的和諧，到了 80年代的時候，台灣的經濟一路起飛衝到了最高點，在辛苦

過後的同時，也想著要如何去提升生活品質以及適時的放鬆自我，政府也規定一

周７天內須有周休二日，使得人們在忙碌且無法與家人團聚的同時，在周末時刻，

有著這樣的機會全家出外踏青遠足。

拜交通便利所賜，周末旅遊的目的地不只侷限在鄰近城鎮或小景點，可以到

更遠的、有別於自己居住城市環境的觀光景點休息度假，台南市官田區的烏山頭

水庫內提供這樣的環境，在園區內的西拉雅風味養生館欲將自己推銷給不僅是在

地城鎮的遊客時，靠的只有是網路的傳遞，形象網站的建立才能提高曝光的機會，

讓遊客在考慮休閒旅遊度假目的地的時候，能有多一個選擇。

2.3.2.2 威脅

西拉雅風味養生館的客源主要來自四面八方的觀光客，因此淡旺季的反差相

當明顯，除季節性變化之外，與報章雜誌的報導息息相關，猶如之前的 SARS傳

染病、金融風暴……等等外在的大環境因素，一旦只要與旅遊業相關的狀況出現，

水庫的觀光客與風味養生館的來客數，均會受到大大的影響。

觀光旅遊業對於經濟起伏的依賴相當大，特別對於如同烏山頭水庫這類以靜

態為主軸性質的觀光園區，吸引到的遊客不大可能是年輕族群，當有了一定的社

會經驗以及生活壓力的情況下，對於觀光的花費控制會相對嚴謹，大環境的影響

使得烏山頭水庫的觀光人次呈正比，這也是影響的因素之一。

本專題選用 SWOT分析，做為製作網頁前，對西拉雅風味養生館市場分析，

進而對於相關的競爭對手做相互比較出各個優勢、劣勢，藉由 SWOT分析也精確

的對本次專題個案先有著初步的了解，對於後製作的網頁設計，更能夠貼切的呈

現店家的營運優勢，達到網路行銷的目的。

8

三、網頁製作流程

3.1 Dreamweaver

本專題主要應用的軟體為 adobe 公司所開發的 Dreamweaver cs5.5版，

Dreamweaver具有許多的特色，例如所見即所得的編輯操作、快速的表格編輯、

快速的框架式網頁編輯、圖層編輯、視覺化的CSS編輯以及整理詳細的特效行為，

使開發者不同過去傳統的網頁開發模式，所見即所得可同步於瀏覽器中預覽網頁

畫面，也可以邊設計邊進行網頁的修改，藉由 Dreamweaver就能完成開發網頁的

工作，不僅僅是更單純的開發，使用 Dreamweaver從基本的建立和維護網站，到

支援最佳實務和最新技術的進階應用程式，Dreamweaver能協助開發者完成更多

的工作，這些新的功能和最佳化的工作流程可縮短開發者寶貴的時間。

3.1.1 首頁

圖 3-1 首頁

首頁的框架選用了上中下三層，最上方設置了多功能選擇紐，可供遊客預覽

查詢，進而對西拉雅風味養生館有進一步的了解，中層在預覽圖中有被下方遮擋

住，圖片是為養生館內部的裝潢照片，最下層則為本館的名稱以及代表性的

LOGO。

9

3.1.2 關於養生館

圖 3-2 關於風味養生館

本頁面為有關於西拉雅風味養生館的基本由來，藉由簡潔的敘述，將風味養

生館以及基本的特產品有概略的介紹，從烏山頭水庫內的湖境度假會館由來、水

庫裡的特產以及店鋪經營者對於店鋪的精心規劃，有著套裝行程對於遊客們能對

水庫有更深一步的了解。

10

3.1.3 特色風味

圖 3-3 特色風味

西拉雅風味養生館為顧及不同的顧客數量的團體們，主廚精心設計多樣化的

菜單可供客人們參考選擇，組合分別有給大家庭的全席餐、一家4-5人的半席餐、

倆倆出外旅行的夫妻情侶等的精緻個人份套餐，又或者是喜愛品嚐各地特產的也

能有單點菜色滿足老饕們挑剔的味蕾。

11

3.1.4 景點介紹

圖 3-4 景點介紹

西拉雅風味養生館是附屬在烏山頭水庫內，當喝飽飯足之後，可在園區內欣

賞風景，水庫內提供遊客觀光的就像是個倒三角形，跟著地圖走一圈之後，會有

種與剛踏入園區一知半解時，有著不同的全新收穫。

12

1.景點介紹

圖 3-5 景點介紹－大壩

烏山頭水庫在空拍時，猶如一個珊瑚，故烏山頭水庫又稱為珊瑚潭水庫，而

大壩也冠上了珊瑚，成了珊瑚大壩，這是嘉南大圳最偉大的工程，是目前世界上

僅存的「半水利沖淤式土壩」的結構，到了現今依然有許許多多的專家學者到烏

山頭水庫內，探討超過半個世紀依然能正常使用的建設。

13

2.景點介紹

圖 3-6 八田銅像

民國二十年及嘉南大圳完工後次年，水利會為感念水庫設計及監造人八田與

一德則，在烏山頭大壩邊豎立此一銅像，他身穿工作衫、泥土靴，蹲坐在堰堤上，

狀若苦思工程進展，其卓絕樸實風貌展露無遺。民國 31年二次世界大戰期間，

太平洋戰爭爆發，八田先生被日本政府徵調前往菲律賓從事水利工程設計，乘船

東渡途中遭盟軍擊沉而罹難，其妻子八田外代樹聞訊後未回日本，反而移居長伴

在銅像旁，並選在戰後當年即民國三十四年九月一日大壩開工當天，投於送水口

殉夫，現今銅像後有兩人的墳墓，每年在五月八日八田先生遇難那天，嘉南農田

水利會與八田先生日本親友，均在銅像這舉行祭祀追悼會，以表敬意。

14

3.景點介紹

圖 3-7 景點介紹－親水公園

以親水設施為主體，區內規劃為南洋風味景觀，設有高空滑水道、水簾瀑布

區、兒童戲水區、多功能泳池以及露天表演台等設施，在親水公園旁的三角埤休

息區樟木林立，是進行森林浴的好地方，埤內養有金魚與鯉魚的蓮花池，在灣間

時刻還有水舞表演。

15

4.景點介紹

圖 3-8 景點介紹－櫻花步道

現有種植 21棵的南洋櫻，在每年的 3-4月間，櫻花祭時刻，櫻花花辮翩翩

落地，猶如在香榭大道般的美麗風景，而櫻花步道也有著香榭大道的別稱，由於

當時水庫建造的時間冗長，日本人在台灣土地，一待就是幾十年，而將剛好帶過

來的家鄉櫻花種子植在大壩旁，看著櫻花樹漸漸長大，他們也能回想在家鄉的情

境，現在日本人早已回日本了，但沒帶走的櫻花樹也成為了烏山頭水庫內的一大

景觀。

16

5.景點介紹

圖 3-9 景點介紹－西拉雅風味養生館

坐落在台南市官田區烏山頭水庫內的西拉雅風味養生館，也是本次網頁建置

專題的主角，店內特有的食材經過主廚精心烹調後，使得用餐後的遊客們，口齒

留香、回味無窮。

17

6.景點介紹

圖 3-10 景點介紹－天壇

於民國 62年動工由民間推動興建，為一規模宏偉的宮廷式建築，外型仿中

國北京的天壇，縮小六分之一的比例建造而成，天壇之意涵－實為中國古代皇帝

舉行祭天儀式、祈禱風調雨順之場所，於南二高就能看到這一個明顯的地標，這

天壇也是烏山頭水庫內的重要景點之一。

18

7.景點介紹

圖 3-11 景點介紹－門票口

烏山頭水庫風景區的門票販售處，由於舊的售票口較迷你，無法疏通日漸增

加的遊客量，嘉南農田水利會因次將就售票口改為辦公室並在前方新建一個大型

的售票口以利消化遊客的增加。

19

8.景點介紹

圖 3-12 景點介紹－火車頭

烏山頭水庫的大壩在興建時期除了人力的搬運之外，八田先生也從德國引進

火車頭來幫助運送所需的泥沙以利建造的效率，火車頭行進的速率約每小時

19-25公里，以煤炭為主要動力來源，火車頭現在退休放置在八田先生銅像前的

不遠處，以供遊客在參觀時，能對當時建造水庫的情景，有進一步的了解及想像。

20

3.1.5 交通資訊

圖 3-13 交通資訊

西拉雅風味養生館所在的烏山頭水庫有著便利的交通優勢，不論從南二高的

官田六甲交流道又或者是從台一線，均能簡單且省時的到達目的地，沒有高山的

環繞、崎嶇的路線，在在的都是吸引遊客觀光的主要因素之一。

21

3.1.6 聯絡我們

圖 3-14 聯絡我們

這頁是本網頁建置專題的尾聲，前面包含了地理位置介紹、風景區簡介、景

點介紹、特色風味以及對烏山頭西拉雅風味養生館的介紹之後，也需要讓遊客能

在尚未出發、還在規畫的同時，就先事先預訂那日的餐點，以利於主廚能準備更

豐盛的美味佳餚，讓主人在宴請賓客或三代同堂時，能有美食饗宴。

22

3.2 Photoshop

3.2.1 Photoshop簡介

本次專題採用的影像處理軟體是 Adobe公司所開發的 Photoshop CS5版本，

這個軟體於西元 1987年，托馬斯·諾爾在美國密西根大學就讀博士研究生，他用課

餘時間編寫了一個叫「Display」的程式，程式的功能是讓黑白點陣圖顯示器顯示灰

階影像。托馬斯的哥哥約翰·諾爾就職於光影魔幻工業特效公司，他建議弟弟托馬斯

將「Display」變成一個處理數位圖像的程式，於是在 1988 年兩兄弟花了六個月時

間合作完成這個專案。最初托馬斯想將軟體改名為「ImagePro」，但沒曾想到這個

名字已經被人用了。同年晚些時候，托馬斯將軟體改名為「Photoshop」並與一家掃

描器公司進行了短期合作，用於處理掃描器掃描下來的影像。

在這期間，約翰前往矽谷向蘋果公司的工程師以及 Adobe Systems藝術總監羅

素·布朗展示了 Photoshop。兩邊的展示都很成功，最終在 1988 年 9月 Adobe 決定

買下 Photoshop 的發行權。此時約翰在加利福尼亞州致力於外掛模組開發，而托馬

斯仍然在密西根州安娜堡編寫代碼。

這軟體現在也有非常多的使用者用於影像處理上，Photoshop主要處理以像

素所構成的數位影像。使用其眾多的編修與繪圖工具，可以更有效的進行圖片編輯

工作。獨特的歷史紀錄浮動視窗和可編輯的圖層效果功能使使用者可以方便的測試

效果。對各種濾鏡的支援更令使用者能夠輕鬆創造出各種奇幻的效果。

藉由 Photoshop的便利性，使得本專題的照片合成切割上有著更容易的進度，

免去了繁雜的步驟，只需要基礎的功能，就能修出效果卓越的影像出來。

23

3.2.2影像製作及裁切

圖 3-15 菜單介紹 一

圖 3-16 菜單介紹二

24

圖 3-17 菜單介紹三

由於西拉雅風味養生館的菜單設計美編，是由專業的設計師製作而成，專題

中的菜單則是利用 Photoshop簡易的操作來製作出近畿重現真實菜單。

圖 3-18 西拉雅風味養生館 LOGO

西拉雅風味養生館的商標是當時民國 97年時，專業設計師在對店鋪整體翻

新重新裝潢時，搭配店內裝潢而精心選出的商標，在烏山頭水庫至高點，俯視下

方景象當天氣配合得當時，猶如在群雲圍繞的優雅環境用餐。

25

3.2.3合成製作

藉由 Photoshop強大的合成修圖能力，專題中的景點介紹，都靠軟體的支援

來達成。

26

由於軟體的便利使得開發製作網頁項目的同時縮短製作時間，對於上列景點

介紹所需的影像，更能凸顯出軟體這個優點。

27

四、成果展示

4.1 首頁

圖 4-1 首頁

28

4.2 關於

圖 4-2 關於本館

29

4.3 特色風味

圖 4-3 特色風味

30

4.4 景點介紹

圖 4-4 景點介紹

31

4.5 交通資訊

圖 4-5 交通資訊

32

4.6聯絡我們

圖 4-6 聯絡我們

33

五、結論

現今社會進步迅速，人們取得各式各樣的資訊，透過的只需要動動手上網就

可以找出所需的或者是相關的訊息，不再僅是侷限於人與人之間口耳相傳，因此

網站的建置顯現出必要性，此次藉由專題之撰寫，為西拉雅風味養生館建置一個

形象網站，該養生館遠在台南市官田區的烏山頭水庫，若沒有水庫內的飯店經由

旅遊展及宣傳，水庫的地理位置沒有任何的優勢，如何吸引觀光客是一個最首先

的課題。

本專題的製作，經由組員的實地探訪到成品出來，歷經了許許多多的摩擦與

討論，網站的製作並非單單只是將既有的照片合成即可，烏山頭水庫、西拉雅風

味養生館等等的由來以及故事，才是帶給人們的精華所在，對於自己身在台灣，

這塊土生土長的土地上，將自己身邊的風景推廣讓人們所知，更加使我們了解這

地方；網站的建置是組員從一無所知，慢慢的一步一腳印的點滴製作完成，實地

的探訪，更能為網站資訊貢獻出一分己力，使得網站內容更完整以及更貼切的表

現出來。希望經由我們的網站建置後，能成功的網路行銷西拉雅風味養生館。

34

參考文獻

[1]傑佛瑞．摩爾，“換軌策略 － 再創高成長的新五力分析”，學貫行銷，

2012。

[2]譚地洲，“MBA教程之公司戰略管理”，漢湘文化出版，2006。

[3]王志強、賴奇綺、周佳儒-“青青西拉雅：國家風景區植栽建議手冊”，

金禾資訊，2012。

[4]交通部觀光局西拉雅國家風景區管理處-西拉雅國家風景區生態導覽手冊

，2012

[5]黃冠銘、徐瑞穗，“大尖山咖啡網站”，學生專題，2010。

[6]西拉雅渡假飯店 －來源：

http://www.easytravel.com.tw/ehotel/?n=6842

[7]西拉雅國家風景區 －來源：

http://www.siraya-nsa.gov.tw/mainweb/article.aspx?L=1&SNO=03000042

[8]維基百科 Dreamweaver －來源：

http://zh.wikipedia.org/wiki/Adobe_Dreamweaver

[9]維基百科 Photoshop －來源：

http://zh.wikipedia.org/wiki/Adobe_Photoshop

[10]維基百科烏山頭水庫 －來源：

http://zh.wikipedia.org/wiki/

[11]烏山頭水庫風景區 －來源：

http://wusanto.magicnet.com.tw/