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

Advanced

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

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

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


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

1. 作業目的

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

[hr]

2. 作業說明

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

[hr]

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-2c/hw02/hw02-1035445XXX 。

並請回覆:

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

(8)製作心得:

學號

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

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-2c/hw02/hw02-1035445102
(2)網站主題/網站名稱: kanahei 插畫家介紹
(3)分類項目: 作者介紹/相關圖書/周邊商品/貼圖
(4)對象: 所有人
(5)色彩計畫: 溫暖治癒的淡橘色系
(6)風格設定、網頁看點、預期成效: 治癒可愛的風格;網頁看點,介紹大家常用的貼圖作家,除了貼圖以外的作品;預期可以帶給大家不一樣的感官
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得: 很療癒~上次講完後就做得比較順利了!

學號 1035445102



Edited 1 time(s). Last edit at 03/16/2016 06:21PM by 美珍.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445078
(2)網站主題/網站名稱: 卡通頻道
(3)分類項目: 卡通動畫 節目
(4)對象: 人類們
(5)色彩計畫: 酷
(6)風格設定:酷
 網頁看點:酷
 預期成效: 酷
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 酷很難

學號 1035445078



Edited 2 time(s). Last edit at 03/30/2016 12:14AM by 陳八羔子.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445111
(2)網站主題/網站名稱:宮崎駿
(3)分類項目: 首頁 作者簡介 劇情介紹 影片分享 相關連結
(4)對象: 對於宮崎駿感興趣的人
(5)色彩計畫: 綠色
(6)風格設定、網頁看點、預期成效:輕鬆純真
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px) 12~16

(8)製作心得: 不難,但是做完很有成就感

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445207
(2)網站主題/網站名稱: Ladurée馬卡龍
(3)分類項目: index about flavor video shop
(4)對象: 少女
(5)色彩計畫: 淺灰x桃粉
(6)風格設定、網頁看點、預期成效: 走一個粉嫩路線
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 - 32
文章標題級數 - 14
內文級數 - 10 (單位px)
(8)製作心得: 太累了我要大睡三天。

學號 1035445207



Edited 1 time(s). Last edit at 04/13/2016 08:42PM by ziii.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1025445189
(2)網站主題/網站名稱: 崖上的波妞
(3)分類項目: 卡通動畫/電影
(4)對象: 天真的孩童
(5)色彩計畫: 波妞的顏色+底是海的顏色
(6)風格設定:希望以波妞的整體及動畫風格
 網頁看點:結合「崖上的波妞」大致的資料
 預期成效:
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 底圖及配色是本次最難的

學號 1025445189

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445147
(2)網站主題/網站名稱: 無印良品
(3)分類項目: 品牌
(4)對象: 消費者
(5)色彩計畫: 舒服放鬆自然
(6)風格設定:淡色
 
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 還行



Edited 1 time(s). Last edit at 04/02/2016 05:13PM by 高永鈞.
(編輯記錄)

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

(2)網站名稱:凱斯‧哈林

(3)分類項目:首頁 生平介紹 作品介紹 展覽分享 外部連結

(4)對象:喜歡普普風格與藝術的人

(5)色彩計畫:用紅、黃、藍、黑、白

(6)風格設定:模仿凱斯哈林配色及手繪風格 網頁看點:首頁有許多最新公告

(7)請整理以下數值(字體設定font-family) 標題24級數、文章標題14級數、內文10級數

(8)製作心得:這學期的版面跟以往不同豐富及多元,讓版面不在單調,更多的互動性。

學號 1035445129

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

(2)網站名稱:阿爾卑斯山的少女

(3)分類項目:故事概述 主要人物 主題歌曲 催淚片段 真人翻拍

(4)對象:喜歡阿爾卑斯山的少女的美少女們

(5)色彩計畫:用粉色及咖啡色系列

(6)風格設定:以主角柔和的個性為配色主軸 網頁看點:故事概述有許多精彩集數蒐集

(7)請整理以下數值(字體設定font-family) 標題24級數、文章標題20級數、內文13級數

(8)製作心得:許多是自己設計的元素,更要求原創性,配色配的很開心,學到很多。

學號 1035445006



