Change History

[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

<h3>製作說明</h2>
1.請參考
<b>[url=http://mepopedia.com/forum/read.php?804,16481][講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]</b>
的步驟製作，自行選擇一主題，設定網頁風格，依照所設定風格進行配色。

2.每個同學記得在[color=#990033]title的部分打上"視傳二A-學號-以色塊建構的網頁單欄排版"，或其他適合的名稱[/color]

3.在#wrapper寬度上打上 px的數值

4.#header、#content及#footer內，自行打入一篇有：標題、副標及內容的文章，請依其內容作風格及配色設定
4.#header、#content及#footer內，自行打入一篇有：標題、副標及內容的文章，請依其內容作風格及配色設定，footer請設定個人的專屬版權聲明

5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後，上傳至FTP

6.本次作業的重點在於：

[color=#CC0000](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定，針對內容設計出符合主題並具有質感的網頁[/color]


<h2>繳交作業方式</h2>

1.製作完成後，檔案命名方式：

[color=#669900]第二個作業FTP上的資料夾為：hw02

每位同學請將自己的資料夾命名為：hw02-學號
這個作業的網址則為:http://mepopedia.com/~web104-2c/hw02/hw02-104xxxxxxx

資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔

存放在 < hw02-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址:http://mepopedia.com/~web105-2c/hw02/hw02-104xxxxxxx


(2).請回答以下問題：
1.製作主題
2.欲呈現之配色風格：
3..有無遇到的問題?
4.製作感想


[hr]
同學的範例喔！

(1) http://mepopedia.com/~web103-c/hw02/hw02-1025445036/
(2) http://mepopedia.com/~web103-a/hw02/hw02-1025445040/
(3) http://mepopedia.com/~web103-a/hw02/hw02-1025445070/
(4) http://mepopedia.com/~web103-a/hw02/hw02-1025445001/
(5) http://mepopedia.com/~web103-a/hw02/hw02-1025445025/
(6) http://mepopedia.com/~web100b/hw02/hw02-1001445055/
(7) http://mepopedia.com/~web100b/hw02/hw02-1001445095/

===========================================

[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

製作說明

1.請參考
[url=http://mepopedia.com/forum/read.php?804,16481][講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]
的步驟製作，自行選擇一主題，設定網頁風格，依照所設定風格進行配色。

2.每個同學記得在[color=#990033]title的部分打上"視傳二A-學號-以色塊建構的網頁單欄排版"，或其他適合的名稱[/color]

3.在#wrapper寬度上打上 px的數值

4.#header、#content及#footer內，自行打入一篇有：標題、副標及內容的文章，請依其內容作風格及配色設定
4.#header、#content及#footer內，自行打入一篇有：標題、副標及內容的文章，請依其內容作風格及配色設定，footer請設定個人的專屬版權聲明

5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後，上傳至FTP

6.本次作業的重點在於：

[color=#CC0000](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定，針對內容設計出符合主題並具有質感的網頁[/color]

繳交作業方式

1.製作完成後，檔案命名方式：

[color=#669900]第二個作業FTP上的資料夾為：hw02

每位同學請將自己的資料夾命名為：hw02-學號
這個作業的網址則為:http://mepopedia.com/~web104-2c/hw02/hw02-104xxxxxxx

資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔

存放在 < hw02-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址:http://mepopedia.com/~web105-2c/hw02/hw02-104xxxxxxx


(2).請回答以下問題：
1.製作主題
2.欲呈現之配色風格：
3..有無遇到的問題?
4.製作感想


[hr]
同學的範例喔！

(1) http://mepopedia.com/~web103-c/hw02/hw02-1025445036/
(2) http://mepopedia.com/~web103-a/hw02/hw02-1025445040/
(3) http://mepopedia.com/~web103-a/hw02/hw02-1025445070/
(4) http://mepopedia.com/~web103-a/hw02/hw02-1025445001/
(5) http://mepopedia.com/~web103-a/hw02/hw02-1025445025/
(6) http://mepopedia.com/~web100b/hw02/hw02-1001445055/
(7) http://mepopedia.com/~web100b/hw02/hw02-1001445095/

===========================================