新手快速學(xué)習(xí)制作網(wǎng)站ICON的步驟

2024-08-30 08:33:58

字體：大中小

供稿：網(wǎng)友

原文地址：http://www.lxdong.com/post/makeicon.html（轉(zhuǎn)載請不要去掉原文地址。）
　　啟動網(wǎng)絡(luò)營銷學(xué)院項目已經(jīng)有半年多了，學(xué)生在網(wǎng)絡(luò)營銷學(xué)院也已經(jīng)學(xué)習(xí)將近２個月了，以后在武林網(wǎng)和大家一起分享網(wǎng)絡(luò)營銷學(xué)院學(xué)生的一些學(xué)習(xí)心得。目前學(xué)生的主要要求就是在每門課中多添加實訓(xùn)內(nèi)容，所以我們只有慢慢地完善我們的網(wǎng)絡(luò)營銷課程體系，加強(qiáng)學(xué)生的實訓(xùn)。這是第一篇關(guān)于學(xué)生學(xué)習(xí)心得的文章，這個學(xué)生的特點(diǎn)是對技術(shù)特別熱忠，自己也非常努力，學(xué)習(xí)效果也算是蠻好的，我比較喜歡，大家有空可以去他的博客去看看：http://www.lxdong.com。
　　做完網(wǎng)絡(luò)廣告案例投放實訓(xùn)作業(yè)，隨便打開幾個網(wǎng)站，可能是自己比較細(xì)心吧！發(fā)現(xiàn)好多知名的網(wǎng)站的地址前面都有一個小的個性圖片，而不是Microsoft提供的那個藍(lán)色的E圖標(biāo)，于是有了想給自己的BLOG也做1個個性小圖標(biāo)的沖動。
　　剛有腦子有這個想法，回頭就去問后面的劉紅軍老師了（壞習(xí)慣，遇到問題自己不先思考，去嘗試，總是先問老師，得改了這個壞毛病），結(jié)果劉紅軍老師告訴我那叫網(wǎng)站ICON，具體怎么做你去百度查下吧。的確，百度是個不會抱怨的好“老師”，從它那可以學(xué)到好多東西，而且它不會有一句怨言，還會歡迎您常來光顧呢！
　　在百度搜索地址里打入“網(wǎng)站ICON”，不到1秒的時間，很多關(guān)于制作網(wǎng)站ICON的網(wǎng)頁立即呈現(xiàn)在你面前，任君選看。網(wǎng)上類似這樣的網(wǎng)頁的確很多，既然你來到北漂領(lǐng)袖東的BLOG，就不必再去找了，我將用我的理解和方法教你如何制作“網(wǎng)站ICON”。首先了解下什么網(wǎng)站ICON?ICON你可以把它比作成QQ頭像，一打看QQ看到那個圖像的頭像就知道，那個是誰了，很方便。ICON也是如此，如果你的網(wǎng)站被朋友收藏了，人家打開IE收藏夾的時候，一看到你的網(wǎng)站ICON就知道那是你的網(wǎng)站，給人一種親切感，從技術(shù)角度講給人一種專業(yè)感觀（當(dāng)然指的是新人啦）制作1個網(wǎng)站ICON很簡單具體步驟如下：1：利用相關(guān)圖形軟件制作1個16x16的圖片。推薦軟件：HprSnap一款李新剛老師分享的很好用的截圖軟件，剛發(fā)現(xiàn)他還能制作ICO格式的圖片，沒有的話可以網(wǎng)上搜一下，找不到可以QQ上M我，我給大家傳一下.2:把做好的圖片傳到自己的網(wǎng)站空間的根目錄下，所謂根目錄，用LEFTCUP連接好空間好后不要點(diǎn)文件夾，直接把你做好的ICO格式的圖片傳上去就可以了。很通俗很易的說法了，我是針對新手說的，高手直接跳過吧。3:最后一步,很簡單也很關(guān)鍵。一般在主題文件夾里面，themes/主題名/template文件夾里面所*.html文件的<head></head>之間加入：<link rel="Shortcut Icon" href="網(wǎng)站根目錄/favicon.ico" type="image/x-icon" />就OK啦！一般網(wǎng)站都有，看下其中的路徑是否正確就可以了，如果沒有的話把以上代碼放入<head></head>之間就可以了。（例如我的ICON地址：www.lxdong.cn/favicon.ico）大功告成，進(jìn)BLOG后臺，索引重建就可以了，返回主頁刷新一下，肯定就可以看到啦！是不是很簡單啊~如果你的網(wǎng)站做好了，別忘了告訴我。更多精彩內(nèi)容，請繼續(xù)關(guān)注北漂領(lǐng)袖東BLOG。

上一篇：網(wǎng)站性能:圖片和Coockie以及移動應(yīng)用的優(yōu)化

下一篇：JavaScript和CSS的優(yōu)化提高網(wǎng)站性能