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

Advanced

Re: [作業02] HTML與CSS練習--首頁實作篇

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

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


請參考
[講義] HTML與CSS練習--首頁實作篇

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.將資料夾命名為 hw02-學號,以FTP上傳至hw02資料夾
作業網址為http://mepopedia.com/~css104-2a/hw02/hw02-1035445XXX

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)分類項目:
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)

(8)製作心得:

學號



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


4. 學長姐範例


http://mepopedia.com/~web103-2a/hw02/hw02-1025445205/
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445115/
(2)網站主題/網站名稱: 劍俠情緣叁
(3)分類項目: 首頁index.html 我about.html 我與劍三profile.html 圖片分享works.html 外部連結link.html
(4)對象: 少女分享遊戲
(5)色彩計畫: 以少女在玩遊戲的心情
(6)風格設定、網頁看點、預期成效: 粉色系 關於作者玩遊戲的心情 還需要在更好 目前還會在更新
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
一種遊戲不像遊戲,但卻是以女孩子玩遊戲的心得去寫下的感覺。

學號:1035445115



Edited 1 time(s). Last edit at 03/08/2016 01:38PM by kelly270.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445037/
(2)網站主題/網站名稱: infinite
(3)分類項目: 首頁index.html
(4)對象: 少女
(5)色彩計畫:粉絲之心
(6)風格設定、網頁看點、預期成效:大量的黑色
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
有成就感
學號:1035445037

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445228/
(2)網站主題/網站名稱:蜘蛛人
(3)分類項目: 首頁index.html 故事about.html 角色profile.html 製作works.html 外部連結link.html
(4)對象: 喜歡蜘蛛人的影迷
(5)色彩計畫: 以蜘蛛人身上穿的衣服為配色
(6)風格設定、網頁看點、預期成效: 以蜘蛛人為基礎背景,喜愛蜘蛛人的人所熱愛的一些圖片and故事,希望會有更多人喜愛這一系列的英雄故事。
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
可以把自己喜愛的英雄戲獵人物給製作成網頁感覺很不錯。

學號:1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445145/
(2)網站主題/網站名稱:菓風小舖
(3)分類項目: 首頁index.html 關於words.html 產品product.html 影片movie.html 連結content.html
(4)對象: 喜歡吃甜食的人
(5)色彩計畫: 以粉色系糖果色為主
(6)風格設定、網頁看點、預期成效: 風格就是呈現粉粉的感覺,讓大家看到有一種甜甜的感覺,介紹菓風小舖這家店面。
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
把自己喜歡的風格製作成一個頁面,還可以學習到排版,製作完也很開心。

學號:1035445145

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445120/
(2)網站主題/網站名稱: hello kitty
(3)分類項目: 首頁index.html
(4)對象: 少女
(5)色彩計畫:粉絲之心
(6)風格設定、網頁看點、預期成效:桃粉系列
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
有成就感
學號:1035445120

1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445202
(2)網站主題/網站名稱: 椎名林檎
(3)分類項目: index.html
(4)對象: 聽眾
(5)色彩計畫:椎名色
(6)風格設定:椎名感
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數16、內文級數14(font-size)(單位px)

(8)製作心得:
還可以
學號:1035445202

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445079/
(2)網站主題/網站名稱:多拉a夢
(3)分類項目:兒同類型
(4)對象:男女老少
(5)色彩計畫: 多拉a夢色調
(6)風格設定、網頁看點、預期成效:藍色系 還需要在更好 目前還會在更新
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
乾....超級難
學號:1035445079

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445214
(2)網站主題/網站名稱: chocolate
(3)分類項目: 首頁、巧克力成分、巧克力製作、健康功效、外部連結
(4)對象: 青少年
(5)色彩計畫:咖啡色、白色 、米色
(6)風格設定、網頁看點、預期成效:巧克力感覺, 甜美可口
(7)請整理以下數值:
字體設定(font-family)
24標題級數、16文章標題級數、15內文級數(font-size)(單位px)

(8)製作心得: ...╮(╯v╰)╭

學號: 1035445214



Edited 3 time(s). Last edit at 03/14/2016 07:11PM by su su.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445211/
(2)網站主題/網站名稱: 最高機密
(3)分類項目: 首頁、影片、漫畫、外部連接
(4)對象: 對這部有興趣
(5)色彩計畫: 這部是偵探類,處理案殺事件,所以用詭異顏色。
(6)風格設定、網頁看點、預期成效: 詭異、安靜
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:背景怎麼用都覺得怪

