收藏夾圖標(biāo)
2007-11-12 10:57
我們在瀏覽很多網(wǎng)站時(shí),比如百度,google,都會發(fā)現(xiàn),在地址欄里,都會有一個(gè)圖標(biāo).這個(gè)圖標(biāo)就是收藏夾圖標(biāo)了.該怎么制作呢?
首先,我們需要把需要顯示的圖標(biāo)制作出來,一般情況下我們都是使用網(wǎng)站的logo.當(dāng)然,你也可以使用你喜歡的圖標(biāo).圖標(biāo)小為16*16px 或者是32*32px都行.格式需要為*.ico.
順便解釋一下
【ico】是Icon file的縮寫，是Windows的圖標(biāo)文件格式的一種.用來坐圖標(biāo)等小圖片,通常只有20*20象素或是更低.ico文件用途很廣泛,比如桌面上的圖標(biāo),就是ico格式.
制作Icon文件有很多方法,可以AI來制作,也可以通過其實(shí)格式的圖片來轉(zhuǎn)換.比如:
icon sushi 1.18 Beta 1
能將 *.bmp 檔案轉(zhuǎn)成 *.ico 的圖示編輯工具，此外它更可以處理 Windows XP 用的圖示文件，讓你的桌面更加多采多姿。
Picture To Icon 1.90
能將圖片或屏幕的一部分轉(zhuǎn)化為ICON圖標(biāo)，調(diào)整圖標(biāo)大小以及從資源庫中提取icon。支持BMP, JPEG, GIF, CUR, WMF。
魔法ICO 1.00
1) 把.BMP和.PNG格式的圖片批量轉(zhuǎn)換成圖標(biāo)；
2) 從.EXE可執(zhí)行文件中提取圖標(biāo)。
特別說明：由.BMP圖片轉(zhuǎn)換得到的圖片色彩效果不太理想，建議把.BMP圖片轉(zhuǎn)換為.PNG格式，會得到更好的效果。轉(zhuǎn)
換圖片格式可以用ACDSee，很方便。如果源.PNG圖片帶Alpha通道，則轉(zhuǎn)換得到的圖標(biāo)也是32位帶Alpha通道格式，
效果很好。
Wise Icon Maker v1.5
該軟件可以制作、提取和轉(zhuǎn)換所有Windows圖標(biāo)從單色（1bit）到WindowsXP的α通道（32bit）圖標(biāo)。該軟件好包括
圖形繪制工具和效果優(yōu)化工具，所有圖形繪制工具具有平滑、3D傾斜效果等。
IconWorkshop
專業(yè)ICON制作軟件
不管是制作,還是轉(zhuǎn)換,相信到這里,圖標(biāo)都已經(jīng)制作出來了,保存為favicon.ico,然后上傳到網(wǎng)站的根目錄.舉個(gè)例子,在本機(jī)
調(diào)試時(shí),地址一般為: C:\Inetpub\wwwroot:那么在這里,你的網(wǎng)站內(nèi)容都存在于 wwwroot這個(gè)文件夾里,這就是根目錄了,把favicon.ico放進(jìn)來.然后在網(wǎng)頁(只需要在主頁)中的
<head>與</head>之間加入一段代碼
<link rel="shortcuticon" href="favicon.ico">
或者
<link rel="shortcuticon" href="你的域名/favicon.ico">
都行.這樣,收藏夾圖標(biāo)就能顯示了.
下面是一個(gè)Script代碼，將它加入到你的網(wǎng)頁中，則會提示網(wǎng)友將本頁加入收藏夾。
<SCRIPT>
<!--
if ((navigator.appVersion.indexOf("MSIE") > 0)&& (parseInt(navigator.appVersion) >= 4))
{
var sText = "<U><SPAN STYLE='color:blue;cursor:hand;'";
sText += "onclick='window.external.AddFavorite(location.href,";
sText += "document.title);'>添加進(jìn)收藏夾</SPAN></U>";
document.write(sText);
}
//-->
</SCRIPT>