第一章 緒論
1.3 限制
第一章 緒論
1.1 背景與動機
現代國人薪水拮据下越來越少出外放鬆遊玩，造成身心理的疾病日益漸 增...。如何玩的開心又可放鬆身心同時兼顧荷包，為本次專題的要點。
1.2 目的
本專題研究是-『澎湖、金門、馬祖景點介紹』， 其製作方向為：省錢、短 期、放鬆、賦予戰地歷史知識為出發點。 探討澎湖、 金門、 馬祖等地，充滿 戰地風情與海洋環繞等景點，用網頁以動態方式呈現，促使國人前往旅遊的慾 望也幫助國內旅遊業的發展。
1.3 限制
本專題介紹之景點：澎湖、金門、馬祖，由於需有短暫假期與多餘資金才 能實景拍攝，所以照片方面多由網路截圖取之，請參照文獻。
1.4 關鍵字定義
(1) 短期旅遊：尋求短暫連假的國人可能收尋之關鍵字
(2) 國內旅遊：省錢、又不想搭遠程飛機的國人可能收尋之關鍵字 (3) 歷史景點：對歷史有興趣的國人可能收尋之關鍵字
(4) 戰地景點：對戰地文化有興趣的國人可能收尋之關鍵字
- 2 -
- 3 -
- 4 -
- 5 -
LVT 兩棲登陸運兵車、M-24 輕型戰車、155 公厘榴彈砲
- 6 -
- 7 -
1921 年由陳景蘭創建。1949 年後為部隊徵用，改稱「官
- 8 -
翟山坑道
圖 2– 13
民國 52 年為因應戰爭所需而 開挖，戰時供運補小艇補給 使用，坑內並有停靠碼頭。
撥交金門國家公園管理處重 新整建、清理後，翟山坑道 於 87 年 7 月正式開放，是不 可錯過的觀光景點
表 2–13
2.3 馬祖著名景點與古蹟與古蹟
馬祖酒廠-八八坑道
圖 2– 14
位於南竿的馬祖酒廠，前身為 中興酒廠，成立與 1956 年。
八八坑興建於蔣介石八十八歲 時，所以將此坑道命名為八八 坑道，最早是軍事用途，後來 就變成專門存放酒的地方。
表 2–14
- 9 -
- 10 -
- 11 -
- 12 -
(1) 軟體方面：Microsoft Office、 Adobe Dreamweaver CS5 Adobe Flish cs5、FTP 軟體
(2) 硬體方面：電腦、網路空間
- 13 -
3.5 專題分工
全組成員齊心完成。
3.6 專題貢獻
(1) 介紹國人短期且經濟實惠之行程。
(2) 藉由旅遊與美景放鬆心情，調劑身心。
(3) 介紹澎湖、金門、馬祖之戰地歷史。
(4) 推廣國內旅遊。
- 14 - Dreamweaver CS6。
Window 環境
1.Intel Pentium4 等級以上的中央處理器 2.至少 2GB 的記憶體
- 15 -
Dreamweaver 是一個強調以視覺化的方式來編輯網頁的軟體，再加上強大的多媒 體網頁設計功能與其它繪圖、文書排版軟體的高度緊密性的結合。是第一套針 對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制 作出跨越帄台限制和跨越瀏覽器限制的充滿動感的網頁，這種集網頁制作和管 理網站於一身的特性，讓設計網頁的時候不再會有力不從心的狀況發生，再加 上強大的多媒體網頁設計功能與其它繪圖、文書排版軟體的高度緊密性的結 合，讓設計網頁的時候不再會有力不從心的狀況發生。
影像處理 Photoshop
Photoshop 是專業的美工繪圖軟體，它也是 ADOBE 美工重量級的影像處理軟 體，也是帄面媒體在影像至製作上的首選之一，但先前的版本更新主要還是鎖 定在影像處理的功能上以及校色功能上的更新，不過現在 Adobe 公司也注意到 網路這塊市場大餅，於是將先前 Adobe 所推出的網頁影像處理軟體 Image Ready 直接整合到 Photoshop 之中，讓 Photoshop 在網頁影像的處理上更可以有水準之上 的表現。
- 16 -
在過去，在 Photoshop 中處理完的影像如果要轉換到網頁上使用的話，除非是要 將一整張完整的圖給直接輸出，那可以考慮透過 Photoshop 內建的輸出功能直接 將圖儲存成 GIF 或者是 JPG 的格式，如果想要將圖形做切割等動作的話，那可是 件大工程了，非得要經確的圖形切割經驗才有辦法處理的恰到好處，再不然還是 得乖乖的借助其它的軟體，不過現在整合了 Adobe Image Ready 功能的 Photoshop 讓您可以免除這方面的困擾了。
作業系統 Windows xp
Windows 起源可以追溯到多年前 Xerox 公司所進行的研發工作。1970 年，
美國 Xerox 公司成立了著名的研究機構 Palo Alto Research Center（PARC），主要 從事區域網路絡、鐳射印表機、圖形使用者介面和物件導向（Object-Oriented）技 術的研究。Xerox 于 1981 年宣布推出世界上第一個商用的 GUI 系統 Star 8010 工作站。但由於種種原因，此技術上並未得到大眾的重視，也沒有協助商業化 的應用。
- 17 -
現時 Windows 7 和 Windows Server 2008 是現在最新的 Windows 版本。Windows Server 2008 中包含四個版本：Windows Server 2008 Web 伺服器版本（Web Edition）、 Windows Server 2008 標準版（Standard Edition）、 Windows Server 2008 企業版（Enterprise Edition）以及 Windows Server 2008 資料中心版（Datacenter Edition）。Web Edition 主要是為網頁伺服器（Web Hosting）設計的，而 Datacenter 是一個為極進階系統使用的。標準和企業版本則介於兩者中間。
動畫製作軟體 flash
FLASH 是 Macromedia 公司所推出的軟體，它是專門用來設計互動式多媒體 動畫的軟體，它可以為你的網頁加入專業且漂亮的互動式按鈕及向量式的動畫 圖案特效，是目前製作網頁動畫最熱門的軟體。不論您正在設計動畫或是建立 以資料庫驅動 (Data-Driven) 的應用程式，Macromedia Flash 擁有許多您需要的 工具，來創作更佳效果、發送最佳跨越多重帄台與設備的使用者經驗。
- 18 -
網頁設計者為了吸引眾人的目光，想要製作生動活潑、影音效果兼具的網頁，
往往受限於網路頻寬限制及動畫製作技術，而 Flash 的功能應該可以解決這方面 的問題。向量繪圖與動畫編輯功能，簡易地製作連續動畫、互動按鈕、繪圖與 音效在網頁中使用！可以不需要任何程式腳本即可在網頁中增加互動式多媒 體。互動式的動畫和影音同步效果使網頁繪圖更加生動活潑，使用了 Flash 製 作的任何物件，皆可以時間軸與動態路徑 (Path-Based) 的動畫設計方式，由淺 入深，容易學習與使用！只有以向量為基礎的 Flash 多媒體，才能流暢地呈現在 Internet 上，即使放大縮小也不降低本身品質。
FLASH 還 可 自 訂 的 使 用 者 操 作 介 面 和 新 的 物 件 屬 性 檢 視 器 - 此 乃 根 據 Macromedia Dreamweaver 最受歡迎的特點而設計，大幅提升 XML 的支援效能，
當自任何應用程式伺服器整合資料至 data-rich 的 Web 應用程式時，開發資料庫 導向之 web 應用程式的完整工作環境，強大的 ActionScript 開發環境和許多新物 件及預先定義元件。
因為 FLASH 的動畫繪圖方式是採向量方式處理，這樣圖案在網頁中放大或縮小 時，不會因此而失真，而且可依顏色或區塊做部份的選擇來進行編輯，這是與 其它繪圖軟體所不同的地方且最新的版本可加入 MP3 格式的音樂，不但音質直 逼音樂 CD，容量卻只有 CD 的十分之一，非常適合應用於網路上，是不可或缺 的網頁多媒體製作工具。
瀏覽器 IE
從 WINDOWS XP 開始，網路上一般通用標準的瀏覽器 IE 版本為 IE 6.0，
- 19 -
現在網路上的網頁和網頁相關的作業軟體或系統所要求的最低標準規格也都是 IE 6.0，目前最新的為 9.0 的版本。
Adobe flash player
Adobe® Flash® Player 是以瀏覽器為基礎的跨帄台應用程式執行時期，在各 種螢幕大小和瀏覽器中都能完美播放具表現力的應用程式、內容和視訊。
Flash Player 已最佳化，在各種行動螢幕大小上都能提供高效能，並可運用原生 裝置的性能，提供更豐富、如臨現場的使用體驗。
- 20 -
4.3 系統操作
網頁首頁
旅遊介紹頁面
各景點 flash 動態介紹
- 21 -
- 22 -
- 23 -
各景點行程 flash 動態介紹
- 24 -
- 25 -
- 26 -
參考文獻
1. 東南旅行社
http://www.settour.com.tw/
2.就是愛趴趴照
http://lfat.pixnet.net/blog/
3.南竿鄉公所
http://www.nankan.gov.tw/
4.金門縣光觀旅遊網
http://tour.kinmen.gov.tw/
5.金門國家公園
http://www.kmnp.gov.tw
6.金門縣政府http://www.kinmen.gov.tw
7.澎湖逍遙遊http://tour.penghu.gov.tw/
27
附 錄
會議記錄表
專題名稱 澎湖、金門、馬祖景點介紹
時間 2012/06/01 地點 學校
主席 涂慧萍 記錄 邵斯翎
出席者 涂慧萍、陳冠庭、邵斯翎
內容 1.討論主題
2.使用軟體和程式
3.討論網頁版型和呈現方式
4. 收集關於澎湖、金門、馬祖相關資料 5.收集網頁素材(景點圖片)
6. 規劃省錢旅遊方式
決議 1. 軟體使用:Dreamweaver，Photoshop，Flash 2. 網頁用部分 Flash 動畫呈現
3. 圖書館找書籍資料
老師建議 1.上網多參考相關網站 2.可再增加景點