學號:1035445211

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445157
(2)網站主題/網站名稱:貓
(3)分類項目:首頁、種類簡介、身體語言、照片分享、外部連接
(4)對象:所有人
(5)色彩計畫:活潑感覺
(6)風格設定、網頁看點、預期成效:活潑感覺
(7)請整理以下數值:
字體設定(font-family)
標題級數30、文章標題級數20、內文級數12(font-size)(單位px)

(8)製作心得:
研究了蠻久
學號:1035445157



Edited 2 time(s). Last edit at 03/11/2016 04:17PM by 1035445157.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445001
(2)網站主題/網站名稱:黃阿瑪的後宮生活
(3)分類項目: 首頁index.html 後宮成員about.html 後宮交換日記profile.html 後宮照片分享works.html 外部連結link.html
(4)對象: 男女老少皆適宜
(5)色彩計畫:黃色 灰色 粉嫩色系
(6)風格設定、網頁看點、預期成效:簡單乾淨 大眾追隨喜歡 GOOD
(7)請整理以下數值:
字體設定(font-family)
標題級數46、文章標題級數20、內文級數15(font-size)(單位px)

(8)製作心得:
速度蠻快的 而且做完自己也蠻喜歡的

學號:1035445001

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445199/
(2)網站主題/網站名稱: Hello Kitty
(3)分類項目: 首頁index.html 歷史about.html 周邊產品profile.html 官方資料works.html Hello Kitty的家人link.html
(4)對象: 喜愛kitty的各種年齡層
(5)色彩計畫:粉嫩的色系
(6)風格設定、網頁看點、預期成效: 粉色系 看起來可愛 簡單
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數16、內文級數15(font-size)(單位px)

(8)製作心得:
做滿快的,希望以後的作業也能做得輕鬆愉快

1035445199

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445142/
(2)網站主題/網站名稱:辛普森
(3)分類項目:兒同類型
(4)對象:男女老少
(5)色彩計畫: 繽紛色彩
(6)風格設定、網頁看點、預期成效:黃紅暖色為主 還需要在更好
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: 難

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445163/
(2)網站主題/網站名稱:超現實主義
(3)分類項目:藝術類
(4)對象:男女老少
(5)色彩計畫: 簡單色彩
(6)風格設定、網頁看點、預期成效:黃紅暖色為主 還需要在更好
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: 難

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445127/
(2)網站主題/網站名稱:蠟筆小新
(3)分類項目: 首頁index.html 故事about.html 登場人物profile.html 動畫works.html 遊戲link.html
(4)對象: 蠟筆小新迷
(5)色彩計畫:暖色系
(6)風格設定、網頁看點、預期成效: 橘色 活潑
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數16、內文級數15(font-size)(單位px)

(8)製作心得:
還可以

1035445127

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1045245001
(2)網站主題/網站名稱: 星空
(3)分類項目: 首頁index.html 星系的形成和演化about.html 神話和宗教的宇宙觀profile.html 宇宙圖片works.html 外部連結link.html
(4)對象: 喜愛星星和研究星系的人
(5)色彩計畫:暗藍色和暗綠色
(6)風格設定、網頁看點、預期成效: 帶出浩瀚的星空感覺,希望讓大家更了解星系的發展

(7)請整理以下數值:
字體設定(font-family)
"微軟正黑體"12px"
(8)製作心得:
希望能夠吸引更多人了解星系.

(1)作業網址:
http://mepopedia.com/~css104-2a/hw02/hw02-1045245002/

(2)網站主題/網站名稱:非洲野狗

(3)分類項目:自然科學

(4)對象:喜歡動物的人

(5)色彩計畫:非洲野狗的花紋配色

(6)風格設定、網頁看點、預期成效:詳細完整的非洲野狗相關資訊,包含現有網站上較少提及的相關商品

