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

Advanced

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

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


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

[hr]

1. 作業說明

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

[hr]

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/~web103-2a/hw03/hw03-1025445XXX/works.html (此檔名可自行設定)

並請回覆:

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

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



Edited 1 time(s). Last edit at 04/02/2015 09:11AM by JinJin.
(編輯記錄)

(1)作業網址:



Edited 1 time(s). Last edit at 05/12/2022 03:14PM by 衛生綿.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445214
(2)製作時間:1hr
(3)製作心得:不會連結.. =(

1025445214

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445148/kids.html
(2)本頁設計重點: 畫面簡潔
(3)製作心得: 找到自己有興趣的題目、內容滿重要的,才會有繼續完成的動力。
學號 1025445148



Edited 1 time(s). Last edit at 04/07/2015 05:20PM by 盧姿穎.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445073
(2)本頁設計重點: 顏色配置
(3)製作心得: 這次比上次簡單
學號 1025445073

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445049/index.html
(2)本頁設計重點:整體風格與編排的表現
(3)製作心得:目前還可以上手
學號 1025445049



Edited 1 time(s). Last edit at 06/28/2015 10:23PM by Angelina.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445070/member.html
(2)本頁設計重點:畫面乾淨,整體感覺起來有一致性
(3)製作心得:比上次來的簡單一些,不過語法偶爾還是會有點搞混。

1025445070

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

[size=small](2)本頁設計重點:整體風格與編排的表現
(3)製作心得: 製作過程很多小細節沒用DIV包覆起來,後果就GG了,圖片跑掉字跑掉= =ll我會更加小心的
學號 : 1025445178
[/size][/size]



Edited 1 time(s). Last edit at 04/08/2015 01:29AM by yo.nin.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445058
(2)本頁設計重點: 顏色搭配
(3)製作心得:換顏色而已,還好沒太複雜
學號 1025445058

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445124/family.html
(2)本頁設計重點: 家人朋友介紹
(3)製作心得: 沒有完全按照老師的格式製作 ,但是覺得效果不錯
學號 1025445124

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445079 <<<<作業3在第二頁@_@
(2)本頁設計重點:畫家的作品介紹
(3)製作心得:修改了一些之前的~還OK
學號 1025445079



Edited 4 time(s). Last edit at 04/08/2015 05:33PM by iamve.
(編輯記錄)

(1)作業網址: [url=http://mepopedia.com/~web103-2a/hw03/hw03-1025445133/about.html]http://mepopedia.com/~web103-2a/hw03/hw03-1025445133/about.html[/url]
(2)本頁設計重點:清爽風格
(3)製作心得:能用簡單的方式帶出很不錯的感覺
學號 1025445133

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445064/game.html
(2)本頁設計重點: 色調
(3)製作心得: wow~~~~~好黑暗
學號 1025445064

[size=small](1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445001/disco.html
(2)本頁設計重點: 專業div表格(你不
(3)製作心得:整個就是黑系極簡風,專輯有點多...(´・ω・`)
1025445001[/size]



Edited 1 time(s). Last edit at 04/08/2015 10:16PM by royu.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445040/about.html
(2)本頁設計重點:粉嫩風格
(3)製作心得:簡單可愛
學號 1025445040

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445097/about.html
(2)本頁設計重點:簡單.清新.一目了然
(3)製作心得: 自己最喜歡的花就是薰衣草,所以會更想把它做到好

視傳二A1025445097陳慶芳



Edited 1 time(s). Last edit at 04/12/2015 06:45PM by 1025445097.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445055/
(2)本頁設計重點:表格
(3)製作心得: 好表格不做嗎
學號 1025445055



Edited 1 time(s). Last edit at 04/09/2015 01:58AM by nightsky18.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445223
(2)本頁設計重點: 表格
(3)製作心得: css容易互相影響蠻煩的
學號 1025445223

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445136/maybe.html
(2)本頁設計重點:簡化攻略重點
(3)製作心得:看來前面會有選項要改了
學號 1025445136

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445046/news.html
(2)本頁設計重點:畫面簡單乾淨,說明最新消息之內容。
(3)製作心得:理解如何修改內容後會快很多,
但又增加了許多語法,時常看得眼花撩亂。

1025445046

http://mepopedia.com/~web103-2a/hw03/hw03-1025445067/who.html
說明人物的介紹
好像有點東西出來了.....
1025445067



Edited 1 time(s). Last edit at 04/12/2015 11:54PM by 1025445067.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445025
(2)本頁設計重點: 舒服
(3)製作心得: 一直亂掉
學號 1025445025

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445091/information.html
(2)本頁設計重點:插畫風
(3)製作心得: 稍微看得懂語法~ 知道要從哪裡改~

1025445091

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445130/album.html
(2)本頁設計重點: 專輯內容和封面
(3)製作心得: 改好久
學號1025445130



Edited 3 time(s). Last edit at 04/13/2015 03:32AM by lele831230.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445187/about.html
(2)本頁設計重點:表格效果
(3)製作心得:還是要多練習..
學號 1025445187

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445100/works.html (
(2)本頁設計重點:詩特莉品牌故事
(3)製作心得: 出乎意料的快就完成了
學號 1025445100

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445202/person.html
(2)本頁設計重點: 了解劇中人物
(3)製作心得: 比上一個作業更容易上手
學號 1025445202

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445160/make%20up.html
(2)本頁設計重點: 介紹elite這個品牌的彩妝產品
(3)製作心得:有些部分要製作還是要靠細心與耐心慢慢摸索嘗試
學號 1025445160



Edited 1 time(s). Last edit at 04/15/2015 11:06PM by 1025445160.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445031
新增第二個按鈕-品種介紹
(2)本頁設計重點: 表格
(3)製作心得: 比較有頭緒的做完了
學號 1025445031



Edited 1 time(s). Last edit at 04/15/2015 06:35PM by love0920dt.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445076/character.html
(2)本頁設計重點: 人物角色
(3)製作心得: 連結不會語法看不太懂
學號 1025445076

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445169
(2)本頁設計重點:詳細介紹巴巴爸爸
(3)製作心得: 有點差,但是很想把東西做好
學號 1025445169

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445175
(2)本頁設計重點: 簡單可愛
(3)製作心得: 似乎有比較上手一點
學號 1025445175

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445109/about.html
(2)本頁設計重點: 介紹主持人
(3)製作心得: 沒有跟老師的架構一樣,但是覺得整體來說,還可以
學號 1025445109

(1)作業網址:/http://mepopedia.com/~web103-2a/hw03/hw03-1025445199/
(2)本頁設計重點:表格簡潔分隔,看起來不會雜亂。
(3)製作心得: 語法核對很久
學號 1025445199

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445043/index.html
(2)本頁設計重點:畫面乾淨,不壓迫的
(3)製作心得:繼續加油

1025445043



Edited 1 time(s). Last edit at 04/22/2015 08:21PM by 1025445043.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445115/index.html
(2)本頁設計重點: 編排
(3)製作心得: 真的好難.......但我我我我我會做完它
學號 1025445115

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445082/abouttwo.html
(2)本頁設計重點:紅色系為主,用白色字體對應背景的玫瑰紅做成比較強烈的對比。
(3)製作心得: 繼續做圓圈圈風格。
學號 1025445082

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445103/222222.html
(2)本頁設計重點:表格效果
(3)製作心得: 難
學號 1025445103

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445112/
(2)本頁設計重點: 樸素
(3)製作心得: 擔心做不出來,但結果還可以,做的比較簡單,怕太複雜會很多錯誤。
學號 1025445112

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445010/
(2)本頁設計重點:繼上次作業續做
(3)製作心得: 加油!!

1025445010

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445085/
(2)本頁設計重點:甜美粉色系
(3)製作心得:學到不少
學號 1025445085



Edited 1 time(s). Last edit at 04/22/2015 09:50PM by 1025445085.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445106
(2)本頁設計重點:內容
(3)製作心得: 有些困難
1025445106

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025443064/04.html
(2)本頁設計重點: 表格效果
(3)製作心得: 還不錯
學號 1025443064

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445217
(2)本頁設計重點:影片。。吧。。?
(3)製作心得: 。。。。

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445190/character.html
(2)本頁設計重點:角色介紹
(3)製作心得:呃 好像 還OK
學號 1025445190

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445184
(2)本頁設計重點:表格效果
(3)製作心得: 還算ok

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445052/about.html
(2)本頁設計重點:讓讀者了解樂團歷史
(3)製作心得: 找資料麻煩
學號 1025445052

(1)作業網址: http://mepopedia.com/~web103-2a/hw03/hw03-1025445139/karasuno.html
(2)本頁設計重點: 整理
(3)製作心得: css開了很多…根本一頁一個。
1025445139

(1)作業網址: http://mepopedia.com/~web103-2a/midterm/midterm-1025445196/
(2)本頁設計重點: 介紹GAP最新商品資訊
(3)製作心得: 雖然花了很多時間研究,也不斷從做,但是做完很有成就感,自己也很喜歡。
學號 1025445196

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445127/
(2)本頁設計重點: 以新品上市 照片為主
(3)製作心得: 越來越順手 完成很有成就感
學號 1025445127

(1)作業網址:http://mepopedia.com/~web103-2a/hw03/hw03-1025445151
(2)製作時間:忘了
(3)製作心得sad smiley補齊之前上傳卻忘記回復

(1)作業網址::http://mepopedia.com/~web103-2a/hw03/hw03-1025445037/profile.html
(2)本頁設計重點: 簡單明瞭
(3)製作心得: 愈來愈熟
學號 1025445037



Edited 8 time(s). Last edit at 07/03/2015 01:17AM by 1025445037.
(編輯記錄)