Change History

1.作業網址：http://mepopedia.com/~css105-2b/final/final-1045445188

2.網站主題：淡水

3.內容描述： 介紹淡水這個觀光勝地，包含美食、交通、古蹟、景點等...

4.風格設計： 簡單清爽的藍白黃配色

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

index-淡水→080張凱茵
about-古蹟→161湯若翎
gallery-景點→188莊惠欣
contact-美食→074簡依柔
traffic-交通→074簡依柔
照片修圖→071徐夣蔆、092陳婉儀

6.個人製作心得：

為了這次的網頁還特替跑了一趟淡水收集資料，發現淡水真的很好玩，而且也非常值得去深入了解他，
在製作上因為組員分工得宜，所以製作過程很順利，但語法太多要找真的很麻煩，還是希望可以做得更好。



企劃大綱
1.網站主題：淡水
參考版型:http://www.tooplate.com/live/2085-neuron

2.網站架構（導覽列名稱與檔名）
index-淡水
historic site-古蹟
attraction-景點
delicacy-美食
about-古蹟
gallery-景點
contact-美食
traffic-交通

3.內容大綱：
介紹淡水歷史、美食、景點等等...，讓人能更了解歷史悠久、名勝古蹟、山明水秀的淡水。

4.主要對象(分析)： 大眾、觀光客

5.網頁架構圖(樹狀圖)：
<a href="http://imgur.com/8dHZtdf"><img src="http://i.imgur.com/8dHZtdf.png" title="source: imgur.com" /></a>

6.網頁版型設計圖wireframe
<a href="http://imgur.com/qZRfB9c"><img src="http://i.imgur.com/qZRfB9c.png" title="source: imgur.com" /></a>
7.色彩規劃： 主要是以藍色、橘色、白色為主，代表淡水的海邊景色，及傍晚唯美的夕陽。

8.歷屆得獎分析(至少三組) :
夜色台北→http://www.taiwanonly.tw/index.html
 分析：首頁背景運用馬路車潮動態作為幻影，
應用了晚上夜色之美，首頁字體設計簡潔流利。
內容皆採用短片的方式，用影像及聲音感受，
說明不同時段的台北夜色之美。
/

歲月時分→http://timeline.tw/
分析：利用插畫及圖片方式製作此網站，每一個分頁
分別都不同主題，分別設定不同的服裝，用動態的方式瀏覽，
每頁下方還有詳細的資料可導覽。
/

大山北月→http://www.bighillnorthmoon.tw/cafe/
分析：首頁為動態方式，幾秒後會撥放不同圖片，
下方為導覽列，整體利用插畫及選用比較親近的字體，右下方
同時還能撥放輕音樂，優點的地方在於，不管開哪個介面，
都不會影響到音樂的撥放，內頁皆有動圖會滑入圖片，資料完整，
另外也有設定back，方便回到選項列。


組員名單

1045445071徐夢蔆
1045445074 簡依柔
1045445080張凱茵
1045445092 陳婉儀
1045445161湯若翎
1045445188莊惠欣

企劃大綱
1.網站主題：淡水
參考版型:https://html5up.net/escape-velocity
ate.com/live/2085-neuron
tooplate.com/live/2085-neuron

2.網站架構（導覽列名稱與檔名）
index-淡水
historic site-古蹟
attraction-景點
delicacy-美食
about-古蹟
gallery-景點
contact-美食
traffic-交通

3.內容大綱：
介紹淡水歷史、美食、景點等等...，讓人能更了解歷史悠久、名勝古蹟、山明水秀的淡水。

4.主要對象(分析)： 大眾、觀光客

5.網頁架構圖(樹狀圖)：
<a href="http://imgur.com/8dHZtdf"><img src="http://i.imgur.com/8dHZtdf.png" title="source: imgur.com" /></a>

6.網頁版型設計圖wireframe
<a href="http://imgur.com/qZRfB9c"><img src="http://i.imgur.com/qZRfB9c.png" title="source: imgur.com" /></a>
7.色彩規劃： 主要是以藍色、橘色、白色為主，代表淡水的海邊景色，及傍晚唯美的夕陽。

8.歷屆得獎分析(至少三組) :
夜色台北→http://www.taiwanonly.tw/index.html
 分析：首頁背景運用馬路車潮動態作為幻影，
應用了晚上夜色之美，首頁字體設計簡潔流利。
內容皆採用短片的方式，用影像及聲音感受，
說明不同時段的台北夜色之美。
/

歲月時分→http://timeline.tw/
分析：利用插畫及圖片方式製作此網站，每一個分頁
分別都不同主題，分別設定不同的服裝，用動態的方式瀏覽，
每頁下方還有詳細的資料可導覽。
/

大山北月→http://www.bighillnorthmoon.tw/cafe/
分析：首頁為動態方式，幾秒後會撥放不同圖片，
下方為導覽列，整體利用插畫及選用比較親近的字體，右下方
同時還能撥放輕音樂，優點的地方在於，不管開哪個介面，
都不會影響到音樂的撥放，內頁皆有動圖會滑入圖片，資料完整，
另外也有設定back，方便回到選項列。


組員名單

1045445071徐夢蔆
1045445074 簡依柔
1045445080張凱茵
1045445092 陳婉儀
1045445161湯若翎
1045445188莊惠欣

企劃大綱
1.網站主題：淡水
參考版型:https://html5up.net/escape-velocity
tooplate.com/live/2085-neuron

2.網站架構（導覽列名稱與檔名）
index-淡水
historic site-古蹟
attraction-景點
delicacy-美食
about-古蹟
gallery-景點
contact-美食
traffic-交通

3.內容大綱：
介紹淡水歷史、美食、景點等等...，
http://imgur.com/8dHZtdf

6.網頁版型設計圖wireframe
http://imgur.com/qZRfB9c
http://i.imgur.com/8dHZtdf.png

6.網頁版型設計圖wireframe
http://i.imgur.com/qZRfB9c.png

��名勝古蹟、山明水秀的淡水。

4.主要對象(分析)： 大眾、觀光客

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


6.網頁版型設計圖wireframe

7.色彩規劃： 主要是以藍色、橘色、白色為主，代表淡水的海邊景色，及傍晚唯美的夕陽。

8.歷屆得獎分析(至少三組) :
夜色台北→http://www.taiwanonly.tw/index.html
 分析：首頁背景運用馬路車潮動態作為幻影，
應用了晚上夜色之美，首頁字體設計簡潔流利。
內容皆採用短片的方式，用影像及聲音感受，
說明不同時段的台北夜色之美。
/

歲月時分→http://timeline.tw/
分析：利用插畫及圖片方式製作此網站，每一個分頁
分別都不同主題，分別設定不同的服裝，用動態的方式瀏覽，
每頁下方還有詳細的資料可導覽。
/

大山北月→http://www.bighillnorthmoon.tw/cafe/
分析：首頁為動態方式，幾秒後會撥放不同圖片，
下方為導覽列，整體利用插畫及選用比較親近的字體，右下方
同時還能撥放輕音樂，優點的地方在於，不管開哪個介面，
都不會影響到音樂的撥放，內頁皆有動圖會滑入圖片，資料完整，
另外也有設定back，方便回到選項列。


組員名單

1045445071徐夢蔆
1045445074 簡依柔
1045445080張凱茵
1045445092 陳婉儀
1045445161湯若翎
1045445188莊惠欣