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-2c/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)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445075/index.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 蠻ok的\
學號 1025445075

(1)作業網址 : http://mepopedia.com/~web103-2c/hw03/hw03-1025445036
(2)本頁設計重點 : 依然
(3)製作心得 : 繼續努力

1025445036 李易達

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445072/people.html
(2)本頁設計重點: 角色介紹
(3)製作心得: 無


1025445072 王人永

(1)作業網址:http://mepopedia.com/~web103-2c/midterm/midterm-1025445195
(2)網站主題: H&M
(3)導覽列: 首頁 新裝 STYLE 店面 外部連結
(2)對象:女性消費者
(3)色彩計畫: 紅白撞色
(4)風格設定、預期成效: 時尚
(5)製作心得:很難

1025445195古馥瑜

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445192/offer.html
(2)本頁設計重點: 好康促銷
(3)製作心得: 還可以

1025445192 黃婷萱

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445141/about.html
(2)本頁設計重點: 歌手介紹
(3)製作心得: 還行


1025445141 王心仁

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445153/Introduction.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 進度還可以 可是要填內容有太多要選擇了 ~

1025445153 廖敏君

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445090/a1.html
(2)本頁設計重點: 人物介紹
(3)製作心得: 還可以跟上進度
1025445090 鍾婷玟



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

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445060/intro.html
(2)本頁設計重點: 成員介紹
(3)製作心得: 還可以

1025445060 黃淯婷

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445027/Cat.html

(2)本頁設計重點: 品種貓介紹
(3)製作心得: 首頁的站貓圖有確定縮小了 檔案也縮了 照片還是出不來RRRRR
學號 1025445027

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445069/works.html
(2)本頁設計重點: 電影介紹
(3)製作心得: 很有趣

1025445069 古珮儒

(1)作業網址:http://mepopedia.com/~web103-2c/hw03/hw03-1025445111/about.html
(2)本頁設計重點: 故事章節
(3)製作心得: 本想做些特效但做不出來

1025445111 莊于萱

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445015/about.html
(2)本頁設計重點: 不同的排版方式呈列頁面
(3)製作心得: 希望能找到適合的背景讓網頁有活力

1025445015 陳曉琪

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445102/about.html
(2)本頁設計重點: 劇情簡介
(3)製作心得: 有些語法不知道是哪裡的,其他還可以


1025445102 邱筱惠



Edited 1 time(s). Last edit at 04/09/2015 12:59AM by 筱.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445006/works.html
(2)本頁設計重點: 房型介紹
(3)製作心得: 還可以,多學到一些東西了^^

1025445006 鄭喬薰

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445147/youlook.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 還可以,但語法太多,有點複雜。還有顏色配得不是很好

(1)作業網址:http://mepopedia.com/~web103-2c/hw03/hw03-1025445063/wodes.html

(2)本頁設計重點:介紹成員

(3)製作心得: 還蠻開心的 但有些做不出來還要多學習

1025445063 洪筠真



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

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445180/
(2)本頁設計重點:外貌介紹
(3)製作心得:還跟得上


1025445180 謝芷寧



Edited 1 time(s). Last edit at 04/09/2015 04:00AM by 謝芷寧.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445132
(2)本頁設計重點: 品質承諾
(3)製作心得:


1025445132 羅雅嫚

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445156/
(2)本頁設計重點:首頁的地方 跟手繪畫作
(3)製作心得:舉一反三的感覺


1025445156 蔡佳芬

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445123
(2)本頁設計重點: commodity
(3)製作心得: 還可以


1025445123姚育慈

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445018/people.html
(2)本頁設計重點: 人物介紹
(3)製作心得: 進度跟得上,還可以


1025445018 陳怡融

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445135/works.html

(2)本頁設計重點: 作品的介紹和分類 使用表格和瀏覽視窗

(3)製作心得: 太多CSS語法 頭要昏了 ~~


學號 1025445135

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445039/store.html
(2)本頁設計重點:門市資訊
(3)製作心得:慢慢上手

1025445039 何佳霖



Edited 3 time(s). Last edit at 04/15/2015 11:03PM by cici.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445045/Introduction.html
(2)本頁設計重點:人物介紹
(3)製作心得: 研究很久

