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

Advanced

[作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。2.其他頁面完成

1. 請以以下兩個講義完成至少兩頁


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

[講義] HTML與CSS練習--內頁實作篇--其他頁面完成與CSS3初探:
http://mepopedia.com/forum/read.php?804,44848



1. 作業說明

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



2. 作業步驟

1.參考範例
http://mepopedia.com/~jinjin/web/hw04a/works.html
http://mepopedia.com/~jinjin/web/hw05a/link.html
2.延續作業02的內容
3.請以設計質感與創新設計為主要考量
4.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
5.將資料夾命名為 hw03-學號,以FTP上傳至hw03資料夾 ,請延續作業二之內容存放於同意資料夾,至少共三個html檔案。
作業網址為http://mepopedia.com/~css105-2a/hw03/hw03-1045445XXX/works.html (此檔名可自行設定)

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445XXX
(2)本頁設計重點:
(3)製作心得:
學號



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



範例:
http://mepopedia.com/~css105-2c/hw03/hw03-1045445117/
http://mepopedia.com/~css105-2c/hw03/hw03-1045445189/
http://mepopedia.com/~css105-2c/hw03/hw03-1045445015/
http://mepopedia.com/~css105-2c/hw03/hw03-1045445036/
http://mepopedia.com/~css105-2c/hw03/hw03-1045445033/
http://mepopedia.com/~css105-2b/hw03/hw03-1045445161/
http://mepopedia.com/~css105-2b/hw03/hw03-1045445062/
http://mepopedia.com/~css105-2b/hw03/hw03-1045445017/
http://mepopedia.com/~css105-2b/hw03/hw03-1045445188/
http://mepopedia.com/~css105-2b/hw03/hw03-1045445008/
http://mepopedia.com/~css105-2b/hw03/hw03-1045445002/



Edited 3 time(s). Last edit at 04/05/2017 09:19AM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445166
(2)本頁設計重點:推廣LOVELIVE知識
(3)製作心得:學習到了連結網站的方法,與文章分段的語法,更能掌握文章的排版了

學號:1045445166

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445031
(2)本頁設計重點: 推廣乾燥花長期保存的知識
(3)製作心得: 乾燥花很美,所以用比較類似色來做色塊,不會影響到乾燥花的重點。
學號
1045445031



Edited 1 time(s). Last edit at 04/16/2017 03:19PM by 1045445031.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445022
(2)本頁設計重點:
餐飲部分的介紹
(3)製作心得:
做到後面都肚子餓了 smileys with beer
學號

1045445022

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445100
(2)本頁設計重點:彈丸論破相關資訊
(3)製作心得: 學習製作其他頁面,這樣不只會做首頁還會做其他頁面,並且學到新的CSS語法。
學號 1045445100

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445109
(2)本頁設計重點: 推廣基隆,讓多點人知道基隆的好
(3)製作心得: 覺得好像網頁又更進一步了~有些東西是要自己摸索的~
都試試看,或許就能找到答案和方法了~覺得做起來滿有成就感的。
學號
1045445109

http://mepopedia.com/~css105-2a/hw03/hw03-1045445013

(2)網站主題/網站名稱:FAMI FRENCH DESSERT

(3)分類項目(導覽列): 甜點

(4)對象: 所有愛吃甜點的族群

(5)色彩計畫:粉色系

(6)風格設定、網頁看點、預期成效:

可愛又簡單的設計

(7)製作心得:
做得眼花花 hot smileyeye rolling smiley hot smiley

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445016
(2)本頁設計重點:談談慢食 ,敘述店面的重要原則及營業時間
(3)製作心得:過程中雖然遇到很多問題,但是還是一一解決和詢問同學,但是越做越起勁smiling bouncing smiley
學號 1045445016

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

(2)本頁設計重點: 宣傳節目與簡介MV、投票方式、練習生相關資料

(3)製作心得:為了網頁練習熬了好幾夜 不服輸 努力讓自己更加進步 做完之後很有成就感也很感動spinning smiley sticking its tongue out

學號: 1045445169

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445073
(2)本頁設計重點: 知道草莓盛產時間
(3)製作心得:為了做出網頁真的累翻了 ,但是成品出來後真的很開心。
學號 1045445073



Edited 5 time(s). Last edit at 04/19/2017 03:31AM by 1045445073.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445124
(2)本頁設計重點:讓大家更認識乳酪還有可以搭配不同的酒類會有不一樣的感覺
(3)製作心得:雖然做的有點累 但還是很開心 做好也很有成就感
學號 1045445124

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445196
(2)本頁設計重點: 介紹KAKAO FRIENDS的成員,以及整理了相關網站的鏈接
(3)製作心得: 介紹到了自己想要介紹給別人看的東西

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445202
(2)本頁設計重點:主要以迪士尼公主為設計內容,給喜歡迪士尼公主的人一起回憶更能回味兒時記憶。
(3)製作心得: 喜歡迪士尼公主所以想以此為主題來創作。

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445028
(2)本頁設計重點:知道小美人魚,希望能幫助更多人了解有關小美人魚的事~
(3)製作心得:
當然越做越順,越來越清楚要怎麼做~希望之後能設計更厲害的網站,謝謝老師!!!
學號 1045445028



Edited 1 time(s). Last edit at 04/19/2017 11:14PM by ariel80210.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445151
(2)本頁設計重點:
(3)製作心得: 越來越知道要怎麼做網站~謝謝老師~smiling bouncing smiley
學號 1045445151



Edited 1 time(s). Last edit at 04/20/2017 08:21PM by 151.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445142/
(2)本頁設計重點:了解海洋哺乳類及其他生物
(3)製作心得:了解網站的架構,還有css語法的應用,再搭配自己的創意,就能產生獨一無二的網站,十分有趣!!
學號:1045445142

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445082/
(2)本頁設計重點:甜點線上訂購
(3)製作心得:學習了如何建立網站架構及編排裝飾,以後開店也能自己設計,非常實用!!
學號
1045445082

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445061
(2)本頁設計重點: 推廣台北
(3)製作心得: 學習到新的程式碼運用
學號
1045445061

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445043
(2)本頁設計重點: 介紹庫洛魔法使這部懷舊卡通
(3)製作心得:做出成品後非常有成就感,會讓我想要一直重複瀏覽,希望之後的課能學習到更多不同設計網站的方法。
學號
1045445043



Edited 1 time(s). Last edit at 04/26/2017 01:35AM by 1045445043.
(編輯記錄)

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

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445136
(2)本頁設計重點: 讓喜愛日本搖滾音樂或任何喜歡聽音樂的人,能知道這個樂團
(3)製作心得:
上次學會製作首頁後,這次換內頁,內頁當然架構會跟首頁不同,也多虧老師教我們的程式碼和css才能打造出不一樣的版面,也考驗自己的排版、美感,非常有趣。
學號 :1045445136

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445058
(2)本頁設計重點:介紹自己喜歡的童年回憶。
(3)製作心得:學習到了很多新的語法跟讓自己版面變得更精緻的方法。
學號 1045445058

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445175
(2)本頁設計重點: 介紹自己小時候喜歡的卡通
(3)製作心得: 製作過程中覺得很有趣,雖然有些地方還不太懂但都會想辦法去解決,完成後也覺得很有成就感。
學號 1045445175

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445046
(2)本頁設計重點:用暖色調帶出青春活力
(3)製作心得:其實網頁設計挺好玩的
學號 1045445046

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445088
(2)本頁設計重點: 三色堇介紹
(3)製作心得: 弄得好混亂
學號 1045445088

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445XXX
(2)本頁設計重點:讓大家更了解這樂團
(3)製作心得: 做完了,很累
學號 1045445181

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445034
(2)本頁設計重點: 介紹好吃的
(3)製作心得: 做到半夜肚子很餓

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445172
(2)本頁設計重點:
(3)製作心得: 學到[很多
學號 1045445172

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445160
(2)本頁設計重點: 將年輕人的熱血青春置入版面,使人有所衝擊。
(3)製作心得:做自己有興趣的團體,將他製作成網頁,蠻有趣。
學號 :1045445160

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445218/index.html
(2)本頁設計重點: 推薦VIXX
(3)製作心得: 學習到很多
學號 1045445218

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445157
(2)本頁設計重點: 推廣火之意志!(好廚喔天啊)
(3)製作心得: 覺得排版上更得心應手了~
學號 1045445157

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445187
(2)本頁設計重點:幽遊白書好看
(3)製作心得: 有點難,但,幽遊白書好看smiling bouncing smiley
學號 1045445187

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445148
(2)本頁設計重點:介紹海賊王
(3)製作心得:自己做出這樣的網頁覺得很棒

1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445118
(2)本頁設計重點:TGMF樂團介紹
(3)製作心得:學習到連結網站的方法

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445199
(2)本頁設計重點:甜點網站
(3)製作心得:學到排版方式以及文章如何分段, 和一些語法。

學號:1045445199

(1)作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445154
(2)本頁設計重點: 帶有低調高級的感覺,並吸引人想去看此小說
(3)製作心得:做得有點累,因為要做其他分頁~但還是很開心

作業3
1)        作業網址:http://mepopedia.com/~css105-2a/hw03/hw03-1045445103
(2)本頁設計重點:紐約冬季溜冰場介紹
(3)製作心得:這邊蠻難的搞了一陣子。