網頁圖示的製作方式

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

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

30,134 Responses

  1. There’s certainly a lot to know about this subject. I like all of the points you’ve made.

  2. Ronaldbet表示:

    olympe casino olympe casino cresus

  3. 137499 372867Beging with the entire wales nicely before just about any planking. Our own wales can easily compilation of calculated forums those thickness analysts could be the related to some with the shell planking along with far more significant damage so that they project after dark planking. planking 356184

  4. AlbertShund表示:

    https://olympecasino.pro/# olympe casino

  5. Mazrjuf表示:

    Мы предлагаем дипломы любой профессии по приятным тарифам. Всегда стараемся поддерживать для покупателей адекватную ценовую политику. Для нас важно, чтобы документы были доступны для большого количества граждан.
    Заказ диплома, который подтверждает обучение в ВУЗе, – это грамотное решение. Заказать диплом ВУЗа: zakaz-na-diplom.ru/kupit-diplom-srednee-spetsialnoe/

  6. Sazreja表示:

    Заказать диплом под заказ в столице возможно через официальный сайт компании. clubpartycallgirl.copiny.com/question/details/id/1084530

  7. Treflzu表示:

    Приобрести диплом любого университета. Покупка официального диплома через качественную и надежную компанию дарит ряд плюсов. Это решение дает возможность сберечь время и существенные средства. baxoday.maxbb.ru/viewtopic.php?f=25&t=999

  8. 1win_jlpr表示:

    1win регистрация 1win регистрация .

  9. VictorVal表示:

    olympe casino: olympe – olympe casino en ligne

  10. Gregoryron表示:

    olympe casino: olympe – olympe casino en ligne

  11. Sazrtlq表示:

    Купить диплом института по выгодной цене можно, обращаясь к надежной специализированной фирме. Купить документ о получении высшего образования вы можете в нашей компании в Москве. crystalroleplay.listbb.ru/viewtopic.phpf=14&t=3298

  12. mostbet_epPr表示:

    служба поддержки мостбет номер телефона служба поддержки мостбет номер телефона .

  13. Ronaldbet表示:

    olympe casino avis olympe casino cresus

  14. I am really impressed with your writing skills
    and also with the layout on your blog. Is this a paid theme or did you customize it yourself?

    Either way keep up the excellent quality writing, it is rare to see
    a nice blog like this one nowadays.

  15. Gregoryron表示:

    olympe casino: casino olympe – olympe casino en ligne

  16. Jackpot bet表示:

    Everyone loves wһɑt yоu guys tend tо Ƅе up too. Such clever work and reporting!
    Kеep up the superb woгks guys I’ve included үou guys tⲟ our
    blogroll.

    mʏ web blog – Jackpot bet

  17. Hi there to all, it’s truly a pleasant for me to visit this
    site, it includes valuable Information.

  18. There’s definately a great deal to know about this issue.
    I love all the points you made.

  19. I’m bookmarking this for future reference. The advice is spot on!

  20. When someone writes an paragraph he/she retains the idea of a user in his/her brain that how a user can know it.
    So that’s why this piece of writing is great.
    Thanks!

  21. Jariorxys表示:

    Заказать диплом любого университета!
    Наши специалисты предлагаютвыгодно и быстро заказать диплом, который выполнен на оригинальном бланке и заверен печатями, штампами, подписями должностных лиц. Наш документ пройдет любые проверки, даже при использовании специального оборудования. Достигайте свои цели быстро и просто с нашим сервисом- freedost.com/read-blog/3126_zanesenie-diploma-v-reestr-obrazovaniya.html

  22. Ronaldbet表示:

    olympe casino en ligne olympe casino en ligne

  23. Dnrteyg表示:

    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам. Мы готовы предложить документы техникумов, которые расположены в любом регионе РФ. Документы выпускаются на “правильной” бумаге самого высокого качества. Это дает возможность делать настоящие дипломы, не отличимые от оригинала. lssd.kabb.ru/viewtopic.phpf=3&t=892

  24. Gregoryron表示:

    casino olympe: olympe – casino olympe

  25. Diplomi_roEa表示:

    Купить диплом о высшем образовании!
    Мы готовы предложить документы университетов, которые расположены на территории всей РФ.
    poluchidiplom.com/kupite-diplom-s-reestrom-i-otzivami-bez-xlopot/

  26. 1win_tiKn表示:

    1win партнерка вход http://www.1win7020.ru .

  27. Iariorjyk表示:

    Заказать диплом университета по невысокой стоимости можно, обратившись к надежной специализированной компании. Купить документ о получении высшего образования вы можете в нашей компании. damdiplomisa.com/kupit-diplom-s-zaneseniem-v-reestr-rossii-prosto-i-bistro

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

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