Edited 4 time(s). Last edit at 03/16/2016 09:21PM by 1035445006.
(編輯記錄)

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

(2)網站名稱:春田菜菜

(3)分類項目:作者 作品 精圖分享 好友 外部連結

(4)對象:喜歡少女漫畫的女生

(5)色彩計畫:藍藍粉淡粉淡 輕柔的感覺

(6)風格設定:輕柔為主 網頁看點:回憶國高中時期的漫畫

(7)請整理以下數值(字體設定font-family) 標題24級數、文章標題20級數、內文13級數

(8)製作心得:覺得比之前的都困難,淡簡單的稍作修改還是可以的!!

學號 1035445216

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445153
(2)網站主題/網站名稱: 乳酪 × 起士
(3)分類項目: 乳酪 × 首頁、乳酪 × 起士、乳酪 × 種類、乳酪 × 食譜、更多 × 乳酪
(4)對象: 喜歡乳酪的人
(5)色彩計畫: 咖啡色和黃色
(6)風格設定、網頁看點、預期成效:背景為木頭質感,像是裝乳酪的木桶
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px) 12~16

(8)製作心得: 不難,但是做完很有成就感

學號 1035445153



Edited 1 time(s). Last edit at 03/16/2016 11:06PM by 1035445153.
(編輯記錄)

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

(2)網站名稱:童年回憶-龍貓

(3)分類項目:首頁 作者簡介 劇情介紹 影片分享 相關連結

(4)對象:宮崎駿迷

(5)色彩計畫:綠色系

(6)風格設定:以樹葉顏色去配色 網頁看點:詳細的介紹龍貓這部動畫

(7)請整理以下數值(字體設定font-family) 標題24級數、文章標題20級數、內文13級數

(8)製作心得:有比較多自己的風格了,背景圖案也不是單調的圖片或是顏色而已

學號 1035445033

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

(2)網站名稱:小王子

(3)分類項目:首頁、 故事介紹、 圖片欣賞、經典名言、電影預告

(4)對象:好看的故事和電影

(5)色彩計畫:會以土色為色調是因為,作者在沙漠遇到小王子

(6)風格設定:以清淡,簡潔為主

(7)請整理以下數值(字體設定font-family) 標題24px、文章標題20px、內文13px

(8)製作心得:覺得配色很麻煩

學號 1035445051

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445054
(2)網站主題/網站名稱: Goose House
(3)分類項目: 音樂/樂團/歌手
(4)對象: 喜歡Goose House或喜歡日本樂團的人
(5)色彩計畫: 顏色多樣化
(6)風格設定:與團員的衣服色調相呼籲
 網頁看點:樂團Goose House的消息
 預期成效:
(7)請整理以下數值:
 字體設定(font-family) : Arial, "微軟正黑體"
 標題級數:24px
 文章標題級數:18px
 內文級數(font-size)(單位px):12px

(8)製作心得: 因為設定都做好了,所以配色變成一件很難的事,猶豫很久才決定要用什麼顏色

學號 1035445054

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

(2)網站名稱:熊本熊Kumamon

(3)分類項目:首頁 作者簡介 活動時間 官方網站 外部連結

(4)對象:熊本熊

(5)色彩計畫:以熊本熊身上的顏色去做配色及搭配,黑/白/紅

(6)風格設定:可愛/活潑

(7)請整理以下數值(字體設定font-family) 標題24px、文章標題20px、內文13px

(8)製作心得:覺得在色彩搭配上,很有趣

學號 1035445048

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445060
(2)網站主題/網站名稱: 玄鳳
(3)分類項目: 首頁/介紹/品種/飼養/相關連結
(4)對象: 喜歡鳥類的人
(5)色彩計畫: 以淡綠色為主,再加點黃色
(6)風格設定、網頁看點、預期成效:顏色為淡色系,風格以綠葉森林發想
(7)請整理以下數值:
字體設定(font-family)
標題級數30px、文章標題級數18px、內文級數12px(font-size)(單位px)

(8)製作心得: 背景圖的風格好難搭配,還在嘗試

學號1035445060



