網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
Красивая музыка https://melodia.space для души слушать онлайн.
Wonderful beat ! I would like to apprentice while you amend your site,
how could i subscribe for a blog website? The account helped me a acceptable deal.
I had been a little bit acquainted of this your broadcast provided
bright clear idea
Accessibility Team Meeting Notes https://make.wordpress.org/accessibility/2021/06/11/accessibility-team-meeting-notes-june-11-2021
Привет, друзья!
Купить документ ВУЗа вы можете в нашем сервисе.
diplomyx.com/kupit-diplom-o-vysshem-obrazovanii
Добрый день!
Мы изготавливаем дипломы любых профессий по приятным тарифам. Цена зависит от выбранной специальности, года выпуска и университета. Стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас очень важно, чтобы документы были доступны для большого количества граждан.
socialbraintech.com/story2453345/купить-диплом-вуза-цена
Заказать курсовую работу https://kursovye-napishem.ru в Москве: цены на написание и выполнение, недорого
Заказать дипломную работу https://diplomzakazat-oline.ru недорого. Дипломные работы на заказ с гарантией.
I could not refrain from commenting. Perfectly written!
What’s up to every one, since I am genuinely eager of reading this web site’s post to
be updated on a regular basis. It includes good stuff.
квартиры от застройщика цены https://kvartira-novostroyka2.ru
Заказать контрольную работу https://kontrolnye-reshim.ru, недорого, цены. Решение контрольных работ на заказ срочно.
Помощь в решении задач https://zadachireshaem-online.ru. Опытные авторы с профессиональной подготовкой окажут консультацию в решении задач на заказ недорого, быстро, качественно
Hi there! This blog post couldn’t be written any better! Going through this post reminds me of my previous roommate! He continually kept preaching about this. I will send this information to him. Fairly certain he’ll have a very good read. Thanks for sharing!
купить новостройку с ремонтом https://kvartiranovostroi2.ru
недорогие квартиры от застройщика https://kvartira-novostroi.ru
This web site certainly has all of the information and facts I needed concerning this subject and didn’t know who to ask.
недвижимость новостройки купить https://zastroyshikekb.ru
квартиры с отделкой от застройщика новые квартиры от застройщиков
квартира в новостройке от застройщика https://kvartiranovostroi.ru
Привет!
Купить диплом ВУЗа.
gamefilm.ru/index.php?/gallery/image/119-%D1%82%D0%B5%D1%85-%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0-%D0%B8-faq-%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D1%8B%D0%B2%D0%B0%D0%B5%D0%BC-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%B2-%D1%81%D0%B5%D1%82%D0%B8/
Привет, друзья!
Заказать документ института вы сможете в нашем сервисе.
ast-diplomy24.ru/kupit-diplom-magistra
Хорошей учебы!
Greetings! Very useful advice in this particular post! It is the little changes that will make the largest changes. Many thanks for sharing!
credito 7500 euros
купить двухкомнатную квартиру https://novyekvartiry2.ru
купить квартиру в новостройке недорого https://kvartirukupit43.ru
квартиры от застройщика https://newkvartiry-spb.ru
купить новую квартиру в новостройке https://novye-kvartiry-spb.ru
купить новостройку от застройщика купить двухкомнатную в новостройке
https://new-version.download/window/google-classroom/
I was able to find good advice from your content.