(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: 比之前的難,主要是設定的東西太多了,就算有排列好,還是自己都會搞不清楚哪個歸哪個

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445073/
(2)網站主題/網站名稱: 蛋黃哥gudetama
(3)分類項目: 懶的介紹、懶的播動畫、懶的出書、懶得出週邊、懶得展覽
(4)對象: 喜歡蛋黃哥的大小朋友們
(5)色彩計畫: 黃、橘色系
(6)風格設定、網頁看點、預期成效: 活潑
(7)請整理以下數值:
字體設定(font-family)
標題級數35、文章標題級數16、內文級數14(font-size)(單位px)

(8)製作心得: 好難

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445070
(2)網站主題/網站名稱: 美國隊長3:英雄內戰
(3)分類項目: 漫畫、電影
(4)對象: 年輕族群,12歲~99歲
(5)色彩計畫: 紅、藍、黃
(6)風格設定、網頁看點、預期成效: 三原色,吸睛海報,還不錯,效果有呈現出來。
(7)請整理以下數值:
字體設定(font-family)
標題級數22、文章標題級數18、內文級數15(font-size)(單位px)

(8)製作心得:
做完覺得蠻有成就感的,而且是以自己喜歡的主題來做,朝這個主題發展對自己來說會相當有趣。
製作時間 : 3小時
學號 1035445070

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445088/
(2)網站主題/網站名稱: 捍衛聯盟
(3)分類項目: 首頁、劇情簡介、角色介紹、原作圖書、精彩片段
(4)對象:喜歡夢工廠動畫的人
(5)色彩計畫: 藍色、深藍色、白色
(6)風格設定、網頁看點、預期成效: 以電影中主角傑克凍人為主要配色選擇
(7)請整理以下數值:
字體設定(font-family)
標題級數26、文章標題級數16、內文級數11(font-size)(單位px)

(8)製作心得:
製作時間為三個小時,參考別人的作品來思考自己的內容、配色...一點一點的完成...
完成後很有成就感。

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445166
(2)網站主題/網站名稱: 魔人普烏
(3)分類項目: 漫畫
(4)對象: 年輕族群,12歲~99歲
(5)色彩計畫: 粉紅
(6)風格設定、網頁看點、預期成效:繽紛
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數20、內文級數12(font-size)(單位px)

(8)製作心得:
用很久有點累
製作時間 : 2小時
學號 1035445166

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445082/
(2)網站主題/網站名稱:玩具總動員
(3)分類項目:卡通類
(4)對象:男女老少
(5)色彩計畫: 可愛跳痛
(6)風格設定、網頁看點、預期成效:以玩具總動員原來的色系,加以改造
(7)請整理以下數值:
字體設定(黑正體)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: 還蠻好做的

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445148/
(2)網站主題/網站名稱: 川島小鳥
(3)分類項目: 首頁、個人簡介、作品介紹、展覽介紹、外部連結
(4)對象: 喜歡攝影的人
(5)色彩計畫:橘色藍綠漸層
(6)風格設定、網頁看點、預期成效:簡單, 豐富
(7)請整理以下數值:
字體設定(font-family)
24標題級數、16文章標題級數、15內文級數(font-size)(單位px)

(8)製作心得:還可以

學號: 1035445148

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445067/
(2)網站主題/網站名稱:嚕嚕米
(3)分類項目:卡通類
(4)對象:3~12歲
(5)色彩計畫:墨綠色
(6)風格設定、網頁看點、預期成效:以嚕嚕米動畫中經常出現的色調挑選
(7)請整理以下數值:
字體設定(黑正體)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: 還做得來

學號 1035445067

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445217
(2)網站主題/網站名稱: 唐頓莊園Downton Abbey
(3)分類項目: Home index.html /About about.html /Characters characters.html /Photo photo.html /Highclere Castle link.html
(4)對象: 劇迷
(5)色彩計畫: 耐看的暗綠色系列
(6)風格設定、網頁看點、預期成效: 復古壁紙花紋,內容清楚
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數16、內文級數12(font-size)(單位px)

(8)製作心得:
感覺可以再多試試看別種色調

學號:1035445217

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445178/
(2)網站主題/網站名稱:大英雄天團
(3)分類項目: 首頁、劇情、角色、影片、評價
(4)對象:迪士尼的故事及角色
(5)色彩計畫: 紅、黑、白
(6)風格設定、網頁看點、預期成效: 以電影中吉祥物 杯麵去配色
(7)請整理以下數值:
字體設定(font-family)
標題級數26、文章標題級數16、內文級數11(font-size)(單位px)

(8)製作心得:
製作時間為1個小時,完成後很有成就感。

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445193/
(2)網站主題/網站名稱:pokemon
(3)分類項目: 首頁index.html
(4)對象:愛神奇寶貝的人
(5)色彩計畫:灰黑質感
(6)風格設定、網頁看點、預期成效:灰黑黃藍杯~~
(7)請整理以下數值:
字體設定(黑體)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
覺得有成就感但不大覺得可加強~

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445093/
(2)網站主題/網站名稱:笑笑羊
(3)分類項目: 首頁 成員介紹 笑笑羊 羊的分享 外部連結
(4)對象:笑笑羊
(5)色彩計畫: 藍綠白
(6)風格設定:以笑笑羊為主做延伸
(8)製作心得:
製作時間為1個小時。

視傳2C張圓圓



Edited 2 time(s). Last edit at 03/23/2016 10:37PM by a27417944.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445061/
(2)網站主題/網站名稱:蛋糕進行曲
(3)分類項目:美食
(4)對象:男女老少
(5)色彩計畫: 繽紛色彩
(6)風格設定、網頁看點、預期成效
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445124
(2)網站主題/網站名稱:哈根達斯
(3)分類項目:食品類型
(4)對象:男女老少
(5)色彩計畫:暗紅色色調
(6)風格設定、網頁看點、預期成效:我本身很喜歡這個品牌冰品所以當作主題
(7)請整理以下數值:
字體設定(黑正體)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)
(8)製作心得:好難噢

