網頁圖示的製作方式

之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。

網站圖示的製作方式 示意圖1

這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。

網站圖示的製作方式 示意圖2

底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~

網站圖示的製作方式 示意圖3

製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。

網站圖示的製作方式 示意圖4

待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。

網站圖示的製作方式 示意圖5

接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。

<link href="favicon.ico" rel="shortcut icon" />

網頁圖示的製作方式 示意圖6

其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。

註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽

You may also like...

16,279 Responses

  1. Michaelgax表示:

    where can i get zithromax generic zithromax zithromax over the counter canada

  2. Good blog post. I definitely love this site. Continue the good work!

  3. Michaelgax表示:

    ivermectin drug stromectol price ivermectin ireland

  4. Matthewweind表示:

    buy neurontin online no prescription: cheapest gabapentin – neurontin 600 mg

  5. Профессиональный сервисный центр по ремонту моноблоков iMac в Москве.
    Мы предлагаем: ремонт imac москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  6. NicolasLoole表示:

    https://stromectol.agency/# order minocycline 50mg online

  7. Профессиональный сервисный центр по ремонту электросамокатов в Москве.
    Мы предлагаем: ремонт электросамокатов в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. Stevenjaw表示:

    https://stromectol.agency/# buy ivermectin stromectol
    zithromax cost

  9. Matthewweind表示:

    can i buy zithromax over the counter: buy zithromax z-pak online – can you buy zithromax over the counter in australia

  10. NicolasLoole表示:

    https://semaglutide.win/# rybelsus

  11. Профессиональный сервисный центр по ремонту моноблоков iMac в Москве.
    Мы предлагаем: мастер по ремонту аймаков
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. Campoli, Alessandra (2010). “Tropical Melancholy: The Ephemeral in Thai Visible Imagination”.

  13. SamuelCic表示:

    https://stromectol.agency/# ivermectin cream uk

  14. Ephemeral habitat patches have repeatedly been assessed as detrimental to metapopulation persistence, though metapopulations are not all the time negatively affected by ephemeral landscapes.

  15. Sympathizing with you within the troubles which might be pressing so closely upon our beloved nation, & completely agreeing with you in your notions of allegiance, I have been unable to make up my thoughts to raise my hand against my native state, my kin, my children & my residence.

  16. Way cool! Some very valid points! I appreciate you writing this write-up and the rest of the website is also very good.

  17. gruzpoputno表示:

    Грузоперевозки с попутным грузом из Новосибирска – доступное и выгодное решение https://vk.com/gruz_poputno

  18. Consider it or not that wraps up our quick trip to GA.

  19. It was within the mushy sand and never very deep.

  20. Michaelgax表示:

    rybelsus rybelsus generic rybelsus

  21. The business continued thanks to Hümtsoe, sister, Lozano Hümtsoe and the Women Resource Development Department, Authorities of Nagaland.

  22. Michaelgax表示:

    rybelsus price rybelsus rybelsus

  23. 11. Can I combine various kinds of ammunition in my shotgun for dwelling defense?

  24. SamuelCic表示:

    https://amoxil.llc/# buy amoxicillin over the counter uk

  25. Advanced Examine within the Historical past of Modern India 1707-1813.

  26. Inspired By Charm gave this yard hearth pit a DIY makeover, surrounding the rustic steel DIY hearth pit with painted purple Adirondack chairs that add contrast and give it a trendy really feel.

  27. The circumstances which elevated the productiveness of labour, augmented the mass of produced commodities, expanded markets, accelerated accumulation of capital both when it comes to its mass and its value, and lowered the speed of revenue – these similar circumstances have additionally created, and constantly create, a relative overpopulation, an over-inhabitants of labourers not employed by the surplus-capital owing to the low diploma of exploitation at which alone they could be employed, or no less than owing to the low charge of profit which they would yield at the given degree of exploitation.’ Marx, Capital, vol.3 (MECW 37), pp.

  28. Matthewweind表示:

    zithromax 500mg price: generic zithromax – where to get zithromax

  29. Life is Grand” Advertising Marketing campaign”.

  30. Please assist improve it or talk about these points on the talk page.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。