[CSS] Image Sprites

在做網頁設計時，我們時常為了網站美感，在網頁中放入許多小圖(ex: 按鈕、文章標題背景、標籤) 。然而，當一個網頁有多個圖檔要載入時(ex: 30張以上)，瀏覽器在解析時，會不停地發送Http Requests，使得流暢度降低，也易造成client端負擔。
因此，利用CSS Sprites可減少瀏覽器對圖檔的Http Requests。此一技巧是將網頁中會用到的背景圖檔，全部集中放在一個圖片檔中，並利用 CSS 的 background-image 與 background-position 屬性將欲顯示的按鈕圖等部分顯示出來。如此，便可降低Http Requests。

PHP樣板引擎：Smarty

        筆者在「網站製作學習誌」這個豐富的Blog內，看到許多有關「PHP樣板引擎：Smarty」的介紹，筆者挑出一些比較重要的文章出來，好讓各位對Smarty有概略的了解與應用：

1. Smarty入門
2. Smarty手冊正體中文版
3. Smarty小技巧整理

        另外，對於CodeIgniter這個MVC framework來說，能不能結合Smarty呢？答案是：「Yes!」

1. CodeIgniter結合Smarty

[網頁設計] CSS語法

最近常常在摸這個東西，遇到一些問題，就動手記下來…。