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

Advanced

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

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


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



1. 作業說明

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



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/~web103-2a/hw04/hw04-1025445XXX/link.html (此檔名可自行設定)


並請回覆:

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



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



(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445091/member.html
(2)本頁設計重點: 讓大家清楚如何成為幾米會員
(3)製作心得: 還可以

學號 1025445091



Edited 1 time(s). Last edit at 04/12/2015 02:19PM by 小碧.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445001/links.html
(2)本頁設計重點:專業超連結(你不
(3)製作心得: 還滿簡單的,但是還是會看不懂一些css...,
然後糾結著期中到底該怎麼改...。

1025445001


作業網址為http://mepopedia.com/~web103-2a/hw04/hw04-1025445178


[size=medium]
(2)本頁設計重點: 無限的超連結啊(還有記得不要連錯頁(?)(應該只有我會錯)XD
(3)製作心得:

弄到快瘋了XDDDD一直連錯頁
不過在跟外國朋友詢問可不可以分享他們影片的時候
蠻開心的, ( 外國人真NICE) 問老師問題發現自己問題在哪的時候也是苦笑XD
連錯頁 eye popping smiley eye popping smiley eye popping smiley 崩潰 eye popping smiley 但是會了就記得啦(應該XD) , 發現都是連錯資料夾的小問題,但是修正過後就好了 smiling smiley

p.s 剛剛看到contents的main顏色很怪,重新調整顏色沒辦法動 ,覺得納悶 sad smiley

[size=small]學號 1025445178 / yo.nin XD




Edited 2 time(s). Last edit at 04/13/2015 05:19PM by yo.nin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445073/Early%20life.
(3)製作心得: 還滿簡單的,但是不小心CSS連錯,害我做兩遍。
學號 1025445073



Edited 8 time(s). Last edit at 04/13/2015 05:38PM by s096076.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445049/
(2)本頁設計重點: 在於讓大家更了解米妮這個角色
(3)製作心得: 連結的顏色改不了 (哭...

1025445049

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445148/
(2)本頁設計重點: 極簡
(3)製作心得: 較上手
學號 1025445148

(1)作業網址: file:///C:/Users/%E5%BD%A5%E7%A9%8E/Desktop/R/index.html
(2)本頁設計重點: 極簡
(3)製作心得: 只要是網頁都很花時間的
學號 1025445211

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445100/links.html
(2)本頁設計重點:介紹詩特莉商品的品質堅持與用心
(3)製作心得:一邊作一邊好煩腦期中新主題,我沒有喜歡那麼多種事物啊~
學號 1025445100

http://mepopedia.com/~web103-2a/hw04/hw04-1025445067/movie.html
詳細的說明每段劇場的故事
一直找不到問題點在哪一直的亂試還好有成功但快死了...
1025445067

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445124/table.html
(2)本頁設計重點: 影片介紹
(3)製作心得: 想要怎麼配色想很久
學號 1025445124

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445070/link.html
(2)本頁設計重點: 滿滿的連結(?)
(3)製作心得: 這次整體來說比較簡單,比較沒什麼大問題。

1025445070

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445202/location.html
(2)本頁設計重點: 讓觀眾了解海綿寶寶的各種場景
(3)製作心得: 越來越上手

學號 1025445202

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445133/link.html
(2)本頁設計重點:簡約清新
(3)製作心得:關於我作的主題能放的連結比我想的還少
學號 1025445133

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

學號 1025445187

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445058/index2.html
(2)本頁設計重點: 整個完成
(3)製作心得: 我終於做完了!

學號 1025445187



Edited 2 time(s). Last edit at 04/15/2015 12:08PM by s096076.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445214/
(2)本頁設計重點: 相關連結
(3)製作心得: 做了好久,檢視都沒有問題,可是葉面背景色用了好久,不知道為什麼還是顯是白色的,後來終於好了

學號 1025445214

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445205/link.html
(2)本頁設計重點:一直跑掉...
(3)製作心得:一直跑掉...一直跑掉...一直跑掉...一直跑掉...
學號 1025445205



Edited 1 time(s). Last edit at 04/15/2015 08:14PM by 衛生綿.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445079/ 第三頁
(2)本頁設計重點: 了解作者
(3)製作心得: 以為我會搞很久結果很快

學號 1025445079



Edited 1 time(s). Last edit at 04/15/2015 08:17PM by iamve.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445064/character.html
(2)本頁設計重點: 主角介紹
(3)製作心得: 同樣的語法顯示不出來== 另外寫又會跟原本的混再一起-...- 快抓狂了...只好先做簡單的

學號 1025445064

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445097/profile.html
(2)本頁設計重點:加上影片以及介紹最新森林活動
(3)製作心得: 製作速度有變比較快,還有很多語法需要摸索

視傳二A1025445097陳慶芳



Edited 1 time(s). Last edit at 04/15/2015 08:32PM by 1025445097.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445040/link.html
(2)本頁設計重點: 分享貓咪好網站
(3)製作心得:把 ul 跟 ui 搞錯 ,難怪改了設定跑不出來。

1025445040

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445046/hamburger.html
(2)本頁設計重點:加了漸層和陰影效果,讓畫面變得有質感一些。
(3)製作心得:覺得有些小問題,關於方框的問題,還沒找到問題點,其他都沒什麼太大問題。

1025445046

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445160/fashion.html
(2)本頁設計重點: 畫面以圖片為主,加一些滑鼠變換影像的效果
(3)製作心得:區塊真的好難分辨,想用的效果一直不如預期的成果,要再多練習
學號 1025445160

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445199/
(2)本頁設計重點: 讓大家更加認識抹茶!!!!!
(3)製作心得:東西都會跑掉,顏色配色難。


1025445199

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445025/
(2)本頁設計重點: 影片
(3)製作心得: 找網站找很久
學號 1025445025

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445223
(2)本頁設計重點: 波紋ゴゴゴゴゴ
(3)製作心得: 好簡單好幸福【X

學號 1025445223

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445169
(2)本頁設計重點: 更多的巴巴爸爸資訊
(3)製作心得: 有想努力做好網頁,勉勉強強的
學號 1025445169

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445175
(2)本頁設計重點: 認識作者以及其作品
(3)製作心得: 覺得快爆肝

學號 1025445175

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445055/Sellingsongs
(2)本頁設計重點: 痾其實就改了一下表格前一頁還沒修好
(3)製作心得: 很紫

1025445055

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445136/link.html
(2)本頁設計重點:塊狀重現
(3)製作心得:本日收工ing,沒時間在玩效果了
學號 1025445136

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445130
(2)本頁設計重點: 人物介紹
(3)製作心得:
學號 1025445130

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445109/profile.html
(2)本頁設計重點:康熙活動
(3)製作心得: 覺得很有挑戰
學號 1025445109

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445031
(2)本頁設計重點: 讓大家更了解加菲貓
(3)製作心得: 沒有以前煩躁了 雖然還是有一直改不好的地方~

學號 1025445031

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445043/uto.html
(2)本頁設計重點: 大量的文字跟圖片的整合
(3)製作心得: 這頁做完很有快感
學號 1025445043



Edited 1 time(s). Last edit at 04/22/2015 08:25PM by 1025445043.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445082/aboutthree.html
(2)本頁設計重點:作品照片壓矮拉寬
(3)製作心得:中途當機嚇死我了
學號 1025445082

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445115/singer.html
(2)本頁設計重點: 出道過程
(3)製作心得: 老師錄的影片,是我的神

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445103/member.html
(2)本頁設計重點: 讓大家清楚RODY周邊
(3)製作心得: 還可以

學號 1025445103

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445112
(2)本頁設計重點: 簡單
(3)製作心得:做的比較簡單,怕太複雜會很多錯誤、電腦會當。
學號1025445112



Edited 1 time(s). Last edit at 04/22/2015 07:00PM by LIANJIAYUN.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445076/link.html
(2)本頁設計重點: 影片
(3)製作心得: 影片聯結有錯有更正了
學號 1025445076

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445010/
(2)本頁設計重點:繼上次作業續做
(3)製作心得: 終於快完成了

1025445010

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445085/
(2)本頁設計重點: 在於讓大家更了解郭采潔
(3)製作心得: 學到東西~

1025445085

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025443064/
(2)本頁設計重點: 讓大家重返童年
(3)製作心得: 好玩

1025443064



Edited 1 time(s). Last edit at 04/22/2015 10:56PM by 1025443064.
(編輯記錄)

1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445106
(2)本頁設計重點: 內容
(3)製作心得: 還可以
1025445106



Edited 2 time(s). Last edit at 04/22/2015 11:01PM by 1025445199.
(編輯記錄)

1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445217/member.html
(2)本頁設計重點: 大神操作
(3)製作心得: 和上学期一样麻烦事要开始了

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445190/boss.html
(2)本頁設計重點: 介紹BOSS
(3)製作心得: 感覺每次都一個不注意就把內容做很長了

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445184
(2)本頁設計重點: 認識菜色
(3)製作心得: 還是有一直改不好的地方,但是用很久就好了

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445052/album.html
(2)本頁設計重點: 讓大家了解空中補給樂團的專輯
(3)製作心得: 還可以

學號 1025445052

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445139/enemy.html
(2)本頁設計重點: 整理出有哪些敵對學校
(3)製作心得: 我好睏,有待調整。

1025445139

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445196/
(2)本頁設計重點:線上購物網
(3)製作心得:
學號 1025445196

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445127/
(2)本頁設計重點: 主要內容為zara商品穿搭
(3)製作心得: 滿順利的


學號 1025445127

(1)作業網址:http://mepopedia.com/~web103-2a/hw04/hw04-1025445151
(2)本頁設計重點:講解佛教
(3)製作心得: (補齊之前上傳卻忘記回復

學號 1025445151

(1)作業網址: http://mepopedia.com/~web103-2a/hw04/hw04-1025445037/caa.html
(2)本頁設計重點: 黑色旋風
(3)製作心得: 愈來愈熟
學號 1025445037



Edited 1 time(s). Last edit at 07/03/2015 01:18AM by 1025445037.
(編輯記錄)