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

Advanced

[作業04] HTML與CSS練習-- 內頁實作篇--其他頁面完成

1. HTML與CSS練習--內頁實作篇--其他頁面完成


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

[hr]

1. 作業說明

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

[hr]

2. 作業步驟

1.參考http://mepopedia.com/~jinjin/web/hw05a/link.html
http://mepopedia.com/~web102-a/midterm/hw03_1015445024/Sold.html

2.延續作業03的內容
3.請以設計質感與創新設計為主要考量
4.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
5.將資料夾命名為 hw04-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~css104-2b/hw04/hw04-1035445XXX/link.html (此檔名可自行設定)


並請回覆:

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

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



Edited 1 time(s). Last edit at 03/15/2016 12:11AM by JinJin.
(編輯記錄)

並請回覆:

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445113/works.html
(2)本頁設計重點:影片介紹
(3)製作心得: 對不準阿&快瘋了

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445071/Drama.html
(2)本頁設計重點: 分集劇情排列
(3)製作心得: 顏色有點不知道怎麼配了
學號 1035445071

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445209/especially.html
(2)本頁設計重點:做出特色美食的網頁
(3)製作心得:不知道要配什麼顏色~



Edited 1 time(s). Last edit at 03/28/2016 10:59PM by fishtime.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445098/page3.html
本頁設計重點:吉卜力工作室介紹
(3)製作心得:調整了整個網站的配色。



Edited 6 time(s). Last edit at 04/01/2016 10:58AM by 1035445098.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1025445118/page3.html

1025445118

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1025445186/link.html
(2)本頁設計重點:將背景音樂 & 網站與圖片連結設定完成
(3)製作心得:想讓版面好看真的不容易
順便就直接把所有頁面都完成了

視傳3C 1025445186 彭韋豪



Edited 2 time(s). Last edit at 03/24/2016 11:38AM by 1025445186.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445152/links.html
(2)本頁設計重點:關於法國麵包的做法和哪裡吃
(3)製作心得:不知道另外兩頁要怎麼做比較好 -"-



Edited 2 time(s). Last edit at 03/24/2016 01:08PM by 1035445152.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445131/link.html
(2)本頁設計重點: 咖啡連結和專賣店的連結
(3)製作心得: 這次作業比較簡單,但總是覺得背景怪怪的
學號 1035445131

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445014/link.html

(2)本頁設計重點:各粉絲專業作連結

(3)製作心得:感覺越來越專業了

1035445014

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1025445234/links.html
(2)本頁設計重點:主要就是連結,讓網頁更豐富。
(3)製作心得:
學號 1025445234

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445200/hank.html
(2)本頁設計重點:商店的雜貨介紹
(3)製作心得:連結部分弄得比較久。



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

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445218/about.html
(2)本頁設計重點: 以預告片和故事簡介 介紹一代和二代的故事
(3)製作心得: 故事簡介的部分 文字想要更多點(排版也會比較好看)
但是二代太少 一代太多


1035445218 柯惠文

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035461133/link.html
(2)本頁設計重點: 把相關連結都附上
(3)製作心得: 越做越順手,但總是覺得背景怪怪的

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445134/contact.html
(2)本頁設計重點: 服裝品牌相關鏈接
(3)製作心得:這次作業相較與前幾次比較簡單,沒有太多繁瑣的步驟

1035445134

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445104/festival.html
(2)本頁設計重點:俄羅斯傳統節日
(3)製作心得:漸層試很久,才找出適合的配色

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445002/link.html
(2)本頁設計重點:柴犬的相關作品介紹
(3)製作心得:加了透明度之後造果更好了!
學號 :1035445002



Edited 2 time(s). Last edit at 03/28/2016 07:59PM by 1034445002.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445194/music.html
(2)本頁設計重點: 專輯列表、介紹、連結
(3)製作心得: 連結的部分比較多,花了一些時間
學號 1035445194

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445068/link.html
(2)本頁設計重點:了解更多企鵝家族相關資料
(3)製作心得:還不錯
學號 :1035445068

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445158/florid.html

(2)本頁設計重點:介紹各國國花的花語。

(3)製作心得:這次設計多加了花紋素材在網頁裡面,希望網頁更有花的味道,更有質地的感覺。

1035445158

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445011/profile
(2)本頁設計重點:貓的報恩電影劇情還有漫畫劇情
(3)製作心得:覺得透明度是一個很棒的東西

1035445011

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445053/link.html
(2)本頁設計重點:原住民特色跟各族連結
(3)製作心得:比前幾次作業來的簡單

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445155/link.html
(2)本頁設計重點:製作外部的連結
(3)製作心得:這次比較簡單,比上一次簡單

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445026/Collocation.html
(2)本頁設計重點: 介紹千鳥紋的搭配 為了使看的人更清楚文字描述 在"搭配秘密"那一欄的連結有彈跳圖片視窗
(3)製作心得:找了很多關於千鳥紋的網站
學號 1035445026

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445107/profile.html
(2)本頁設計重點: 連結
(3)製作心得:感覺有點程度了

1035445107

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445191/link.html
(2)本頁設計重點: 將前面主要頁面未能補齊的放在這邊,也算是整個網頁的資料來源
(3)製作心得: 有點不知道內容該放什麼,因為語法是使用 li 製作,放入圖片容易跑掉,還是div比較好用

