|
現(xiàn)在在瀏覽網(wǎng)頁(yè)的時(shí)候，你會(huì)發(fā)現(xiàn)很多網(wǎng)站都會(huì)有“將我加入收藏夾”的選項(xiàng)，也許你的網(wǎng)站中同樣有這樣的選項(xiàng)，因?yàn)檫@確實(shí)是讓瀏覽者記住網(wǎng)站的一個(gè)好方法。但是，當(dāng)收藏夾中的網(wǎng)站越來(lái)越多，所有的網(wǎng)站都是一個(gè)丑丑的藍(lán)色 IE 小圖標(biāo)加上一個(gè)網(wǎng)站名，讓人感到無(wú)所適從。 請(qǐng)注意：這招只對(duì)Windows平臺(tái)的 IE 5.0 或者更新版本的瀏覽器才能奏效。 不過(guò)請(qǐng)放心，在其他版本或者作業(yè)系統(tǒng)的瀏覽器上面并不會(huì)有任何不良副作用，只不過(guò)沒(méi)有效果而已。 第一步：首先你必須要制作一個(gè)看起來(lái)既清楚又容易辨識(shí)的小圖示，為了使做出來(lái)的圖標(biāo)與原來(lái)的圖標(biāo)風(fēng)格相似，我們將圖標(biāo)的大小定義為16x16 像素。 要制作這種圖標(biāo)文件，你必須要使用相關(guān)的圖形編輯軟件才行。 你可以自己從一大堆這樣的Icon制作軟體里面挑一個(gè)來(lái)用。 這些軟件多半可以匯入一些常見(jiàn)的圖形格式，例如 BMP 或者 GIF 格式，好讓你可以不一定要在里面從無(wú)到有重新制作一個(gè)圖形文件。 此外在制作圖形文件的時(shí)候，你可能需要把色盤(pán)設(shè)定成只使用標(biāo)準(zhǔn)的 16 色 Windows 色盤(pán)，這樣做出來(lái)的圖形才會(huì)在各種配置的機(jī)器上看起來(lái)都是一樣的。 還有一點(diǎn)很重要：為了顯示你的特色，最好不要偷懶！ 雖然可以直接從一大堆別人已做好的圖形拿來(lái)用，但想要?jiǎng)e人對(duì)你的網(wǎng)站留有印象，圖標(biāo)的原創(chuàng)性就顯得比較重要了。 所以還是自己來(lái)做吧，然后把你的作品儲(chǔ)存成 ICO 格式，記得文件名要叫做“favicon.ico”。 第二步：把剛剛制作好的 favicon.ico 文件上傳到你的網(wǎng)站根目錄去。 如果你的網(wǎng)址是：http://www. 那么你的 favicion.ico 就應(yīng)該被放在下面這個(gè)URL下http://www./favicion.ico 每當(dāng)有網(wǎng)友要把你的網(wǎng)站（不管是網(wǎng)站中的哪一頁(yè)）加入“我的最?lèi)?ài)”的時(shí)候，IE 瀏覽器便會(huì)到你的網(wǎng)站根目錄去尋找看看有沒(méi)有favicon.ico這個(gè)文件，如果有的話(huà)，這個(gè)文件就會(huì)被用來(lái)當(dāng)作書(shū)簽上面的圖示了。 但是如果你沒(méi)辦法把文件上傳到上面所說(shuō)的根目錄怎么辦（比方說(shuō)你的網(wǎng)頁(yè)空間是和其他人共享的）？或者你只是要為網(wǎng)站中的某個(gè)特定頁(yè)面設(shè)定書(shū)簽圖示，甚至你希望網(wǎng)站中不同頁(yè)面可以有不同的圖片呢？ 沒(méi)關(guān)系，這時(shí)候你可以在網(wǎng)頁(yè)原始碼的 <HEAD>標(biāo)簽里區(qū)里面加上下面的設(shè)定：<HEAD><LINK REL="SHORTCUT ICON" HREF="http://www./favicon.ico"><TITLE>My Title</TITLE></HEAD> 記得要把上面的http://www./favicon.ico代換成你自己的 URL 。使用這個(gè)做法的話(huà)，就不一定要把圖形文件放在網(wǎng)站的根目錄下面了，你可以放在任何位置，甚至直接連結(jié)到其他網(wǎng)站上面的圖形文件也可以，而且圖形文件的文件名也不一定要叫做 favicon.ico，可以自己隨便取。 不過(guò)要注意的是使用這個(gè)做法的話(huà)，只有在網(wǎng)友把有加入上面 HTML 語(yǔ)法的頁(yè)面加入書(shū)簽的時(shí)候才會(huì)有作用。 下面是一個(gè)Script代碼，將它加入到你的網(wǎng)頁(yè)中，則會(huì)提示網(wǎng)友將本頁(yè)加入收藏夾。 <SCRIPT><!--if ((navigator.appVersion.indexOf("MSIE") > 0)&& (parseInt(navigator.appVersion) >= 4)) {var sText = "<U><SPAN STYLE='color:blue;cursor:hand;'";sText += "'window.external.AddFavorite |
|
|
來(lái)自： Blex > 《技術(shù)基礎(chǔ)類(lèi)》