學號:1035445124

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445169
(2)網站主題/網站名稱:玖壹壹
(3)分類項目: 首頁index.html 團員介紹about.html 音樂作品music.html 戲劇作品drama.html 外部連結link.html
(4)對象:玖壹壹粉絲
(5)色彩計畫: 以黑白紅為主色調做簡單的設計
(6)風格設定、網頁看點、預期成效:以簡潔色塊與色調呈現出玖壹壹樂團的風格
(7)請整理以下數值:
字體設定(font-family)
標題級數30、文章標題級數24,14、內文級數12(font-size)(單位px)

(8)製作心得:
經過一學期後在製作上也比較熟練,完成的速度也較為快速,但版面配置方面仍有加強的空間。

學號:1035445169

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445184
(2)網站主題/網站名稱: 小熊學校
(3)分類項目: 首頁index 成員介紹Introduction 系列介紹series 作者介紹Author 影片介紹 video
(4)對象: 喜歡可愛腳色的
(5)色彩計畫: 以飽和的亮色為主
(6)風格設定、網頁看點、預期成效:飽和色 介紹日本小熊學校
(7)請整理以下數值:

標題級數18、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: 一直找不到介紹,這章作的一直都不是很順利,但後來有盡量補齊

學號1035445184



Edited 1 time(s). Last edit at 04/09/2016 03:54PM by 1035445184.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445121/
(2)網站主題/網站名稱: Andy Warhol
(3)分類項目: 首頁index.html 生平about.html 作品profile.html 普普藝術POP.html 外部連結link.html
(4)對象: 大眾
(5)色彩計畫: Andy Warhol 常用色
(6)風格設定、網頁看點、預期成效: 簡單
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
有趣

學號:1035445121

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445031/
file:///C|/Users/user/Desktop/hw02-1035445031/index.html
(2)網站主題/網站名稱: 小樹苗成長日記
(3)分類項目:樹苗的窩index.html樹苗日記about.html 插畫分享profile.html 小小叮嚀works.html 留言板link.html
(4)對象: 純粹治癒的綠色植物日記XD
(5)色彩計畫:舒服的綠色~
(6)風格設定、網頁看點、預期成效:綠色綠色綠色~~~偶爾多親近大自然關愛大自然
(7)請整理以下數值:
字體設定(font-family)
標題級數14、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
恩....其實也不知道為什麼就覺得樹很可愛就被治癒一下。

學號:1035445031

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445034
(2)網站主題/網站名稱:粉紅豬
(3)分類項目:首頁、人物簡介、影片分享、照片分享、外部連接
(4)對象:小孩
(5)色彩計畫:可愛
(6)風格設定、網頁看點、預期成效:可愛
(7)請整理以下數值:
字體設定(font-family)
標題級數30、文章標題級數20、內文級數12(font-size)(單位px)

(8)製作心得:
開心
學號:1035445034

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw2-1035445094
(2)網站主題/網站名稱:星空
(3)分類項目:首頁、火象星座、土象星座、水象星座、風象星座
(4)對象:年輕人
(5)色彩計畫:唯美
(6)風格設定、網頁看點、預期成效:唯美

