Change History
Message: Re: [作業02] 網頁格線排版練習
Original Message
作者: 蘭雅涵Date: March 10, 2014 10:04PM
Re: [作業02] 網頁格線排版練習
參考網站網址：[img]http://i.imgur.com/QQ3Gm69.jpg[/img]
改過成自己的：![]()
<滑鼠移過去導覽列字體顏色的改變、content圖片更改nLN4i5r顏色的變化
(1)網站分類：Design Firm設計公司
(2)網站主題：Tom and Jerry
(2)對象：小孩到成人的人〈5歲─50歲〉
(3)色彩計畫：以粉紅色為主要色調，header用淡淡的粉紅色加花邊，content用深的粉紅色，footer用比較注目的黃橘色為主要色調，因為footer就是要讓大家看到的注意事項，所以，用黃色會比較顯眼。
(4)風格設定、網頁看點、預期成效：
風格設定：想要讓整個網頁看起來有種親近、可愛的感覺
網頁看點：header和footer，header主要是以Tom and Jerry 的照片為主，footer是以整個材質為主，大主標題想要讓大家更看得清楚，所以，我以標題級數 Hobo stb- 24pt
導覽列 Hobo stb- 11pt
文章標題級數 Hobo stb- 24pt
內文級數(font-size) Hobo stb- 18pt
區塊內與區塊間的距離(padding) 20px (margin) auto
網站寬度(width) 1024乘768
(6)製作心得：第一次利用photoshop格線來做，格線可以讓整個畫面很整齊，做任何東西都不會歪掉， 可以做自己想要做的網頁效果，真的很不錯，希望下次還可以做更多更好的網頁效果，雖然，這個做了兩次，因為電腦當機，所以，可能更加熟能生巧，也希望越做越好的網頁。陰影作呈現。
(5)請整理以下數值：
字體設定(font-family)
標題級數 Book Antiqua - 24px
導覽列 Book Antiqua 12px
文章標題級數 微軟正黑體- 18px
內文級數(font-size) 微軟正黑體- 11px
區塊內與區塊間的距離(padding) 20px (margin) auto
網站寬度(width) 1024乘768
(6)製作心得：第一次利用photoshop格線來做，格線可以讓整個畫面很整齊，做任何東西都不會歪掉， 可以做自己想要做的網頁效果，真的很不錯，希望下次還可以做更多更好的網頁效果，雖然，這個做了兩次，因為電腦當機，所以，可能更加熟能生巧，也希望越做越好的網頁。
改過成自己的：
(1)網站分類：Design Firm設計公司
(2)網站主題：Tom and Jerry
(2)對象：小孩到成人的人〈5歲─50歲〉
(3)色彩計畫：以粉紅色為主要色調，header用淡淡的粉紅色加花邊，content用深的粉紅色，footer用比較注目的黃橘色為主要色調，因為footer就是要讓大家看到的注意事項，所以，用黃色會比較顯眼。
(4)風格設定、網頁看點、預期成效：
風格設定：想要讓整個網頁看起來有種親近、可愛的感覺
網頁看點：header和footer，header主要是以Tom and Jerry 的照片為主，footer是以整個材質為主，大主標題想要讓大家更看得清楚，所以，我以標題級數 Hobo stb- 24pt
導覽列 Hobo stb- 11pt
文章標題級數 Hobo stb- 24pt
內文級數(font-size) Hobo stb- 18pt
區塊內與區塊間的距離(padding) 20px (margin) auto
網站寬度(width) 1024乘768
(6)製作心得：第一次利用photoshop格線來做，格線可以讓整個畫面很整齊，做任何東西都不會歪掉， 可以做自己想要做的網頁效果，真的很不錯，希望下次還可以做更多更好的網頁效果，雖然，這個做了兩次，因為電腦當機，所以，可能更加熟能生巧，也希望越做越好的網頁。陰影作呈現。
(5)請整理以下數值：
字體設定(font-family)
標題級數 Book Antiqua - 24px
導覽列 Book Antiqua 12px
文章標題級數 微軟正黑體- 18px
內文級數(font-size) 微軟正黑體- 11px
區塊內與區塊間的距離(padding) 20px (margin) auto
網站寬度(width) 1024乘768
(6)製作心得：第一次利用photoshop格線來做，格線可以讓整個畫面很整齊，做任何東西都不會歪掉， 可以做自己想要做的網頁效果，真的很不錯，希望下次還可以做更多更好的網頁效果，雖然，這個做了兩次，因為電腦當機，所以，可能更加熟能生巧，也希望越做越好的網頁。