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

Advanced

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

102-2《中國》竹視傳二A-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
  1. 1. HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果作業說明
  2. 1.1 作業說明
  3. 1.2 作業步驟

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.將ＨＴＭＬ與ＣＳＳ語法分別貼上後，修改ＨＴＭＬ與ＣＳＳ語法。
5.將資料夾命名為 hw04-學號，以ＦＴＰ上傳至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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
蘭雅涵 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址：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 蘭雅涵.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
lin yi [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445266 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445266/about.html
(2)本頁設計重點：呈現軟綿綿、慵懶感
(3)製作心得：過程中一再被程式碼雜亂的英文打敗，稍微打錯、貼錯可能就要重新來過，製作完完整網頁後，成就、喜悅感湧上！
學號：1015445266

推薦 / 評論　 分享到Facebook     回應文章 Quote
light [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445001/profile.html
(我做美景介紹)
(2)本頁設計重點： 風景圖片為主題，依然是自然的感覺
(3)製作心得： 寫錯一個小地方就呈現不出來了，很神奇但很有趣


1015445001

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445002 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445002/about.html
(2)本頁設計重點： 圖片編排
(3)製作心得： 框框大小不受控制
學號 1015445002 陳玉穎

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445060 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445060/works.html
(2)本頁設計重點： 圖文並茂，盡量不複雜，傳達重點。
(3)製作心得： 好像有一點進入狀況喔

學號 1015445060

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445269 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
sorry
傳錯邊了
請老師幫忙刪掉謝謝ㄛ



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445268 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址：http://mepopedia.com/~web102-a/hw04/hw04-1015445268/products.html

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

1015445268

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445044 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445044/p1/p1.html

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

學號 1015445044

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445034 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw04/hw04-1015445034/index.html
(2)本頁設計重點： 個人的工作室，顏色使用和諧的配色
(3)製作心得： 有比較懂了

1015445034

推薦 / 評論　 分享到Facebook     回應文章 Quote
emaly83315 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445043/about.html
(2)本頁設計重點：淡淡粉粉
(3)製作心得：真好玩
學號：1015445043

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445059 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw04/hw04-1015445059/index.html
(2)本頁設計重點：圖片與文字做結合，襯托出主體。
(3)製作心得：經過一次次的嘗試後，發現好像漸漸得心應手了!做完很有成就感...

1015445059

推薦 / 評論　 分享到Facebook     回應文章 Quote
AiJie [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445045/
(2)本頁設計重點：清晰的感覺
(3)製作心得：
沒老師的語法自己根本寫不出完整的網頁
做到一半電腦還當掉感到很ballshit

學號 1015445045

推薦 / 評論　 分享到Facebook     回應文章 Quote
李凌岑 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/hw04/hw04-1015445050/about.html
(2)本頁設計重點：用漸層方式呈現區塊
(3)製作心得： 有老師的語法真的方便很多
學號 1015445050

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445035 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
ab927loom [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
妞妞小 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445014/about.html
(2)本頁設計重點： 介紹Tyra Lynne Banks
(3)製作心得： top model
1015445014

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445007 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445007/002.html
(2)本頁設計重點： 做成像繪本展覽一樣，顏色是使用暖色系
(3)製作心得：排版大小常常跳掉，有點麻煩
學號 1015445007

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445015 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445015/1.html
(2)本頁設計重點： 介紹lativ 簡潔風格
(3)製作心得： 連結都會不見
學號 1015445015

推薦 / 評論　 分享到Facebook     回應文章 Quote
Dx_is818099 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址：http://mepopedia.com/~web102-a/hw04/hw04-1015445008/

本頁設計重點：斑馬

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

1015445008

推薦 / 評論　 分享到Facebook     回應文章 Quote
1015445022 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址：http://mepopedia.com/~web102-a/midterm/miderm-1015445022/profile.html
(2)本頁設計重點：有影片的連結,分隔的很清楚
(3)製作心得：做完還蠻好玩的,且感覺很有質感~

推薦 / 評論　 分享到Facebook     回應文章 Quote
lyy_0920 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445025/album.html
(2)本頁設計重點： 介紹蕭敬騰所發行過的專輯
(3)製作心得： 越來越進入狀況(他的歌好好聽阿！！)
學號 1015445025

推薦 / 評論　 分享到Facebook     回應文章 Quote
money2962 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw03/hw03-1015445019/about.html
(2)本頁設計重點： 嘗試在圖文上做編排，並保持瀏覽頁的清新
(3)製作心得：難

推薦 / 評論　 分享到Facebook     回應文章 Quote
2u04cjo4 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445267/
(2)本頁設計重點： 大阪燒是主角!
(3)製作心得： 做完期末回頭做變很快
學號 1015445267 李金樺

推薦 / 評論　 分享到Facebook     回應文章 Quote
李治頡 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計  102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445063
(2)本頁設計重點： 嘗試在圖文上做編排，並保持瀏覽頁的清新
(3)製作心得： 學習循序漸進
學號 1015445063

推薦 / 評論　 分享到Facebook     回應文章 Quote
mimi51110 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址： http://mepopedia.com/~web102-a/hw04/hw04-1015445033
(2)本頁設計重點： 簡單介紹牛仔褲，且搭配適合牛仔褲的顏色
(3)製作心得：依然覺得網頁很難
學號 1015445033

推薦 / 評論　 分享到Facebook     回應文章 Quote
lin yi [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
2014/6/20平時作業補交：
=====================================================================
(1)作業網址： http://mepopedia.com/~web102-a/midterm/hw03_1015445024/index.html

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

學號 1015445024

推薦 / 評論　 分享到Facebook     回應文章 Quote
lovech0128 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
(1)作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445057/hw04-1015445057.html

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

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

1015445057 王靖淳

推薦 / 評論　 分享到Facebook     回應文章 Quote
lovech0128 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址:http://mepopedia.com/~web102-a/hw04/hw04-1015445056/hw04-1015445056.html

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

製作心得:相當有趣

1015445056 陳柏儒

推薦 / 評論　 分享到Facebook     回應文章 Quote
阿宥 [ 站內寄信 / PM ]
Re: [作業04] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果

分類標籤: 102-2《中國》竹視傳二A-進階網頁設計
作業網址：http://mepopedia.com/~web102-a/hw04/hw04-1015445009/

本頁設計重點：國榮桌球

製作心得： 語法好好玩，但是還是好難

1015445009

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic