Change History

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

2.網站主題： 三峽老街
3.內容描述： 關於三峽老街的一切。
4.風格設計： 有點古早味帶點現代感。
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
026 : 照片修圖
053 : 內容、CSS
119 : 地圖規劃、交通資訊


6.團體製作心得：CSS好難找喔!!!(升天)

-----

1.網站主題： 三峽老街
參考版型 ─ http://shimabalife.jp/
2.內容大綱：
index : 關於三峽老街
delicacy : 店家與美食的推薦
attractions : 景點
map : 地圖

3.主要對象(分析)：三峽老街觀光客

4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/xMMELyF.jpg[/img]



5.網頁版型設計圖
[img]http://i.imgur.com/mfSI12j.jpg[/img]





6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
頭城老街：
http:[/url]//toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。

7.歷屆得獎分析(至少三組)
頭城老街：
http://toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。


內灣老街：http://163.29.3.94/neiwanrailline/Travel.html
打開首頁就有大自然芬多精圍繞在四週的感覺，
整體感受是環境美好空氣清晰，
設定幻燈片的方式瀏覽圖片，
每頁都有詳細的交通導覽資訊。

鶯歌老街：http://yingge.tw/
以鶯歌最主要的陶瓷特色為首頁的重頭戲，
作品排列整齊，作者及景點特別分為左右欄，
但還是有待加強ＱＱ



