一個網(wǎng)站設計可以先在photoshop下設計好，之后切圖布局成HTML格式進行排版布局，我們經(jīng)常用到的網(wǎng)站布局有兩種，一種是table型，另一種是div_css型布局，采用TABLE來布局可以使用marcomedia 公司開發(fā)的 Dreamweaver 或者是MS 開發(fā)的Frontpage 這兩款軟件，或者對HTML熟悉的可以直接采用記事本來編輯，而采用第二種布局方式DIV_CSS則一般都是通過手寫布局代碼和樣式庫。 如果對HTML不是很熟，大部分還是直接使用表格TABLE方式來進行網(wǎng)站設計，這樣比較直觀，采用dreamweaver來編輯非常方便，基本上和使用家喻戶曉的WORD一樣操作簡單，通過表格的嵌套，可以自己的對網(wǎng)站上的任何組成部分進行合理布局，調高，調低直接用鼠標拖拉就可以實現(xiàn)，div_css是一種層的模式來對網(wǎng)站進行布局，使用CSS樣式來對層的位置大小等樣式進行控制，下面將對這兩種布局方式的特點和優(yōu)缺點進行比較： 一、表格網(wǎng)站布局設計的優(yōu)缺點 1、表格（TABLE）方式操作簡單直觀，只要會一點word操作就差不多可以使用dreamweaver來設計網(wǎng)頁了，這個工具基本上是“所見即所得”編輯好什么，就顯示什么內(nèi)容。 2、表格方式是可視化的操作，所有網(wǎng)頁在網(wǎng)頁編輯軟件中編輯，可以視化操作，直觀，你所看到的內(nèi)容，和在瀏覽器中顯示的內(nèi)容基本上是一樣的。 3、設計速度快，如果你要編輯的網(wǎng)站內(nèi)容不是很多的話，可以使用表格來排版網(wǎng)頁，速度是非?？斓模褂肕acromedia Dreamweaver對網(wǎng)頁進行編輯，插入表格是來定位是非常容易的。 4、可重復利用代碼性不強，代碼比較多，因為每設計一個布局都要從新開始來制作，這點使用CSS方式就好多了，代碼簡潔。 5、網(wǎng)頁風格或者布局如果需要修改的話、需要對每個獨立的頁面進行修改，不能同時修改多個網(wǎng)頁操作。 6、網(wǎng)站設計時如果文件內(nèi)容很多及設計豐富的話，網(wǎng)站文件會變得非常之大。所需要的網(wǎng)站空間也是很大的 二、DIV+CSS網(wǎng)頁設計布局的優(yōu)缺點 1、使用div_css來對網(wǎng)站設計布局對設計師的要求更高一些，要求設計師懂得手寫HTML語言。 2、同時也要求設計師能寫CSS樣式。 3、網(wǎng)頁打開速度快，因為它可以先打開內(nèi)容，再調用CSS文件。 4、div_css的可視化操作性不強，在很多可視化操作軟件中看不出效果。 5、網(wǎng)頁表現(xiàn)與結構分離，對CSS修改可以對網(wǎng)頁文件布局修改，如果有多個網(wǎng)頁相同布局的話，可以調用同一個CSS文件實現(xiàn)布局功能。