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

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

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

2.下載附件

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

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

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

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

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

　[color=#CC0000](1) 練習 Dreamweaver 的操作與使用
　(2) 透過 Dreamweaver 的練習，比較藉由 Dreamweaver 輔助與直接編輯「HTML/CSS原始碼」的優缺點。
　(3) 利用圖片設計加上CSS色彩搭配，營造網頁整體風格（加分）[/color]

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

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

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

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

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

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


2. 上傳至FTP

3.回覆本篇文章

　(1) 作業網址

　(2) 風格設定（色彩設定部份）（加分）

　(3) 有無遇到的問題

　(4) 製作感想

　(5) 製作作業的時間



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

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

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

我弄了好久喔！可是整體看起來很奇怪
Header也歪歪的
老師可幫我看一下嗎?

MEPOERs said: