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

Advanced

Re: [作業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-2c/hw04/hw04-1035445XXX/link.html (此檔名可自行設定)


並請回覆:

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

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

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

(2)本頁設計重點: 介紹更多關於凱斯哈林的連結

(3)製作心得:非常有網頁的感覺。

學號 1035445129

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

(2)本頁設計重點: 無印良品的理由
(3)製作心得:主題有點難發揮....然後我的CSS一直跑掉



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

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445018/works.html

(2)本頁設計重點: 介紹更多關於小丸子的人物

(3)製作心得:有清晰的感覺。

學號 1035445018



Edited 1 time(s). Last edit at 04/18/2016 11:27PM by 廖慧伃0908.
(編輯記錄)

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

(2)本頁設計重點: 將更多的購票選擇一一呈現大眾,也嵌入了預告影片,吸引觀眾

(3)製作心得:終於完成了... 真多虧有老師的教學影片

學號 1035445035

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035443128/some.html

(2)本頁設計重點: 介紹更多關於APPLE的產品

(3)製作心得:覺得有趣。

學號 1035443128

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

(2)本頁設計重點: 忠實重現片頭曲與擷取經典片段作為演出。

(3)製作心得:很有成就感。

學號 1035445006



Edited 2 time(s). Last edit at 03/30/2016 11:56PM by 1035445006.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445093/index5.html
(2)本頁設計重點: 與前幾個作業做連結 新增新分頁
(3)製作心得: 較簡單
學號 1035445093

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

(2)本頁設計重點:增加了透明度和漸層的大標
(3)製作心得: 有點累~


學號 1035445102

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

(2)本頁設計重點:酷

(3)製作心得: 酷很難

學號 1035445078



Edited 1 time(s). Last edit at 04/10/2016 01:33AM by 陳八羔子.
(編輯記錄)

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

(2)本頁設計重點:介紹關於龍貓的連結,宮崎駿的手稿,以及增加陰影

(3)製作心得: 還算簡單

學號 1035445033

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445171/colour.html
(2)本頁設計重點: 介紹絲絨鼠的毛色
(3)製作心得: 圖片要對齊文字 ,很簡單
學號:1035445171

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

(2)本頁設計重點: 關於神奇寶貝的連結 ~~~~

(3)製作心得:好爽~~~~~~~~~

學號 1035445156

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445060/link.html
(2)本頁設計重點:相關連結 參考資料
(3)製作心得:找到很多資訊
學號 1035445060

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445057/links.html
(2)本頁設計重點:增加日本官網 還有台灣相關網站 可以更了解小丸子這部卡通
(3)製作心得:CSS又更多了

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

(2)本頁設計重點:增加表格的統整度及連結
(3)製作心得: 好多css好難找ㄒ_ㄒ


學號 1035445090

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

(2)本頁設計重點:將熱門的漫畫簡介都介紹出來

(3)製作心得:感覺有整齊的感覺!!

學號 1035445216

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

(2)本頁設計重點:介紹各家抹茶。

(3)製作心得:有成就感~

學號 1035445162

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445153/works.html

(2)本頁設計重點:介紹乳酪食譜

(3)製作心得: 很好玩

學號 1035445153



Edited 1 time(s). Last edit at 04/07/2016 10:12AM by 1035445153.
(編輯記錄)

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

(2)本頁設計重點: 介紹關於熊貓的連結.影片

(3)製作心得:較簡單

學號 1035445219

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445123/index5.html
(2)本頁設計重點: 帶來歡樂氣氛的海綿寶寶。
(3)製作心得: 做完了超爽DER
學號 1035445123

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

(2)本頁設計重點:介紹史努比。

(3)製作心得:還不錯

1035445042



Edited 2 time(s). Last edit at 04/13/2016 11:10PM by s850729.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445186/imagess.html
(2)本頁設計重點:圓角漸層及陰影
(3)製作心得:為什麼圖片顯示不出來ㄋ?
學號 1035445186

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

(2)本頁設計重點: 多加一個分頁 來介紹影片.哪裡收集這些資料

(3)製作心得:非常有網頁的感覺。

學號 1035445180

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445159/cyndi.html
(2)本頁設計重點: spinning smiley sticking its tongue out 加了之前教的點圖跳出視窗,跟back to top ~~ 老師我的首頁點圖會動喔哈哈哈哈啊哈
(3)製作心得: thumbs up 想學怎麼用滑鼠移動就可以換照片
學號 1035445159



Edited 4 time(s). Last edit at 04/12/2016 10:54PM by 陳怡安安你好.
(編輯記錄)

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

(2)本頁設計重點:漸層及陰影效果和連結其他相關網站

(3)製作心得:碰到問題解決不了,所幸不解決了....

學號 1025445189

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

(2)本頁設計重點: 六大職業基本圖文介紹+連結視頻

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

學號 :1035445063

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

(2)本頁設計重點: 連結於導覽列最後一頁喔。

(3)製作心得:越做越有趣。

學號 1015445256

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445111/link.html
(2)本頁設計重點:相關連結 參考資料
(3)製作心得:無
學號 1035445111

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445054/cd.html
(2)本頁設計重點:專輯介紹
(3)製作心得:很有趣
學號 1035445054

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445087/index-4.html

(2)本頁設計重點: 加上影片供觀賞

(3)製作心得:終於有影片了

學號 1035445087

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

(2)本頁設計重點: 介紹少女時代

(3)製作心得:非常得困難

學號 1035445195

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445150/princess.html

(2)本頁設計重點: 介紹其他迪士尼公主

(3)製作心得:找資料也是一門學問

學號 1035445150

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

(2)本頁設計重點: 介紹更多關於HELLO KITTY 的故事

(3)製作心得:雖然討厭他一直出問題 但自己找出問題的感覺真好

學號 1035445120

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445051/link.html
(2)本頁設計重點:放一些小王子有關的影片
(3)製作心得:不會太困難

學號 1035445051



Edited 1 time(s). Last edit at 04/20/2016 04:23PM by apple3246927.
(編輯記錄)

1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445027/picture.html

(2)本頁設計重點: 圖片+人物介紹
(3)製作心得:覺得我的圖片有點少

學號 1035445027

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

(2)本頁設計重點: 熊本熊活動造片
(3)製作心得:文字格式一直跑掉很困擾

學號 1035445048

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445189/people.html

(2)本頁設計重點: 介紹麵包超人裡的角色

(3)製作心得:終於順利做完了~~smiling bouncing smiley
學號 1035445189

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445072/about.html
(2)本頁設計重點:動物方城市的故事介紹
(3)製作心得:css還是好複雜
學號:1035445072

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445168/works.html

(2)本頁設計重點: 介紹薰衣草相關食譜

(3)製作心得:肚子好餓~~~

學號 1035445168

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445009/drama.html

(2)本頁設計重點: 言葉之庭的劇情介紹

(3)製作心得:蠻簡單的,有成就感

學號 1035445009

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445114/video.html

(2)本頁設計重點: 連結分享

(3)製作心得:又快完成一個網頁了

學號 1035445114



Edited 1 time(s). Last edit at 04/21/2016 10:42AM by 小吉.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445024
(2)本頁設計重點:為Imagine Dragons 做的網頁
(3)製作心得:眼睛痠
學號 1035445024

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445207/video.html
(2)本頁設計重點:瀏覽影片很簡易。
(3)製作心得: 希望等一下不要在浴室睡著

學號 1035445207

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445201/name.html

(2)本頁設計重點: 讓大家知道我有多愛維尼 會貼影片了

(3)製作心得:維尼可愛的小熊~~~

學號 1035445201

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445081/show.html
(2)本頁設計重點: 每一季的大綱
(3)製作心得: 很累哈哈
學號 1035445081

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445066/index.html

(2)本頁設計重點:跟小屁還溝通

(3)製作心得:我被小屁孩嗆
學號 1035445066

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

(2)本頁設計重點: 介紹更多關於小熊維尼的連結

(3)製作心得:終於做完了~


學號 1035445096

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445036/index5.html

(2)本頁設計重點:相關網站連結

(3)製作心得:越來越難了 透明度用不出來

學號 1035445036

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1015448040/index.html

(2)本頁設計重點: 介紹更多關於nike的連結

(3)製作心得:非常難的感覺。

學號 1015448040

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445084/
(2)本頁設計重點: 遊戲影音/外部連結
(3)製作心得: 感覺越來越難了 (漸層顏色已修改)
學號 1035445084

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

(2)本頁設計重點: 布丁狗相關網站介紹及連結

(3)製作心得:有點一直做不好 好險後來完成了!

學號 1035445030

(1)作業網址:http://mepopedia.com/~css104-2c/hw04/hw04-1035445126/words.html

(2)本頁設計重點: 金剛猩猩外部連結

(3)製作心得:算比較簡單的一部分!

學號 1035445126

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1025445227/index.html
(2)本頁設計重點: 符合較憂鬱風格的配色
(3)製作心得: 邊做邊了解樂團
學號 1025445227

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445183/index.html
(2)本頁設計重點: 增加更多東西
(3)製作心得: 終於做完了
學號 1035445183

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

(2)本頁設計重點: 多影片介紹

(3)製作心得:非常有網頁的感覺。

學號 1035445015

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445108/index.html
(2)本頁設計重點: 新頁
(3)製作心得: 難
學號 1035445108

並請回覆:

(1)作業網址: http://mepopedia.com/~css104-2c/hw04/hw04-1035445075/words.html
(2)本頁設計重點: 圖文的擺放和顏色的搭配
(3)製作心得: 我竟然熬過一個晚上 成功!
學號 1035445075