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

Advanced

[作業04]HTML與CSS練習-- 內頁實作篇--其他頁面完成

1. HTML與CSS練習--內頁實作篇--其他頁面完成


請參考
[講義] HTML與CSS練習--內頁實作篇--其他頁面完成與CSS3初探:
http://mepopedia.com/forum/read.php?804,44848

[hr]

1. 作業說明

1.延續作業03,繼續完成至少另一頁,含本作業至少共三頁
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。(3)適當加入CSS3的效果

[hr]

2. 作業步驟

1.參考http://mepopedia.com/~jinjin/web/hw05a/link.html
http://mepopedia.com/~web102-a/midterm/hw03_1015445024/Sold.html

2.延續作業03的內容
3.請以設計質感與創新設計為主要考量
4.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
5.將資料夾命名為 hw04-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~css104-2a/hw04/hw04-1035445XXX/link.html (此檔名可自行設定)


並請回覆:

(1)作業網址:
(2)本頁設計重點:
(3)製作心得:
學號

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

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445115/link.html
(2)本頁設計重點: 少女情懷在遊戲中WWW
(3)製作心得: 製作自己喜歡的遊戲很開心WWW


學號 :1035445115spinning smiley sticking its tongue outspinning smiley sticking its tongue out

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445037/link.html
(2)本頁設計重點: infinite
(3)製作心得:有成就感


學號 :1035445037

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445228/link.html
(2)本頁設計重點: 製作有關蜘蛛人的連結
(3)製作心得: 一步一步慢慢的把它完成,很開心


學號 :1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445145/product.html
(2)本頁設計重點: 介紹菓風小舖裡面的糖果 還有點心
(3)製作心得:很開心 因為比以前還要熟練了

學號 :1035445145

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445163/link.html
(2)本頁設計重點: 超現實主義
(3)製作心得: 有點複雜

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445157/link.html

(2)本頁設計重點:關於貓咪的連結

(3)製作心得:改的途中會不小心連之前的作業一起改道

1035445157

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445079
(2)本頁設計重點: 兒童
(3)製作心得: 製作自己喜歡的動畫很開心WWW

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445178/information.html
(2)本頁設計重點: 介紹大英雄天團動畫評價與連結資訊
(3)製作心得: 盡力完成

學號: 1035445178

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445088/information.html
(2)本頁設計重點: 介紹捍衛聯盟的原作圖書、網站連結
(3)製作心得: 很開心能夠完成,老師的講義真的寫的非常清楚 !!

學號: 1035445088

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445142/link.html
(2)本頁設計重點:網址很多
(3)製作心得: 好多......

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445115/index.html
(2)本頁設計重點: 美食介紹
(3)製作心得: 開心

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445061/index.html
(2)本頁設計重點:美食介紹
(3)製作心得: 開心

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445067/index.html
(2)本頁設計重點:嚕嚕米 連結
(3)製作心得:製作時間很快
學號 1035445067



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

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445211/profile.html

(2)本頁設計重點:介紹最高機密影片

(3)製作心得:還可以

1035445211

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445214/links.html
(2)本頁設計重點: 可口甜美
(3)製作心得: ...╮(╯v╰)╭

學號 :1035445214



Edited 1 time(s). Last edit at 03/28/2016 09:39PM by su su.
(編輯記錄)

(1)作業網址:
http://mepopedia.com/~css104-2a/hw04/hw04-1045245002/
(新的一頁在相關商品)

(2)本頁設計重點:
非洲野狗的配色

(3)製作心得:
有時候一個不小心就會把css中不同的class搞混,不過大致上還能夠處理得到

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445073/ddddd.html
(2)本頁設計重點:介紹展覽
(3)製作心得: 框框的RGB好難調
學號 1035445073

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445199/link.html
(2)本頁設計重點:hello kitty相關連結
(3)製作心得: 做的速度很快 漸層好美
學號 1035445199

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445001/index5.html
(2)本頁設計重點: 與前幾個作業做連結
(3)製作心得: 學過後問題也變比較少了
學號 1035445001

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445124
(2)本頁設計重點:哈根達斯
(3)製作心得:有成就感
學號 1035445124

並請回覆:

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

