當(dāng)前位置:首頁 >  站長 >  建站經(jīng)驗(yàn) >  正文

網(wǎng)站地址前的小圖標(biāo)怎么添加

 2014-12-02 15:21  來源: A5專欄   我來投稿 撤稿糾錯(cuò)

  阿里云優(yōu)惠券 先領(lǐng)券再下單

經(jīng)常喜歡上網(wǎng)的人會發(fā)現(xiàn),當(dāng)你打開一個(gè)網(wǎng)站后,在瀏覽器地址欄最前面有一個(gè)小圖標(biāo),這個(gè)是可以自己添加的。我們所看到的網(wǎng)站幾乎大部分都有這個(gè)圖標(biāo)的,像大到BAT,小到個(gè)人站長。假如你上線了一個(gè)的新網(wǎng)站,想在瀏覽器打開網(wǎng)站后,能看到自己設(shè)計(jì)的圖標(biāo),下面我就以我自己博客為例來說一下怎么添加這個(gè)小圖標(biāo)吧,希望對新手或者不懂的同學(xué)有所幫助!

首先,準(zhǔn)備一個(gè)ICO格式的文件。這個(gè)文件需要自己制作一下,剛開始準(zhǔn)備好你想顯示的那個(gè)logo圖片吧,圖片盡量選用PNG格式的,選擇16*16像素備用。然后在百度上搜索一下ICO圖標(biāo)在線制作,會有很多工具可以使用的。當(dāng)然了,你可以用favicon.ico在線轉(zhuǎn)化工具,把圖片轉(zhuǎn)化為favicon.ico的站點(diǎn)圖標(biāo)。推薦兩款在線轉(zhuǎn)化的工具:

ico在線轉(zhuǎn)化工具站點(diǎn)1:;

ico在線轉(zhuǎn)化工具站點(diǎn)2:;

在這里我就以百度上面的那個(gè)應(yīng)用為例截圖看看:

打開圖片,把存放在本地電腦上那個(gè)圖片導(dǎo)入進(jìn)來,看我導(dǎo)入我自己的是這個(gè)樣子的,以“曹”字為例,選好尺寸為16*16,然后保存ICO,就可以把ICO文件保存好到本地,將轉(zhuǎn)換好的ico文件改名為favicon.ico,這個(gè)文件也就算是完成了,看下圖所示:

然后,將你存放于本地上的ICO文件用FTP工具上傳到你網(wǎng)站的跟目錄,我自己上傳的截圖出來看看吧,看下圖所示:

其次就是在你網(wǎng)站源碼,index頁面中代碼中,在head標(biāo)簽中添加代碼:,接著就是保存啦。以我博客為例來個(gè)截圖:

最后,在你在服務(wù)器上保存好了,就生效了,你可以打開瀏覽器重新輸入你網(wǎng)址,看看是不是你剛才那個(gè)設(shè)計(jì)的小圖標(biāo)出來了呢,是不是挺簡單的。可以看看我博客首頁的效果。歡迎與我交流噢!

申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
站長教程

相關(guān)文章

  • 關(guān)于如何提高網(wǎng)站設(shè)計(jì)師的效率

    筆者在網(wǎng)站建設(shè)公司做網(wǎng)站設(shè)計(jì)工作已多年,雖說現(xiàn)在不做設(shè)計(jì)了,但在這些年的工作中,接觸過大大小小不同的企業(yè)或個(gè)人做網(wǎng)站,對他們的需求有了一定的認(rèn)識。對于網(wǎng)站建設(shè)公司來說,由于現(xiàn)在的網(wǎng)站報(bào)價(jià)已遠(yuǎn)遠(yuǎn)比不上前幾年,更由于人工的上漲,導(dǎo)致的利潤很低了。網(wǎng)站建設(shè)公司如何在這種情況,獲得更高利潤就很重要了,因此,

  • GoDaddy 1.99美元優(yōu)惠主機(jī)購買教程

    GoDaddy經(jīng)濟(jì)型主機(jī)方案適合單個(gè)站點(diǎn)的用戶,提供了100GB的超大空間,而且每月不限流量。作為基礎(chǔ)型方案,其優(yōu)惠幅度較大,最低只要1.99美元/月,還免費(fèi)贈送一個(gè)域名。本教程詳細(xì)教大家如何優(yōu)惠購買GoDaddy經(jīng)濟(jì)型主機(jī)。1.使用主機(jī)偵探專屬優(yōu)惠鏈接www.gdxoff.com進(jìn)入GoDaddy

  • 2014免費(fèi)CDNIncapsula申請使用教程

    很多站長手頭有些未備案的域名,希望增加個(gè)cdn,讓網(wǎng)速更加快些,但是國內(nèi)的cdn,比如百度的加速樂,360的站長cdn,安全寶等等的cdn,雖然是免費(fèi)的,但是要求備案,對于沒有備案的域名,不支持解析。今天,推一把給大家分享的就是一款國外免費(fèi)的cdn——Incapsula'sDNS,不用備案,并且還有

    標(biāo)簽:
    站長教程
  • zblog php版空間、數(shù)據(jù)庫搬家全教程

    昨晚在逛zblog論壇的時(shí)候看到這樣一個(gè)帖子:用APMSERV搭建的本地環(huán)境安裝ZBLOGPHP,并在本地編寫。現(xiàn)在買了空間,并安裝好了ZBLOGPHP,現(xiàn)在想把本地的數(shù)據(jù)備份并上傳至空間,應(yīng)該怎么備份!看到這個(gè)帖子,我的第一反應(yīng)這不就是變相的網(wǎng)站搬家嗎,由于小編之前給自己的博客搬過一次家,所以對這

    標(biāo)簽:
    站長教程
    zblog
  • phpcms v9 郵件群發(fā)實(shí)現(xiàn)方法

    自己的網(wǎng)站B5教程網(wǎng),看到很多注冊會員后沒有郵箱驗(yàn)證,但是會員比較多,一個(gè)一個(gè)發(fā)送郵件很煩,于是就自己二次開發(fā)了一個(gè)郵件群發(fā)功能,現(xiàn)在分享給大家。記得收藏哦!phpcmsv9郵件群發(fā)功能是在用戶=》會員管理里面實(shí)現(xiàn)的,選中要發(fā)送的會員,然后郵件群發(fā)就行了,如圖:下面是實(shí)現(xiàn)步驟:1.找到phpcmsv

    標(biāo)簽:
    站長教程
    郵件群發(fā)

熱門排行

信息推薦