Change History

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

2.網站主題： Night market

3.內容描述：介紹台灣的夜市，小吃、娛樂、起源、文化、歷史等。

4.風格設計：黑色的底表現出夜晚的意象，暖色系則代表小吃的色彩，並以現代感的設計風格表現夜
市文化，整體為簡約風。

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

6.個人製作心得：
做出來後覺得效果很好，雖然是套用版型的，但是很多地方有在自己重改重設計，比較花時間的是去
拍照、查資料和整理，不過這也讓我更了解自己做的網頁內容為何，去了解了一個關於台灣的文化，
我認為也很值得。


<b>企劃大綱</b>
1.網站主題：Night market
參考版型：http://www.tooplate.com/live/2075-digital-team

2.網站架構（導覽列名稱與檔名）
首頁
各大夜市
人氣指數
推薦店家
特色小吃
美食介紹
各家地址

3.內容大綱：
介紹台灣各個夜市的文化、美食等，讓人更了解台灣夜市的魅力，以及他的獨特性，並知道每個夜市
的差別，可以選擇自己偏愛的夜市，最後提供每家的地址讓人更加明瞭。

4.主要對象(分析)：
大眾、喜愛夜市的人。

5.網頁架構圖(樹狀圖)：
<img width="80%" src="http://i.imgur.com/hZoEGDl.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/9JABMRt.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017<img width="80%" src="http://i.imgur.com/XPpBEEZ.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/N4uOpXL.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017

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

2.網站主題： Night market

3.內容描述：介紹台灣的夜市，小吃、娛樂、起源、文化、歷史等。

4.風格設計：黑色的底表現出夜晚的意象，暖色系則代表小吃的色彩，並以現代感的設計風格表現夜
市文化，整體為簡約風。

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

6.個人製作心得：
做出來後覺得效果很好，雖然是套用版型的，但是很多地方有在自己重改重設計，比較花時間的是去
拍照、查資料和整理，不過這也讓我更了解自己做的網頁內容為何，去了解了一個關於台灣的文化，
我認為也很值得。


<b>企劃大綱</b>
1.網站主題：Night market
參考版型：http://www.tooplate.com/live/2075-digital-team

2.網站架構（導覽列名稱與檔名）
首頁
各大夜市
人氣指數
推薦店家
特色小吃
美食介紹
各家地址

3.內容大綱：
介紹台灣各個夜市的文化、美食等，讓人更了解台灣夜市的魅力，以及他的獨特性，並知道每個夜市
的差別，可以選擇自己偏愛的夜市，最後提供每家的地址讓人更加明瞭。

4.主要對象(分析)：
大眾、喜愛夜市的人。

5.網頁架構圖(樹狀圖)：
<img width="80%" src="http://i.imgur.com/hZoEGDl.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/9JABMRt.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017<img width="80%" src="http://i.imgur.com/XPpBEEZ.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/N4uOpXL.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017

<b>企劃大綱</b>
1.網站主題：Night market
參考版型：http://www.to參考版型：http://www.to81-solution
75-digital-team
2075-digital-team

2.網站架構（導覽列名稱與檔名）
首頁
各大夜市
人氣指數
推薦店家
特色小吃
美食介紹
各家地址

3.內容大綱：
介紹台灣各個夜市的文化、美食等，讓人更了解台灣夜市的魅力，以及他的獨特性，並知道每個夜市
的差別，可以選擇自己偏愛的夜市，最後提供每家的地址讓人更加明瞭。

4.主要對象(分析)：
大眾、喜愛夜市的人。

5.網頁架構圖(樹狀圖)：
<img width="80%" src="http://i.imgur.com/hZoEGDl.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/9JABMRt.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017<img width="80%" src="http://i.imgur.com/XPpBEEZ.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/N4uOpXL.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017

<b>企劃大綱</b>
1.網站主題：Night market
參考版型：http://www.to參考版型：http:/viewlive.to參考版型：http://www.to81-solution
2075-digital-team

2.網站架構（導覽列名稱與檔名）
首頁
各大夜市
人氣指數
推薦店家
特色小吃
美食介紹
各家地址

3.內容大綱：
介紹台灣各個夜市的文化、美食等，讓人更了解台灣夜市的魅力，以及他的獨特性，並知道每個夜市
的差別，可以選擇自己偏愛的夜市，最後提供每家的地址讓人更加明瞭。

4.主要對象(分析)：
大眾、喜愛夜市的人。

5.網頁架構圖(樹狀圖)：
<img width="80%" src="http://i.imgur.com/hZoEGDl.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/9JABMRt.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017<img width="80%" src="http://i.imgur.com/XPpBEEZ.jpg" border="0">

6.網頁版型設計圖wireframe：
<img width="80%" src="http://i.imgur.com/N4uOpXL.jpg" border="0">

7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017

企劃大綱
1.網站主題：Night market
�考版型：http:/view.to參考版型：http://www.to81-solution
2075-digital-team

2.網站架構（導覽列名稱與檔名）
首頁
各大夜市
人氣指數
推薦店家
特色小吃
美食介紹
各家地址

3.內容大綱：
介紹台灣各個夜市的文化、美食等，讓人更了解台灣夜市的魅力，以及他的獨特性，並知道每個夜市
的差別，可以選擇自己偏愛的夜市，最後提供每家的地址讓人更加明瞭。

4.主要對象(分析)：
大眾、喜愛夜市的人。

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


6.網頁版型設計圖wireframe：


7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017

6.網頁版型設計圖wireframe：


7.色彩規劃：
主要是黑色的背景，代表夜市的景色和襯托圖片，而因為小吃主要是橙黃色，所以再以部分的暖色系
作輔助，整體以簡潔為主。

8.歷屆得獎分析(至少三組)：
Slang Formosa（醋咪ㄟ流行語）http://www.slangmosa.tw/：
他的版型是簡約的風格，但內容相當有趣，主要是介紹現代人的獨特用詞，這也非常代表台灣，因為
台灣的確有很多新奇的語言，且不斷更新，整體來看是很現代又充滿趣味性的網頁設計。

食尚大學 http://www.foosion.tw/：
也是簡約的風格，但主圖是動態效果，看起來更有變化，還有以學校的方式來做食物的分類，搭配可
愛的小圖示，也很創新，而內容是除了點進去後有詳細介紹外，還能以登入的方式看自己是哪種學院。

原來那有趣.HiTribe http://www.hitribe.idv.tw/：
主要是介紹食安問題，內容豐富又很多，能看出是有細心去調查的，導覽列的部分點進去後有很多資
訊，版面也是乾淨俐落，底部的圖案設計很活潑可愛。

9.組員名單：
江欣頤 1045445017