(2)本頁設計重點:少女的小熊學校
(3)製作心得:漸層調了很久,覺得用RGB調色很有違和感。
學號 1035445184smiling bouncing smiley

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445127
(2)本頁設計重點:蠟筆小新ˇ連結
(3)製作心得:還不錯
學號 1035445127



Edited 1 time(s). Last edit at 04/10/2016 11:32AM by 1035445127.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445148/index2.html
(2)本頁設計重點: 川島小鳥
(3)製作心得: 做一些細節變動
學號 1035445148

1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445193
(2)本頁設計重點:pokemon
(3)製作心得: 開心阿啊啊

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445169/music.html
(2)本頁設計重點: 玖壹壹較著名的曲目
(3)製作心得:製作自己喜歡的樂團網站很開心


學號 :1035445169

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445121/profile.html
(2)本頁設計重點: 簡單
(3)製作心得: 有趣


學號 :1035445121

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445034/link.html

(2)本頁設計重點:粉紅豬商品

(3)製作心得: 好玩

1035445034

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445031/about.html
(2)本頁設計重點: 治癒日記風
(3)製作心得: 大自然的一切果然可愛又治癒(?)


學號 :1035445031

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445094
(2)本頁設計重點: 星座
(3)製作心得:有成就感


學號 :1035445094

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445097/
(2)本頁設計重點: 其實就把其他補完加點css3
(3)製作心得: 嗯....好無聊...上學期比較有趣點
學號 :1035445097

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445208/link.html
(2)本頁設計重點: 簡潔有力 有他的個人風格
(3)製作心得: 94累

學號 :1035445208

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445166/link.html
(2)本頁設計重點:周邊商品
(3)製作心得: thumbs up

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445046/
(2)本頁設計重點: 銀魂惡搞
(3)製作心得:真的不太會

學號 :1035445046



Edited 1 time(s). Last edit at 04/19/2016 01:33PM by 帥大叔.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445217/link.html
(2)本頁設計重點:製作相關網站連結
(3)製作心得:簡單易懂


學號 :1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445130/profile.html
(2)本頁設計重點: 介紹朋友
(3)製作心得:還是不熟練

學號 :1035445130

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445010/profile.html
(2)本頁設計重點: 簡約明瞭
(3)製作心得: 做起來終於比較順了


學號 :1035445010

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445202/
(2)本頁設計重點: 補了點東西
(3)製作心得: 還算是不困難
學號 :1035445202

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445172/link.html
(2)本頁設計重點:整齊 方便
(3)製作心得:覺得連結很麻煩 很恐怖 每次打開都很怕跑掉
學號 :1035445172

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035443110/internet.html
(2)本頁設計重點:腳色介紹 周邊商品 及外部連結
(3)製作心得:快做完的時候,有整體感,自己也喜歡

學號:1035443110

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445187
(2)本頁設計重點: 粉嫩的可愛
(3)製作心得: 還不錯


學號 :1035445187

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445103/link.html

(2)本頁設計重點: 介紹宮崎駿的動畫和音樂

(3)製作心得:做的越來越順手

學號1035445103

(1)作業網址:http://mepopedia.com/~css104-2a/hw04/hw04-1035445055/link.html
(2)本頁設計重點: 以幾米為主題
(3)製作心得: 很困難
學號:1035445055

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

學號 :1035445052

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445058/present.html
(2)本頁設計重點: 希望大家都喜歡麵包超人優齁齁齁
(3)製作心得: 好開心~~終於要做完惹 spinning smiley sticking its tongue out


學號 :1035445058

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445196/Information.html
(2)本頁設計重點: 持續櫻花
(3)製作心得:還是有那麼一些瓶頸


學號 :1035445196

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445205/link.html
(2)本頁設計重點:簡單可愛
(3)製作心得:終於完成smiling smiley


學號 :1035445205

作業網址為http://mepopedia.com/~css104-2a/hw04/hw04-1035445070/index.html

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445070/index.html
(2)本頁設計重點: 介紹預告影片還有分析跟影評人的點評影片。
(3)製作心得: 覺得很奇怪,原始碼明明就有三部影片的連結,但是看網頁後卻只有兩個,令人不解。
學號 1035445070

(1)作業網址: http://mepopedia.com/~css104-2a/hw04/hw04-1035445151
(2)本頁設計重點: 變形金剛銀河風
(3)製作心得: 快做完期中了