demoshop

有些時候我們必須利用圖片來做超連結，如果點下去後不是只接換掉整個網頁（target=_blank）總是會看到一個虛框包住那張圖片，實在是有礙觀瞻，此篇文章就來簡單說明一下如何拿掉這效果。

之前就有介紹過 CSS Sprites 技巧的好處，但是都是紙上談兵，沒有實作，這次因為 demo 小鋪 4.0 的產生也就順便實作 CSS Sprites 技巧，在實作的過程中遇到一些設計上的困難點，所以本文章會以 demo小鋪 本身的實作經驗以及效果來介紹 CSS Sprites 實戰的技巧。

只要你有開發網頁或是網頁程式，我相信你對IE6都會很討厭，它是一個很有主見的瀏覽器不支援一些標準的東西，卻又自己搞出了自己的一套規範，偏偏他又是全球使用人數最高的，所以設計人員和程式人員都有因為這IE6掉過頭髮的經驗，既然大環境不能改變(誰叫IE8下載率還沒衝起來)那我們就來"提醒"使用者快點改變吧。

因為demo正在著手製作demoshop V4所以最近又遇到了要自己切版面的事情，以demo之前的習慣就是把圖切小然後來減少單圖的大小加快傳輸速度，但我只能說這是demo從撥接時代留下來的錯誤觀念，一樣是一個一知半解的錯誤。

昨天發了必免因重新整理導致的重複新增後，其實還有一個原因也會導致重複新增，就是新增的按鈕使用者狂點的時候就會發生啦，在此demo再提供一點小技巧供您參考囉。

經由免費的 CSS Tab Designer 可以讓我們就能很輕鬆容易地建立一個「殺手級」的 CSS 網頁選單。用 CSS 建立網頁選單除了可以很美觀之外，利用 CSS 美化我們的選單，除了網頁大小得以減少之外，在日後的維護也會更加的方便容易，但使用 CSS 控制網頁選單，可能需要花點時間才能將選單控制得如我們心裡所預期，但經由 CSS Tab Designer 讓這一切變得再輕鬆不過了，只要我們先將選單項目文字列出來，再選擇一個我們喜歡的內建樣式，我們就可以馬上能看到我們的成果，並且可以將其中的 CSS 及 HTML 部份複製起來，或是將成果直接輸出成網頁檔。且其輸語法更是符合 XHTML 1.0 Transitional 或是 XHTML 1.0 Strict。

網站文章已經到一個量了，再來就是要提高搜尋引擎的排名了，所以這就扯到了SEO囉，本文紀錄了demo作了哪些SEO優化已經後續修改情形，方便自己將來查閱與參考。

每個瀏覽器都有快取的功能，尤其是靜態檔案(css就是一個)，在快取還沒過期之前瀏覽器會自動從快取讀取，但我發修改CSS檔以後要怎麼讓所有使用者立刻看到改變呢?要使用者去清快取是不可能的，所以我們就利用以下技巧來處理吧。

demo在製作相關的SEO優化的時候發現新增HtmlMeta有特殊的作法，用一般的寫法會倒置一些異常的情況，所以在此記錄下來以便往後需要使用的時候有得查。