8.組員名單(學號）
1045445026 王怡蘋
1045445053 陳雅琳
1045445119 蔡雨澄

1.網站主題： 三峽老街
參考版型 ─ http://shimabalife.jp/
2.內容大綱：
index : 關於三峽老街
delicacy : 店家與美食的推薦
attractions : 景點
map : 地圖

3.主要對象(分析)：三峽老街觀光客

4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/3Rosvsu.jpg[/img]
[img]http://i.imgur.com/xMMELyF.jpg[/img]



5.網頁版型設計圖
[img]http://i.imgur.com/mfSI12j.jpg[/img]





6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
頭城老街：
http:[/url]//toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。

7.歷屆得獎分析(至少三組)
頭城老街：
http://toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。


內灣老街：http://163.29.3.94/neiwanrailline/Travel.html
打開首頁就有大自然芬多精圍繞在四週的感覺，
整體感受是環境美好空氣清晰，
設定幻燈片的方式瀏覽圖片，
每頁都有詳細的交通導覽資訊。

鶯歌老街：http://yingge.tw/
以鶯歌最主要的陶瓷特色為首頁的重頭戲，
作品排列整齊，作者及景點特別分為左右欄，
但還是有待加強ＱＱ



8.組員名單(學號）
1045445026 王怡蘋
1045445053 陳雅琳
1045445119 蔡雨澄

1.網站主題： 三峽老街
參考版型 ─ http://shimabalife.jp/
2.內容大綱：
index : 關於三峽老街
delicacy : 店家與美食的推薦
attractions : 景點
map : 地圖

3.主要對象(分析)：三峽老街觀光客

4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/4rqIczJ.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/7wTLbDL.jpg[/img]
[img]http://i.imgur.com/3Rosvsu.jpg[/img]
[img]http://i.imgur.com/xMMELyF.jpg[/img]



5.網頁版型設計圖
[img]http://i.imgur.com/mfSI12j.jpg[/img]





6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
頭城老街：
http:[/url]//toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。

7.歷屆得獎分析(至少三組)
頭城老街：
http://toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。


內灣老街：http://163.29.3.94/neiwanrailline/Travel.html
打開首頁就有大自然芬多精圍繞在四週的感覺，
整體感受是環境美好空氣清晰，
設定幻燈片的方式瀏覽圖片，
每頁都有詳細的交通導覽資訊。

鶯歌老街：http://yingge.tw/
以鶯歌最主要的陶瓷特色為首頁的重頭戲，
作品排列整齊，作者及景點特別分為左右欄，
但還是有待加強ＱＱ



8.組員名單(學號）
1045445026 王怡蘋
1045445053 陳雅琳
1045445119 蔡雨澄

1.網站主題： 三峽老街
參考版型 ─ http://shimabalife.jp/
2.內容大綱：
index : 關於三峽老街
delicacy : 店家與美食的推薦
attractions : 景點
map : 地圖

3.主要對象(分析)：三峽老街觀光客

4.網頁架構圖(樹狀圖)：
[img]http://i.imgur.com/SmRSCpU.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/zathDZ2.jpg[/img]

6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
少三組)
http:].imgur.com/4rqIczJ.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/7wTLbDL.jpg[/img]
[img]http://i.imgur.com/3Rosvsu.jpg[/img]
[img]http://i.imgur.com/xMMELyF.jpg[/img]



5.網頁版型設計圖
[img]http://i.imgur.com/mfSI12j.jpg[/img]





6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
頭城老街：
http:[/url]//toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。

7.歷屆得獎分析(至少三組)
頭城老街：
http://toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。


內灣老街：http://163.29.3.94/neiwanrailline/Travel.html
打開首頁就有大自然芬多精圍繞在四週的感覺，
整體感受是環境美好空氣清晰，
設定幻燈片的方式瀏覽圖片，
每頁都有詳細的交通導覽資訊。

鶯歌老街：http://yingge.tw/
以鶯歌最主要的陶瓷特色為首頁的重頭戲，
作品排列整齊，作者及景點特別分為左右欄，
但還是有待加強ＱＱ



8.組員名單(學號）
1045445026 王怡蘋
1045445053 陳雅琳
1045445119 蔡雨澄

1.網站主題： 三峽老街
參考版型 ─ http://shimabalife.jp/
2.內容大綱：
index : 關於三峽老街
delicacy : 店家與美食的推薦
attractions : 景點
map : 地圖

3.主要對象(分析)：三峽老街觀光客

4.網頁架構圖(樹狀圖)：
[img]http://imgur.com/tWMFPjw[/img]

5.網頁版型設計圖
[img]http://imgur.com/c1I3Se9[/img]

6.色彩規劃： 黑白色調
[img]http://i.imgur.com/SmRSCpU.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/zathDZ2.jpg[/img]

6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
http:.imgur.com/4rqIczJ.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/7wTLbDL.jpg[/img]
[img]http://i.imgur.com/3Rosvsu.jpg[/img]
[img]http://i.imgur.com/xMMELyF.jpg[/img]



5.網頁版型設計圖
[img]http://i.imgur.com/mfSI12j.jpg[/img]





6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
頭城老街：
http:[/url]//toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。

7.歷屆得獎分析(至少三組)
頭城老街：
http://toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。


內灣老街：http://163.29.3.94/neiwanrailline/Travel.html
打開首頁就有大自然芬多精圍繞在四週的感覺，
整體感受是環境美好空氣清晰，
設定幻燈片的方式瀏覽圖片，
每頁都有詳細的交通導覽資訊。

鶯歌老街：http://yingge.tw/
以鶯歌最主要的陶瓷特色為首頁的重頭戲，
作品排列整齊，作者及景點特別分為左右欄，
但還是有待加強ＱＱ



8.組員名單(學號）
1045445026 王怡蘋
1045445053 陳雅琳
1045445119 蔡雨澄

1.網站主題： 三峽老街
參考版型 ─ http://shimabalife.jp/
2.內容大綱：
index : 關於三峽老街
delicacy : 店家與美食的推薦
attractions : 景點
map : 地圖

3.主要對象(分析)：三峽老街觀光客

4.網頁架構圖(樹狀圖)：
[img]http://imgur.com/tWMFPjw[/img]

5.網頁版型設計圖
[img]http://imgur.com/c1I3Se9[/img]

6.色彩規劃： 黑白色調
[img]http://i.imgur.com/SmRSCpU.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/zathDZ2.jpg[/img]

6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
http:.imgur.com/4rqIczJ.jpg[/img]

5.網頁版型設計圖
[img]http://i.imgur.com/7wTLbDL.jpg[/img]
[img]http://i.imgur.com/3Rosvsu.jpg[/img]
[img]http://i.imgur.com/xMMELyF.jpg[/img]



5.網頁版型設計圖
[img]http://i.imgur.com/mfSI12j.jpg[/img]





6.色彩規劃： 秘密♥

7.歷屆得獎分析(至少三組)
頭城老街：
http:[/url]//toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。

7.歷屆得獎分析(至少三組)
頭城老街：
http://toucheng.yibnb.com/scenic.htm
呈現出小清晰又帶點溫馨感，
用了一些跨圖的排版格式和淡入的特效，
介紹住宿的內容皆採用幻燈片的方式，方便瀏覽，
顛覆了老街首頁的呆板印象。


內灣老街：http://163.29.3.94/neiwanrailline/Travel.html
打開首頁就有大自然芬多精圍繞在四週的感覺，
整體感受是環境美好空氣清晰，
設定幻燈片的方式瀏覽圖片，
每頁都有詳細的交通導覽資訊。

鶯歌老街：http://yingge.tw/
以鶯歌最主要的陶瓷特色為首頁的重頭戲，
作品排列整齊，作者及景點特別分為左右欄，
但還是有待加強ＱＱ



8.組員名單(學號）
1045445026 王怡蘋
1045445053 陳雅琳
1045445119 蔡雨澄