網址列小圖示教學～

                                                                                         

今天為了做網址列上的小圖示，趴人家的文章趴的好辛苦才學會，失敗了好幾次，最後終於正常顯示了好高興~^^~，小影把所有的順序好好整理了一下，希望大家會覺得比較清楚，那就開始教學吧！(在此先說明IE可能無法顯示小圖示，FireFox可以正常顯示)

1.一開始先準備一張圖，普通的jpeg就可以了，不能太複雜不然縮小到16x16 pixels (像素) 後會看不出圖長什麼樣，主要以簡單的圖形為準，不然像小影用文字，簡單明瞭的表達小圖案。

             

2.再來要開始製作16x16的小圖示，要求副檔名為 .ico，這樣才放的上網址列；我們先到這網站把圖轉成16x16 .ico檔！http://www.html-kit.com/favicon/ 

    (1)看到以下圖示後先按 (選擇檔案)，選擇你要轉成.ico檔的圖，把你的圖上傳，然後按(Generate Favlcon.ico)。

    (2)完成後，直接按(Download Favlcon)下載下來到桌面。

    (3)他會下載一個資料夾到桌面，裡面會有2個.ico檔，選16x16的就可以了。

             

3.再來這就必須要有個人的網路空間，我個人的網路空間是用 Google Page Creatro，(沒有個人網路空間的只要向Google註冊申請Gmail就可以了，以前需要邀請函現在不用了，點這申請)，然後再到Google Page Creatro在網頁的最右邊看到一個[upload]按下去，把剛剛轉好的.ico檔上傳到個人的網路空間上，完成後對你上傳好的檔案按右鍵，拷貝路徑等一下要用。

              

4.接下來就是要到html語法內，加入語法！

     (1)先找到 head 和  /head，大致上是一個頭一個尾，找到後在他們中間輸入以下語法:

                 

      "把我的網址換掉"就是剛剛拷貝的檔案網址貼上！這樣就完成了。