Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業03] HTML與CSS練習--首頁實作篇

[作業03] HTML與CSS練習--首頁實作篇

1. HTML與CSS練習--首頁實作篇作業說明


請參考
[講義] HTML與CSS練習--首頁實作篇:http://mepopedia.com/forum/read.php?804,43670

1. 作業目的

1.進一步熟悉HTML與CSS
2.練習將視覺與語法結合
3.學習如何修改HTML與CSS語法



2. 作業說明

1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。



3. 作業步驟

1.參考http://mepopedia.com/~web102-c/hw03/hw03/
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,43670
2.重新設定一全新網站的主題,蒐集相關主題及內容資料
3.重新設定網站主題、使用對象、色彩計畫、圖片元素等。
4.製作背景圖片、整體色彩設定,標題及文字內容。
5.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
6.將資料夾命名為 hw03-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~web102-c/hw03/hw03-1015445XXX

並請回覆:

(1)作業網址:
(2)網站主題:
(2)對象:
(3)色彩計畫:
(4)風格設定、網頁看點、預期成效:
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:
學號



請於規定時間準時繳交作業,逾期不後。



(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445252
(2)網站主題:迪士尼-小飛象
(2)對象: 喜愛皮克斯動畫
(3)色彩計畫: 活潑可愛配色
(4)風格設定、網頁看點、預期成效: 可愛俏皮風
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:感覺比之前更熟練一些了,操作過程中覺得語法好像也不是那麼的難懂。

1015445252

(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445206
(2)網站主題:客家本色
(2)對象:客家人或對客家文化有興趣的人
(3)色彩計畫:客家的鮮豔色調
(4)風格設定、網頁看點、預期成效: 純樸
(5)請整理以下數值:
全部沒改
(6)製作心得: 自己亂點亂按試出來,後來有不懂的就自己研究影片,按照老師教得做

1015445206

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445223
(2)網站主題:NIKE JORDEN
(2)對象: 喜愛NIKE JORDEN
(3)色彩計畫: 灰白墨綠
(4)風格設定、網頁看點、預期成效: 灰白極簡風格
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:操作過程中覺得好像沒有想像中的難懂,感覺有拉回來

(1)作業網址:
http://mepopedia.com/~web102-c/hw03/hw03-1015445245

(2)網站主題:動畫卡通-膽小狗英雄
(2)對象: 小朋友和大人(童年的回憶)
(3)色彩計畫:紅 藍紫 黑
(4)風格設定、網頁看點、預期成效: 有點小狗的一點 恐怖 + 趣味 感
(5)請整理以下數值:
微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:
越來越熟練了,語法也比較清楚。做的越來越有心得了 ^^


1015445245

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445212

(2)網站主題:野獸冒險樂園
(2)對象: 喜歡繪本的人
(3)色彩計畫:藍色綠色慵懶舒適配色
(4)風格設定、網頁看點、預期成效: 舒適
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:越來越熟練了,難懂的地方也能慢慢摸索。 smiling bouncing smiley


1015445212

作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445254

網站主題: 韓劇(急診男女)
對象: 一般大眾
色彩計畫: 藍色系
風格設定、網頁看點、預期成效: 簡單、方便
標題級數 : 微軟正黑體 24px、文
章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得: 慢慢回憶起語法了!!! 耶~

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445233/
(2)網站主題: Alice in Wonderland
(2)對象: 喜歡魔鏡夢遊的人
(3)色彩計畫: 深綠深紅
(4)風格設定、網頁看點、預期成效: 森林.神秘.奇幻
(5)請整理以下數值:
字體設定(font-family)
標題級數 24px
文章標題級數 20px
內文級數(font-size) 20px
(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
padding : 0px / margin: 0px
網站寬度(width)(單位px) 1025px
(6)製作心得:
雖然還是覺得網頁設計超難,但有認真把它做出來了
學號:1015445233

(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445218/

(2)網站主題:Jill's Candy Shop
(2)對象:喜歡吃糖果的人
(3)色彩計畫:橘色調為主
(4)風格設定、網頁看點、預期成效:可愛甜美風
(5)請整理以下數值:
字體設定:Arial
標題級數:24px、文章標題級數:20px、內文級數:12px
網站寬度:1025px
(6)製作心得:
有慢慢喚起以前的記憶了,
覺得越做越好囉!很開心spinning smiley sticking its tongue out

1015445218

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1005445160/
(2)網站主題: The Amazing World of Gumball
(2)對象: 喜歡阿甘妙世界。
(3)色彩計畫: 紫色與灰色
(4)風格設定、網頁看點、預期成效: 奇幻、可愛
(5)請整理以下數值:
字體設定(font-family)
標題級數 24px
文章標題級數 20px
內文級數(font-size) 20px
(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
padding : 0px / margin: 0px
網站寬度(width)(單位px) 1025px
(6)製作心得:
網頁設計感覺很新鮮有趣,希望可以多學深入的東西。

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445219/
(2)網站主題:大好き(吃)eat!eat!eat!eat!
(2)對象:給喜歡吃的人
(3)色彩計畫:綠色系
(4)風格設定、網頁看點、預期成效:簡潔和風、插畫風格、希望能有舒服的感覺
(5)請整理以下數值:
標題級數 : 微軟正黑體 24px
文章標題級數 : 微軟正黑體 20px
內文級數(font-size) : 微軟正黑體 12px
網站寬度: 1025px
(6)製作心得:搭導覽列的顏色竟然是最花時間的....
有做兩個子頁 一個是眼睛(但還沒想好要放什麼才好) 另一個是嘴巴(就一張圖片)

學號1015445219



Edited 1 time(s). Last edit at 04/01/2014 01:18PM by stying411.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445203
(2)網站主題:ZEDGE
(2)對象: 喜歡使用免費的美麗桌布鈴聲主題及遊戲的人
(3)色彩計畫: 柔和色系
(4)風格設定、網頁看點、預期成效: 溫馨柔和、有著美麗的視覺效果
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1351px
(6)製作心得:因為本身就很喜歡ZEDGE這個網站,也常常會去這個網站拿取許多美麗的圖片,在製作過程中很開心有成就感。

1015445203 梁誠翎

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445217
(2)網站主題:BEYONCE
(2)對象:喜歡BEYONCE的人
(3)色彩計畫:強烈對比色
(4)風格設定、網頁看點、預期成效:強烈對比、強壯的感覺
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1351px
(6)製作心得:謝謝貝貝,我第一次用FileZilla感覺很新鮮也感到這個世界上很方便。

1015445217 何青容

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445243/
(2)網站主題: A咖傑森
(2)對象:想認識他的人
(3)色彩計畫: 土、黃色
(4)風格設定、網頁看點、預期成效: 簡單直覺
(5)請整理以下數值:
字體設定(font-family)
14PX

標題級數、文章標題級數、內文級數(font-size)(單位px)
24PX 20PX 14PX

區塊內與區塊間的距離(padding)(margin)(單位px)
(padding)(margin)20px

網站寬度(width)(單位px) 800PX
(6)製作心得: 就醬而已~恩~ ˊ_>ˋ
學號1015445243

作業網址為http://mepopedia.com/~web102-c/hw03/hw03-1015445225

並請回覆: http://mepopedia.com/~web102-c/hw03/hw03-1015445225

(1)作業網址:
(2)網站主題:艷漢
(2)對象: 大眾
(3)色彩計畫: 白色
(4)風格設定、網頁看點、預期成效:乾淨
(5)請整理以下數值:
字體設定12
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:斗看不懂
學號 1015445225



Edited 2 time(s). Last edit at 04/01/2014 02:15AM by blckdesign.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445207

(2)網站主題: 芋圓柚子 OEURstudio!!
(2)對象: 喜歡看實況的人群

(3)色彩計畫: 暖色調
(4)風格設定、網頁看點、預期成效:簡單.可愛

(5)請整理以下數值:
字體設定:微軟正黑體、標題級數: 24px、
文章標題級數: 14px、內文級數: 12px、
區塊內與區塊間的距離:10px、網站寬度:800px

(6)製作心得: 終於做完了!網頁做出來有地方跑掉了...但我救不回來阿...(T^T

1015445207

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445208/
(2)網站主題:mt masking tape
(2)對象:喜歡紙膠帶
(3)色彩計畫:褐色系
(4)風格設定、網頁看點、預期成效:古典和風
(5)請整理以下數值:
標題級數 : 微軟正黑體 24px
文章標題級數 : 微軟正黑體 20px
內文級數(font-size) : 微軟正黑體 12px
網站寬度: 800px
(6)製作心得:尋找題材花很多時間,但做得開心很值得

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445234
(2)網站主題:韓劇-百年的新娘
(2)對象: 喜歡韓劇的人
(3)色彩計畫: 神秘感
(4)風格設定、網頁看點、預期成效:清晰
(5)請整理以下數值:
字體設定(font-family) 微軟正黑24px
標題級數:14px 文章標題級數 : 20px 內文級數: 12px
padding : 0px / margin: 0px
網站寬度:1025px
(6)製作心得: 越做越順手但還是有一些技巧會忘記.



Edited 1 time(s). Last edit at 04/02/2014 12:44AM by a1234561018.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445228
(2)網站主題:未聞花名
(2)對象:年輕人
(3)色彩計畫:綠 白 灰
(4)風格設定、網頁看點、預期成效: 清新自然
(5)請整理以下數值:
字體設定(font-family)
標題級數22px文章標題級數20px內文級數(font-size)12px
區塊內與區塊間的距離(padding)(margin)20px
網站寬度(width)800px
(6)製作心得: 突然感覺自己英文好爛喔....看不懂字還要一個一個去找.....
學號 1015445228

(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445242
(2)網站主題: 美國隊長
(2)對象: 電影迷
(3)色彩計畫:紅黑藍
(4)風格設定、網頁看點、預期成效:有尊貴又帥氣的表現方法
(5)請整理以下數值:
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
區塊內與區塊間的距離(padding)(margin)(單位px) padding : 0px / margin: 0px
網站寬度(width)(單位px) 1025px
(6)製作心得: 雖然有點失敗,但是我覺得很有成就感~
學號 1015445242



Edited 1 time(s). Last edit at 04/01/2014 04:05PM by 1015445242.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445239
(2)網站主題:CLOT品牌
(2)對象: CLOT
(3)色彩計畫: 簡單明瞭
(4)風格設定、網頁看點、預期成效: 精簡
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:spinning smiley sticking its tongue out

作業網址為http://mepopedia.com/~web102-c/hw03/hw03-1015445258

並請回覆:

(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445258
(2)網站主題: 全智賢女神
(2)對象:愛他的人。
(3)色彩計畫:用冷色調跟暖色調做搭配。
(4)風格設定、網頁看點、預期成效:希望看起來很和諧很舒服。
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:無敵難 五度放棄 但最後奇蹟似的完成了。
學號 1015445258

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445240
(2)網站主題:少女時代
(2)對象: 喜歡少女時代的粉絲
(3)色彩計畫: 粉紅色
(4)風格設定、網頁看點、預期成效:柔和風格
(5)請整理以下數值:
字體設定
標題級數 24px
文章標題級數 20px
內文級數 12px
區塊內與區塊間的距離 20px
網站寬度(width) 800px
(6)製作心得: 很開心做完了,希望能再增加自己的配色能力。

1015445240



Edited 1 time(s). Last edit at 04/03/2014 12:47PM by 1015445240.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445269
(2)網站主題:快樂樹朋友
(2)對象: 15歲以上
(3)色彩計畫: 活潑開朗配色
(4)風格設定、網頁看點、預期成效:明亮路線
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:太久沒操作很多地方都忘記,另外想額外學點其他效果,讓網頁變得更豐富!

1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445202
(2)網站主題:水原希子
(2)對象: 水原希子的粉絲
(3)色彩計畫: 可愛帶點剛硬
(4)風格設定、網頁看點、預期成效: 希望看完會更加喜歡網頁裡介紹的主題
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1351px
(6)製作心得:阿網頁阿...好頭痛...

作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445257

網站主題: 天兵公園
對象: 喜歡天兵公園的人
色彩計畫: 藍色系
風格設定、網頁看點、預期成效: 簡單、方便
標題級數 : 微軟正黑體 24px、文
章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得: 有想起以前怎麼做的,記憶有再慢慢恢復。

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445226

(2)網站主題:綠色糖果
(2)對象: 喜歡吃糖的人
(3)色彩計畫:鮮明的綠色白色
(4)風格設定、網頁看點、預期成效: 簡潔明亮
(5)請整理以下數值:
字體設定(font-family)
標題級數 : Trebuchet MS 28px、文章標題級數 : Trebuchet MS 12px 、內文級數(font-size) : Trebuchet MS 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:慢慢熟悉之前學的了

(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445227/

(2)網站主題:E'Z Chocolat
(2)對象:喜歡吃巧克力的人
(3)色彩計畫:咖啡色為主
(4)風格設定、網頁看點、預期成效:好吃的巧克力
(5)請整理以下數值:
字體設定:微軟正黑體
標題級數:24px、文章標題級數:20px、內文級數:12px
網站寬度:1025px
(6)製作心得:
以前學得差不多忘了~
但是慢慢找還是找的到

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445201
(2)網站主題:森林戰士
(2)對象: 大眾
(3)色彩計畫: 以綠色為主
(4)風格設定、網頁看點、預期成效:清新舒服的感覺
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:覺得網頁還是有些複雜,有比較了解了,但希望能越做越熟悉,在配色方面也希望能越配越調和

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445222

(2)網站主題:Adidas
(2)對象: 喜愛運動品牌愛迪達的客群
(3)色彩計畫:藍色跟灰色交錯
(4)風格設定、網頁看點、預期成效: 簡潔明亮
(5)請整理以下數值:
字體設定:微軟正黑體
標題級數:24px、文章標題級數:20px、內文級數:12px
網站寬度:1025px
(6)製作心得:有點不記得之前學的,這次多學到了codepen用法, 還在摸索中

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445215
(2)網站主題: Coldplay (酷玩樂團)
(2)對象: 喜歡酷玩樂團或是喜歡聽西洋歌曲的人
(3)色彩計畫: 灰色系
(4)風格設定、網頁看點、預期成效: 極簡風,簡單乾淨的感覺
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:題材找很久,做出來感覺可以再更好,會再努力的。

1015445215

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445231
(2)網站主題: 不幸少女
(2)對象: 6歲以上
(3)色彩計畫: 粉紅,黑。
(4)風格設定、網頁看點、預期成效: 輕鬆。
(5)請整理以下數值:
按照老師的設定,我不會看。
(6)製作心得: 好困難
學號: 1015445231

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445232
(2)網站主題:柑橘
(2)對象: 大眾
(3)色彩計畫: 柔和
(4)風格設定、網頁看點、預期成效: 簡潔
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:又比之前還要更熟悉了

1015445232

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445214
(2)網站主題:醜比頭
(2)對象: 喜愛醜比頭的人
(3)色彩計畫: 粉嫩可愛配色
(4)風格設定、網頁看點、預期成效: 粉嫩可愛風
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:還算簡單上手~~

1015445214

作業網址http://mepopedia.com/~web102-c/hw03/hw03-1015445271


(1)作業網址:http://mepopedia.com/~web102-c/hw03/hw03-1015445271


(2)網站主題: 咖啡元素

對象:年齡層20~70歲 尤其是女性

(3)色彩計畫:用暖色調做搭配。

(4)風格設定、網頁看點、預期成效:看起來溫順柔和

(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)

(6)製作心得:網頁太難...已做到哭

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445221
(2)網站主題: Hannibal 漢尼拔(雙面人魔)
(2)對象: 18歲以上 心智年齡成熟 喜歡看推理犯罪的人
(3)色彩計畫:暗紅 亮紅 黑 灰 白
(4)風格設定、網頁看點、預期成效: http://www.nbc.com/hannibal
希望以喜歡影集的這種風格為發想,套用老師的版型進行變化
(5)請整理以下數值:
字體設定 :微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數 : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得: 不斷觀看老師的教學影片終於做出來了

學號 1015445221



Edited 1 time(s). Last edit at 04/22/2014 10:06PM by 姚少涵.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw03/hw03-1015445241
(2)網站主題: 珊瑚礁魚類
(2)對象: 所有人
(3)色彩計畫:藍灰
(4)風格設定、網頁看點、預期成效: 簡易網站
(5)請整理以下數值:
字體設定(font-family) 12
標題級數、文章標題級數、內文級數(font-size)(單位px) 20
區塊內與區塊間的距離(padding)(margin)(單位px) 20
網站寬度(width)(單位px) 900
(6)製作心得:複習以前忘記的
學號 :1015445241

(1)作業網址: http://mepopedia.com/~web102-c/midterm/midterm-1015445209/
(2)網站主題:國蛋
(2)對象: 國蛋
(3)色彩計畫:藍色憂愁
(4)風格設定、網頁看點、預期成效: 尚可接受
(5)請整理以下數值:
字體設定(font-family)
標題級數 : 微軟正黑體 24px、文章標題級數 : 微軟正黑體 20px 、內文級數(font-size) : 微軟正黑體 12px
padding : 0px / margin: 0px
網站寬度: 1025px
(6)製作心得:做出來感覺很陽春 需要學習更多技術