[期末作業] 專 題網站設計

1. 作業說明

請參考[期末作業說明] 專題網站製作--以網站新人王為例
http://mepopedia.com/forum/read.php?2428,75914

請設計與台灣有關的主題
如：景點，小吃，行業，廟宇，風俗，文化，故事....等。

[hr]

2. 企劃大綱

請於第十三週5/20/21前回覆
企劃大綱的內容製作

1.網站主題：
2.內容大綱：
3.主要對象(分析)：
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖
6.色彩規劃：
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單

[hr]

3. 說明

盡可能地將本學期學習的技術應用於其中
仍須以視覺美感為主，設計頁數請盡量至少以十頁以上為主
設計上若有困難，請找老師討論

第十八週6/24/25上課前製作完成，課堂討論評分
期末若未出席及繳交作業，期末成績以零分計算

將資料夾命名為 final-學號(組長)，以ＦＴＰ上傳至final資料夾
作業網址為http://mepopedia.com/~web103-2a/final/final-1025445XXX

[hr]

4. 回覆項目

1.作業網址：

2.網站主題：
3.網站架構（導覽）
4.內容描述：
5.風格設計：
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
7.製作心得：

[hr]
企劃大綱

1.網站主題：
2.內容大綱：
3.主要對象(分析)：
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖
6.色彩規劃：
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單
[hr]

5. 評分標準

1.內容技巧，是否有應用所學技巧
2.視覺美感
3.網頁架構（ＨＴＭＬ＋ＣＳＳ）網頁效能
4.工作分配之項目

1.作業網址：



(編輯記錄)

1.網站主題：三鶯景點
2.內容大綱：三峽跟鶯歌的景點特色
3.主要對象(分析)：觀光客
4.網頁架構圖(樹狀圖)：



5.網頁版型設計圖:之後放 請稍等
6.色彩規劃： 依他們圖騰特色為主
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組) ：
9.組員名單：
1025445046 韓庭瑋
1025445058 楊舒涵
1025445073 陳冠穎
1025445178 張祐寧



(編輯記錄)

作業網址： http://mepopedia.com/~web103-2a/final/final-1025445214/
1.網站主題：流浪到淡水
2.內容大綱： 介紹淡水的景色,旅遊景點..等,更帶動淡水的經濟效應。
3.主要對象(分析)： 遊客。
4.網頁架構圖(樹狀圖)： [img]http://i.imgur.com/Lj6Ze2d.png[/img]
5.色彩規劃： 藍色系
6.資料蒐集（分析）：
7.歷屆得獎分析(至少三組)
8.組員名單 : 張怡萱 1025445175(收集資料、圖片、視覺規劃、圖片修改、動態圖片)
蘇子玲 1025445214(收集資料、圖片、視覺規劃、樹狀圖繪製)
古佳綺 1025445169 (收集資料、圖片、視覺規劃、HTML CSS設計、動態效果)



(編輯記錄)

