Change History

學號：作業網址：http://mepopedia.com/~css105-2b/hw04/hw04-1045445017

(1)原網站名稱及網址：
佳樂精緻蛋糕專賣店 http://www.cakeking.com.tw/front/bin/home.phtml
t/
IDA http://www.godiva.com.tw/twcht/
修改的原因：
●屬於比較舊式的網頁版面
●上排導覽列的字不清楚
●左邊按鈕部分圖片過於重複
●字體沒有統一
●主圖很雜亂
●整體沒有質感
●顏色太多種

(2)參考網站名稱與網址：
chochoco巧克力專賣 http://chochoco.com/
參考的原因：
●黑底與金色的字很有質感
●導覽列很清楚
●游標指向按鈕時有變化
●字體統一
●排版簡潔明瞭
法國的秘密甜點 http://www.thesecretcake.com.tw/
參考的原因：
●擅長用圖片讓網頁豐富
●可以清楚的往下瀏覽
●每一頁都有特色
●整體很有質感

(3)色彩計畫：以黑色為背景，襯托主題，配合金色的字，增加高級感。

(4)風格特色：簡約、高級。

(5)製作時請特別注意以下數值，並比較與平面排版之差異：
字體設定(font-family)
導覽列：15px
內文級數：15px(小標題)13px(內文)
網站寬度：1000px

(6)製作心得：做完這次作業後，又學到更多東西了，第一次使用PS來
做，發現沒有想像中的難，也了解網頁設計有很多種排版，除了美觀之
外，怎麼樣排以及字體的級數都很重要。

學號：1045445017
(1)原網站名稱及網址：
佳樂精緻蛋糕專賣店 http://www.cakeking.com.tw/front/bin/home.phtml
IDA http://www.godiva.com.tw/twcht/
修改的原因：
●屬於比較舊式的網頁版面
●上排導覽列的字不清楚
●左邊按鈕部分圖片過於重複
●字體沒有統一
●主圖很雜亂
●整體沒有質感
●顏色太多種

(2)參考網站名稱與網址：
chochoco巧克力專賣 http://chochoco.com/
參考的原因：
●黑底與金色的字很有質感
●導覽列很清楚
●游標指向按鈕時有變化
●字體統一
●排版簡潔明瞭
法國的秘密甜點 http://www.thesecretcake.com.tw/
參考的原因：
●擅長用圖片讓網頁豐富
●可以清楚的往下瀏覽
●每一頁都有特色
●整體很有質感

(3)色彩計畫：以黑色為背景，襯托主題，配合金色的字，增加高級感。

(4)風格特色：簡約、高級。

(5)製作時請特別注意以下數值，並比較與平面排版之差異：
字體設定(font-family)
導覽列：15px
內文級數：15px(小標題)13px(內文)
網站寬度：1000px

(6)製作心得：做完這次作業後，又學到更多東西了，第一次使用PS來
做，發現沒有想像中的難，也了解網頁設計有很多種排版，除了美觀之
外，怎麼樣排以及字體的級數都很重要。

(1)原網站名稱及網址：
佳樂精緻蛋糕專賣店 http://www.cakeking.com.tw/front/bin/home.phtml
IDA http://www.godiva.com.tw/twcht/
修改的原因：
●屬於比較舊式的網頁版面
●上排導覽列的字不清楚
●左邊按鈕部分圖片過於重複
●字體沒有統一
●主圖很雜亂
●整體沒有質感
●顏色太多種

(2)參考網站名稱與網址：
chochoco巧克力專賣 http://chochoco.com/
參考的原因：
●黑底與金色的字很有質感
●導覽列很清楚
●游標指向按鈕時有變化
●字體統一
●排版簡潔明瞭
法國的秘密甜點 http://www.thesecretcake.com.tw/
參考的原因：
●擅長用圖片讓網頁豐富
●可以清楚的往下瀏覽
●每一頁都有特色
●整體很有質感

(3)色彩計畫：以黑色為背景，襯托主題，配合金色的字，增加高級感。

(4)風格特色：簡約、高級。

(5)製作時請特別注意以下數值，並比較與平面排版之差異：
字體設定(font-family)
導覽列：15px
內文級數：15px(小標題)13px(內文)
網站寬度：1000px

(6)製作心得：做完這次作業後，又學到更多東西了，第一次使用PS來
做，發現沒有想像中的難，也了解網頁設計有很多種排版，除了美觀之
外，怎麼樣排以及字體的級數都很重要。