創造收藏夾中的個性化圖標

2024-04-27 13:54:51

字體：大中小

來源：轉載

供稿：網友

現在在瀏覽網頁的時候，你會發現很多網站都會有“將我加入收藏夾”的選項，也許你的網站中同樣有這樣的選項，因為這確實是讓瀏覽者記住網站的一個好方法。但是，當收藏夾中的網站越來越多，所有的網站都是一個丑丑的藍色 IE 小圖標加上一個網站名，讓人感到無所適從。怎樣才能在這眾多的網站中脫穎而出呢？正當你麻木地盯著那堆看起來一模一樣又毫無生氣的書簽的時候，忽然發現其中一個書簽看起來很不一樣，有個讓人眼睛一亮的logo！沒錯，如果能把那個IE小圖標換成一個個性化的Logo，一定能夠吸引人注意。現在就讓我們進入正題，看看怎樣做出這樣的效果。
請注意：這招只對 Windows平臺的 IE 5.0 或者更新版本的瀏覽器才能奏效。不過請放心，在其他版本或者作業系統的瀏覽器上面并不會有任何不良副作用，只不過沒有效果而已。

第一步：首先你必須要制作一個看起來既清楚又容易辨識的小圖示，為了使做出來的圖標與原來的圖標風格相似，我們將圖標的大小定義為16x16 像素。要制作這種圖標文件，你必須要使用相關的圖形編輯軟件才行。你可以自己從一大堆這樣的Icon制作軟體里面挑一個來用。這些軟件多半可以匯入一些常見的圖形格式，例如 BMP 或者 GIF 格式，好讓你可以不一定要在里面從無到有重新制作一個圖形文件。此外在制作圖形文件的時候，你可能需要把色盤設定成只使用標準的 16 色 Windows 色盤，這樣做出來的圖形才會在各種配置的機器上看起來都是一樣的。還有一點很重要：為了顯示你的特色，最好不要偷懶！雖然可以直接從一大堆別人已做好的圖形拿來用，但想要別人對你的網站留有印象，圖標的原創性就顯得比較重要了。所以還是自己來做吧，然后把你的作品儲存成 ICO 格式，記得文件名要叫做“favicon.ico”。

第二步：把剛剛制作好的 favicon.ico 文件上傳到你的網站根目錄去。如果你的網址是：http://www.goeway.com 那么你的 favicion.ico 就應該被放在下面這個URL下http://www.goeway.com/favicion.ico
每當有網友要把你的網站（不管是網站中的哪一頁）加入“我的最愛”的時候，IE 瀏覽器便會到你的網站根目錄去尋找看看有沒有favicon.ico這個文件，如果有的話，這個文件就會被用來當作書簽上面的圖示了。但是如果你沒辦法把文件上傳到上面所說的根目錄怎么辦（比方說你的網頁空間是和其他人共享的）？或者你只是要為網站中的某個特定頁面設定書簽圖示，甚至你希望網站中不同頁面可以有不同的圖片呢？沒關系，這時候你可以在網頁原始碼的 <HEAD>標簽里區里面加上下面的設定：
<HEAD>
<LINK REL="SHORTCUT ICON" >
<TITLE>My Title</TITLE>
</HEAD>
記得要把上面的http://www.goeway.com/favicon.ico代換成你自己的 URL 。使用這個做法的話，就不一定要把圖形文件放在網站的根目錄下面了，你可以放在任何位置，甚至直接連結到其他網站上面的圖形文件也可以，而且圖形文件的文件名也不一定要叫做 favicon.ico，可以自己隨便取。不過要注意的是使用這個做法的話，只有在網友把有加入上面 HTML 語法的頁面加入書簽的時候才會有作用。
下面是一個Script代碼，將它加入到你的網頁中，則會提示網友將本頁加入收藏夾。
<SCRIPT>

</SCRIPT>

大功告成！只要有網友將你的網站加入收藏夾中，你的 logo 就會出現在收藏夾目錄里面了。不過有一點請記住：你的 logo 在網友還沒將你的網站加入書簽以前是不會被看見的，而且有些免費網頁空間并不支援 ico 圖形格式。

上一篇：初學web標準的幾個誤區

下一篇：XHTML基礎問答－給初學者