作業網址：[url=http://mepopedia.com/~web103-2a/final/final-1025445133/]http://mepopedia.com/~web103-2a/final/final-1025445133/
[/url]網站主題： 風●基隆(基隆3個風景區介紹:外木山風景區、101高地、潮境公園)
內容大綱： 介紹大家基隆各地不同地區的風景區,體會自然風景的美好。
主要對象(分析)：想要去有自然美景走走的人們
網頁架構圖(樹狀圖)：

色彩規劃：令人感到自然宜人的顏色
風格設計：自然清爽風
組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025445133 林哲立(視覺規劃、HTML CSS設計、動態效果)
1025445136 劉志彥 (收集資料、校正樹狀圖)
1025445037 莊耀丞(收集資料、圖片)
1025445217 林樂洲(樹狀圖繪製)



(編輯記錄)

1.網站主題：相府香城(板橋府中介紹)
2.內容大綱：介紹有關板橋的一些古蹟、廟宇、美食及歷史
3.主要對象(分析)：喜歡出遊的大眾們
4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/ymcel6g.jpg[/img]
5.網頁版型設計圖
稍後會補上(X
6.色彩規劃：還在討論。
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單
1025445001 蘇柔羽
1025445040 王淑瑜
1025445055 許淑雯
1025445070 邱薏如



(編輯記錄)

作業網址：
http://mepopedia.com/~web103-2a/final/final-1025445151/
網站主題： 永樂市場

內容描述：永樂市場以及周邊景點
風格設計： 簡潔
組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：

視覺規劃、HTML CSS設計
1025445082任登敏
1025445151王仁盈

資料蒐集
1025445139呂鍰慈
1025445223王芷漪

製作心得：辛苦大家了~大家一起做網頁的感覺超棒！

網站架構：




(編輯記錄)

1.網站主題： 澎湖
2.內容大綱： 景點介紹與地方特色
3.主要對象(分析)： 遊客
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖
6.色彩規劃： 清爽的水藍色白色搭配
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單 陳文晴 陸怡潔 許雅筑 洪筠真

http://mepopedia.com/~web103-2a/final/final-1025445049/index.html
1.網站主題： 新竹下午茶
2.內容大綱： 介紹新竹下午茶'
3.主要對象(分析)：愛好下午茶的人
4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/a90APgF.jpg[/img]
5.網頁版型設計圖:
6.色彩規劃：馬卡龍色系
7.資料蒐集（分析）：都在新竹
8.歷屆得獎分析(至少三組) ：
9.組員名單：
1025445025 許函郁
1025445049 余沛綾
1025445199 萬欣穎
1025445106 莊淑芳



(編輯記錄)

1.網站主題：新動RESTART － 新竹動物園

2.內容大綱： 介紹即將滿80歲的新竹動物園給大家

3.主要對象(分析)：還沒造訪過的族群 與 想要再次造訪的人 (家庭 / 年長者 / 在地及其他地區旅客)

4.網頁架構圖(樹狀圖)：



6.色彩規劃： (討論中)

7.資料蒐集（分析）： (討論中)

8.歷屆得獎分析(至少三組) : (討論中)

9.組員名單

1025445043 金家任
1025445067 黃筱軒
1025445124 林筱庭
1025445148 盧姿穎



(編輯記錄)

1.作業網址： http://mepopedia.com/~web103-2a/final/final-1025445043

2.網站主題： ReStart HZOO 重新啟動
3.網站架構（導覽）


4.內容描述：ReStart HZOO
5.風格設計：簡約與插畫

6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：

金家任 / HTML CSS設計、動態效果
盧姿穎 / 圖片與資料蒐集
黃筱軒 / 插畫、視覺規劃
林筱萱 / 視覺規劃



(編輯記錄)

1.作業網址： http://mepopedia.com/~web103-2a/final/final-1025445160/
2.網站主題： 以介紹甜點店為主
3.網站架構（導覽）
4.內容描述： 介紹店家的環境、販售的甜點和相關的資訊
5.風格設計： 簡約 乾淨
企劃大鋼
1.網站主題： 新竹甜點店
2.內容大綱： 店家環境、甜點以及資訊介紹
3.主要對象(分析)： 喜愛甜食愛好下午茶的人
4.網頁架構圖(樹狀圖)：
[url=http://imgur.com/PpRU7eX][img]http://i.imgur.com/PpRU7eXl.jpg[/img][/url]
5.網頁版型設計圖:以簡潔為主，藉由首頁的滑動式頁面，進去做連接和相關的介紹。
6.色彩規劃： 黑白灰
7.資料蒐集（分析）： 找相關甜點店的資料收集
8.歷屆得獎分析(至少三組) ：
9.組員名單、工作分配：
1025445160 吳羽筑 （收集資料、視覺規劃、HTML CSS設計、動態效果）
1025445187 戴靖庭 （繪製樹狀圖、收集資料、視覺規劃）
1025445202 林彥希（收集資料、視覺規劃、HTML CSS設計）



(編輯記錄)

1.作業網址： http://mepopedia.com/~web103-2a/final/final-1025445091/
1.網站主題：永安
2.內容大綱：介紹永安 和周邊附近的景點
3.主要對象(分析)：光觀客
4.網頁架構圖(樹狀圖):[img]http://i.imgur.com/JWddNtO.jpg[/img]
5.網頁版型設計圖
6.色彩規劃：
[img]http://i.imgur.com/hHdFvl0.jpg[/img]
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組) :
9.組員名單 :1025445091陳碧君(主視覺 css)
1025445100葉芳羽(插圖設計)
1025445115蔡鈺均(照片整理和編排)
1025445085楊婷淵(插圖設計)



(編輯記錄)

1.作業網址： http://mepopedia.com/~web103-2a/final/final/Yilan%20Funny.html

2.網站主題： 宜蘭
3.網站架構

4.內容描述： 推廣宜蘭觀光
5.風格設計： 簡約質感/古早味
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025445010 謝佳蓁
1025445127 王嘉瑜
1025445196 曾文賜
1025445103 張秀安
工作分配都是一起完成的
7.製作心得：
要自己完整的把一個網站架構出來真的滿困難的
而且這次在燈箱語法上碰到非常多的難題花了超多超多超多時間去做修改QQ



(編輯記錄)

作業網址；http://mepopedia.com/~web103-2a/final/final-1025445031
1.網站主題： 新竹北埔
2.內容大綱：老街、冷泉、在地美食
3.主要對象(分析)：各地遊客
4.網頁架構圖(樹狀圖)：

5.網頁版型設計圖
6.色彩規劃：
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單
1025445031江冠霖
1025445118周虹妮
1025445130楊淯婷
1025445184陳薏茹



(編輯記錄)

1.網站主題： 台中景點
2.內容大綱： 台中有名景點介紹以及好吃美食
3.主要對象(分析)：去台中玩的觀光客
4.網頁架構圖(樹狀圖)：

6.色彩規劃： 質感 簡潔
7.資料蒐集（分析）： 在討論
8.歷屆得獎分析(至少三組) ：
9.組員名單：
1025445097陳慶芳
1025445076葉珈妤



(編輯記錄)

1.網站主題：新竹火鍋
2.內容大綱： 介紹新竹火鍋
3.主要對象(分析)：愛吃火鍋的人
4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/TlNrcrz.jpg[/img]

5.網頁版型設計圖
6.色彩規劃：質感
7.資料蒐集（分析）： 都在新竹
8.歷屆得獎分析(至少三組)
9.組員名單
1025461015 張哲鈞
1025461016 溫小僑
1025461052 吳玟妮
1025443064 林宛蓉


1.作業網址： http://mepopedia.com/~web103-2a/final/final-1025443064/

2.網站主題： 新竹火鍋店
3.網站架構（導覽）
4.內容描述： 介紹新竹知名火鍋店
5.風格設計： 黑紅
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025461015 張哲鈞 這一鍋設計
1025461016 溫小僑 鮮友設計
1025461052 吳玟妮 千葉設計
1025443064 林宛蓉 配色、首頁及鼎王設計
7.製作心得：
想要有小分頁的語法但不會用用了好幾個小時，最後上網找教學才用成功



(編輯記錄)

作業網址:http://mepopedia.com/~web103-2a/final/final-1025445112
1.網站主題： 貓咪餐廳
2.內容大綱： 有關貓咪的餐廳
3.主要對象(分析)： 愛貓的人
4.網頁架構圖(樹狀圖)：

5.網頁版型設計圖
6.色彩規劃：
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單
1025445112 連佳芸
1025445109 田佳鈴



(編輯記錄)

1.網站主題： 貓咪餐廳
2.內容大綱： 有關貓咪的餐廳介紹
3.主要對象(分析)： 喜歡貓的人
4.網頁架構圖(樹狀圖)：

5.網頁版型設計圖
6.色彩規劃：
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
9.組員名單
1025445112 連佳芸
1025445109 田佳翎

1.作業網址： http://mepopedia.com/~web103-2a/final/final-1025445172/SP.html
2.網站主題： 淡水，一個充滿歷史的小鎮。


3.內容描述： 用簡潔的網站內容介紹淡水
4.風格設計： 風景照
5.組員名單，
1025445172 林意欽
1025445190 林育賢
1025445211 林彥穎
1025445163 曾國鼎
1025445052 鄭博宇

6.製作心得：
呃 有點刺激 有點累嘿嘿