傳統Table排版方式的缺點

您知道目前大部分的網頁設計公司，都還停留在傳統的網頁編排方式嗎？傳統的編排方法僵滯，版面編排調整困難，稍微要調整一個圖片的位置都是大工程，網頁設計費工，當然費用就轉嫁到您身上了。而且傳統編排方式，有很多冗碼，造成檔案變大，下載就會比較慢。

DIV+CSS編排方式的優點

1. 增加網頁的可讀性，以往為了定義一段文字的樣式，你得大量的使用一堆屬性定義，造成網頁的HTML過度複雜，使用CSS後你會發現，網頁精簡很多，當然也容易閱讀整個HTML檔。
2. 更靈活的網頁結構設計。
3. 可以用Javascript控制

   網頁設計

   。
4. 減少圖檔的使用，便可以達到文字變化的需求，加快網頁傳輸的速度。
5. 支援更多視覺設計的屬性，讓

   網頁設計

   更靈活、更美觀。
6. 可以更精確的控制版面編排。
7. 增加

   網頁設計

   人員的效率，因為同樣的樣式只要設定一次，就可以套用在很多地方，如果要同時變更這些樣式，只要改一個styles就能全部變更。
8. 可多個網頁使用同一個CSS檔案，這樣就不用每個檔案都重複定義一次，可以有效減少檔案大小，可以減少不少網路傳輸量。
9. CSS可以讓

   網頁設計

   者決定網頁的外觀，還可以允許觀看網頁的訪客使用自己的CSS定義。

那裡可以看到DIV+CSS的編排方式？

1. 部落格
2. 各大入口網站
3. TopStore金店面

TopStore網站排版的靈活性

TopStore使用DIV+CSS的編排方式，所以網頁美術設計人員，有很大的揮灑空間，不像目前多數的網路商店系統外觀看起來千變一律，就算可以改的美觀一點，也要花不少功夫，TopStore可以讓你隨時要換就換。換版面就像換衣服一樣輕鬆。

以下範例都是同一個網站喔，只是套用不同的CSS檔案，一個檔案就可以決定你網頁的外觀喔，您也可以在範例網站的右上角的下拉選單選擇您要看的版型。

版型範例：

不同寬度樣版範例：

你甚至可以逢年過節用不同的版型：