網頁圖示的製作方式

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

網站圖示的製作方式 示意圖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...

9,817 Responses

  1. BrianBot表示:

    Brazilian footballer Malcom https://al-hilal.malcom-ar.com (full name Malcom Felipe Silva de Oliveira) achieved great success in Al Hilal, one of the leading football teams in Saudi Arabia and the entire Middle East.

  2. магазин аккаунтов инстаграм http://www.magazin-akkauntov.ru .

  3. Diplomi_gyEa表示:

    Добрый день!
    Приобрести документ о получении высшего образования можно у нас в Москве.
    asxdiplomik24.ru/kupit-diplom-vracha

  4. Trefaps表示:

    Привет, друзья!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    glass.forum2x2.ru/t3268-topic#6539
    Всегда вам поможем!.

  5. Tazryeg表示:

    Привет!
    Купить диплом любого университета
    Мы можем предложить документы ВУЗов, которые расположены в любом регионе Российской Федерации. Вы имеете возможность купить качественно напечатанный диплом от любого учебного заведения, за любой год, указав необходимую специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге высшего качества. Это дает возможности делать государственные дипломы, не отличимые от оригиналов. Они заверяются необходимыми печатями и штампами.
    http://www.marqueze.net/miembros/matthewmorgan/profile/classic/
    Окажем помощь!.

  6. Diplomi_xqkl表示:

    купить аттестат с проводкой купить аттестат с проводкой .

  7. Diplomi_tgkl表示:

    купить оригинальность диплома asxdiplomik24.ru .

  8. Yrefzkh表示:

    Привет, друзья!
    Купить диплом университета.
    sovetonk.ru/forum/user/175604/
    Хорошей учебы!

  9. Sazrqdr表示:

    Добрый день!
    Сколько стоит диплом высшего и среднего образования и как его получить?
    stars.flyboard.ru/viewtopic.php?f=1&t=969
    Будем рады вам помочь!.

  10. Cazrjgl表示:

    Привет, друзья!
    Мы можем предложить документы ВУЗов, которые находятся на территории всей Российской Федерации. Вы сможете приобрести качественно сделанный диплом от любого учебного заведения, за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы и аттестаты делаются на “правильной” бумаге самого высокого качества. Это дает возможность делать государственные дипломы, которые не отличить от оригинала. Документы будут заверены необходимыми печатями и подписями.
    projecthouston.net/index.php?/events/event/8-%D0%BD%D0%B8%D0%B7%D0%BA%D0%B8%D0%B5-%D1%80%D0%B0%D1%81%D1%86%D0%B5%D0%BD%D0%BA%D0%B8-%D0%B8-%D0%B2%D1%8B%D1%81%D0%BE%D0%BA%D0%BE%D0%B5-%D0%BA%D0%B0%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D1%80%D0%B8%D0%BE%D0%B1%D1%80%D0%B5%D1%82%D0%B0%D0%B9-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC%D1%8B-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD/

  11. Xazrtvr表示:

    Привет, друзья!
    Приобрести диплом университета
    arusak-diploms-srednee.ru/kupit-diplom-medicinskogo-uchilishha В 
    Хорошей учебы!

  12. Tyroneerusa表示:

    Monica Bellucci https://dracula.monica-bellucci-ar.com one of the most famous Italian actresses of our time, has a distinguished artistic career spanning many decades. Her talent, charisma, and stunning beauty made her an icon of world cinema.

  13. LouisNeave表示:

    Edson Arantes https://santos.pele-ar.com do Nascimento, known as Pele, was born on October 23, 1940 in Tres Coracoes, Minas Gerais, Brazil.

  14. Diplomi_wiPa表示:

    поддельные аттестаты купить москва поддельные аттестаты купить москва .

  15. Dnrtiyb表示:

    Привет!
    Приобрести документ о получении высшего образования можно у нас в столице.
    ast-diploms24.ru/kupit-diplom-omsk
    Хорошей учебы!

  16. Diplomi_jhei表示:

    можно ли купить диплом в москве ast-diploms.com .

  17. Trefidg表示:

    Добрый день!
    Сколько стоит диплом высшего и среднего образования и как его получить?
    intextv.by/forum/user/63261/
    Будем рады вам помочь!.

  18. Card game表示:

    This excellent website certainly has all the information I wanted concerning this subject and didn’t know who to ask.

  19. Vaqqom表示:

    cost lasuna – diarex price buy himcolin online

  20. JasonCak表示:

    Sadio Mane https://al-nassr.sadio-mane-ar.com the Senegalese footballer best known for his performances at clubs such as Southampton and Liverpool, has become a prominent figure in Al Nassr.

  21. Dannywracy表示:

    Brazilian footballer Ricardo Escarson https://orlando-city.kaka-ar.com dos Santos Leite, better known as Kaka, is one of the most famous and successful players in football history.

  22. Richardutita表示:

    Bella Hadid https://img-models.bella-hadid-ar.com is an American model who has emerged in recent years as one of the most influential figures in the world of fashion.

  23. Card game表示:

    There is definately a great deal to know about this subject. I really like all of the points you have made.

  24. I really like looking through an article that will make people think. Also, thanks for allowing me to comment.

  25. Diplomi_igkl表示:

    командир купил диплом http://diploms-x.com/ .

  26. Lariorfsp表示:

    Диплом вуза купить официально с упрощенным обучением в Москве
    asxdiplomik24.ru/kupit-diplom-novosibirsk

  27. Diplomi_ydkl表示:

    купить диплом фитнес инструктора asxdiplomik24.ru .

發佈留言

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