1035445191 翁瑱真

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445065/profile.html
(2)本頁設計重點:腳色,
(3)製作心得: 這頁也非常偷懶.連結的部分是故事(about.html)
還有兩頁未製作,可能用圖片居多文字簡短代過


1035445065 周子茗

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445032/links.html
(2)本頁設計重點:外部連結資訊
(3)製作心得:比上次的簡單,更能掌握網頁的排放跟材質的需求。

1035445032



Edited 1 time(s). Last edit at 03/29/2016 06:15AM by yii_.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445032/links.html
(2)本頁設計重點:外部連結資訊
(3)製作心得:比上次的簡單,更能掌握網頁的排放跟材質的需求。

1035445032

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445074/link.html
(2)本頁設計重點:有關西洋美術史的連結 還有抽象派的作家連結
(3)製作心得: 這次作業雖然簡單 但是我有小地方弄錯 搞超久 終於弄好了 但是呈現 腦缺氧狀態

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445206/profile.html
(2)本頁設計重點:食譜介紹
(3)製作心得: 接下來幾頁不知道要做什麼

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1025445032/link.html
(2)本頁設計重點: 重機連結
(3)製作心得:比較 簡單

(1)作業網址:[url=http://mepopedia.com/~css104-2b/hw04/hw04-1035445176/about.html]http://mepopedia.com/~css104-2b/hw04/hw04-1035445176/about.html[/url]

(2)本頁設計重點:其他頁面資料的參考網站

(3)製作心得:順手~

1035445176

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445086/profile.html
(2)本頁設計重點: 穿搭分享
(3)製作心得: 感覺色系有點難配
學號 1035445086

(1)作業網址:http://mepopedia.com/~css104-2b/midterm/midterm-1035445125/profile.html
(2)本頁設計重點: 分格排列
(3)製作心得: 還可以
學號 1035445125



Edited 1 time(s). Last edit at 04/08/2016 12:51PM by 1035445125.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445137/profile.html
(2)本頁設計重點: 時裝型錄
(3)製作心得:因為圖片很多所以用了上學期學到的知識,點擊圖片都可以在新的窗口看完整的圖

1035445137 周李銘

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445170
(2)本頁設計重點:用上地圖
(3)製作心得: 想要再多加一些地圖但是後面背景拉到最下面就空了ˊ~
學號 1035445170smiling bouncing smiley

(1)作業網址: http://mepopedia.com/~css104-2b/midterm/midterm-1035445224/
(2)本頁設計重點:無印良品
(3)製作心得:好難 超難~



Edited 1 time(s). Last edit at 04/13/2016 05:49PM by 1035445224.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445185
(2)本頁設計重點:水信玄餅如何製作
(3)製作心得: 雖然網頁設計越來越難,但是可以美化自己的網頁,在其中也學習到很多東西,希望以後能學以致用



學號 1035445185

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445023/link.html
(2)本頁設計重點: 影片介紹
(3)製作心得: 雖然米老鼠很有名,但找不太到相關的網頁
學號 1035445023

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445080/works.html
(2)本頁設計重點:關於哈士奇的影片
(3)製作心得:思緒好亂 @@"
學號 1035445080

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445029/link.html
(2)本頁設計重點:關於渡邊直美的連結
(3)製作心得:天啊~~~~~~~~~~~~~好難
學號 1035445029

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445005/
(2)本頁設計重點:調整整體的感覺 ,用設計師資料
(3)製作心得:設計師資料少,找了有些久,用了一些透明度讓網頁更有層次感

學號 1035445005

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445017/p03.html

(2)本頁設計重點:故事介紹和其他頁

(3)製作心得:還可以

1035445017

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445119/works.html
(2)本頁設計重點:關於amazarashi的團體介紹
(3)製作心得:做到後面語法整個亂掉

學號 1035445119

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445222/group.html
(2)本頁設計重點:成員介紹
(3)製作心得: 越來越順手了



Edited 1 time(s). Last edit at 04/19/2016 01:14PM by yung yi.
(編輯記錄)

(1)作業網址: file:///C:/Users/User/Desktop/hw1035445182/index.html
(2)本頁設計重點: VDL
(3)製作心得: 老師你好 非常抱歉 因個人因素沒有準時上課及繳交作業 為來得及在周末前繳交期中作業 直接將整個網頁製作完畢並繳交到各個平時作業 希望老師能體諒並且給予評分機會 真的非常抱歉
視傳2B 1035445182

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445050/index2/index-2.html
(2)本頁設計重點:遊戲玩法說明
(3)製作心得:為什麼圖片會跑不出來阿阿阿阿阿阿

(1)作業網址:http://mepopedia.com/~css104-2b/hw04/hw04-1035445179
(2)本頁設計重點:介紹日本
(3)製作心得:圖片感覺常常有問題

(1)作業網址: http://mepopedia.com/~css104-2b/hw04/hw04-1035445077/
(2)本頁設計重點:品牌的設定
(3)製作心得:很順

學號 1035445077



Edited 1 time(s). Last edit at 06/17/2016 02:47PM by 吳寶蓉.
(編輯記錄)