demoshop

demo, trying to be the best_

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

CSS Sprites 技巧實戰

  • 2010-01-24
  • 7792
  • 0

之前就有介紹過 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有特殊的作法,用一般的寫法會倒置一些異常的情況,所以在此記錄下來以便往後需要使用的時候有得查。