Change History

企劃大綱
1.網站主題：北埔老街
2.內容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化有興趣者
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：<img width="100%" src="http://i.imgur.com/TwiOqsO.png" border="0">
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。

企劃大綱
1.網站主題：北埔老街
2.內容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化有興趣者
4.網頁架構圖(樹狀圖)：
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：<img width="100%" src="http://i.imgur.com/TwiOqsO.png" border="0">
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。

企劃大綱
1.網站主題：北埔老街
2.內容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化有興趣者
4.網頁架構圖(樹狀圖)：
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：<img width="100%" src="http://i.imgur.com/TwiOqsO.png" border="0">
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。

1.網站主題：北埔老街
2.內容大綱： 介紹北埔在地人文與當2.內擂茶。
容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化有興趣者
4.網頁架構圖(樹狀圖)：
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：<img width="100%" src="http://i.imgur.com/TwiOqsO.png" border="0">
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。

1.網站主題：北埔老街
2.內容大綱： 介紹北埔在地人文與當2.內擂茶。
容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化5.網頁版型設計圖
有興趣者
4.網頁架構圖(樹狀圖)：
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：<img width="100%" src="http://i.imgur.com/TwiOqsO.png" border="0">
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。

1.網站主題：北埔-擂茶
老街
2.內容大綱： 介紹北埔在地人文與當2.內擂茶。
容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化5.網頁版型設計圖
6.色彩規劃： 純樸的木質色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
有興趣者
4.網頁架構圖(樹狀圖)：
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：<img width="100%" src="http://i.imgur.com/TwiOqsO.png" border="0">
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。

1.網站主題：北埔-擂茶
老街
2.內容大綱： 介紹北埔在地人文與當2.內擂茶。
容大綱： 介紹北埔在地人文與當地名產。
3.主要對象(分析)： 對於旅遊與文化5.網頁版型設計圖
6.色彩規劃： 純樸的木質色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
有興趣者
4.網頁架構圖(樹狀圖)：
4.網頁架構圖(樹狀圖)：[img]http://imgur.com/a/evmhq[/img]
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖 : https://html5up.net/ethereal
6.色彩規劃： 純樸的紅磚色彩為主色調象徵當地鄉土民情，輔色墨綠色 為擂茶代表色
\
7.歷屆得獎分析(至少三組)
http://retrospective.idv.tw/ 古早味鹹酸甜

使用的色調為黃色像是泛黃的紙質，再藉由小時候常吃的糖果餅乾的包裝使得配色鮮豔豐富，讓整體版面顯得生動有趣，趣味性高，彷彿令人重溫懷念的孩提時代。

http://www.words.tw/ 台灣字掘
版面風格簡潔有力，用色單純有種穩健踏實之感，更能凸顯字體的美感，文案簡明扼要，整體的設計很到位。


http://www.taiwanonly.tw/6pm.html 夜色台北

題材選用很特別，是以影片的方式分別記錄人們各時段的生活，而且也十分得貼近我們的日常，完整得呈現了台北的夜景。

8.組員名單(學號） : 1045445081 張譽瀚

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

2.網站主題： 北埔老街
3.內容描述： 介紹北埔當地名產與古蹟。
4.風格設計： 使用各種照片讓觀看者看到大大小小的北埔街景藉此能感受到身歷其中之感
5.組員名單：1045445081 張譽瀚
6.個人製作心得： 製作過程中，在參考版型上發現了許多小技巧以及程式碼應用方式，也發現到除了上課所教的技巧以及對於網頁架構的認識，還有就是實作過程中，思考著網頁版型是怎麼設計的，為什麼會這樣使用程式碼，修改的過程中有一種牽一髮動全身的感覺，可能不小心選錯甚麼或是調整甚麼，都會有一些摸不著頭緒的變動，哪邊有問題必須自己去找出問題在哪，然而這方面是我花了最多時間去推敲摸索的，卻也是我滿有成就感的部分，做得越多自己對於網頁的理解又加深了許多。