網頁圖示的製作方式

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

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

29,986 Responses

  1. business表示:

    Great post.

  2. 1win_vjma表示:

    1win metode de plată http://1win5004.ru .

  3. Michaelscoob表示:

    Lisin Express: lisinopril 200 mg – cheap lisinopril 40 mg

  4. Xazrxxk表示:

    Заказать диплом о высшем образовании!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам. Вы приобретаете документ через надежную фирму. : thematragroup.in/employer/frees-diplom

  5. Mazrldd表示:

    Где приобрести диплом по актуальной специальности?
    Готовый диплом с нужными печатями и подписями отвечает стандартам Министерства образования и науки Российской Федерации, никто не отличит его от оригинала. Не стоит откладывать свои мечты на долгие годы, реализуйте их с нами – отправляйте быструю заявку на диплом уже сегодня! Получить диплом о высшем образовании – запросто! red.dariofalero.com/read-blog/8203_v-nashi-dni-kupit-dokumenty-ob-obrazovanii-elementarno-vne-zavisimosti-ot-vsyaki.html

  6. Mazrnnb表示:

    Где приобрести диплом специалиста?
    Мы оказываем услуги по продаже документов об окончании любых ВУЗов РФ. Документы производят на подлинных бланках. Рєforumjustwoman.getbb.ru/viewtopic.phpf=43&t=2002

  7. Richardaudit表示:

    https://zithpharmonline.com/# zithromax 500 tablet

  8. LanceFen表示:

    Pred Pharm Net: Pred Pharm Net – prednisone cream rx

  9. ломбард скупка золота цена за грамм b-gold.ru ломбард скупка золота цена за грамм b-gold.ru .

  10. CalvinAbofs表示:

    барнаул заказать суши на дом суши сайт барнаул

  11. LanceFen表示:

    where to get clomid prices: where can i buy generic clomid pill – can i purchase generic clomid prices

  12. Michaelscoob表示:

    Lisin Express: cheap lisinopril 40 mg – Lisin Express

  13. After looking into a number of the blog posts on your website, I
    seriously appreciate your way of blogging. I book-marked it to my bookmark site list
    and will be checking back soon. Take a look at my website
    as well and let me know your opinion.

  14. LanceFen表示:

    AmOnlinePharm: AmOnlinePharm – where can you buy amoxicillin over the counter

  15. Cazrbsr表示:

    Приветствую!
    Мы предлагаем дипломы любой профессии по разумным тарифам. Цена будет зависеть от определенной специальности, года выпуска и ВУЗа: rdiplomans.com/

  16. скупка золота в москве цена за грамм b-gold.ru скупка золота в москве цена за грамм b-gold.ru .

  17. Danieldrymn表示:

    AmOnlinePharm: amoxicillin 30 capsules price – purchase amoxicillin online

  18. Richardaudit表示:

    http://predpharmnet.com/# prednisone in india

  19. Danieldrymn表示:

    amoxicillin without rx: amoxicillin pills 500 mg – buy cheap amoxicillin

  20. Michaelscoob表示:

    buy zithromax without prescription online: ZithPharmOnline – ZithPharmOnline

  21. Danieldrymn表示:

    Pred Pharm Net: Pred Pharm Net – prednisone without rx

  22. CalvinAbofs表示:

    доставка суши недорого суши роллы

  23. BrianTom表示:

    generic amoxicillin buy amoxicillin 500mg amoxicillin generic

  24. Mazrdjh表示:

    Мы предлагаем дипломы любой профессии по приятным ценам. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Важно, чтобы дипломы были доступными для большинства наших граждан.
    Приобретение диплома, который подтверждает обучение в университете, – это выгодное решение. Приобрести диплом ВУЗа: kupitediplom0029.ru/kupit-diplom-v-moskve-kolledzha-4/

  25. Jariorvvp表示:

    Где заказать диплом специалиста?
    Мы предлагаем быстро купить диплом, который выполнен на оригинальной бумаге и заверен печатями, штампами, подписями. Документ пройдет лубую проверку, даже с использованием специально предназначенного оборудования. Решайте свои задачи быстро и просто с нашими дипломами.
    Приобрести диплом о высшем образовании diplomnie.com/kupit-diplom-sssr-19/

  26. Richardaudit表示:

    https://lisinexpress.shop/# Lisin Express

  27. Uazrmhi表示:

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

發佈留言

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