美食展網站設計規則說明

架構

標紅框處，表示是希望在 6/10 前上線的區塊

網頁規劃與功能說明

-首頁

元素 作法

首頁

最新消息 文字連結

歷屆美食展 文字連結

-內頁

第一層 第二層 第三層 作法說明 後台功能 頁數

臺灣美食經典展 百饗大賞 照片牆 1

經典旅遊路線與景點 靜態頁面+百饗大賞 26

經典餐廳 瀑布流

百饗大賞票選 1.微博與 Facebook 登入投票

2.投票機制

投票統計

視家數

網友大推美食 投票結果頁呈現 1

美食小當家 Flash Game 參加者資料

統計

跟著達人呷好料 瀑布流 1

美膳名饌 觀光飯店餐廳名膳與

優惠

照片牆

瀑布流（壓底或飯店大 banner）

2

臺灣美食擂台賽 初賽 幻燈秀 1

複賽 幻燈秀 1

決賽 幻燈秀 1

臺灣團餐大車拼 入圍餐廳 幻燈秀 1

獲獎餐廳 幻燈秀 1

夜市大賞 十大夜市吃

透透

幻燈秀 1

網友推薦夜

市美食

投稿機制：表單填寫，可上傳圖片 1

十大夜市必

吃美食排行

榜

1.微博與 Facebook 登入投票

2.投票機制

投票結果頁呈現

1

選單

規則：

固定置頂

點選該單元名稱時變色，出現下拉式選單

內容：

元素 內容

標準字 食來運轉遊臺灣

單元 首頁

臺灣美食經典展

-百饗大賞

-百饗大賞

臺灣美食擂台賽

-初賽

-複賽

-決賽

臺灣團餐大車拼

-入圍餐廳

-獲獎餐廳

夜市大賞

-十大夜市吃透透

-網友推薦夜市美食

-十大夜市必吃美食排行榜

分享工具 Weibo

Facebook

Google+

Plurk

Mail

臺灣美食經典展(風景區)

麵包屑：臺灣美食經典展>百饗大賞

網址：

內容：

元素 規則

風景區 共 13 個圖

更新頁面後，隨機輪播

點選圖片與名稱進入各風景區路線介紹頁面

點選 Data 的鈕進入各風景區微博頁

美食小當家 固定位置

放代表圖

點選進入跟著美食小當家 Flash

跟著達人呷好料 固定位置

放代表圖

點選進入跟著達人呷好料頁面

點選圖片與名稱進入各

風景區路線介紹頁面

點選 Data 的鈕進入各風

景區微博頁

固定 固定

臺灣美食經典展(風景區路線介紹)

麵包屑：臺灣美食經典展>百饗大賞>經典旅遊路線與景點

網址：

內容：

元素 規則

風景區路線介紹 內容

風景區名稱文字

路線文字＋Google 地圖連結

交通方式文字

預設為路線一，切換為路線二

下拉式選單可選至其他風景區

景點與餐廳 大圖從小圖中挑選，每 10 秒自動輪播大輪，切左右鍵可換圖，下面標餐廳與景點名稱

點選餐廳會進入餐廳個別微博頁，點選景餐則無連結

預設為路線一，切換為

路線二

點選 Data 的鈕進入各風

景區微博頁

點選進入 Google 地圖頁

臺灣美食經典展(餐廳)

麵包屑：臺灣美食經典展>百饗大賞>經典餐廳

網址：

內容：

元素 規則

餐廳 除現有微博頁瀑布流外，新增資訊頁籤，點選資訊，原有瀑布流改為餐廳文字介面

投票功能(第一階段先不用做)

可用 Facebook 或微博登入投票

同一帳號一天最多投票 3 次，可投同一間，投票後出現訊息示窗

（文案後補）

投票後，自動發文至微博與臉書

（文案暫定）#食來運轉遊臺灣#我正在參與臺灣經典美食展百饗大賞票選，我想拿大獎！

網址：

點選資訊，出現餐廳資

訊

可用 Facebook 或微博登入投

票，自動發文，並出現訊息視

窗

臺灣美食經典展(餐廳) (第一階段先不用做)

麵包屑：臺灣美食經典展>百饗大賞>網友大推美食

網址：

內容：

元素 規則

餐廳投票排名 約有 200 家餐廳票選結果，一頁分 50 家，分頁呈現

即時出現投票數

投票按鈕，規則同上頁

點選簡介，進入個別餐廳微博

規則同上

頁

點選進入餐廳個

別微博頁

臺灣美食經典展(達人)

麵包屑：臺灣美食經典展>百饗大賞>跟著達人呷好料

網址：

內容：

元素 規則

部落格 約有六位部落客，放代表圖，部落客名稱與文章標題，點選另開視窗進入

部落客相關文章瀑布流

部落客代

表圖

部落格名稱

與文章網址，

點選另開視

窗

臺灣美食經典展(飯店首頁)

麵包屑：臺灣美食經典展>美膳名饌

網址：

內容：

元素 規則

餐廳 約有 30 家飯店，一大圖，其他小圖，每 10 秒自動輪播

每張圖下壓有飯店名稱，點選進入飯店微博頁

點選進入飯店微博頁

臺灣美食經典展(飯店)

麵包屑：臺灣美食經典展>美膳名饌

網址：

內容：

元素 規則

餐廳 除現有微博頁瀑布流外，新增優惠券頁籤，點選優惠券，出現 livebox，可列印優惠券

約有 30 家飯店，每家飯店有專屬的 Banner 或其他設計

專屬飯店刊頭

點選優惠券出現 livebox，可列

印優惠券

夜市大賞

內容

元素 規則

夜市大賞頁籤 預設網有推薦美食(投稿)為首頁

夜市大賞框架 為 2 欄式(左小，右大)，參考：http://www.emporiourbano.com.br/

呈現方式為換燈片

點選＜－與－＞，切換下一張照片

夜市大賞說明文字 內容：夜市大賞互動介紹文（文案待確認）

【次選單】

十大夜市吃透透

必吃美食排行榜

次選單分為，十大夜市吃透透 與 必吃美食排行榜

點選次選單，分別於右欄出現內容（因素材尚未未提供，暫以“敬請期待”顯示）

夜市美食投稿 點選“投”字樣，出現美食投稿表單，填選後送出資料至資料庫

p.s 建置小後台，審核資料 (待討論)

左 右