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

Advanced

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

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


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



1. 作業說明

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



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-c/hw04/hw04-1015445XXX

並請回覆:

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



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





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

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445203/Wallpapers.html
(2)本頁設計重點:因為本頁的主題是桌布,所以在內容方面打上了螢幕的解析度,讓需求者有很多選擇。
(3)製作心得:ZEDGE這個網頁的圖片真的讓我很喜歡!每過一段時間我就會花上ㄧ小時以上的時間去這個網頁看圖下載我喜歡的圖片 smiling smiley

1015445203 梁誠翎

MEPOERs said:
JinJin: 1.可以製作不同尺寸實際可下載使用,2.可延伸更多桌布
1005445160 王思博

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1005445160/Characters.html
(2)本頁設計重點: 人物介紹,讓想了解安乾廟世界的人了解主角的資訊。
(3)製作心得: 做網頁很有趣,我喜歡去嘗試不同的調整看看會有甚麼變化,然後後來就會搞混,最後我就會考慮重作....!
不過還是很好玩,希望可以學到更多新奇的資訊。

(1)作業網址: http://mepopedia.com/~web102-c/midterm/midterm-1015445209/
(2)本頁設計重點: 符合國蛋饒舌歌手新專輯的風格 , 有如嗑藥般的迷幻
(3)製作心得: 依然覺得有點陽春 沒有新奇感

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445206/about.html
(2)本頁設計重點: 讓他有客家的感覺, 介紹客家的文化
(3)製作心得: 終於靠自己 做出了網頁 哈哈 很爽

1015445206



Edited 1 time(s). Last edit at 04/14/2014 03:53PM by 1015445206.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445264/about.html
(2)本頁設計重點:犬夜叉角色介紹
(3)製作心得: 沒有

1015445264

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445212/about.html
(2)本頁設計重點:大略介紹野獸冒險樂園的劇情內容
(3)製作心得:開心能和大家分享自己喜歡的繪本

eye rolling smiley

1015445212 賴韻伃

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445227/about.html
(2)本頁設計重點:關於E'Z Chocolat
(3)製作心得:介紹E'Z Chocolat 手工巧克力的簡介

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445218/works.html
(2)本頁設計重點: 介紹糖果的種類
(3)製作心得:
用不同的語法作成不同的感覺,
又做了新的東西很開心spinning smiley sticking its tongue out

1015445218

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445219/eye.html
(2)本頁設計重點:看看eye rolling smiley早午餐
(3)製作心得:
本來想改邊框色然後底色去掉
但是無邊框色無底色的感覺很像日記
所以就這樣子用了
連結要連去哪裡反而想了好久哈哈哈哈

( 把首頁下面部分的連結也連上了 )
1015445219



Edited 1 time(s). Last edit at 04/08/2014 12:27AM by stying411.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445243/works.html
(2)本頁設計重點: 表格內文的排法 段落樣式 icon運用
(3)製作心得: 就~~連link的分頁也做了 似乎其中作業好像做完了 ˊ_>ˋ
學號 1015445243 黃凱敬



Edited 1 time(s). Last edit at 04/08/2014 11:49AM by 1015445243.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445252/about.html
(2)本頁設計重點: 迪士尼小飛象 角色介紹
(3)製作心得: 用新的語法製作感覺很不一樣,剛開始或許不熟悉,但玩一下就很快上手,期待整個網頁做完的樣子。
1015445252

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445234/about.html
(2)本頁設計重點: 百年的新娘人物介紹
(3)製作心得:製作表格,其實不難,越來越順手
學號 1015445234

(1)作業網址:
http://mepopedia.com/~web102-c/hw04/hw04-1015445207

(2)本頁設計重點:
重新在設計一次!接顏色都改掉,語法也都變正常,沒有錯誤!

(3)製作心得:
終於阿!!超有成就感W很努力的做完了~L(˙ V ˙

學號 1015445207

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445240/about.html
(2)本頁設計重點:介紹團體成員
(3)製作心得:學習到表格製作,越來越上手。

1015445240

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445233/index.html

(2)本頁設計重點: 放上電影角色劇照,讓大家多看一些圖片
(3)製作心得: 有慢慢了解一些訣竅,但事關於換頁的地方還是覺得有一點難 學號 1015445233



Edited 3 time(s). Last edit at 04/13/2014 03:53PM by wdcwxx4ea.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445215/profile.html
(2)本頁設計重點: 酷玩樂團成員介紹
(3)製作心得: 越來越多語法感覺有點複雜,頭昏眼花

1015445215

1015445257 管胤筑

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445257/Characters.html
(2)本頁設計重點: 介紹天兵公園裡的主要人物
(3)製作心得: 想要讓大家了解我喜歡的東西 所以加以介紹給大家

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445223/NIKE.html
(2)本頁設計重點:關於JORDAN的周邊商品和產生
(3)製作心得:每個步驟都要很小心,一做錯我都一直重來,可是有越來越熟悉上手。

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445269
(2)本頁設計重點:圖文並茂的角色詳細介紹
(3)製作心得:利用分區的排版讓人一目了然

1015445271


(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445271/woux.html
(2)本頁設計重點: 介紹咖啡相關知識
(3)製作心得:很多細節要注意一沒注意整個網站就可能跑掉.

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445201/profile.html
(2)本頁設計重點:以表格清楚介紹森林戰士裡的角色
(3)製作心得:更會製作表格以及連結了

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445232/about.html
(2)本頁設計重點:介紹柑橘的主要種類
(3)製作心得:越來越上手,製作時所花的時間比較少了

1015445232

1015445202

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445202/profile.html
(2)本頁設計重點:讓大家更了解水原希子
(3)製作心得: 終於做完了 ^_^

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445231/profile.html
(2)本頁設計重點: 讓大家了解人物的背景
(3)製作心得: 難
學號: 1015445231

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445228/about.html
(2)本頁設計重點:故事內容簡述
(3)製作心得: 英文好菜喔我(躺
學號 1015445228

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445222
(2)本頁設計重點: 介紹adidas
(3)製作心得:
有不同的語法使用方式,非常複雜又很爽
1015445222



Edited 1 time(s). Last edit at 04/15/2014 03:52AM by 1015445222.
(編輯記錄)

1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445254
2)本頁設計重點: 人物介紹
3)製作心得: 之前忘了回復了!!!
這是期中前做的 所以改的地方在其中那篇~

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445214/about.html
(2)本頁設計重點:醜比頭人物介紹
(3)製作心得: 圖片真的好難找..........
學號 1015445214

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445242
(2)本頁設計重點: 大概的角色介紹
(3)製作心得: 又學會一些語法的使用了
學號 1015445242

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445221
(2)本頁設計重點: 漢尼拔影集的推廣
(3)製作心得: 終於有圖片原來是要插入影像
連結都重新設置過裡面暗藏玄機 smiling smiley
學號 105445221



Edited 1 time(s). Last edit at 04/22/2014 10:05PM by 姚少涵.
(編輯記錄)

貼錯的,老師幫我刪掉



Edited 1 time(s). Last edit at 05/06/2014 04:41PM by 姚少涵.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445226/
(2)本頁設計重點: 簡單可愛的糖果感覺
(3)製作心得: 看到做完的成果蠻開心的。

(1)作業網址: http://mepopedia.com/~web102-c/hw04/hw04-1015445241
(2)本頁設計重點: 介紹
(3)製作心得: 完成了
學號 1015445241

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445239
(2)本頁設計重點:CLOT品牌介紹
(3)製作心得:spinning smiley sticking its tongue out

1015445239陳筱涵

(1)作業網址:http://mepopedia.com/~web102-c/hw04/hw04-1015445208/
(2)本頁設計重點: MT紙膠帶介紹
(3)製作心得: 很喜歡紙膠帶,希望這次介紹紙膠帶,能讓更多的人一起欣賞它、喜歡它

(1)作業網址:http://mepopedia.com/~web102-c/midterm/midterm-1015445236/
(2)本頁設計重點:介紹蛋堡
(3)製作心得:他出名的過程