網頁圖示的製作方式

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

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

31,769 Responses

  1. What’s up friends, its enormous piece of writing regarding educationand fully defined, keep it
    up all the time.

  2. Ronaldbet表示:

    olympe casino olympe casino

  3. Gregoryron表示:

    olympe casino en ligne: olympe casino en ligne – olympe casino en ligne

  4. Trefcsw表示:

    Заказать диплом об образовании. Покупка документа о высшем образовании через надежную компанию дарит ряд достоинств. Это решение позволяет сберечь как личное время, так и значительные средства. registraciavsaita.listbb.ru/viewtopic.php?f=2&t=2626

  5. 1win_am_kvEr表示:

    1win պաշտոնական http://1win5035.ru .

  6. ThomasSlery表示:

    подарочная карта купить в подарок гифт карта

  7. You’ve made some decent points there. I looked on the net to learn more about the issue and found most individuals will go along with your views on this web site.

  8. ThomasSlery表示:

    интернет магазин подарочная карта подарочные карты дешево

  9. vehicle transport services near me car shipping cost

  10. Diplomi_poEa表示:

    Заказать диплом о высшем образовании!
    Мы готовы предложить документы любых учебных заведений, которые расположены на территории всей России.
    diplom-zentr.com/kupit-diplom-s-vneseniem-v-reestr-bistro-i-nadezhno-17/

  11. Gregoryron表示:

    olympe: casino olympe – olympe casino avis

  12. ThomasSlery表示:

    подарочная карта купить в подарок гифт подарки

  13. Ronaldbet表示:

    casino olympe olympe casino avis

  14. mostbet_nwKa表示:

    мостбет авиатор http://mostbet6014.ru .

  15. Uazrdbj表示:

    Всех приветствую!
    Для многих людей, купить диплом университета – это необходимость, шанс получить выгодную работу. Но для кого-то – это желание не терять время на учебу в универе. Что бы ни толкнуло вас на такой шаг, наша компания готова помочь вам. Оперативно, качественно и по разумной стоимости сделаем диплом нового или старого образца на настоящих бланках с реальными подписями и печатями.
    Главная причина, почему многие люди покупают документы, – желание занять хорошую должность. К примеру, знания дают возможность человеку устроиться на желаемую работу, а подтверждения квалификации не имеется. В том случае если для работодателя важно наличие “корочки”, риск потерять место работы очень высокий.
    Заказать документ о получении высшего образования можно в нашей компании. Мы оказываем услуги по продаже документов об окончании любых университетов РФ. Вы сможете получить диплом по любым специальностям, включая документы Советского Союза. Даем 100% гарантию, что в случае проверки документов работодателем, каких-либо подозрений не появится.
    Ситуаций, которые вынуждают заказать диплом ВУЗа достаточно. Кому-то прямо сейчас нужна работа, а значит, нужно произвести впечатление на начальника во время собеседования. Другие мечтают попасть в престижную компанию, чтобы повысить свой статус и в будущем начать свой бизнес. Чтобы не терять множество времени, а сразу начать удачную карьеру, используя врожденные таланты и полученные навыки, можно приобрести диплом в интернете. Вы сможете стать полезным для социума, обретете денежную стабильность в максимально короткий срок- аттестат купить

  16. AlbertShund表示:

    https://olympecasino.pro/# casino olympe

  17. Sazrndl表示:

    Мы можем предложить дипломы любой профессии по выгодным тарифам.
    Вы приобретаете диплом через надежную и проверенную временем фирму. Приобрести диплом о высшем образовании– http://avtovideotest.ru/kupit-diplom-bez-predoplatyi-polnaya-konfidentsialnost/ – avtovideotest.ru/kupit-diplom-bez-predoplatyi-polnaya-konfidentsialnost

  18. Gregoryron表示:

    olympe casino cresus: olympe – olympe casino cresus

  19. Sazrqzl表示:

    Хочу рассказать о своем опыте по заказу аттестата пту, думал это не реально и стал искать информацию в сети, про купить настоящий диплом реестр, медицинский институт в москве купить диплом, внести купленный диплом в реестр, где купить диплом сварщика, диплом гознак купить отзывы, постепенно вникая в суть дела нашел отличный материал здесь diplomybox.com/kupit-diplom-arkhangelsk)

  20. Sazrlvw表示:

    Заказать диплом о высшем образовании !
    Покупка диплома любого университета России у нас – надежный процесс, ведь документ будет заноситься в реестр. Заказать диплом об образовании diplomers.com/kak-zanesti-diplom-v-reestr-4

  21. Ronaldbet表示:

    olympe casino avis casino olympe

  22. After checking out a number of the blog articles on your web site, I seriously appreciate your way of writing a blog.
    I bookmarked it to my bookmark webpage list and will be checking back in the near
    future. Take a look at my website too and let me know how
    you feel.

  23. It’s remarkable to pay a quick visit this website and reading the views of all colleagues concerning this article, while I am also zealous
    of getting familiarity.

  24. mau777表示:

    Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something.
    I think that you could do with a few pics to drive the message home a little
    bit, but other than that, this is wonderful
    blog. An excellent read. I will certainly be back.

  25. Sazrhzw表示:

    Приобрести документ института вы сможете у нас в столице. Мы предлагаем документы об окончании любых ВУЗов Российской Федерации. Вы сможете получить диплом по любой специальности, включая документы СССР. Даем 100% гарантию, что при проверке документов работодателями, каких-либо подозрений не возникнет. dip-lom-rus.ru/kupit-diplom-s-registratsiej-v-reestre-bistro-i-nadezhno-7/

發佈回覆給「Ronaldbet」的留言 取消回覆

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