Edited 1 time(s). Last edit at 03/17/2016 01:27AM by 1035445060.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445105
(2)網站主題/網站名稱:金魚
(3)分類項目: 首頁/性別簡介/品種介紹/照片分享/外部連結
(4)對象: 所有人
(5)色彩計畫: 幸福的感覺
(6)風格設定、網頁看點、預期成效:
風格設定- 插畫.童趣
網頁看點- 可愛的金魚
(7)請整理以下數值(字體設定font-family) 標題24[px、文章標題20px、內文13px

(8)製作心得: smiling bouncing smiley

學號 1035445105

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445057
(2)網站主題 / 網站名稱:櫻桃小丸子 ちびまる子ちゃん
(3)分類項目:首頁 故事摘要 角色介紹 相關劇作 外部連結
(4)對象:所有人
(5)色彩計畫:紅色系、白、黑
(6)風格設定、網頁看點、預期成效:以小丸子身上的顏色來配色、關於小丸子資訊
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 - 24
文章標題級數 - 14
內文級數 - 12 (單位px)

(8)製作心得:終於完成了 spinning smiley sticking its tongue out

學號 1035445057

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445168
(2)網站主題 / 網站名稱:薰衣草 Lavandula
(3)分類項目:首頁 薰衣草由來 薰衣草療法 薰衣草觀賞 相關連結
(4)對象:喜愛薰衣草跟紫色的人
(5)色彩計畫:紫色 粉紅 粉紫
(6)風格設定、網頁看點、預期成效:以薰衣草的基本色紫色
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 - 24
文章標題級數 - 14
內文級數 - 12 (單位px)

(8)製作心得:配色是我覺得最困難的地方 花了好久的時間

學號 1035445168

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1015445256
(2)網站主題 / 網站名稱:Tangled 長髮公主
(3)分類項目:首頁 角色背景 人物個性 角色吸引力 人物技能
(4)對象:所有人
(5)色彩計畫:粉紫、粉紅、粉橘
(6)風格設定、網頁看點、預期成效:以人物服裝顏色為配色
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 -32
文章標題級數 - 19
內文級數 - 12 (單位px)

(8)製作心得:配色選圖很重要
學號 1015445256

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035443128
(2)網站主題 / 網站名稱:Apple
(3)分類項目:首頁 APPLE創辦人 產品介紹 影片欣賞 外部連結
(4)對象:所有人
(5)色彩計畫:灰,黑,白
(6)風格設定、網頁看點、預期成效:簡單帶有未來感的配色
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 -32
文章標題級數 - 19
內文級數 - 12 (單位px)

(8)製作心得:好有趣
學號 1035443128

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1015445210
(2)網站主題 / 網站名稱:KATY PERRYROAR
(3)分類項目:HOME ABOUT AWARDS ALBUM LINKS
(4)對象:粉絲
(5)色彩計畫:粉紅 粉紫 mv出現的圖示
(6)風格設定、網頁看點、預期成效:色彩豐富,聯想到mv畫面
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 - 24
文章標題級數 - 14
內文級數 - 12 (單位px)
(8)製作心得:讓整體搭配起來不花俏但豐富真的很難,設計還是最困難的地方
學號 1015445210

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445189
(2)網站主題 / 網站名稱:麵包超人アンパンマン
(3)分類項目:首頁 作者簡介/人物介紹/劇情/電影
(4)對象:喜歡麵包超人的大朋友小朋友
(5)色彩計畫:麵包超人的顏色~橘色為主
(6)風格設定、網頁看點、預期成效:讓人有可愛的感覺,讓大家都喜歡麵包超人
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 - 24
文章標題級數 - 14
內文級數 - 12 (單位px)

(8)製作心得:配色好麻煩ㄛeye popping smiley
學號 1035445189

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

視傳2C張圓圓

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

視傳2C張圓圓

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445150
(2)網站主題/網站名稱: 小美人魚
(3)分類項目: 故事簡介/角色介紹/迪士尼公主/相片精選
(4)對象: 所有人
(5)色彩計畫: 藍綠色系
(6)風格設定、網頁看點、預期成效: 小美人魚的色系藍色綠色
(7)請整理以下數值:
字體設定(font-family) :微軟正黑
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px):12px
(8)製作心得: 有點難度但做完很有成就感

