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

Advanced

Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

1. HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果作業說明


請參考
[講義] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果:
http://mepopedia.com/forum/read.php?804,44612

[hr]

1. 作業說明

1.延續作業03,繼續完成至少另一頁,
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。

[hr]

2. 作業步驟

1.參考http://mepopedia.com/~jinjin/web/hw04a/works.html
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,44612
2.延續作業03的內容
3.請以設計質感與創新設計為主要考量
4.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
5.將資料夾命名為 hw04-學號,以FTP上傳至hw04資料夾
作業網址為http://mepopedia.com/~web102-a/hw04/hw04-1015445XXX 。

並請回覆:

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

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



Edited 1 time(s). Last edit at 04/06/2014 12:40AM by JinJin.
(編輯記錄)

作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445006/work.html
首頁的css不知跑哪去了....用很久說....

本頁設計重點:以可愛粉紅為主要特點,結合平面設計三大師,最後則放我的平面設計作品做結合,整體呈現出親近、可愛的感覺,非常喜歡粉紅色,

製作心得:這個做了非常的久,沒想到最後首頁的css竟然會不見,我也不知怎會這樣,還有許多要學習的,希望可以越來越熟練~~ 玉了快一小時,快瘋了~~

1015445006



Edited 1 time(s). Last edit at 04/07/2014 09:45PM by 蘭雅涵.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw03_1015445024/
(2)本頁設計重點: 嘗試在圖文上做編排,並保持瀏覽頁的清新
(3)製作心得: 學習循序漸進
學號 1015445024

=========================================================
2014/6/20平時作業補交:

原先作業網址可以預覽,後來點開發現遺失頁面,原因是從hw03作業就已經開始製作期中作業

補上網址:http://mepopedia.com/~web102-a/midterm/hw03_1015445024/index.html



Edited 1 time(s). Last edit at 06/20/2014 09:41PM by lin yi.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445266/about.html
(2)本頁設計重點:呈現軟綿綿、慵懶感
(3)製作心得:過程中一再被程式碼雜亂的英文打敗,稍微打錯、貼錯可能就要重新來過,製作完完整網頁後,成就、喜悅感湧上!
學號:1015445266

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445001/profile.html
(我做美景介紹)
(2)本頁設計重點: 風景圖片為主題,依然是自然的感覺
(3)製作心得: 寫錯一個小地方就呈現不出來了,很神奇但很有趣


1015445001

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445002/about.html
(2)本頁設計重點: 圖片編排
(3)製作心得: 框框大小不受控制
學號 1015445002 陳玉穎

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445060/works.html
(2)本頁設計重點: 圖文並茂,盡量不複雜,傳達重點。
(3)製作心得: 好像有一點進入狀況喔

學號 1015445060

sorry
傳錯邊了
請老師幫忙刪掉謝謝ㄛ



Edited 1 time(s). Last edit at 04/14/2014 12:55PM by 1015445269.
(編輯記錄)

作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445268/products.html

本頁設計重點:配合哈瓦士一項色彩鮮艷的感覺,所以用繽紛的色彩做網頁配色,有熱帶氣息的感覺
製作心得:配色配了很久,色彩鮮艷反而更難配,容易有俗俗的感覺.

1015445268

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445044/p1/p1.html

(2)本頁設計重點: 有圖片和文字介紹,希望讓使用者一目了然。
(3)製作心得: 慢慢來 你可以的~ Just do it.

學號 1015445044

(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445034/index.html
(2)本頁設計重點: 個人的工作室,顏色使用和諧的配色
(3)製作心得: 有比較懂了

1015445034

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445043/about.html
(2)本頁設計重點:淡淡粉粉
(3)製作心得:真好玩
學號:1015445043

(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445059/index.html
(2)本頁設計重點:圖片與文字做結合,襯托出主體。
(3)製作心得:經過一次次的嘗試後,發現好像漸漸得心應手了!做完很有成就感...

1015445059

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445045/
(2)本頁設計重點:清晰的感覺
(3)製作心得:
沒老師的語法自己根本寫不出完整的網頁
做到一半電腦還當掉感到很ballshit

學號 1015445045

(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445050/about.html
(2)本頁設計重點:用漸層方式呈現區塊
(3)製作心得: 有老師的語法真的方便很多
學號 1015445050

(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445035
(2)本頁設計重點:讓大家更愛護動物

(3)製作心得:花了一些時間搞懂語法...雖然還是不太懂,但是大概懂...

學號 1015445035



Edited 1 time(s). Last edit at 04/15/2014 01:54PM by 1015445035.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1005445225/wapper01.html
(2)本頁設計重點: 延續首頁的製作風格
(3)製作心得: 越來越熟悉
學號 1005445225



Edited 5 time(s). Last edit at 04/15/2014 05:32PM by ab927loom.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445014/about.html
(2)本頁設計重點: 介紹Tyra Lynne Banks
(3)製作心得: top model
1015445014

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445007/002.html
(2)本頁設計重點: 做成像繪本展覽一樣,顏色是使用暖色系
(3)製作心得:排版大小常常跳掉,有點麻煩
學號 1015445007

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445015/1.html
(2)本頁設計重點: 介紹lativ 簡潔風格
(3)製作心得: 連結都會不見
學號 1015445015

作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445008/

本頁設計重點:斑馬

製作心得: 一隻斑馬兩隻斑馬三隻斑馬 語法好好玩

1015445008

(1)作業網址:http://mepopedia.com/~web102-a/midterm/miderm-1015445022/profile.html
(2)本頁設計重點:有影片的連結,分隔的很清楚
(3)製作心得:做完還蠻好玩的,且感覺很有質感~

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445025/album.html
(2)本頁設計重點: 介紹蕭敬騰所發行過的專輯
(3)製作心得: 越來越進入狀況(他的歌好好聽阿!!)
學號 1015445025

(1)作業網址: http://mepopedia.com/~web102-a/hw03/hw03-1015445019/about.html
(2)本頁設計重點: 嘗試在圖文上做編排,並保持瀏覽頁的清新
(3)製作心得:難

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445267/
(2)本頁設計重點: 大阪燒是主角!
(3)製作心得: 做完期末回頭做變很快
學號 1015445267 李金樺

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445063
(2)本頁設計重點: 嘗試在圖文上做編排,並保持瀏覽頁的清新
(3)製作心得: 學習循序漸進
學號 1015445063

(1)作業網址: http://mepopedia.com/~web102-a/hw04/hw04-1015445033
(2)本頁設計重點: 簡單介紹牛仔褲,且搭配適合牛仔褲的顏色
(3)製作心得:依然覺得網頁很難
學號 1015445033

2014/6/20平時作業補交:
=====================================================================
(1)作業網址: http://mepopedia.com/~web102-a/midterm/hw03_1015445024/index.html

(2)製作心得:原先作業網址可以預覽,後來點開發現遺失頁面,原因是從hw03作業就已經開始製作期中作業 ,以上述網址補其

學號 1015445024

(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445057/hw04-1015445057.html

(2)本頁設計重點: 諾曼地登陸

(3)製作心得: 很困難但做起來很有成就感

1015445057 王靖淳

作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445056/hw04-1015445056.html

本頁設計重點:呈現質感簡約風

製作心得:相當有趣

1015445056 陳柏儒

作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445009/

本頁設計重點:國榮桌球

製作心得: 語法好好玩,但是還是好難

1015445009