Close

Not a member yet? Register now and get started.

lock and key

Sign in to your account.

Account Login

Forgot your password?

CSS Layout 的好處

常常有人會問到 Layout 到底有什麼可取之處,
一樣的網頁設計工作,為何不採取相對單純許多的傳統 Table Layout 作法,
反而要選擇一個較不直覺 (其實是設計習慣問題),
技術成份較煩雜,學習曲線較高的 Layout,到底有什麼實質的好處,非要突破門檻學習這項技術

底下整理幾點顯而易見的好處,以供參考。

Layout 的好處:

  1. 簡化 HTML 結構 (50%)
  2. 分離 HTML 結構及 CSS 樣式
  3. 有更大彈性去整合 JavaScript 技術 (語義、外觀、行為)
  4. 提高代碼的利用效率
  5. 更強大的外觀呈現控制能力
  6. 集中樣式管理,有助於全站保持視覺的一致性
  7. 改善網站的可訪問性 Accessibility (親和力、無障礙、不同設備兼容)
  8. 改善網站的可使用性 Usability (友善列印)
  9. 加快頁面下載速度
  10. 節省頻寬費用
  11. 更利於搜尋引擎最佳化 SEO
  12. 更利於網站後期的更新及維護 (效率、代價)
  13. 使用 W3C 所推動的 WEB 標準
  14. 更利於相容各瀏覽器 (未來)
  15. 提昇專業技能及職場競爭力 (門檻、降低失業風險)

相關參考資源:

13 Reasons Why CSS Is Superior to Tables in Website Design
http://www.chromaticsites.com/blog/13-reasons-why-css-is-superior-to-tables-in-website-design/

Top 10 Reasons to Learn CSS
http://bhavyatechnologies.com/blog/?p=50

Basic Answers to the question Why Use CSS
http://www.myinternetmarketinggroup.com/blog/?p=41

CSS Page Layout Strategies
http://www.killersites.com/blog/2008/css-page-layout-strategies/

Opera 的 WEB 標準教程
http://www.blueidea.com/tech/web/2009/6378.asp

Why stick to Web Standards?
http://www.bestwebbuzz.com/why-stick-to-web-standards.html

Why tables for layout is stupid: problems defined, solutions offered
http://www.hotdesign.com/seybold/

為何使用表格排版是不明智的:找出問題,對症下藥
http://www.hotdesign.com/seybold/chinese/everything.html

Leave a Reply

*