學號 1035445150

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445162
(2)網站主題 / 網站名稱:まっちゃ 櫻花.抹茶
(3)分類項目:關於抹茶 抹茶製作&飲用法 櫻花與抹茶 抹茶甜品 抹茶控必吃精選
(4)對象:抹茶控
(5)色彩計畫:粉紅 嫩綠
(6)風格設定、網頁看點、預期成效:粉嫩色系,以櫻花與抹茶的結合來做整體風格搭配
(7)請整理以下數值:
字體設定(font-family) - 微軟正黑體
標題級數 - 24
文章標題級數 - 14
內文級數 - 12 (單位px)

(8)製作心得:自己配色設計背景比較花時間,但做完很有成就感~

學號:1035445162

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445219
(2)網站主題/網站名稱: 熊貓
(3)分類項目: 首頁/介紹/習性與繁衍/相關影片/外部連結
(4)對象: 所有人
(5)色彩計畫: 綠色系-竹子的顏色
(6)風格設定、網頁看點、預期成效: 以熊貓的食物竹子作為背景,讓更多人瞭解熊貓
(7)請整理以下數值:
字體設定(font-family):微軟正黑體
標題級數、文章標題級數、內文級數(font-size) : 24、20、12(單位px)

(8)製作心得: 配色和改背景花了比較多時間,剛開始感覺很難,背景做出來後就比較簡單了

學號:1035445219



Edited 3 time(s). Last edit at 03/28/2016 01:28PM by 1035445219.
(編輯記錄)

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

(2)網站名稱:Chip 'n' Dale

(3)分類項目:首頁、影集介紹、品種辨別、公司介紹、影片分享

(4)對象:喜歡卡通的任何人

(5)色彩計畫:用大地色系

(6)風格設定:用大地色系咖啡色去做調配還有加了點木紋材質 網頁看點:首頁有許多最新公告

(7)請整理以下數值(字體設定font-family) 標題24級數、文章標題14級數、內文10級數

(8)製作心得:雖然看起來有點難,但是製作中好像也沒那麼困難,很開心能完成作業2哈哈哈

學號 1035445090

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

(2)網站名稱:Pikachu!

(3)分類項目:首頁、概念與設定、重要腳色、遊戲系列分代、影片分享

(4)對象:喜歡、想認識Pokémon的人

(5)色彩計畫:Pokémon配色

(6)風格設定:主要就是Pokémon得配色 網頁看點:Pokémon概述

(7)請整理以下數值(字體設定font-family) 標題24級數、文章標題14級數、內文10級數

(8)製作心得:研究了很久才慢慢完成 完成後就好開心~

學號 1035445156

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445159
(2)網站主題/網站名稱: 欣蒂小姐
(3)分類項目: HOME/欣蒂,她/進入我的世界/小秘密/另一個我
(4)對象:喜歡插畫的每一個人~~~
(5)色彩計畫: 溫和
(6)風格設定:輕柔甜美
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:20px
 文章標題級數:20px
 內文級數(font-size)(單位px):13px

(8)製作心得: thumbs upthumbs upthumbs upthumbs up

學號 1035445159

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445171
(2)網站主題/網站名稱: 毛茸茸絲絨鼠
(3)分類項目: 寵物 龍貓 絲絨鼠
(4)對象: 想養絲絨鼠的人
(5)色彩計畫: 粉+局
(6)風格設定、網頁看點、預期成效: 夢幻+簡潔
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)

(8)製作心得:"詳情請點選此處"位置一直跳



Edited 1 time(s). Last edit at 04/02/2016 03:26PM by 珮璇.
(編輯記錄)

(1)作業網址:
(2)網站主題/網站名稱: http://mepopedia.com/~css104-2c/hw02/hw02-1035445186/
(3)分類項目: 首頁 遊戲 動畫 劇場版
(4)對象: 熱愛寶可夢的everbody
(5)色彩計畫: 黃紅黑
(6)風格設定、網頁看點、預期成效: 很寶可夢風
(7)請整理以下數值:
字體設定(font-family) 標題、文章標題級數、內文級數12~16 px

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445195
(2)網站主題/網站名稱:少女時代
(3)分類項目: 首頁/介紹/名稱由來/相關影片/外部連結
(4)對象: 喜歡他們的人
(5)色彩計畫: 粉紅色
(6)風格設定、網頁看點、預期成效: 粉紅溫暖的風格;網頁看點,介紹少女時代;預期可以帶做出特別的感覺
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得: 還是很難 我好有困難....

