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

Advanced

[作業05] HTML5與CSS--網頁版型練習

[作業05] HTML5與CSS--網頁版型練習

1. HTML5與CSS--網頁版型練習作業說明


請參考
[講義] HTML5與CSS--網頁版型設定:
http://mepopedia.com/forum/read.php?804,45304



1. 作業步驟

1.參考雙欄版型 http://mepopedia.com/~jinjin/web/hw07-102/
與三欄版型 http://mepopedia.com/~jinjin/web/hw07-102/index-3.html
2.分別嘗試放入內容,並搭配重新的配色與CSS的改變。
3.利用現有的框架,體會區塊版型的應用。
5.將資料夾命名為 hw05-學號,以FTP上傳至hw05資料夾
作業網址為http://mepopedia.com/~web102-c/hw05/hw05-1015445XXX

並請回覆:

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



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





Edited 3 time(s). Last edit at 04/22/2014 08:14PM by JinJin.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445219
(2)本頁設計重點:介紹say lou lou,還有他們的專輯和歌曲。
about and music是雙欄式
albums是三欄式
(3)製作心得:一開始做的時候不知道調到什麼,突然就變成只有字,
後來重新用了兩三次就很順利地做下去,然後眼睛快花了eye popping smiley

學號1015445219



Edited 1 time(s). Last edit at 04/27/2014 07:53PM by stying411.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445269
(2)本頁設計重點:利用雙欄去做網頁,右手邊的連結都是影片,雙欄好處是可以更細的去分類。
(3)製作心得:覺得最難調整的是間距,有時候語法一多,整個都亂亂的,連結點的underline一直去不掉confused smiley
還試著把內容的背景改透明度,覺得心情很好。

學號1015445269



Edited 1 time(s). Last edit at 05/03/2014 09:08PM by 1015445269.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web102-c/midterm/midterm-1015445209/
(2)本頁設計重點:藍色憂鬱 反覆的迷幻感
(3)製作心得:覺得網業很難 值得一學

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445243
(2)本頁設計重點:做三欄式數據版面調整,以及誇大的陰影設計
(3)製作心得:就......這樣....拿這著計算機按來按去、加來加去、撿來撿去,跟雙欄的差不多吧
((不用點連結點的那麼開心 因為讓他放水流~~~我沒做ˊ_>ˋ

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445212
(2)本頁設計重點:簡單介紹多肉植物和自己畫的小插畫
(3)製作心得:雖然要推算位置比上次難一點點但是連結什麼的都搞懂了
smiling smiley

1015445212

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445240
(2)本頁設計重點:介紹加菲貓,以雙欄版型區分
(3)製作心得:學習到網頁製作區塊

1015445240

(1)作業網址: http://mepopedia.com/~web102-c/hw05/hw05-1015445214/
(2)本頁設計重點: Disney公主系列故事集(有影片)
(3)製作心得: 新的排版~有不一樣的風格
學號 1015445214

(1)作業網址: http://mepopedia.com/~web102-c/hw05/hw05-1015445241
(2)本頁設計重點: 介紹
(3)製作心得: 完成了
學號 1015445241

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445234
(2)本頁設計重點:介紹FTIsland,還有他們的專輯和歌曲。
製作三欄式
(3)製作心得:摸索板塊中

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445208
(2)本頁設計重點:用雙欄去做網頁,左欄是人物;右欄是圖片
(3)製作心得:覺得有些東西太久沒碰都稍微忘了

學號1015445208

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445228
(2)本頁設計重點: 嘗試三欄製作
(3)製作心得: 喔耶
學號 1015445228

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445207
(2)本頁設計重點:
介紹芋園柚子的實況YouTube
(3)製作心得:網頁會跳來跳去累
1015445207

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445213
(2)本頁設計重點:簡單介紹蘇打綠這個團體
(3)製作心得:雖然要推算位置比上次難,但連結的東西都搞懂

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445264
(2)本頁設計重點:單純的結構摸索
(3)製作心得:製作外部架構和內部裝潢合在一起真不習慣

學號1015445264

作業網址: http://mepopedia.com/~web102-c/hw05/hw05-1015445254
本頁設計重點: 以主角的配色簡單配置
製作心得: 簡單用雙欄網介紹電影,很多都忘光了又要研究一下。

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445218
(2)本頁設計重點:
自創糖果店品牌,以期中作業來嘗試不一樣的編排(雙欄式)

(3)製作心得:
我是以期中作業來改成雙欄式網頁,
透過這次的學習讓我又學到了不一樣的欄位編排。

學號1015445218

並請回覆:

(1)作業網址:http://mepopedia.com/~web102-c/hw05/hw05-1015445225
(2)本頁設計重點: 介紹ZOO,是雙欄式
(3)製作心得: 眼睛好痛~
學號 1015445225

(1)作業網址: http://mepopedia.com/~web102-c/hw05/hw05-1015445220/index.html
(2)本頁設計重點: 以圖為主,簡單乾淨
(3)製作心得: 不會很難也不會很簡單
學號 :1015445220