Site map Dr. Computer Did you know ? Life Android / iOS
 

網站 icon 製作語法 ; 網頁圖示實作練習 ....2017-02-04 ( )

上個月,網站有了自己的網域與空間,因此筆者就將網站搬到新的空間,因為有了自己的網域與空間,從此不再寄人籬下。也因為有了自己的域名與空間之後就想要給自己新的網站製做一個新的 icon ,可以給網站帶來新的氣象。


今天,就將製作網站圖示的步驟過程做成摘要, 給自己留作紀錄。

步驟摘要如下:

1. 因為新域名為 www.blackhole.com.tw ,那麼就用「黑洞」作為網站 icon 為設計主軸。

2. 利用小畫家或其他繪圖軟體製作網站 icon 的圖檔,製作完成後存檔備用。( 如下圖 )

上圖大約是 160 x 160 的大小,這樣的比例與大小較容易被 https://www.favikon.com/ 自動生成。

3. 將製作完成的圖片上傳至線上免費製作網站 icon 的網站來自動生成網站 icon 。免費製作網站 icon 的網站鏈結為 : https://www.favikon.com/ 。製作完成後再將該將檔案下載回來備用。

4. 確認一下製作完成的網站 icon 必須被命名為 : favicon.ico 的檔案名稱。

5. 首頁語法撰寫,語法必須貼在首頁的 <head> 與 </head>之間,語法如下列藍色字體。其中粗體斜體字為您的網站網址。

<head>
<link rel href="https://www.blackhole.com.tw/index.html/favicon.ico">
</link>
</head>

6. 將 favicon.ico 複製起來,並貼到網站的根目錄下。

7. 將網站的首頁 favicon.ico 上傳至您的網站空間。

8. 上網找到您的網站網頁。瀏覽您的網頁時,就會在網址列中顯示剛剛上傳的網站 icon 囉 !


延伸閱讀:
1. LINE 使用技巧(集)
2.
Win7 進階技巧 (集)



上一頁 下一頁     本區總覽 站內總覽