學號 1035445195



Edited 1 time(s). Last edit at 04/07/2016 02:57PM by ruiruiting.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445123
(2)網站主題/網站名稱: 海綿寶寶
(3)分類項目: 介紹動畫內容
(4)對象: 小朋友
(5)色彩計畫: 陽光活潑的黃色系
(6)風格設定、網頁看點、預期成效: 腦殘可愛的風格;網頁看點,介紹可愛的海綿寶寶;預期可以帶給大家歡樂的氣氛
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
(8)製作心得:一樣很難,始終不明白。

學號 1035445123

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445042
(2)網站主題/網站名稱: 史努比
(3)分類項目: 卡通動畫
(4)對象: 孩童以及喜歡史努比的人
(5)色彩計畫: 橘黃白 簡單明瞭
(6)風格設定:以史努比純白簡單風格呈現
 網頁看點:簡潔觀看SNOOPY
 預期成效:
(7)請整理以下數值:

 字體設定(font-family) : 微軟正黑體
 標題級數:24
 文章標題級數:14
 內文級數(font-size)(單位px):12

(8)製作心得: 覺得還可以

1025445042

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445180
(2)網站主題/網站名稱: 漫威公司
(3)分類項目: 卡通
(4)對象: 觀賞者
(5)色彩計畫: 採用漫威logo的紅白
(6)風格設定:刺激
 
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 還行
學號1035445180

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445027
(2)網站主題/網站名稱:宮崎駿的電影動畫(都是我愛看的)
(3)分類項目: 經典名言 / 經典片段 / 動畫預告
(4)對象: 給愛看卡通的大朋友小朋友
(5)色彩計畫:希望給人自由舒服的感覺
(6)風格設定、網頁看點、預期成效:有童心未泯的感覺,希望大家電進去的時候會有一種懷念的味道,雖然我表達的放式可能有點ㄍㄧㄥ

(7)請整理以下數值:
字體設定(font-family)
標題24px、文章標題20px、內文13px


(8)製作心得:對於我自己的配色我覺得還可以更好
1035445027

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

(2)網站主題/網站名稱: 天諭online

(3)分類項目: 首頁最新資訊、天諭故事背景、職業介紹、觀賞宣傳、外部連結

(4)對象:玩家,無聊打發時間的人

(5)色彩計畫: 藍色+金色

(6)風格設定:星空帶出夢幻網遊的效果 ,背景為6大職業LOGO

(7)請整理以下數值:

字體設定(font-family) "微軟正黑體"
標題級數18、文章標題級數15、內文級數12

(8)製作心得:設計風格比較需要思考跟嘗試,其他都很順利

學號 :1035445063

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445018
(2)網站主題/網站名稱: 櫻桃小丸子
(3)分類項目: 動畫
(4)對象: 10~20歲
(5)色彩計畫: 糖果粉色
(6)風格設定:粉色
 
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 還可以~~~

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445009
(2)網站主題/網站名稱: 言葉之庭
(3)分類項目: 動畫
(4)對象: 消費者
(5)色彩計畫: 大自然的色彩
(6)風格設定:綠色
 
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 剛開始蠻難的,上手之後做得很快

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445087
(2)網站主題/網站名稱:Happy Tree Friend
(3)分類項目: 動畫介紹,工作室介紹,出場角色,動畫影片,其他資料
(4)對象: 所有人
(5)色彩計畫: 夢幻與深沉
(6)風格設定、網頁看點、預期成效: 夢幻又帶點黑暗;網頁看點,詳細介紹整部動畫;希望大家對這部動畫產生興趣
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得: 繼續努力

學號 1035445087

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445096
(2)網站主題/網站名稱: 小熊維尼
(3)分類項目: 小熊維尼歷險記/小熊維尼大電影/照片欣賞/影片欣賞
(4)對象: 所有人
(5)色彩計畫:小熊維尼溫暖的顏色
(6)風格設定、網頁看點、預期成效: 治癒可愛的風格;網頁看點,介紹小熊維尼;預期可以帶給大家歡樂的感覺
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得:終於製作玩了