(8)製作心得:
開心
學號:1035445094



Edited 1 time(s). Last edit at 04/15/2016 06:55PM by 1035445094.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445097/
(2)網站主題/網站名稱: 佛萊迪之五夜驚魂
(3)分類項目: 首頁index.html 故事about.html 遊戲形式profile.html 其他背景設定works.html 登場角色link.html
(4)對象: 對恐怖遊戲有興趣的人
(5)色彩計畫:黑與角色佛萊迪的棕色
(6)風格設定、網頁看點、預期成效: 恐怖驚悚 偏向老電玩的質感
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
這學期教得好像有點少......

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445010/
(2)網站主題/網站名稱: 草間彌生
(3)分類項目: 首頁 生平 作品 著作
(4)對象: 大眾
(5)色彩計畫: 橘色 黃色 作主要配色
(6)風格設定、網頁看點、預期成效: 簡單 舒服
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
輕鬆

學號:1035445010

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445208
(2)網站主題/網站名稱: 蜷川實花
(3)分類項目: 首頁、簡介、作品介紹、影片、外部連結
(4)對象: 年輕人
(5)色彩計畫:繽紛加點少女
(6)風格設定、繽紛加點少女 帶有他個人風格
(7)請整理以下數值:
字體設定(font-family)
30標題級數、20文章標題級數、12內文級數(font-size)(單位px)

(8)製作心得: .作完94爽

學號 :1035445208

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445130/
(2)網站主題/網站名稱: 點點滴滴
(3)分類項目: 簡介index.html 高中about.html 大學profile.html 遊玩works.html 微電影link.html
(4)對象: all
(5)色彩計畫: 在星空下觀看
(6)風格設定、網頁看點、預期成效: 星空 記錄著作者的點點滴滴
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數16、內文級數14(font-size)(單位px)

(8)製作心得:
一開始做比較慢,越來越順手。

學號:1035445130

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445103/
(2)網站主題/網站名稱: 宮崎駿
(3)分類項目: 首頁index.html、生平簡介about.html、吉卜力美術館profile.html、作品介紹works.html、影片欣賞link.html
(4)對象: 喜歡宮崎駿的人
(5)色彩計畫: 灰色調
(6)風格設定、網頁看點、預期成效: 以日本的素材為背景圖,來呈現整個網頁有日本風格。
(7)請整理以下數值:
字體設定(font-family)
標題級數24px、文章標題級數14px、內文級數(font-size)12px(單位px)

(8)製作心得: 還可以

學號 1035445103

1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445187
(2)網站主題/網站名稱:カナヘイKanahei
(3)分類項目: index.html
(4)對象: 大眾
(5)色彩計畫:粉色系
(6)風格設定:嫩嫩初戀感
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數16、內文級數14(font-size)(單位px)

(8)製作心得:
有點累
學號:1035445187

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445160/
(2)網站主題/網站名稱: 京都KYOTO
(3)分類項目: 熱門景點、季節巡禮、飲食文化、娛樂、消費購物
(4)對象: 喜愛日本的人
(5)色彩計畫: 粉嫩色調
(6)風格設定、網頁看點、預期成效: 風格為親切柔和、以日本藝妓和古城著名,成效70%
(7)請整理以下數值:
字體設定(font-family) 微軟正黑
標題級數24
文章標題級數20
內文級數(font-size) 12

(8)製作心得: ㄜ......我真的努力了sad smiley

學號 1035445160

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035443110
(2)網站主題/網站名稱:STAR WARS
(3)分類項目: 首頁index.html 故事大綱story.html 角色介紹character.html 周邊商品shop.html 外部連結internet.html
(4)對象:星際大戰迷
(5)色彩計畫:黑色 黃色 紅色 藍色
(6)風格設定、網頁看點、預期成效: 星際大戰風格,讓人喜愛的網頁
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)
(8)製作心得:
很開心 但一開始有點困難

