[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例
http://mepopedia.com/~web100a/hw02/hw02-1001445082
1.配色風格設定：ˇ背景大部分顏色採用咖啡色系列!!!!呈現古典低調風，再以大紅色提醒標題!!!呈現鮮艷視覺，
呈現對比!!!
2.有無遇到的問題?
沒有什麼太大問題
3.製作感想
顏色真的不知道要該怎麼配!!!當時很苦惱這個問題!!
4.製作作業的時間 一直不小心失敗從做氣氣氣))!!最後一次真正做完!!!花了我1小時的時間!!!
有時候覺得很好玩!!!
有時候很==
1.配色風格設定：ˇ背景大部分顏色採用咖啡色系列!!!!呈現古典低調風，再以大紅色提醒標題!!!呈現鮮艷視覺，
呈現對比!!!
2.有無遇到的問題?
沒有什麼太大問題
3.製作感想
顏色真的不知道要該怎麼配!!!當時很苦惱這個問題!!
4.製作作業的時間 一直不小心失敗從做氣氣氣))!!最後一次真正做完!!!花了我1小時的時間!!!
有時候覺得很好玩!!!
有時候很==
(1).作業網址 : http://mepopedia.com/~web100a/hw02/hw02-1001445118/
(2).請回答以下問題：
Q1.配色風格設定：
A: [color=#CC0000]灰階,無彩色,雖然沒有色彩少了點活力,但多了份設計感!![/color]
Q2.有無遇到的問題?
A: [color=#CC0000]當然有,想請問一下可否讓所有的文字(不只是版面)在畫面居中?[/color]
Q3.製作感想
A: [color=#CC0000]還蠻有成就感的,哈哈[/color]
Q4.製作作業的時間
A: [color=#CC0000]沒特別去算耶,1個多小時差不多,研究內容和配色花了不少時間
[/color]
ps:Thank you teacher,不過我後來發現還是不要居中比較好看XD
剛剛又做了一些微調,麻煩老師再看一次囉
MEPOERs said:
(2).請回答以下問題：
Q1.配色風格設定：
A: [color=#CC0000]灰階,無彩色,雖然沒有色彩少了點活力,但多了份設計感!![/color]
Q2.有無遇到的問題?
A: [color=#CC0000]當然有,想請問一下可否讓所有的文字(不只是版面)在畫面居中?[/color]
Q3.製作感想
A: [color=#CC0000]還蠻有成就感的,哈哈[/color]
Q4.製作作業的時間
A: [color=#CC0000]沒特別去算耶,1個多小時差不多,研究內容和配色花了不少時間
[/color]
ps:Thank you teacher,不過我後來發現還是不要居中比較好看XD
剛剛又做了一些微調,麻煩老師再看一次囉
Edited 1 time(s). Last edit at 10/16/2011 06:44PM by 連竟成.
(編輯記錄)
MEPOERs said:
JinJin: 只要加入 text-align:center; 的語法即可居中，如要內文居中就加在#content裡
JinJin: good!!我覺得簡單的配色~但有做出質感~蠻好的!
(1).作業網址 http://mepopedia.com/~web100a/hw02/hw02-1001445066/
(2).請回答以下問題：
1.配色風格設定： 改成紫色+原本的藍色調
2.有無遇到的問題? 沒有
3.製作感想 感覺上雖然很難，都是密密麻麻的文字，但是懂得那些規律後改起來就很順！
4.製作作業的時間 約半小時
(2).請回答以下問題：
1.配色風格設定： 改成紫色+原本的藍色調
2.有無遇到的問題? 沒有
3.製作感想 感覺上雖然很難，都是密密麻麻的文字，但是懂得那些規律後改起來就很順！
4.製作作業的時間 約半小時
作業網址:http://mepopedia.com/~web100a/hw02/hw02-1001445078
1.配色風格設定: 各種色系都有 要有色彩鮮豔繽紛的感覺
2.有無遇到的問題? 沒有
3.製作感想: 終於可以自己做出一個有點樣子的網頁!!!!!
4.製作作業的時間:2小時
1.配色風格設定: 各種色系都有 要有色彩鮮豔繽紛的感覺
2.有無遇到的問題? 沒有
3.製作感想: 終於可以自己做出一個有點樣子的網頁!!!!!
4.製作作業的時間:2小時
作業的網址則為:http://mepopedia.com/~web100a/hw02/hw02-1001445037
1.配色風格設定：斯卡曲風
2.有無遇到的問題?: 大致OK~
3.製作感想: 還蠻酷的>
<
4.製作作業的時間 :23分48秒(不包含上課)
這是什麼?=>
MEPOERs said:
1.配色風格設定：斯卡曲風
2.有無遇到的問題?: 大致OK~
3.製作感想: 還蠻酷的>
<
4.製作作業的時間 :23分48秒(不包含上課)
這是什麼?=>
MEPOERs said:
HP: 你也太酷了吧。還真得拿了碼錶算時間，還有算到秒數。
(1).作業網址 http://mepopedia.com/~web100a/hw02/hw02-1001445124/
(2).請回答以下問題：
1.配色風格設定： 紅色系為主。
2.有無遇到的問題? ((語法記不住!))可從美寶上講義解決。
3.製作感想 語法記不住！複製貼上再修改！可否？
4.製作作業的時間 上課時間；在家時間約莫３０～４０分鐘
MEPOERs said:
(2).請回答以下問題：
1.配色風格設定： 紅色系為主。
2.有無遇到的問題? ((語法記不住!))可從美寶上講義解決。
3.製作感想 語法記不住！複製貼上再修改！可否？
4.製作作業的時間 上課時間；在家時間約莫３０～４０分鐘
MEPOERs said:
JinJin: OK啊！覺得不好記是正常的，可以複製修改，主要讀得懂語法的意義更重要！
作業網址:http://mepopedia.com/~web100a/hw02/hw02-1001445086
1.配色風格設定:活潑的紅黃橘色系
2.有無遇到的問題:下載軟體好久QAQ
3.製作感想:網頁設計只要一步一步做挺好的
4.製作作業的時間:課堂上課時間和家中1小時左右~
1.配色風格設定:活潑的紅黃橘色系
2.有無遇到的問題:下載軟體好久QAQ
3.製作感想:網頁設計只要一步一步做挺好的
4.製作作業的時間:課堂上課時間和家中1小時左右~
(1).作業網址：http://mepopedia.com/~web100a/hw02/hw02-1001445084
(2).請回答以下問題：
1.配色風格設定：黃紫互補色系
2.有無遇到的問題：無
3.製作感想：比第一次的成果還要更完整了，做完後感覺很好
4.製作作業的時間： 1-2小時
MEPOERs said:
(2).請回答以下問題：
1.配色風格設定：黃紫互補色系
2.有無遇到的問題：無
3.製作感想：比第一次的成果還要更完整了，做完後感覺很好
4.製作作業的時間： 1-2小時
MEPOERs said:
JinJin: 不錯喔!
HP: 的確，用白色的邊很有創意。網頁彷彿有了立體感。
http://mepopedia.com/~web100a/hw02/hw02-1001445132
1.配色風格設定：糖果色
2.有無遇到的問題? 無
3.製作感想 語法一堆看到眼睛快花了但是做出來看到成果就很棒
4.製作作業的時間 跟著老師在課堂上的進度,回家露在修一修 大概2堂課多一點
MEPOERs said:
1.配色風格設定：糖果色
2.有無遇到的問題? 無
3.製作感想 語法一堆看到眼睛快花了但是做出來看到成果就很棒
4.製作作業的時間 跟著老師在課堂上的進度,回家露在修一修 大概2堂課多一點
MEPOERs said:
JinJin: 加入padding會更好喔
(1). http://mepopedia.com/~web100a/hw02/hw02-1001445009
(2).請回答以下問題：
1.配色風格設定：粉紅色系 將網頁打亮
2.有無遇到的問題:沒有
3.製作感想:色塊的網頁很簡單容易操作 成品也很有質感)
4.製作作業的時間:1小時
MEPOERs said:
(2).請回答以下問題：
1.配色風格設定：粉紅色系 將網頁打亮
2.有無遇到的問題:沒有
3.製作感想:色塊的網頁很簡單容易操作 成品也很有質感
)
4.製作作業的時間:1小時
MEPOERs said:
JinJin: 清爽的風格!