1025445045 饒文欣

1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445009/member.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 越來越有成就感

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445030/intro.html
(2)本頁設計重點: 錶型介紹
(3)製作心得: 不會太難
1025445030 王泰然

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445129
(2)本頁設計重點:客廳傢俱介紹
(3)製作心得: 學到不一樣的東西


1025445129 王嬿婷

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445126/about.html
(2)本頁設計重點:介紹
(3)製作心得: 無


1025445126 宋映萱

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445048
(2)本頁設計重點:作品集介紹
(3)製作心得:還不夠好

1025445048 林侑慶



Edited 1 time(s). Last edit at 04/16/2015 11:42AM by Natoby.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445120/a2.html
(2)本頁設計重點: 專輯介紹
(3)製作心得: 沒有~

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445024/
(2)本頁設計重點: 團員介紹
(3)製作心得: 很辛苦
學號 1025445024

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445162/
(2)本頁設計重點: 影片介紹
(3)製作心得: 學到新東西
ㄒ學號 1025445162 陸怡潔



Edited 1 time(s). Last edit at 04/22/2015 01:20AM by 陸怡潔.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/midterm/midterm-1025445051
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: OK
學號 1025445051

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445165/index.html
(2)本頁設計重點: 遊戲的任務介紹
(3)製作心得:比較得心應手

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445108/index.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 還可以

1025445108

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445054/index.html
(2)本頁設計重點: 適當加入CSS3的效果
(3)製作心得: 比較上手一點
1025445054許雅筑

(1)作業網址:http://mepopedia.com/~web103-2c/midterm/midterm-1025445012
(2)本頁設計重點: 電影介紹
(3)製作心得:好像還行

1025445012 戴嫻淳

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445171/
(2)網站主題:lee
(3)導覽列: 首頁關於 區 店鋪資料 新品介紹
(2)對象: 喜歡fLEEl的
(3)色彩計畫: 灰白
(4)風格設定、預期成效:不會
(5)製作心得: 還是不會

(1)作業網址:http://mepopedia.com/~web103-2c/hw03/hw03-1025445138/works.html
(2)本頁設計重點:調字間距,易讀性。
(3)製作心得:慢慢上手
學號 1025445138



Edited 2 time(s). Last edit at 04/23/2015 11:58PM by 邊緣人.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445093/works.html
(2)本頁設計重點: 籃球
(3)製作心得: 終於會了
學號 1025445093

(1)作業網址 : http://mepopedia.com/~web103-2c/hw03/hw03-1025445081/member.html
(2)本頁設計重點 : 還是簡單就是美
(3)製作心得 : 繼續加油吧

1025445081 林禹丞

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445117/index.html
(2)本頁設計重點: 冷靜/自閉
(3)製作心得: 恩恩/阿阿
1025445117 黃振誠

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445198/Video.html
(2)本頁設計重點: 影音觀賞
(3)製作心得: 貼語法常常要重貼幾次才能成功,找錯誤語法也是滿需要學習的經驗
1025445198謝秉宇

(1)作業網址 : http://mepopedia.com/~web103-2c/hw03/hw03-1025445096
(2)本頁設計重點 : 延續上次風格
(3)製作心得 : 製作有興趣的內容很開心

1025445096 徐琬凌

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445177/about.html

(2)本頁設計重點: 一個人快樂
(3)製作心得: 大概ok 還要再努力
學號 1025445177 吳永婷

1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445183
(2)本頁設計重點:認識天竺鼠
(3)製作心得: 還是蠻難的 雖然是拿學長姐的範本

(1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1025445042
(2)本頁設計重點: 內容介紹
(3)製作心得: 還可以跟上進度
1025445042 逄堡鈞



Edited 1 time(s). Last edit at 06/29/2015 01:13AM by 綠辛.
(編輯記錄)

(1)作業網址: (1)作業網址: http://mepopedia.com/~web103-2c/hw03/hw03-1015445250/index.html
(2)本頁設計重點: 分隔區塊作介紹
(3)製作心得: 蠻ok的\
學號 1025445075