學號:1035443110

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445172
(2)網站主題/網站名稱:夢遊仙境
(3)分類項目: 首頁index.html 劇情簡介story.html 人物介紹people.html 影片分享vedio.html 外部連結link.html
(4)對象:喜歡奇幻的人
(5)色彩計畫:藍色系為主
(6)風格設定、網頁看點、預期成效: 以藍色掉下去做 達到一種奇幻的感覺
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數16、內文級數14(font-size)(單位px)
(8)製作心得:
覺得做的過程很好玩 越做越精緻 就越有成就感

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445055/
(2)網站主題/網站名稱:幾米
(3)分類項目: 首頁index.html 個人介紹about.html 繪本介紹profile.html 作品介紹works.html 影片觀賞link.html
(4)對象:老少皆宜
(5)色彩計畫: 以暖色為主
(6)風格設定、網頁看點、預期成效: 以暖色為主,用色鮮明,呈現活潑感
(7)請整理以下數值: 字體設定(font-family)
標題級數24px、文章標題級數14px、內文級數(font-size)12px(單位px)
(8)製作心得:花了較久的時間

學號:1035445055

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445058/
(2)網站主題/網站名稱: 麵包超人翱翔天際
(3)分類項目: 首頁/作者介紹/人物介紹/影片分享/外部連結
(4)對象:可愛的大家
(5)色彩計畫: 帥氣的麵包超人
(6)風格設定、網頁看點、預期成效: 讓大家一起認識麵包超人哇哈哈
(7)請整理以下數值:
字體設定(font-family)
標題級數20、文章標題級數20、內文級數16(font-size)(單位px)

(8)製作心得:
從無到有真開心~~~spinning smiley sticking its tongue out

學號:1035445058

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445052/index1.html
(2)網站主題/網站名稱:渡邊直美
(3)分類項目: 首頁、個人簡介、自創品牌、電視廣告、外部連結
(4)對象: 年輕人
(5)色彩計畫:粉色少女
(6)風格設定、粉紅色少女 大膽有點可愛
(7)製作心得:終於做完 做好做滿

學號 :1035445052



Edited 1 time(s). Last edit at 04/19/2016 11:30AM by 1035445052.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445196/
(2)網站主題/網站名稱: SAKURA 櫻花
(3)分類項目: 首頁index.html 關於about.html 資訊Information.html 圖片分享photo.html 外部連結More.html
(4)對象: 喜歡櫻花的人
(5)色彩計畫: 就像是戀愛的顏色
(6)風格設定、網頁看點、預期成效: 粉色系 讓更多人知道櫻花 能夠把櫻花都介紹出來
(7)請整理以下數值:
字體設定(font-family)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
櫻花其實比想像中的資訊少啊啊啊

學號:1035445196

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445205
(2)網站主題/網站名稱:ㄇㄚˊ幾兔
(3)分類項目: 關於/貼圖/節日圖/相關圖/桌布
(4)對象:女性
(5)色彩計畫: 粉色、可愛
(6)風格設定:
主要就是可愛的感覺,
讓看到網站的人了解ㄇㄚˊ 幾兔
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)
(8)製作心得:
能夠完成個網頁真得很開心

學號:1035445205

(1)作業網址:http://mepopedia.com/~css104-2a/hw02/hw02-1035445046/
(2)網站主題/網站名稱:銀魂
(3)分類項目:動漫
(4)對象:男女老少
(5)色彩計畫: 藍、白
(6)風格設定、網頁看點、預期成效:原以銀魂的風格
(7)請整理以下數值:
字體設定(黑正體)
標題級數16、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得: ......(苦手

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445025/
(2)網站主題/網站名稱:小王子
(3)分類項目: 首頁 劇情介紹 角色介紹 完整預告 譯本發行與改編
(4)對象: 喜歡小王子的輪
(5)色彩計畫: 深藍 淺藍 土黃
(6)風格設定、深沉溫馨
(7)請整理以下數值:
字體設定(font-family)
標題級數26、文章標題級數16、內文級數11(font-size)(單位px)

(8)製作心得:
(´_ゝ`)

學號:1035445025

(1)作業網址: http://mepopedia.com/~css104-2a/hw02/hw02-1035445151
(2)網站主題/網站名稱:變形金剛
(3)分類項目: 首頁. 相關網站. 預告. 人物介紹歐相關連結
(4)對象: 愛變形金剛
(5)色彩計畫: 銀河風
(6)風格設定、網頁看點、預期成效: 希望大家對變形金剛更了解更喜歡
(7)請整理以下數值:
字體設定(font-family)
標題級數24、文章標題級數14、內文級數12(font-size)(單位px)

(8)製作心得:
好難喔

學號:1035445151