網(wǎng)站PSD模板切圖為XHTML+CSS的網(wǎng)頁實例(2)

接下來導(dǎo)出的是主體內(nèi)容區(qū)，畫出另一個大的選區(qū)，其重要包括整個中部面板——當(dāng)然別忘記那些帶有效果的地方比如陰影，半透明的邊框等，都要一一包含在內(nèi)。注意還要考慮到頭部復(fù)雜的透明度的導(dǎo)航區(qū)域，所以選取應(yīng)該直接延伸到頂部。

一般來講允許網(wǎng)頁垂直重復(fù)的話，只要選擇中部區(qū)域一小列內(nèi)容導(dǎo)出就可以，我們后面可以讓他垂直重復(fù)來達(dá)到設(shè)計稿上面的效果而不增加文件體積。

下面來完成頁腳部分，選擇同樣的寬度，然后高度要包含灰色漸變的圖形。

為了導(dǎo)出側(cè)邊欄，主體區(qū)域現(xiàn)在暫時的使用垂直拉伸。