學號 1035445096

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445036
(2)網站主題/網站名稱:插畫家 / 鬼門圖文
(3)分類項目:作者介紹 畫作風格 作品欣賞 影片分享 外部連結
(4)對象:老少皆宜
(5)色彩計畫:臉綠掉的綠 與 戴綠帽的綠 與 黑暗奇耙動物森林綠
(6)風格設定、網頁看點、預期成效:有鬼有可愛動物一樣搞笑
(7)請整理以下數值:
字體設定(font-family)
標題級數、36
文章標題級數、18
內文級數(font-size)16
(單位px)

(8)製作心得:太好啦 完成了 真不敢相信~

學號1035445036

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445120
(2)網站主題/網站名稱: hello kitty
(3)分類項目:KITTY的朋友介紹
(4)對象: 所有人
(5)色彩計畫: 粉色桃紅色系為主
(6)風格設定、粉紅少女風
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得: 原來我寒假前的東西幾乎都記得
學號 103544520

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445035
(2)網站主題/網站名稱: 義大遊樂世界
(3)分類項目:表演時間、快速購票、入園幫手、下載專區
(4)對象:兒童、青少年、成年人等...
(5)色彩計畫:繽紛、多色、活潑
(6)風格設定、網頁看點、預期成效:希望看此網頁的群眾都能感受到遊樂園的氣氛及歡樂的心情
(7)請整理以下數值:
字體設定(font-family):微軟正黑體
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px):12px

(8)製作心得:我覺得凡是起頭難欸,雖然網頁要看到很多密密麻麻的語法,但是上手之後就覺得其實還蠻好玩的(但前提是要順利的不要遇到瓶頸哈哈哈)

學號:1035445035

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445072
(2)網站主題/網站名稱:動物方城市
(3)分類項目: 首頁、故事介紹、角色介紹、影片欣賞、外部連結
(4)對象:看過此電影的人
(5)色彩計畫:以活潑溫馨的色調來呼應故事的感覺
(6)風格設定:以活潑可愛的風格來呈現
網頁看點:電影介紹與一些其他相關連結
預期成效:希望做出可愛、內容豐富的網站
(7)請整理以下數值:
字體設定(font-family) :微軟正黑體、sans-serif
標題級數:24px
文章標題級數:20px
內文級數:14px

(8)製作心得:css看得眼花撩亂、不過做完很有成就感

學號:1035445072

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445183/
(2)網站主題/網站名稱: 包大山
(3)分類項目: 首頁/關於包大山/作品經歷/另一個她/其他
(4)對象: 10~30歲
(5)色彩計畫: 綠色
(6)風格設定、網頁看點、預期成效: 文青系列 (哈哈哈)
(7)請整理以下數值:
字體設定(font-family) 微軟正黑體
標題級數文章標題級數25px
內文級數(font-size)12px

(8)製作心得: 還可以

學號 103544583

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445024
(2)網站主題/網站名稱: Imagine Dragons
(3)分類項目: home about music video community
(4)對象: Imagine Dragons粉絲
(5)色彩計畫: 黑灰白藍
(6)風格設定、網頁看點、預期成效: 黑黑的色調有一絲溫暖的色調
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)

(8)製作心得: 眼睛很酸

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445201
(2)網站主題/網站名稱:小熊維尼
(3)分類項目: 卡通動畫 節目
(4)對象:愛好者
(5)色彩計畫: 可愛
(6)風格設定:可愛
 網頁看點:可愛
 預期成效:可愛
(7)請整理以下數值:
 字體設定(font-family) : "微軟正黑體", Sylfaen
 標題級數:24px
 文章標題級數:14px
 內文級數(font-size)(單位px):12px

(8)製作心得: 超可愛DER

