Change History

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

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)： [img]<blockquote class="imgur-embed-pub" lang="en" data-id="a/L0HGZ"><a href="//imgur.com/L0HGZ"></a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰

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

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)： [img]<blockquote class="imgur-embed-pub" lang="en" data-id="a/L0HGZ"><a href="//imgur.com/L0HGZ"></a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰

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

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)： [img]<blockquote class="imgur-embed-pub" lang="en" data-id="a/L0HGZ"><a href="//imgur.com/L0HGZ"></a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃：
6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰

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

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)：
e><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]
" data-id="a/L0HGZ"><a href="//imgur.com/L0HGZ"></a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃：
6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰

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

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)：
" data-id="a/L0HGZ"><a href="//imgur.com/L0HGZ"></a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃：
6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰

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

15

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)：
" data-id="a/L0HGZ"><a href="//imgur.com/L0HGZ"></a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃：
6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰

15

1.網站主題： 南寮
2.內容大綱： 簡約的南寮風情以及介紹

3.主要對象(分析)： 大眾 希望來到南寮漁港的朋友們 能夠欣賞到南寮風景的美與景色

4.網頁架構圖(樹狀圖)：
" data-id="a/L0HGZ">[/img]

5.網頁版型設計圖 http://www.free-css.com/free-css-templates/page211/bocor

6.色彩規劃：
6.色彩規劃： 每一頁都以不同的情境來做以色彩的色調與變化
以簡單舒服的柔色調 來襯托大自然散發出的舒適與親近的和諧


7.歷屆得獎分析(至少三組)

1.大山北月：http://www.bighillnorthmoon.tw/cafe/
整體版明很有趣味性 字體也很可愛 有童趣風格的感覺
讓人感到舒適的視覺效果

2.夜色台北 :http://www.taiwanonly.tw/index.html
內容的介紹 讓人看了也感受到夜晚時分的生活型態
版面的字體也相當有設計感 內容的配色與排版也讓人覺得很簡潔又有質感
內容的影片也讓我感到十分佩服 跳窗的燈箱設計也別有一番風味的感受

3.歲月時分:http://timeline.tw/
我覺得內容及插畫的部分都讓我感到很有趣!
插花很有自己的風格 排版與設計添加了趣味性
並讓整體的網頁型態充滿了活潑的感覺
也深入體會到內容提及到的當下的心情與感受

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰心得
這次的作業使用的版型，他原本比較簡單東西也比較沒有那麼多
所以我們增加了很多的東西，去找出他的CSS來做更多的變化，
雖然有些真的找得比較久，不過最後會很有成就感，也增加趣味的彈跳視窗
使畫面更活潑一點 也增加了一些色調 不會讓畫面顯得單調~
每一張照片也都是自己拍的然後再去經過PS去修去改 雖然好多張唷!不過慢慢地改完 整體的美感也呈現了!!!
這次的檔案比較大 不過還好很順利上傳完整 !
謝謝老師這一年辛苦的指導 我覺得我們學到好多呢!!!

8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰然後我們最後也有修改老師在課堂上給我們的建議以及需要修正的地方~~~~:))))))


8.組員名單(學號） 1045445015王宜雯 1045445033許敬杰