用Dreamweaver輕松實現(xiàn)網(wǎng)站個性小圖標(biāo) | |
副標(biāo)題: | |
作者:佚名 文章來源:網(wǎng)絡(luò) 點擊數(shù): 更新時間:2006-7-26 | |
別小看一個小小的圖標(biāo),它可以充分展現(xiàn)出網(wǎng)頁的個性,本實例將介紹如何在自己的個人主頁上放上一個小圖標(biāo)。 ![]() 創(chuàng)作思想 通過放置圖標(biāo)文件或者直接在網(wǎng)頁中添加代碼,制作出網(wǎng)站中的個性小圖標(biāo)。 操作步驟 ?。?1 )如果想在整個網(wǎng)站所有網(wǎng)頁的地址欄上都顯示出自己的個性小圖標(biāo),只需要將圖標(biāo)文件命名為 favicon.ico ,然后將該圖標(biāo)文件放置在網(wǎng)站服務(wù)器中的網(wǎng)站根目錄下就可以了。 注意:使用此方法時一定要將圖標(biāo)文件命名為 favicon.ico ,并將其放置在網(wǎng)站根目錄下。 ?。?2 )輸入鏈接代碼。如果讀者只想在一個頁面上放置個性圖標(biāo)或者在不同網(wǎng)頁上放置不同的圖標(biāo),那么就需要在網(wǎng)頁 <head> ( Html 文件頭標(biāo)簽)中輸入鏈接代碼了,如圖 33-3 所示。 ![]() 注意:代碼中鏈接圖標(biāo)的 URL 必需是絕對路徑。圖標(biāo)文件的文件名不一定非得是 favicon.ico ,可以自己隨意命名。“ shortcut icon ”表示地址欄圖標(biāo),“ bookmark ”表示收藏夾圖標(biāo)。 圖中的代碼如下所述。 <link rel="SHORTCUT ICON" > <link rel="BOOKMARK" > ( 3 )保存網(wǎng)頁文件,然后將文件放置到網(wǎng)站服務(wù)器上,瀏覽網(wǎng)頁就可以看到效果了,本實例操作完畢。本實例提供了兩個不同的方法實現(xiàn)地址欄的圖標(biāo),讀者可以根據(jù)需要進(jìn)行選擇,使用代碼方法要注意根據(jù)自己圖標(biāo)所在位置更改“ href= ”后面的 URL 。 |