|
|
| Site map | Dr. Computer | Did you know ? | Life | Android / iOS |
|
|
Dr. computer .....
• 網站 icon ... 2007-10-16 當我們瀏覽 Yahoo! 或用 Google 搜尋網站時，是不是發現在網址列的左邊都會有一個該網站的酷酷圖示 ? 網站擁有自己圖示，網址列看起來不但比較活潑不呆板，且顯示自己的圖示於網址列時網站於無形中也讓人有更專業的感覺 ! 為了要讓自己剛創建的網站擁有自己的網站圖示，筆者為此努力爬文 , 看了又看，試了又試，參閱十數個相關網頁，耗時半天終於搞定。 當筆者於瀏覽器中看到自己專屬的網站 icon 時，心裡只有 「爽」字能形容 ! 現在就暫且在此野人獻曝一番，簡略的作個步驟教學給有需要的朋友們做個參考。 首先我們先用 Windows 自帶的工具小畫家為自己設計了一個 16×16 的圖檔 接下來的步驟就是於網頁中貼上語法，你只要將下列的藍色字體的碼段複製後貼到首頁的<head> 與 </head>之間即可。以下是我自己的實例。請記得將 ramupdate.myweb.hinet.net/index.htm 改成你自己的首頁網址。<head> <link rel="shortcut icon" href="https://ramupdate.myweb.hinet.net/index.htm/favicon.ico"> </link> </head> 如果你是使用 IE 瀏覽器 , 你就必須先將網址存到我的最愛 , 重開瀏覽器後就可以看到你的個人圖示囉 ! 完成後於瀏覽器上所顯示的結果如下圖。 
|
|
，完成後存檔並命名為 favicon.bmp 備用。接著再使用轉檔工具 Imgicon 將剛剛製作完成的 favicon.bmp 轉為 favicon.ico。完成之後再將此檔複製后貼到你的網站的根目錄底下。