方法一:直接連結到「favicon.cc」網站製作小icon圖示。
「favicon.cc」首頁網址:http://www.favicon.cc/
方法二:直接拿公司的 Logo 圖片檔(最好長、寬同等尺寸的圖),至「favicongenerator」網站做小 icon 轉換。
網頁設計
,
網際網路服務
,
Ajax 網頁程式設計
方法二:直接拿公司的 Logo 圖片檔(最好長、寬同等尺寸的圖),至「favicongenerator」網站做小 icon 轉換。
「favicongenerator」網站首頁:http://www.favicongenerator.com/
以上二種方法,無論是自己做小圖示或拿小圖示轉檔,最後都必須輸出檔案(將檔案*.ico下載回來),並將檔案放至網頁的影像資料夾中。然後在網頁的 Head 標籤範圍中加入下列程式碼:
如果您還想要更特別的網址圖示,可以到下面這個網站來試試,做出來的小圖會有動畫效果哦!
以上二種方法,無論是自己做小圖示或拿小圖示轉檔,最後都必須輸出檔案(將檔案*.ico下載回來),並將檔案放至網頁的影像資料夾中。然後在網頁的 Head 標籤範圍中加入下列程式碼:
<head>
<link rel="shortcut icon" href="images/favicon.ico" >
</head>
如果您還想要更特別的網址圖示,可以到下面這個網站來試試,做出來的小圖會有動畫效果哦!
網址:http://www.chami.com/html-kit/services/favicon/
倘若您有利用以上的網站服務製作動畫小圖示,請將以下的 HTML 程式碼複製到您的網頁 Head 標籤範圍中。
<head>
<link rel="shortcut icon" href="images/favicon.ico" >
<link rel="icon" type="image/gif" href="images/animated_favicon1.gif">
</head>
除此外,您還有下列的網站可以做選擇:
【網站網址】http://tools.dynamicdrive.com/favicon/
【網站網址】http://www.dagondesign.com/articles/favicon-generator/
【網站網址】http://www.rw-designer.com/online_icon_maker.php
【網站網址】http://www.favicon.jp/
【網站網址】http://tools.dynamicdrive.com/favicon/
【網站網址】http://www.dagondesign.com/articles/favicon-generator/
【網站網址】http://www.rw-designer.com/online_icon_maker.php
【網站網址】http://www.favicon.jp/
沒有留言:
張貼留言