學號 1035445201

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445141
(2)網站主題/網站名稱: Sleepy Hollow 斷頭谷
(3)分類項目:
Synopsis 概要
Related characters 相關人物
honor 榮譽
Director introduction 導演介紹
movie clip 影片剪輯
(4)對象: 熱愛美國影集的人
(5)色彩計畫: 傾向斷頭谷的劇情和色彩畫面,用黑和紅粉色當主色為了不刺激大眾所以不採用鮮紅.亮紅
製造出屬於年輕人和成年人都可以輕易接受的配色。
(6)風格設定: 緊張.懸疑帶有一些愛情元素
網頁看點: 讓想了解斷頭谷劇情,會不會太血腥,剛接觸美國影集不知道怎麼下手的人觀看
預期成效: 整個風格一致.畫面精彩內容豐富,達到會被大家喜愛的網站
(7)請整理以下數值:
字體設定(font-family)
標題級數35px 文章標題級數20px、內文級數14px(font-size)(單位px)

(8)製作心得:
覺得東設定西設定很難,修改時要看仔細不燃可能會改到其他東西
但做完很有成就感。

學號 1035445141

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445081
(2)網站主題/網站名稱:神奇寶貝
(3)分類項目: 人物介紹、歷年動畫、主要遊戲、周邊商品
(4)對象: 全年齡
(5)色彩計畫: 皮卡丘的黃色風
(6)風格設定、網頁看點、預期成效:皮卡丘的可愛風
(7)請整理以下數值:
字體設定(font-family) 12px
標題級數、文章標題級數、內文級數(font-size)(單位px) 14~16px

(8)製作心得: 雖然做得很累但做出來很好看

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445066
(2)網站主題/網站名稱: 兄弟本色
(3)分類項目: 首頁/兄弟本色/瘦子/小春/大淵
(4)對象:小屁還
(5)色彩計畫: RAP STYLE
(6)風格設定、網頁看點、預期成效: 因為夠屁
(7)請整理以下數值:




(8)製作心得: 痛苦的撕扯

學號 1035445066

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1015448040
(2)網站主題/網站名稱:NIKE
(3)分類項目: 首頁 介紹 名稱由來 相關影片 外部連結
(4)對象: 大家
(5)色彩計畫: 黑白色調
(6)風格設定、網頁看點、預期成效:簡單明瞭
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得:很難~

學號 1015448040

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445084/
(2)網站主題/網站名稱: 真三國無雙
(3)分類項目:遊戲
(4)對象: 愛好這款遊戲的人
(5)色彩計畫: 藍綠色系
(6)風格設定: 藍綠色系
(7)請整理以下數值:
 字體設定:微軟正黑體
 標題級數:24px
 文章標題級數:14px
 內文級數:12px

(8)製作心得: 有點難

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445030
(2)網站主題/網站名稱:布丁狗介紹
(3)分類項目:可愛
(4)對象: 大眾
(5)色彩計畫: 布丁狗的黃及咖啡色
(6)風格設定: 療育可愛
(7)請整理以下數值:
 字體設定:微軟正黑體
 標題級數:24px
 文章標題級數:14px
 內文級數:12px

(8)製作心得: 越做越有心得了...

(9)學號 : 1035445030



Edited 1 time(s). Last edit at 06/07/2016 09:37PM by blue6062.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw02/hw02-1035445126
(2)網站主題/網站名稱: 金剛猩猩
(3)分類項目:動物
(4)對象: 愛好動物的人
(5)色彩計畫: 綠色系
(6)風格設定: 綠色系
(7)請整理以下數值:
 字體設定:微軟正黑體
 標題級數:24px
 文章標題級數:14px
 內文級數:12px

(8)製作心得: 慢慢做 還是有點難
(9)學號 : 1035445126

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445015
(2)網站主題/網站名稱: forever21
(3)分類項目: 作者介紹/相關商品
(4)對象: 所有人
(5)色彩計畫: 黑黃對比
(6)風格設定、網頁看點、 衝突對比感官
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得: 上次做完後就做得比較順利了!

學號 1035445015

(1)作業網址: http://mepopedia.com/~css104-2c/hw02/hw02-1035445108
(2)網站主題/網站名稱:OFF-WHITE
(3)分類項目: 作者介紹/相關圖書/周邊商品/貼圖
(4)對象: 所有人
(5)色彩計畫: 深紅
(6)風格設定、網頁看點、預期成效: 暗色調
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)



(8)製作心得:有難度

學號 1035445108