2007年9月28日 星期五

[技研] 非要改用CSS設計網頁的十大理由

自從離開平面設計改做網頁設計之後,一直都覺得作網頁好辛苦,但卻也很有趣,因為技術不斷在變,方式也不斷在改,以往,要編輯一個網頁~總是先用photoshop搞定好畫面後,切阿切的切成一塊塊圖片,再到Dreamweaver裡面去玩拼圖,往往客戶說要做個對客戶來說沒甚麼的修改~但是就可以讓計師改到死~改到爆~改到想摔機兼砍人(ㄟ~這好像有點太暴力了...),現在呢~改成CSS之後,改變變的好簡單,看看網路上~還有一堆人在用表格玩拼圖,兒也有一部分的人開始意識到CSS的好處~開始去接觸了~姑且不論現在你已經開始用CSS設計網頁了沒~但是~當你看完這篇文章之後~希望你可以開始拋棄表格~移情別戀到CSS的懷抱了。

表格的缺點

階層式樣式表(style sheet)在目前的應用來說,已經不侷限在網頁設計了,像是word或是Coreldraw都有類似樣式表的功能在裡面很久了,首先我們先來看看目前使用表格做網頁設計時經常性會發生的問題是哪些?

  1. 版面修改不易
  2. 網頁製作速度慢
  3. 網站維護不易
  4. 網頁修改費時
  5. HTML原始碼肥大
  6. 網頁下載速度慢
  7. 設計彈性小
  8. 修改彈性小
  9. SEO不易(SEO:搜尋引擎最佳化)
  10. 視覺統一性處理麻煩且易出錯

CSS的優點

下面列出使用樣式表設計網頁的幾個優點:

  1. 版面修改容易
  2. 網頁製作簡單迅速
  3. 網站維護容易且輕鬆
  4. 網頁修改迅速
  5. HTML碼簡單乾淨
  6. 網頁下載速度快
  7. 設計彈性大
  8. 修改彈性大
  9. SEO簡單(SEO:搜尋引擎最佳化)
  10. 視覺統一性輕易即可達到

從上面的比較輕易就可看得出來,使用CSS編排網頁的話,以往在表格排版時會遇到的問題,通通都不見了~這樣你還願意死忠的守著表格不變心嗎?

延伸閱讀:

[技研]網頁設計師不可不知的各種CSS縮寫方式

2 則留言:

匿名 提到...

您好~
您在文中有提到「總是先用photoshop搞定好畫面後,切阿切的切成一塊塊圖片,再到Dreamweaver裡面去玩拼圖」
想請問,您是否有與這一整個製作流程相關文章呢?
想學習這方面的技術,謝謝您~

壞掉的印表機 提到...

晚點發表喔~前陣子都在趕稿~哈~謝謝你~