網頁圖示的製作方式

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

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

  1. 1win_kyOr表示:

    1win sports betting 1win18.com.ng .

  2. 789win表示:

    Attractive component to content. I just stumbled upon your web site and in accession capital to assert that I get actually enjoyed account your blog
    posts. Anyway I will be subscribing in your feeds and even I achievement you get right of entry to constantly rapidly.

  3. Dwightkak表示:

    usa canada pharm: USACanadaPharm – usa canada pharm

  4. TimothyDok表示:

    canadian pharmacies that deliver to the us best rated canadian pharmacy USACanadaPharm

  5. Samuelcuh表示:

    canadian pharmacy store: USACanadaPharm – canadian pharmacy uk delivery

  6. If you desire to grow your knowledge just keep visiting this web page and be updated with the most
    recent gossip posted here.

  7. Dwightkak表示:

    canadian pharmacy in canada: usa canada pharm – canadian world pharmacy

  8. Dwightkak表示:

    canadian pharmacy service: canadian pharmacy 1 internet online drugstore – onlinecanadianpharmacy

  9. StephenCer表示:

    canadian pharmacy: canadian pharmacy cheap – USACanadaPharm

  10. phising表示:

    It’s enormous that you are getting thoughts from this
    article as well as from our discussion made at this time.

  11. mostbet_jrKl表示:

    мостбет кыргызстан скачать https://mostbet5006.ru .

  12. Eanrknd表示:

    Для эффективного продвижения по карьере требуется наличие официального диплома о высшем образовании. Купить диплом о высшем образовании у надежной фирмы: diplomv-v-ruki.ru/kupit-attestat-v-ufe-3/

  13. StephenCer表示:

    usa canada pharm: canadian drug – legitimate canadian pharmacies

  14. Samuelcuh表示:

    usa canada pharm: usa canada pharm – USACanadaPharm

  15. Albertbiave表示:

    http://usacanadapharm.com/# canadian pharmacy king reviews

  16. skladi_clot表示:

    хранение вещей на складе хранение вещей на складе .

  17. 1win_cskl表示:

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

  18. Sazrtug表示:

    Мы предлагаем дипломы любых профессий по выгодным тарифам.
    Вы покупаете диплом через надежную компанию. Приобрести диплом университета– http://drugisaitove.listbb.ru/viewtopic.phpf=2&t=1564/ – drugisaitove.listbb.ru/viewtopic.phpf=2&t=1564

  19. Samuelcuh表示:

    buying from canadian pharmacies: canadian compounding pharmacy – usa canada pharm

  20. StephenCer表示:

    canadian pharmacy world: USACanadaPharm – reliable canadian online pharmacy

  21. Nervozen表示:

    Incredible points. Sound arguments. Keep up the amazing
    work.

  22. Williamsnupt表示:

    nba免費線上看
    2025年NBA免費線上看直播:籃球投注與即時更新的完整指南

    隨著全球體育迷對線上博弈和賽事直播的需求不斷增長,NBA作為最受歡迎的籃球聯賽之一,自然成為了眾多球迷關注的焦點。2025年的NBA賽季將帶來更多精采的比賽,而如何免費觀看這些比賽並參與場中投注,已成為球迷們最關心的話題。本文將為您提供完整的NBA免費線上看直播教學、即時比分更新、以及相關的投注技巧。

    一、NBA免費線上看直播的管道
    不論是季後賽(4月-5月)還是總決賽(6月),NBA的每一場比賽都充滿激情與挑戰。以下是幾種常見的免費直播方式:

    1. 線上直播平台
    OB體育電視台 、鑫寶體育電視台 、SUPER體育電視台 等平台提供免費註冊服務,新用戶還可獲得168預測金,讓您在觀看比賽的同時也能進行運彩投注。
    只需簡單註冊帳號,選擇【熊貓體育】或【RG富遊體育電視台】,即可輕鬆進入NBA籃球LIVE直播。
    2. 電視轉播頻道
    華視NBA籃球頻道 、ELTA TV 、以及中華電信MOD 也提供64場全賽事的LIVE轉播,適合喜歡透過電視欣賞比賽的球迷。
    如果您偏好手機觀看,可以訂閱Hami Video NBA專區 ,每月僅需149元即可享受所有賽事的高清轉播。
    二、如何註冊/登入以免費觀看NBA直播?
    如果您想通過線上平台觀看NBA直播,以下是詳細步驟:

    點選【RG官網】或【富遊娛樂城】官網,選擇「註冊/登入」。
    輸入會員資料完成註冊。
    登入後,點選【熊貓體育】或【體育直播】分類。
    選擇NBA籃球視頻直播,即可免費觀看您感興趣的比賽。
    三、NBA即時比分與場中投注
    對於熱衷於運動彩券的球迷來說,NBA不僅是一場視覺盛宴,更是投注的好時機。以下是一些實用的投注建議:

    即時比分更新 :透過【RG富遊體育電視台】或【熊貓體育】,您可以隨時掌握比賽進展,並根據比分變化調整投注策略。
    場中投注技巧 :例如,在比賽關鍵時刻(如延長賽或最後三分鐘),利用即時數據進行快速下注,往往能提高勝率。
    此外,NBA季後賽和總決賽期間,各平台通常會推出特別優惠活動,例如加倍獎金或贈送預測金,讓您的投注更有趣味性。

    四、其他熱門賽事推薦
    除了NBA之外,2025年還有許多值得期待的體育盛事:

    2024夏季奧運 :涵蓋多項運動項目,是體育迷不容錯過的國際賽事。
    2024歐洲盃 :足球迷的年度盛宴,各國勁旅爭奪最高榮譽。
    2024 WBC世界棒球經典賽 :棒球愛好者的狂歡節,亞洲強隊表現備受矚目。
    2023-2024英超聯賽 :足球迷必追的頂級聯賽,精彩程度無與倫比。
    五、結語
    無論您是單純的NBA球迷,還是熱衷於運動彩券投注的玩家,2025年的NBA賽季都將為您帶來無限樂趣。透過本文介紹的免費直播管道與投注技巧,您可以輕鬆享受每場比賽的刺激與精彩。現在就趕快註冊帳號,加入這場籃球狂歡吧!

    立即行動!登入【熊貓體育】或【RG富遊體育電視台】,開啟您的NBA免費線上看之旅!

  23. Dwightkak表示:

    USACanadaPharm: USACanadaPharm – usa canada pharm

  24. Williamsnupt表示:

    nba直播
    2025年NBA免費線上看直播:籃球投注與即時更新的完整指南

    隨著全球體育迷對線上博弈和賽事直播的需求不斷增長,NBA作為最受歡迎的籃球聯賽之一,自然成為了眾多球迷關注的焦點。2025年的NBA賽季將帶來更多精采的比賽,而如何免費觀看這些比賽並參與場中投注,已成為球迷們最關心的話題。本文將為您提供完整的NBA免費線上看直播教學、即時比分更新、以及相關的投注技巧。

    一、NBA免費線上看直播的管道
    不論是季後賽(4月-5月)還是總決賽(6月),NBA的每一場比賽都充滿激情與挑戰。以下是幾種常見的免費直播方式:

    1. 線上直播平台
    OB體育電視台 、鑫寶體育電視台 、SUPER體育電視台 等平台提供免費註冊服務,新用戶還可獲得168預測金,讓您在觀看比賽的同時也能進行運彩投注。
    只需簡單註冊帳號,選擇【熊貓體育】或【RG富遊體育電視台】,即可輕鬆進入NBA籃球LIVE直播。
    2. 電視轉播頻道
    華視NBA籃球頻道 、ELTA TV 、以及中華電信MOD 也提供64場全賽事的LIVE轉播,適合喜歡透過電視欣賞比賽的球迷。
    如果您偏好手機觀看,可以訂閱Hami Video NBA專區 ,每月僅需149元即可享受所有賽事的高清轉播。
    二、如何註冊/登入以免費觀看NBA直播?
    如果您想通過線上平台觀看NBA直播,以下是詳細步驟:

    點選【RG官網】或【富遊娛樂城】官網,選擇「註冊/登入」。
    輸入會員資料完成註冊。
    登入後,點選【熊貓體育】或【體育直播】分類。
    選擇NBA籃球視頻直播,即可免費觀看您感興趣的比賽。
    三、NBA即時比分與場中投注
    對於熱衷於運動彩券的球迷來說,NBA不僅是一場視覺盛宴,更是投注的好時機。以下是一些實用的投注建議:

    即時比分更新 :透過【RG富遊體育電視台】或【熊貓體育】,您可以隨時掌握比賽進展,並根據比分變化調整投注策略。
    場中投注技巧 :例如,在比賽關鍵時刻(如延長賽或最後三分鐘),利用即時數據進行快速下注,往往能提高勝率。
    此外,NBA季後賽和總決賽期間,各平台通常會推出特別優惠活動,例如加倍獎金或贈送預測金,讓您的投注更有趣味性。

    四、其他熱門賽事推薦
    除了NBA之外,2025年還有許多值得期待的體育盛事:

    2024夏季奧運 :涵蓋多項運動項目,是體育迷不容錯過的國際賽事。
    2024歐洲盃 :足球迷的年度盛宴,各國勁旅爭奪最高榮譽。
    2024 WBC世界棒球經典賽 :棒球愛好者的狂歡節,亞洲強隊表現備受矚目。
    2023-2024英超聯賽 :足球迷必追的頂級聯賽,精彩程度無與倫比。
    五、結語
    無論您是單純的NBA球迷,還是熱衷於運動彩券投注的玩家,2025年的NBA賽季都將為您帶來無限樂趣。透過本文介紹的免費直播管道與投注技巧,您可以輕鬆享受每場比賽的刺激與精彩。現在就趕快註冊帳號,加入這場籃球狂歡吧!

    立即行動!登入【熊貓體育】或【RG富遊體育電視台】,開啟您的NBA免費線上看之旅!

  25. Dwightkak表示:

    usa canada pharm: online canadian pharmacy – usa canada pharm

發佈留言

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