**效果圖，**分為6大塊
**須知
網頁背景寬為2000px，內容寬度為980px（為了不出現橫向滾動條）網頁裡常用的字型為宋體，字型大小為12px，標題字型大小通常為14px或者16px。
網頁常用的影象格式：
png：是fireworks軟體製作的源檔案格式，支援檔案背景透明
png8：相當於gif格式，支援檔案透明
png24：ps只有png24，而fireworks的png24背景顏色不透明
png32：背景顏色透明
大結構可以用id，內部結構可以用class，可以都是class，但是不可以都是id
能給數值的盡量給數值，這樣一般不會出錯，當有工作經驗的時候，有些數值是可以不給的。
做完了**效果圖之後，如果要將效果圖變成頁面，那就需要切圖。為什麼要切圖？
規律：能用css表現出來的效果，就盡量少用影象
切圖之前要認真的去分析頁面效果圖
1.進入html，游標不是在左上角，要把外邊距和內邊距清零。網頁通常字型為宋體，中文的字型一定要用雙引號，不是中文的可以不用。
如果font-family:"黑體","宋體"的寫法說明如果沒有黑體字體的話就用宋體。字型顏色通常為12px，字型顏色的話要到你頁面去看，整體
是乙個什麼樣的字型。（第三行）
2.有些標籤有內建的。需要把它清零，否則有些瀏覽器會有問題，比如img，在ie6下帶鏈結的時候會有邊框（第四行）
3.為網頁新增背景。不平鋪，水平方向居中，垂直方向靠上。因為版心是永遠正中心的。而你新增的背景影象預設是靠左的。所以要把
她居中。這樣無論在什麼解析度的電腦上檢視。網頁永遠是居中顯示的。（第三行）
4.新增logo，margin:0 auto一定要設定，就是讓這個header的div居中顯示。一開始width=980,height=119，後來width=980-5=975,
height=119-20=99，如果div裡面是一行文字的話可以通過height和line-height相當來達到垂直居中的效果，但是如果是的話不行。
所以這裡的logo只能通過padding來設定。
5.導航的製作，導航分三塊，左右為乙個span,中間為ul li，裡的高度為中間分隔的背景的高度。li的背景水平向右對齊，垂直
居中。這裡最後乙個li沒有背景，所有單獨設了乙個class="nobg"，但是注意，這裡儘管這個class是唯一的。css那邊還是不能直接寫
要加後代。不然不起作用。一般情況下大都數的是唯一的直接寫就ok了，但是ul的li比較特殊。ul的高度一開始為58，li是乙個塊級元素
，想讓li再往下走一點，所以加上padding-top，因為padding-top的關係，所以ul最後的高度為：58-6=52.
6.banner製作
7.中間內容製作，這裡的content不設定高度。是自適應高度的。所以高度為overflow:hidden。注意，如果div加了高度值，同時加上overflow
:hidden的話，意思是超出這些寬和高則隱藏。只加overflow:hidden的話則有清除浮動的作用同時讓div自適應高度（讓div自適應高度不加
高度一定不行。因為比如乙個左右結構的，一定要浮動，這時候你這個大的div沒有高度，然後也沒有清除浮動的話。然後浮動是脫離標準
輸出流的。這時候你的下面的div就會往上跑）。如果沒有內容，也沒有高度，這樣火狐下是不顯示div的。不用緊張，同時給物件新增背景
影象和背景顏色的話，背景優先。現在需求是除了背景影象之外，其餘都是白色，所以在no-repeat後面加上#fff。padding-top:9px，是
讓content的內容往下面擠一點。
8.繼續中間內容製作。給ul加上padding-left=10，同時總寬度減去10，為什麼這裡的padding-left不是在content上加呢？因為
因為下面的那條背景是從左邊的頂端開始的。為了不影響這個。li的寬和高等於背景的寬和高。加了padding,再減。li的背景是
整張小圖切下來的。
讓dt和dt一行， 加上浮動。左右結構，那個邊框一般來說加給。而不是給dt。加上padding和boder。所以減去6.那段文字的dd
可以直接切片量或者總的減去dt的。如果直接量的話，那就是乙個dt左浮動，dd右浮動。這樣中間的間隔就自動出來了。