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

Advanced

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

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


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



1. 作業說明

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



2. 作業步驟

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

並請回覆:

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



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



(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445214/ingredient.html
(2)本頁設計重點: 可口甜美
(3)製作心得: ...╮(╯v╰)╭
學號:1035445214



Edited 2 time(s). Last edit at 03/14/2016 09:24PM by su su.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445211/about.html
(2)本頁設計重點: 詭異
(3)製作心得: 不知道為甚麼footer變,而且也不知道怎麼改。
學號:1035445211

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445079
(2)本頁設計重點: 藍藍
(3)製作心得: 不知道怎麼改footer,
學號:1035445079

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445115/about.html
(2)本頁設計重點: 紫色調漸層美感
(3)製作心得: 想越做越好看!!持續改變中WWWspinning smiley sticking its tongue out



學號:1035445115

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445037
(2)本頁設計重點:暗
(3)製作心得:有成就感
學號:1035445037

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445145/words.html
(2)本頁設計重點:介紹菓風小舖整家店面
(3)製作心得:比以前還要上手了,所以越來越有成就感。
學號:1035445145

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445228/works.html
(2)本頁設計重點:劇情的介紹大綱
(3)製作心得:雖然做起來還是沒有很流暢,但是有種快完成的感覺。
學號:1035445228

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445157/synopsis.html
(2)本頁設計重點: 配合首頁配色
(3)製作心得: 做完好棒

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445073/ggggg.html
(2)本頁設計重點: 介紹週邊
(3)製作心得: 有些地方要修可是常常找不到從哪調
學號 : 1035445073

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1045245001
(2)本頁設計重點: 介紹星空的知識
(3)製作心得: 資料放多後,背景變得怪怪.
學號 : 1045245001

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445166/about.html
(2)本頁設計重點: 介紹普屋
(3)製作心得: 難
學號 : 1035445166

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445142/index2.html
(2)本頁設計重點: cute
(3)製作心得:輕鬆
學號:1035445142

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445163/link3.html
(2)本頁設計重點: 超現實
(3)製作心得: 還行
學號:1035445163



Edited 1 time(s). Last edit at 03/21/2016 08:23PM by 1035445163.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445088/about.html
(2)本頁設計重點: 利用表格介紹劇情
(3)製作心得:多花一些時間嘗試製作,會有收穫 ~~
學號:1035445088



Edited 2 time(s). Last edit at 03/22/2016 12:37AM by 1035445088.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445178/about.html
(2)本頁設計重點: 以表格的方式介紹劇情
(3)製作心得: 有成就感
學號:1035445178

(1)作業網址:
http://mepopedia.com/~css104-2a/hw03/hw03-1045245002
(新的一頁為「相關商品」)

(2)本頁設計重點:
非洲野狗

(3)製作心得:
雖然期間也遇上不少問題,不過仍然是覺得很好玩

學號 : 1045245002

(1)作業網址:
http://mepopedia.com/~css104-2a/hw03/hw03-1035445127

(2)本頁設計重點:
角色介紹

(3)製作心得:
沒什麼大問題

學號 :1035445127



Edited 1 time(s). Last edit at 03/24/2016 10:08PM by 1035445127.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445061/index.html
(2)本頁設計重點:手做美食
(3)製作心得: 難易度 3顆
學號:1035445061

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445199/work.html
(2)本頁設計重點:hello kitty
(3)製作心得:做滿快的
學號:1035445199

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445067/index.html
(2)本頁設計重點:嚕嚕米 作者簡介
(3)製作心得:美化網頁時很容易搞混語法
學號:1035445067

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445001
(2)本頁設計重點: 有關黃阿瑪的生活的配色與排版
(3)製作心得:有變得比較容易
學號 : 1035445001

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445124
(2)本頁設計重點:哈根達斯
(3)製作心得:有成就感 但是做好久
學號:1035445124



Edited 1 time(s). Last edit at 04/07/2016 03:56PM by zoey.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445148/index1.html
(2)本頁設計重點:川島小鳥
(3)製作心得:不需要改太多
學號:1035445148

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445184
(2)本頁設計重點:人物的介紹大綱
(3)製作心得:雖然做起來還是很流暢,但是資料很不齊全,一直沒有辦法把這頁用的很完整的感覺。
學號:1035445184

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445169/about.html
(2)本頁設計重點: 黑白灰為主的簡單色調
(3)製作心得: 想完成一個屬於自己的特色網站



學號:1035445169

1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445121/about.html
(2)本頁設計重點: 簡單
(3)製作心得: 有趣
學號:1035445121

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445031/works.html
(2)本頁設計重點: 治癒(?)
(3)製作心得:越做越覺得童心回來了(?還是因為我邊配音樂作業的關係...
學號:1035445031

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445034/photo.html
(2)本頁設計重點: 人物介紹
(3)製作心得: 開心

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445094
(2)本頁設計重點: 星座
(3)製作心得:累
學號:1035445094

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445097/
(3)製作心得: 嗯.....想上點不一樣的
學號:1035445097

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445208/profile.html
(2)本頁設計重點: 有FU
(3)製作心得:超有感
學號:1035445208

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445217/about.html
(2)本頁設計重點:簡單介紹關於唐頓莊園
(3)製作心得: 整體做起來更有一致感的網頁

1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445010/about.html
(2)本頁設計重點: 簡約明瞭
(3)製作心得: 每次再用區隔都會卡住
學號:1035445010

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445130/about.html
(2)本頁設計重點: 高中頁面
(3)製作心得: 做好久 好難
學號:1035445130

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445187
(2)本頁設計重點: 作者介紹
(3)製作心得: 字的間距用不好
學號:1035445187

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-10354452202
(2)本頁設計重點: 全都是椎名 滿滿的椎名
(3)製作心得: 有點多
學號:1035445202

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445160/
(2)本頁設計重點: 介紹熱門景點
(3)製作心得:背景下面不會改,怎麼沒連結到
學號 1035445160

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035443110/story.html
(2)本頁設計重點:分集的故事大綱
(3)製作心得:分隔的地方有點小堵住,但真正做出來後很開心

學號:1035443110

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445172/story.html
(2)本頁設計重點: 奇幻
(3)製作心得:覺得很好玩 越做越想做下去
學號 :1035445172

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445103/

(2)本頁設計重點: 著重在介紹作品上面。

(3)製作心得:還可以

學號 1035445103

(1)作業網址:
http://mepopedia.com/~css104-2a/hw03/hw03-1035445055/
(2)本頁設計重點: 以幾米為主題
(3)製作心得: 感覺有難度
學號:1035445055

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445052/index01.html
(2)網站主題/網站名稱:渡邊直美
(3)分類項目: 首頁、個人簡介、自創品牌、電視廣告、外部連結
(4)對象: 年輕人
(5)色彩計畫:粉色少女
(6)風格設定、粉紅色少女 大膽有點可愛
(7)製作心得:終於做完 做好做滿

學號 :1035445052



Edited 1 time(s). Last edit at 04/19/2016 11:33AM by 1035445052.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445058/writer.html
(2)本頁設計重點: 紅豆餡好吃~
(3)製作心得: 真的好好ㄘ
學號:1035445058

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445196/about.html
(2)本頁設計重點: 夢幻甜美
(3)製作心得: 突然找不到字後面的色塊來擋住背景圖片,一整個很花 看不太清楚
學號:1035445196

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445205
(2)本頁設計重點: 完成主要的設計,以簡單可愛為主
(3)製作心得:終於完成了!
學號:1035445205

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445046
(2)本頁設計重點: 背景設定!!
(3)製作心得: 我用得很簡單
學號:1035445046

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445025/about.html
(2)本頁設計重點:介紹小王子
(3)製作心得sad smiley  ̄ 3 ̄)y▂ξ
學號:1035445025

作業網址為http://mepopedia.com/~css104-2a/hw03/hw03-1035445070/index.html

(1)作業網址: http://mepopedia.com/~css104-2a/hw03/hw03-1035445070/index.html
(2)本頁設計重點: 角色還有劇情介紹。
(3)製作心得: 還可以,大致上沒甚麼問題。
學號 1035445070

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445151
(2)本頁設計重點: 銀河~~
(3)製作心得: 快期中了......

(1)作業網址:http://mepopedia.com/~css104-2a/hw03/hw03-1035445193/
(2)本頁設計重點:灰白
(3)製作心得: 做完好開勳