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