網頁圖示的製作方式

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

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

32,763 Responses

  1. dzenru表示:

    Хорошее решение для закрытия командировок — готовые чеки. | Доступные цены и быстрый отклик — отличный сервис. | Можно указать сумму, категорию расходов, дату. | Нужно было срочно — выручили за день. | Чеки проходят любой внутренний аудит. | Выгодно, особенно если нужен большой объём чеков. | Есть примеры чеков на сайте. | Подходит для командировочных и разовых отчётов. | Можно заказать через телефон или ноутбук. | Сайт надёжный, без скрытых условий. чеки для отчетности.

  2. dzenru表示:

    Чеки для отчётности с нужной датой и суммой — удобно и быстро. | Доступные цены и быстрый отклик — отличный сервис. | Просто оформить заказ и получить электронно. | Налоговая приняла без вопросов. | Отправляют чеки сразу после оплаты. | Подходит и для командировок, и для закупок. | Качество чеков соответствует нормам. | Подходит для командировочных и разовых отчётов. | Можно заказать через телефон или ноутбук. | Доверяю этому сервису не первый раз. dzen.ru/a/Z_kGwEnhIQCzDHyh.

  3. RandyKargo表示:

    UsMex Pharm USMexPharm certified Mexican pharmacy

  4. dzenru表示:

    Сайт предлагает кассовые чеки, которые принимают налоговые. | Чеки с печатью, все реквизиты — всё как нужно. | Чеки подходят и для ИП, и для юрлиц. | Отличный выбор для бухгалтеров. | Всё быстро и без лишней бюрократии. | Простой интерфейс сайта, удобно искать. | Поддержка работает оперативно. | Чеки всегда с актуальной датой. | Полностью соответствуют требованиям законодательства. | Сайт надёжный, без скрытых условий. чеки для отчетности.

  5. Thomaspneus表示:

    WEB PAFI TERINTEGRASI: Peran Strategis Farmasi di Dunia Digital

    Mengenal PAFI
    Pasca kemerdekaan RI, para Tenaga Kefarmasian memberikan andil dalam kemajuan kesehatan bangsa. Didirikannya organisasi profesi farmasi ini menjadi langkah strategis sebagai forum ahli di bidang farmasi. Berdasarkan Pancasila, PAFI berkomitmen untuk:

    • Mengembangkan kualitas kesehatan publik

    • Mengembangkan farmasi Indonesia

    • Menunjang kualitas hidup anggota

    WEB PAFI Terintegrasi: Solusi Digital untuk Dunia Farmasi Digital

    Menghadapi tantangan era digital, PAFI meluncurkan platform digital ini – solusi canggih yang memfasilitasi profesi kefarmasian melalui:

    ? Update Terbaru – Ketersediaan peraturan farmasi, temuan terbaru, dan kesempatan profesional

    ? Pelatihan Profesional – Program kursus online bersertifikat

    ? Komunitas Praktisi – Sarana kerjasama se-Indonesia

    Inovasi teknologi ini meningkatkan peran PAFI dalam meningkatkan kesehatan nasional melalui pemanfaatan teknologi terkini.

    Tantangan Farmasi Digital

    Adanya platform digital PAFI menjadi bukti revolusi teknologi dalam profesi farmasi. Dengan selalu menyempurnakan kapabilitas sistem, PAFI berkomitmen untuk:

    • Mendorong inovasi pelayanan kefarmasian

    • Memperkuat kriteria keahlian

    • Mempermudah akses kesehatan masyarakat

    Penutup

    PAFI melalui sistem terpadu ini terus menjadi pionir dalam memadukan inovasi digital dengan dunia kefarmasian. Program ini bukan sekadar memperkuat peran tenaga kefarmasian, tetapi juga berperan aktif bagi kemajuan kesehatan bangsa pada zaman teknologi.

  6. Thomaspneus表示:

    pg slot mahjong

    PORTAL DIGITAL PAFI: Peran Strategis Farmasi di Dunia Digital

    Sekilas Tentang PAFI
    Sejak Indonesia merdeka, para Ahli Farmasi aktif berkontribusi dalam kemajuan kesehatan bangsa. Berdirinya Persatuan Ahli Farmasi Indonesia (PAFI) menjadi tonggak penting sebagai asosiasi di bidang farmasi. Berazaskan Pancasila, PAFI berkomitmen untuk:

    • Memajukan taraf kesehatan rakyat

    • Mengembangkan bidang farmasi di Tanah Air

    • Menunjang kondisi para anggota

    Sistem Digital PAFI: Solusi Digital untuk Farmasi Modern

    Menyongsong revolusi digital, PAFI menghadirkan WEB PAFI Terintegrasi – solusi canggih yang mendukung profesi kefarmasian melalui:

    ? Data Real-time – Akses regulasi kesehatan, temuan terbaru, dan peluang karir

    ? Peningkatan Kemampuan – Program pembelajaran jarak jauh

    ? Jaringan Ahli – Wadah kolaborasi nasional

    Platform ini memperkuat kontribusi PAFI dalam memajukan sistem kesehatan melalui penerapan inovasi digital.

    Tantangan Kefarmasian Era Digital

    Keberadaan sistem terintegrasi ini menandai perubahan sistem dalam dunia kefarmasian. Dengan selalu menyempurnakan fitur dan layanan, PAFI bertekad untuk:

    • Mendorong pembaruan layanan farmasi

    • Meningkatkan kualitas profesi

    • Mempermudah pelayanan kesehatan publik

    Kesimpulan

    PAFI melalui WEB PAFI Terintegrasi selalu berada di garda depan dalam menjembatani kemajuan teknologi dengan dunia kefarmasian. Program ini tidak hanya mengokohkan posisi tenaga kefarmasian, tetapi juga berkontribusi nyata bagi peningkatan kesehatan nasional di masa modern.

  7. Sazrfbu表示:

    Приобрести документ о получении высшего образования можно в нашей компании в Москве. Мы предлагаем документы об окончании любых ВУЗов РФ. Вы получите диплом по любой специальности, включая документы Советского Союза. Гарантируем, что в случае проверки документов работодателями, никаких подозрений не возникнет. diplomers.com/kupit-diplom-s-zaneseniem-v-reestr-bistro-i-bezopasno-9/

  8. Uazrivl表示:

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

  9. Thomasdut表示:

    Витебский университет П.М.Машерова https://vsu.by образовательный центр. Вуз является ведущим образовательным, научным и культурным центром Витебской области.

  10. dzenru表示:

    Где заказать чеки для отчётности без лишней волокиты? | Помощь в срочной отчётности — действительно работает. | Есть поддержка, отвечают на вопросы по налогам. | Налоговая приняла без вопросов. | Чеки от самозанятых — тоже принимаются. | Чеки можно использовать для компенсации расходов. | Поддержка работает оперативно. | Отчётность больше не вызывает стресс. | Можно заказать через телефон или ноутбук. | Сайт надёжный, без скрытых условий. чеки. для. отчетности. люберцы..

  11. dzenru表示:

    Сайт предлагает кассовые чеки, которые принимают налоговые. | Доступные цены и быстрый отклик — отличный сервис. | Чеки подходят и для ИП, и для юрлиц. | Отличный выбор для бухгалтеров. | Чеки проходят любой внутренний аудит. | Работают с разными системами налогообложения. | Чеки подходят под любые виды деятельности. | Можно заказать чеки для разных сотрудников. | Чеки для отчётности — удобно и просто. | Лучшее решение для занятых предпринимателей. http://www.dzen.ru/a/Z_kGwEnhIQCzDHyh.

  12. SteveViand表示:

    https://usmexpharm.com/# usa mexico pharmacy

  13. 1win_vlma表示:

    1win мобильная версия сайта http://1win7011.ru .

  14. SteveViand表示:

    https://usmexpharm.com/# UsMex Pharm

  15. Thomasdut表示:

    Витебский университет П.М.Машерова https://vsu.by образовательный центр. Вуз является ведущим образовательным, научным и культурным центром Витебской области.

  16. Sazrvaw表示:

    Заказать диплом любого университета!
    Приобрести диплом института по невысокой стоимости можно, обратившись к проверенной специализированной компании. Купить диплом: diplom-ryssia.com/nadezhnij-i-dostupnij-xml-diplom-s-garantiej-podlinnosti

  17. dzenru表示:

    Надёжный способ купить чеки с подтверждением для отчёта. | Помощь в срочной отчётности — действительно работает. | Работают официально, чеки фискальные. | Можно заказать оптом для всего отдела. | Детально прописаны все услуги на чеке. | Всё легально, никаких проблем не возникло. | Поддержка работает оперативно. | Подходит для командировочных и разовых отчётов. | Принимают разные способы оплаты. | Доверяю этому сервису не первый раз. чеки на такси для отчетности.

  18. I all the time emailed this weblog post page to all my associates, for the reason that if like to read it then my contacts will too.

  19. DennisDor表示:

    usa mexico pharmacy: usa mexico pharmacy – buying prescription drugs in mexico

  20. 1win_dvEa表示:

    1win официальный сайт https://www.1win7013.ru .

  21. SteveViand表示:

    http://usmexpharm.com/# certified Mexican pharmacy

  22. Cletusiders表示:

    Mexican pharmacy ship to USA: mexican pharmacy – usa mexico pharmacy

  23. MicahTails表示:

    USMexPharm: USMexPharm – Us Mex Pharm

  24. Jariorysh表示:

    Где купить диплом по актуальной специальности?
    Наша компания предлагает быстро и выгодно приобрести диплом, который выполняется на оригинальном бланке и заверен печатями, водяными знаками, подписями. Данный документ способен пройти лубую проверку, даже с применением специального оборудования. Достигайте цели быстро и просто с нашими дипломами.
    Купить диплом любого университета kupitediplom.ru/kupit-diplom-texnologa-5/

  25. MicahTails表示:

    mexican pharmacy: Us Mex Pharm – usa mexico pharmacy

  26. MicahTails表示:

    Us Mex Pharm: Mexican pharmacy ship to USA – mexican mail order pharmacies

  27. DennisDor表示:

    UsMex Pharm: certified Mexican pharmacy – buying prescription drugs in mexico

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

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