使用 CSS 製作網頁有捷徑

對很多網頁設計師來說，學習使用 CSS 來製作網頁時常會遇到困難，特別是有很多客戶仍使用 IE 6 ，為了支援這舊式瀏覽器，經常要花很多時候修改和嘗試。其實使用 CSS，並不一定需要從頭寫起，以下介紹兩個方法，可以幫助大家快速地使用 CSS 。

第一個方法是使用現成的 CSS Framework，簡單地說一個 Framework 內提供一系列的 CSS 文件，幫你初始化瀏覽器的基本設定、設定基本版排、字體、表格樣式、提供常用的樣式設計等。使用 Framework 的好處是它一定寫得比初學者標準，經已考慮各瀏覽器的問題，使你輕易獲得使用 CSS 的好處。而它的規範化令日後維護更易。不過不少人覺得使用 Framework 反而令製作網頁時設下了無型的框架，扼殺了創意。

每個 Framework 都有其獨特之處，選擇用那一個可能亦是要花點時間研究的問題。Hidden Pixels 剛評論了幾款 CSS Framework，值得一讀找出最適合你的一套。

另一個方法是用現成的 CSS Template，用 CSS 做網頁設計最令人頭痛的部分是排版，所以只要解決了這問題就已成功了大半。某些 CSS Framework 都有提供其 Grid System，但 CSS Template 則只針對排版，所以用起來亦較容易。以下是數個可以下載的地方：

CSS Layouts: A collection of 168 Grid and CSS Layouts
CSS Layouts
Layout Gala

以上已包含了多款不同 columns 的 fixed 和 variable width 的排版樣式，可滿足大部分的網頁條件。如果你問我用 Framework 還是用 Template 好，我會建議大家用 Template，因使用上容易，對一般中小型的網站已很足夠。 Framework 在什麼情況下更好？就是大型網站，不同部分的網頁由不同設計師製作，這時大家用同一標準工作，日後維護比較容易。

IE 8 最快可望在年底推出，到時 IE 對網頁標準的支援會大大加強，免卻要為 Firefox 和 IE 更改設計之苦。不過可惜很多客戶並沒有更新軟件的權限，或者很多人都仍未意識到為什麼要升級。因此我相信從事網頁設計的朋友仍需要痛苦一段時間。

2008-8-26
Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time 一文額外介紹其他可用的 Templates 和工具。