<h1>[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color]</h1>

<h2><b>[color=#663300]一、製作說明：[/color]</b></h2>
<b>
1.請參考 <b>[url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url]</b>
的步驟製作

2.下載附件
(或以自己設定的主題與圖片製作）
可從這個作業開始，製作期中作業的第一頁
請選定自己喜歡的主題及相關資料

3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名)

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

5. #content內，自行打入不同的內容文字，自行隨意設定

6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮

7.本作業的的重點為：新增圖片按鈕，頂圖及內文圖。可依參考檔製作，或自訂主題製作（加分）


<h2><b>[color=#663300]二、繳交作業方式[/color]</b></h2>

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

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

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

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

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


2. <a href=http://mepopedia.com/forum/read.php?851,15597,15735#msg-15735>上傳至FTP</a>

3.回覆本篇文章

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

　(2) 主題 / 風格設定（色彩設定部份)

　(3) 有無遇到的問題

　(4) 製作感想

　(5) 製作作業的時間

</b>

[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/

作業參考
(1) http://mepopedia.com/~jinjin/web/hw03/
(2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/
(3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/
(4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/
(5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/
(6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html

http://mepopedia.com/~web100-a/hw03/hw03-1006445010/

http://mepopedia.com/~web100b/hw03/hw03-1001445006/

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================

[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color]

[color=#663300]一、製作說明：[/color]

1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url]
的步驟製作

2.下載附件
(或以自己設定的主題與圖片製作）
可從這個作業開始，製作期中作業的第一頁
請選定自己喜歡的主題及相關資料

3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Designed by 某某某(可自行取名)

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

5. #content內，自行打入不同的內容文字，自行隨意設定

6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮

7.本作業的的重點為：新增圖片按鈕，頂圖及內文圖。可依參考檔製作，或自訂主題製作（加分）

[color=#663300]二、繳交作業方式[/color]

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

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

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

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

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


2. 上傳至FTP

3.回覆本篇文章

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

　(2) 主題 / 風格設定（色彩設定部份)

　(3) 有無遇到的問題

　(4) 製作感想

　(5) 製作作業的時間



[color=#CC3300]範例參考網站：[/color]
http://mepopedia.com/~jinjin/web/hw03/

作業參考
(1) http://mepopedia.com/~jinjin/web/hw03/
(2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/
(3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/
(4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/
(5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/
(6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html

http://mepopedia.com/~web100-a/hw03/hw03-1006445010/

http://mepopedia.com/~web100b/hw03/hw03-1001445006/

===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================