网站地址栏图标制作
項(xiàng)目組沒有美工,沒辦法很多事情就只有自己動(dòng)手了,收藏下網(wǎng)站地址欄圖標(biāo)的制作,充分利用資源嘛,轉(zhuǎn)載了下人家的東西,備查,沒找到原作者,請見諒。
??????第一步,準(zhǔn)備一個(gè)圖標(biāo)制作軟件。?
首先您必須了解所謂的圖標(biāo)(Icon)是一種特殊的圖形文件格式,它是以?.ico?作為擴(kuò)展名。普通的圖像設(shè)計(jì)軟件無法使用這種格式,所以您需要到一個(gè)軟件下載站點(diǎn)去下載一個(gè)圖標(biāo)制作軟件。您也可以訪問?http://www.favicon.com/? ,這里提供一個(gè)免費(fèi)的在線“收藏夾”圖標(biāo)生成器,如果您?E?文夠好的話,在這里您還可以了解到更多的關(guān)于“收藏夾”圖標(biāo)的知識(shí)。?
第二步,確定“收藏夾”圖標(biāo)的規(guī)格。?
“收藏夾”圖標(biāo)有著它特有的規(guī)格:圖標(biāo)的大小為?16?*?16(以像素為單位);所使用的顏色不得超過?16?色。?(為了清晰)?
第三步,設(shè)計(jì)一個(gè)屬于您自己的圖標(biāo)。?
您可以將您的網(wǎng)站的?LOGO?做成一個(gè)縮圖或者另外設(shè)計(jì)一個(gè)別具特色的圖案來作為“收藏夾”圖標(biāo)??傊?#xff0c;它一定要是屬于您自己的,并且能很好的代表您的網(wǎng)站的風(fēng)格和個(gè)性。然后將這個(gè)圖標(biāo)文件命名為:f?avicon.ico。?
最后,將這個(gè)圖標(biāo)文件(favicon.ico)上傳到您的網(wǎng)站所在的服務(wù)器的根目錄下。您不需要對您的網(wǎng)頁文件作任何的修改,IE5?會(huì)自動(dòng)的不停的 搜索您的網(wǎng)站的根目錄,只要它一發(fā)現(xiàn)了?favicon.ico?這個(gè)文件,就會(huì)將該圖標(biāo)顯示在訪問者的地址欄和收藏夾列表中了。?
如果您希望為不同的頁面設(shè)置不同的“收藏夾”圖標(biāo),那么您就需要在該網(wǎng)頁文件的?HEAD?部分加入下面的內(nèi)容:?
<INK?REL="SHORTCUT?ICON"?HREF="http://www. ***.com/myicon.ico">?
注意:該圖標(biāo)的路徑一定要使用絕對路徑。?
還有一點(diǎn)需要說明的是:有些?Web?站點(diǎn)的主機(jī)服務(wù)器(如:Geocities?)不支持圖標(biāo)文件格式,這時(shí)您就需要與管理員聯(lián)系,要求他開通圖標(biāo)文件格式的支持。?
在線制作圖標(biāo)地址:
地址1:http://www.chami.com/html-kit/services/favicon/
地址1:http://www.chami.com/html-kit/services/
有6個(gè)在線工具,打開速度可以,生成速度有點(diǎn)慢。
FavIcon?from?Pics?//這個(gè)就是在線生成favicon.ico圖標(biāo)了,提交任何一個(gè)圖片,它會(huì)給你生成一個(gè)ICO文件,并打包下載
Favicon?Validator?//favicon驗(yàn)證
Buddy?Icon?from?Pics?//把圖片轉(zhuǎn)換成ICO格式,還可制作PNG格式的背景圖片
Image?Embellisher?//制作特殊效果的圖片,比如立方體,Windows徽標(biāo)那樣的波浪
Online?Image?Splitter?//切割圖片
收藏夾圖標(biāo)生成器2:http://www.html-kit.com/e/favicon.cgi
打 開速度稍慢點(diǎn),生成速度可以。Source?Image是提交圖片,Scrolling?Text?(optional)?是提交文字,你可以直接提交一 個(gè)做好的圖片,不用填文字,點(diǎn)下面的按鈕就可以生成ico的圖標(biāo),還有可以看到預(yù)覽,點(diǎn)旁邊的download下載下來就可以了。
附錄:blog標(biāo)簽圖片80×15?或?80×31在線制作,也不錯(cuò)的。
http://button.blogflux.com/
總結(jié)
- 上一篇: 还你清爽桌面!运行精灵软件(快速启动工具
- 下一篇: TCP网络错误Connection re