網頁設計中該選哪種佈局方式

別具一格的網頁頁面，是維持網站的重要因素，下面是小編為大家整理關於網頁設計中的局方式，歡迎大家閲讀!

　一、 TABLE方式

　　優點：

1、簡單易用：比較適合入門級的用户操作，用户可直接利用Dreamweaver(以下簡寫為“DW”)工具欄插入表格，設置長寬、對齊方式、屬性等就可以輕鬆製作出一個頁面了。

2、立見效果：當用户插入一個TABLE的'時候就可立即看到效果。

3、可讀性好：語句編寫較為簡便，主要代碼就是<TABLE></TABLE>、<TR></TR>、<TD></TD>等語句。

4、製作較快：新建網站時，從DW中直接拖入TABLE比編寫DIV要快速很多。

5、兼容性較強：TABLE設計由來已久，得到瀏覽器的廣泛支持，故而基本上沒什麼錯位現象。

　缺點：

1、代碼繁多，

< /TABLE>這是構成一個表格的最基本元素，相對編寫來説，代碼繁多。

2、網頁打開速度較慢：後台代碼太多，導致網站打開速度慢。

二、 DIV+CSS方式

　　優點：

1、標準化的頁面結構：DIV+CSS是行業標準，是WEB發展的趨勢。

2、代碼簡潔：

較TABLE來説代碼精簡許多。

3、頁面瀏覽速度較快： 對於同一個頁面視覺效果，採用DIV+CSS重構的頁面容量要比TABLE編碼的頁面文件容量小得多，代碼相對而言是很少的，瀏覽器加載的不多，故而速度相對較快。

4、頁面佈局靈活：DIV+CSS使得頁面佈局方便操作靈活，改版時只需改CSS樣式即可實現頁面重新佈局，而不用改動程序，從而降低了網站改版的成本。

　　缺點：

1、可觀性差：用户在編輯的時候並不能立即看到編輯效果，需要預覽才可看到。

2、建站繁瑣：相對於新手來説，對代碼不是很瞭解，操作起來很是麻煩。

3、兼容性較差：DIV+CSS設計的網站在IE瀏覽器裏面正常顯示，到火狐瀏覽器中有可能面目全非，故設計時需要把不同瀏覽器樣式都考慮進去。

以上TABLE與DIV+CSS的對比中我可以得出，用DIV+CSS建設頁面要好的多，同時也是網站建設的發展趨勢。如果對html語言已經很瞭解，或者需要進行SEO優化，想做關鍵詞推廣，那最好是用DIV+CSS來實現，這樣網站的流量和頁面瀏覽速度會快一些。