歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設(shè)計 >  網(wǎng)頁中怎么制作icon

網(wǎng)頁中怎么制作icon

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2022-04-03 09:02:57|已瀏覽:187次

      網(wǎng)頁中怎么制作icon?其中的href="/favicon.icon只是一個例子,只需將它替換成你的網(wǎng)址,并用您創(chuàng)建的ico文件名替換favICOn.ico即可,今天小編主要給大家分享網(wǎng)頁中怎么制作icon,希望對你們有幫助!

網(wǎng)頁中怎么制作icon?

網(wǎng)頁中怎么制作icon:

第一步,準(zhǔn)備一個圖標(biāo)制作軟件

      首先,你必須明白所謂的圖標(biāo)(Icon)是一種特殊的圖形文件格式,以.ico作為擴展名,常見的圖像設(shè)計軟件不能使用這種格式,所以需要下載ico圖標(biāo)工具,建議使用功能強大的Microangelo來制作ico圖標(biāo)。

第二步,確定“收藏夾”圖標(biāo)的規(guī)格

      在收藏夾出現(xiàn)16*16,使用的最佳顏色不應(yīng)超過16種,如果不清楚可以在c盤上找*.ico格式的圖標(biāo),應(yīng)該可以在IE緩存中找到那些網(wǎng)站圖標(biāo),你可以像其他人一樣打開這些圖標(biāo)就可以知道使用什么格式了。

第三步:設(shè)計自己的圖標(biāo)

      可以制作網(wǎng)站LOGO的縮略圖,或者設(shè)計另一個獨特的設(shè)計作為“收藏夾”圖標(biāo)。 總之,它必須屬于你自己的個人作品,并且能夠很好地代表你的網(wǎng)站風(fēng)格和個性。 然后命名圖標(biāo)文件:favicon.ico,可以做得更醒目些。

      例如,使用本地圖標(biāo)文件來更改它,在電腦上搜索一個文件,并將其復(fù)制到桌面上,用Microangelo打開,修改為16*16,使用256色,保存為favicon.ico,最后,把這個圖標(biāo)文件上傳到你的網(wǎng)站所在服務(wù)器的根目錄。(也就是說,你的主頁index.html所在的文件夾),不需要對網(wǎng)頁文件進行任何更改,IE5會連續(xù)自動搜索你網(wǎng)站的根目錄,一旦找到favicon.ico文件,它將在地址欄和訪問者收藏夾列表中顯示該圖標(biāo)。

      如果你想為不同的頁面設(shè)置不同的“收藏夾”圖標(biāo),那么需要將以下內(nèi)容添加到網(wǎng)頁文件的HEAD部分:

      注意:圖標(biāo)的路徑必須使用絕對路徑。

      第二種方法:在首頁HTML文件中,加入link命令,是放在與之間,如下所示:

      其中的href="/favicon.icon只是一個例子,只需將它替換成你的網(wǎng)址,并用您創(chuàng)建的ico文件名替換favICOn.ico即可,這樣只有當(dāng)用戶把你的網(wǎng)站加到Internet Explorer的收藏夾中,并重新打開Internet Explorer瀏覽器之后,你自行制作的圖標(biāo)才會顯示出來。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://elsolbar.com/news-id-27351.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機:

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!