網頁圖示的製作方式

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

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

  1. Cazrnaj表示:

    Заказать диплом ВУЗа по невысокой цене возможно, обращаясь к надежной специализированной фирме. Мы можем предложить документы престижных ВУЗов, расположенных на территории всей Российской Федерации. customerscomm.com/read-blog/17681_pokupka-diplomov-s-reestrom.html

  2. Someone essentially assist to make significantly posts I would
    state. That is the very first time I frequented your website page and up
    to now? I amazed with the analysis you made to make this actual put up amazing.
    Great job!

  3. Mazrtji表示:

    Заказать диплом института!
    Мы оказываем услуги по изготовлению и продаже документов об окончании любых университетов Российской Федерации. Документы производятся на настоящих бланках государственного образца. av.flyboard.ru/viewtopic.php?f=9&t=2195

  4. Cazrptz表示:

    Добрый день!
    Мы готовы предложить дипломы любой профессии по приятным тарифам. Стоимость может зависеть от выбранной специальности, года получения и ВУЗа: п»їtutdiploms.com/

  5. For most up-to-date information you have to pay a quick visit internet and on the web
    I found this website as a finest site for most recent updates.

  6. Cazrndp表示:

    Где заказать диплом специалиста?
    Мы изготавливаем дипломы любых профессий по доступным ценам. Для нас важно, чтобы дипломы были доступны для большинства наших граждан. Заказать диплом об образовании diplomskiy.com/kupit-diplom-o-srednem-obrazovanii-v-reestr-15/

  7. Gregoryron表示:

    olympe casino avis: olympe – olympe casino en ligne

  8. Ronaldbet表示:

    olympe casino avis olympe casino

  9. Mazrwqf表示:

    Где заказать диплом по нужной специальности?
    Готовый диплом с необходимыми печатями и подписями полностью отвечает стандартам Министерства образования и науки РФ, неотличим от оригинала. Не стоит откладывать личные мечты и задачи на несколько лет, реализуйте их с нами – отправьте простую заявку на диплом прямо сейчас! Купить диплом о среднем образовании – не проблема! mireait.listbb.ru/viewtopic.phpf=2&t=1137

  10. WilliamDeeli表示:

    Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по доступным тарифам. Дипломы производят на настоящих бланках государственного образца Приобрести диплом о высшем образовании diplomist.com

  11. mostbet_gxKt表示:

    мостбет скачать бесплатно мостбет скачать бесплатно .

  12. This web site definitely has all the information and facts I wanted about this subject and didn’t know who to ask.

  13. Gregoryron表示:

    olympe casino en ligne: olympe casino – olympe casino cresus

  14. Vipwin表示:

    If some one wants to be updated with newest technologies after that he must be visit this web page and be up to date everyday.

  15. Ronaldbet表示:

    olympe casino avis olympe casino avis

  16. mostbet_grKt表示:

    мостбет скачать казино https://www.mostbet6013.ru .

  17. 匿名訪客表示:

    you are in reality a excellent webmaster.
    The web site loading speed is incredible.

    It kind of feels that you are doing any distinctive trick.
    Also, The contents are masterwork. you’ve performed a great
    process on this subject!

  18. HenryLek表示:

    гифт промокод гифт карта

  19. Greetings! Very helpful advice in this particular article!
    It is the little changes that produce the greatest changes.
    Many thanks for sharing!

  20. Sazrbrd表示:

    Заказать диплом о высшем образовании!
    Купить диплом института по доступной стоимости вы сможете, обращаясь к проверенной специализированной компании. Быстро купить диплом: diplomnie.com/attestat-za-11-klass-legalno-i-bistro

  21. Cazrpgx表示:

    Заказать диплом любого ВУЗа!
    Мы готовы предложить документы институтов, которые расположены в любом регионе Российской Федерации. Дипломы и аттестаты делаются на бумаге высшего качества: ywupfor.flybb.ru/viewtopic.phpf=27&t=285

  22. Gregoryron表示:

    olympe: olympe casino en ligne – olympe casino cresus

  23. When someone writes an piece of writing he/she keeps the idea of a user in his/her brain that how a user can be aware of it.
    Therefore that’s why this post is perfect. Thanks!

  24. Ronaldbet表示:

    olympe casino en ligne casino olympe

  25. mostbet_lwKn表示:

    мостбет уз кириш https://mostbet3022.ru .

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

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