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

並請回覆:

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



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



(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1025445189/profile.html
(2)本頁設計重點:表格
(3)製作心得:本次作業較簡單

學號:1025445189

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445102/about.html
(2)本頁設計重點: 圖書介紹
(3)製作心得: 還算簡單
學號 1035445102



Edited 3 time(s). Last edit at 03/24/2016 10:37AM by 美珍.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw02-1035445078/index.html
(2)本頁設計重點: 酷
(3)製作心得: 真酷
學號 1035445078



Edited 2 time(s). Last edit at 03/31/2016 02:48AM by 陳八羔子.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445147/works.html
(2)本頁設計重點: 熱銷商品
(3)製作心得: 還要加把勁...
學號 1035445147



Edited 1 time(s). Last edit at 04/02/2016 05:19PM by 高永鈞.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035443128/about.html
(2)本頁設計重點: 創辦人介紹
(3)製作心得: 還算簡單
學號 1035443128

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445024
(2)本頁設計重點:為Imagine Dragons 做的網頁
(3)製作心得:眼睛痠
學號 1035445024

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1015445210/works.html
(2)本頁設計重點: 分出表格
(3)製作心得: 關於藝人的介紹只有使用一格 較清楚
學號 1015445210



Edited 1 time(s). Last edit at 03/23/2016 05:52PM by 1015445210.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1015445256/works.html
(2)本頁設計重點: 分出表格
(3)製作心得: 以主角經理與劇情轉折分為兩段
學號 1015445256

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445035
(2)本頁設計重點:表格製作演出時間
(3)製作心得:比較簡單的一頁
學號:1035445035

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

(2)本頁設計重點: 介紹凱斯哈林作品

(3)製作心得:順利

學號:1035445129

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445006/people.html

(2)本頁設計重點:介紹主要人物以及他們的家人和原著名稱

(3)製作心得:輕鬆

學號:1035445006

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445162/make.html
(2)本頁設計重點: 抹茶的製作與飲用法
(3)製作心得: 簡單~
學號 : 1035445162

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445033/about.html
(2)本頁設計重點: 作者介紹以及相關介紹
(3)製作心得: 簡單很多

學號 1035445033

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445060/profile.html
(2)本頁設計重點: 品種的介紹
(3)製作心得: 比上次的作業容易了些,對語法還是有點混亂
學號 1035445060



Edited 2 time(s). Last edit at 03/24/2016 01:28AM by 1035445060.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445216/about.html
(2)本頁設計重點:作品介紹
(3)製作心得:本次作業較簡單

學號:1035445216



Edited 1 time(s). Last edit at 03/24/2016 02:17AM by hzpmp24.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445054/about.html
(2)本頁設計重點:介紹樂團成員
(3)製作心得:跟上有學期做得有點像
學號:1035445054

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445150/people.html
(2)本頁設計重點:人物介紹
(3)製作心得: 比之前簡單
學號 1035445150

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445093/
(2)本頁設計重點:笑笑羊人物介紹
(3)製作心得: 比較輕鬆
學號 1035445093

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445159/draw.html
(2)本頁設計重點:表格
(3)製作心得:spinning smiley sticking its tongue out spinning smiley sticking its tongue out

學號:1035445159

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445057/profile.html
(2)本頁設計重點:櫻桃家的角色介紹
(3)製作心得:比上一樣作業簡單多了 只是語法也越來越多了
學號 1035445057

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445219/about.html
(2)本頁設計重點: 熊貓介紹
(3)製作心得: 這次的作業比較簡單,沒遇到甚麼困難
學號 1035445219

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445090
(2)本頁設計重點: 故事人物介紹
(3)製作心得: 勉強還可~~謝謝老師救我哈哈
學號 : 1035445090

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445156/people.html
(2)本頁設計重點:人物介紹表格
(3)製作心得:這次沒有問題~~~~

學號:1035445156



Edited 1 time(s). Last edit at 04/01/2016 04:28PM by 1035445156.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445171/introduction.html
(2)本頁設計重點:資料對齊
(3)製作心得: 圖片會跳,我的作業超會跳
學號:1035445171

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445186/about.html
(2)本頁設計重點: 神奇寶貝系列~
(3)製作心得:
有點累
學號
1035445186

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445153/about.html
(2)本頁設計重點: 乳酪介紹
(3)製作心得: 還可以
學號 1035445153

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

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445123
(2)本頁設計重點:介紹海綿寶寶
(3)製作心得:這好像比較簡單了 .
學號:1035445123



Edited 1 time(s). Last edit at 04/08/2016 05:52PM by 林悅煦.
(編輯記錄)

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

(2)本頁設計重點: 介紹史努比的朋友以及他

(3)製作心得:還可以

1035445042



Edited 1 time(s). Last edit at 04/09/2016 01:49AM by s850729.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445180/works.html
(2)本頁設計重點: 介紹大家都知道的英雄
(3)製作心得: 帥
學號 1035445180

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445189/profile.html
(2)本頁設計重點:電影介紹
(3)製作心得:這次比較輕鬆一點
學號:1035445189

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445027/index.html
(2)本頁設計重點:介紹故事大綱
(3)製作心得:作業較簡單



Edited 4 time(s). Last edit at 04/19/2016 11:06PM by 1035445027.
(編輯記錄)

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

(2)本頁設計重點:天諭的故事背景,文明之光、五帝聖戰、雲垂盛世(連結影片與相關資訊)

(3)製作心得:設計風格比較需要思考跟嘗試,其他都很順利

學號 :1035445063



Edited 1 time(s). Last edit at 04/12/2016 01:12AM by 1035445063.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445018/html.html
(2)本頁設計重點: 內容介紹人物相關
(3)製作心得: 還可以 自己有點在轉圈圈的重複
學號 1035445018

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445048/about.html
(2)本頁設計重點:表格-作者簡介
(3)製作心得:這次的簡單很多

學號:1035445048



Edited 1 time(s). Last edit at 04/12/2016 11:21PM by yun0221.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445207/about.html
(2)本頁設計重點:口味介紹
(3)製作心得:別熬夜不然真的會變笨
就會像我一直把css語法刪掉然後想砸電腦。

學號:1035445207

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445009/about.html
(2)本頁設計重點: 作者介紹以及作品介紹
(3)製作心得: 簡單快速

學號 1035445009

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1015445111/drama.html
(2)本頁設計重點: 分出表格
(3)製作心得:不難
學號 1035445111

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445087/index-2.html
(2)本頁設計重點:介紹動畫工作室
(3)製作心得:慢慢來吧

學號:1025445087

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445195/about.html
(2)本頁設計重點: 成員介紹
(3)製作心得: 還是很難
學號 1035445195



Edited 2 time(s). Last edit at 04/14/2016 11:25AM by ruiruiting.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445036/index2.html

(2)本頁設計重點:風格介紹

(3)製作心得:做壞掉好幾次,不知道刪到什麼,底下好奇怪 呵呵

學號 1035445036

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445183/index2.html
(2)本頁設計重點: 介紹插畫家包大山
(3)製作心得: 還可以
學號 1035445183

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445120/index2.html
(2)本頁設計重點: HELLOKITTY
(3)製作心得: 下次主題要找好找的資料
學號 1035445120

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445051/about.html
(2)本頁設計重點:主要腳色
(3)製作心得:比較簡單

學號:1035445051

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445072/profile.html
(2)本頁設計重點:利用表格做圖文說明
(3)製作心得:這次作業比較輕鬆簡單

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445168/about.html
(2)本頁設計重點:介紹品種
(3)製作心得:比較簡單

學號:1035445168

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445114/people.html
(2)本頁設計重點: 人物介紹
(3)製作心得: 還行
學號 1035445114



Edited 5 time(s). Last edit at 04/21/2016 10:39AM by 小吉.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445201/member.html
(2)本頁設計重點:表格
(3)製作心得:抓到一點點

學號:1035445201

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445081/about.html
(2)本頁設計重點:表格
(3)製作心得: 很好看哈哈
1035445081

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw02-1035445066/index.html
(2)本頁設計重點:薛錢
(3)製作心得: 沒薛到
學號 1035445066

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445096/about.html
(2)本頁設計重點: 小熊維尼
(3)製作心得: 終於做完了~
學號 1035445096

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1015448040/index.html
(2)本頁設計重點:表格
(3)製作心得:本次作業較難

學號:1015448040



Edited 1 time(s). Last edit at 04/22/2016 01:39AM by fish635410.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2c/hw03/hw03-1035445084/
(2)本頁設計重點:介紹遊戲勢力/角色
(3)製作心得:第一段的標題原本出不來 (以修正)
學號:1035445084



Edited 1 time(s). Last edit at 04/24/2016 12:43PM by 1035445084.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445030/profile.html
(2)本頁設計重點:布丁狗角色介紹
(3)製作心得:這個作業比較上手ˊˋ
學號:1035445030



Edited 7 time(s). Last edit at 06/07/2016 09:48PM by blue6062.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445126/about.html
(2)本頁設計重點:金剛猩猩分布 型態
(3)製作心得:有點困難 但後來完成了!
學號:1035445126

(1)作業網址: (1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445015/about.html
(2)本頁設計重點: 圖書介紹
(3)製作心得: 還算簡單
學號 1035445102

(2)本頁設計重點:多服裝
(3)製作心得:本次作業較簡單

學號:1025445015



Edited 1 time(s). Last edit at 06/16/2016 12:02PM by ases41026.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445108/about.html
(2)本頁設計重點:介紹
(3)製作心得: 還算簡單
學號 1035445108



Edited 1 time(s). Last edit at 06/17/2016 03:31PM by 葉峻傑.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2c/hw03/hw03-1035445075/index.html
(2)本頁設計重點: 可愛的粉色 散發著少女心
(3)製作心得: 大致上沒什麼問題
學號 1035445075