接下來開始要真正設(shè)計布局了。和傳統(tǒng)的方法一樣，你首先要在腦海里有大致的輪廓構(gòu)想，然后用photoshop把它畫出來。你可能看到有關(guān)web標準的站點大都很樸素，因為web標準更關(guān)注結(jié)構(gòu)和內(nèi)容，實際上它與網(wǎng)頁的美觀沒有根本沖突，你想怎么設(shè)計就怎么設(shè)計，用傳統(tǒng)表格方法實現(xiàn)的布局，用DIV也可以實現(xiàn)。技術(shù)有一個成熟的過程，把DIV看成和TABLE一樣的工具，如何運用就看你的想象力了。
注：在實際應(yīng)用過程中，DIV在有些地方的確不如表格方便，比如背景色的定義。但任何事情都有得有失，取舍在于你的價值判斷。好，不羅嗦了，我們開始：

1.確定布局
w3cn的最初設(shè)計草圖如下：

用表格的設(shè)計方法的話，一般都是上中下三行布局。

用DIV的話，我考慮使用三列來布局,成為這樣