網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
Профессиональный сервисный центр по ремонту техники.
Мы предлагаем: Ремонт холодильников срочно
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Приобрести диплом об образовании. Приобретение документа о высшем образовании через проверенную и надежную компанию дарит ряд плюсов для покупателя. Такое решение позволяет сберечь время и значительные финансовые средства. enhr.com.tr/employer/eonline-diploma
продажа аккаунтов https://rynok-akkauntov.top
покупка аккаунтов https://akkaunty-na-prodazhu.pro
Мы изготавливаем дипломы любых профессий по приятным ценам.– ptcmint.com/read-blog/5331_kupit-diplom-ob-okonchanii-9-klassa.html
verified Modafinil vendors: modafinil legality – modafinil legality
https://maxviagramd.com/# secure checkout Viagra
trusted Viagra suppliers: fast Viagra delivery – Viagra without prescription
Профессиональный сервисный центр по ремонту техники.
Мы предлагаем: Выездной ремонт компьютеров с гарантией
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Купить диплом любого ВУЗа!
Мы готовы предложить документы любых учебных заведений, которые расположены на территории всей РФ.
diplom-kaluga.ru/mozhno-li-kupit-diplom-zanesennij-v-reestr-2/
http://zipgenericmd.com/# best price Cialis tablets
buy generic Cialis online: online Cialis pharmacy – secure checkout ED drugs
http://zipgenericmd.com/# best price Cialis tablets
safe online pharmacy: buy generic Viagra online – discreet shipping
modafinil pharmacy: safe modafinil purchase – safe modafinil purchase
doctor-reviewed advice: modafinil pharmacy – legal Modafinil purchase
Профессиональный сервисный центр по ремонту техники.
Мы предлагаем: Ремонт посудомоечных машин на дому Брянск
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
buy modafinil online legal Modafinil purchase legal Modafinil purchase
Профессиональный сервисный центр по ремонту техники.
Мы предлагаем: Выездной ремонт бытовой техники стоимость Великий Новгород
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Hi there, I check your blog like every week.
Your story-telling style is awesome, keep doing what you’re doing!
Modafinil for sale: safe modafinil purchase – modafinil pharmacy
мелбет зеркало рабочее http://melbet1015.ru/ .
You ought to be a part of a contest for one of the greatest websites on the web.
I most certainly will highly recommend this site!
best price Cialis tablets generic tadalafil generic tadalafil
http://maxviagramd.com/# same-day Viagra shipping
Hi, its nice paragraph on the topic of media print, we
all know media is a great source of facts.
Профессиональный сервисный центр по ремонту техники.
Мы предлагаем: Выездной ремонт компьютеров с гарантией
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Заказать диплом любого ВУЗа!
Наша компания предлагаетмаксимально быстро заказать диплом, который выполнен на оригинальной бумаге и заверен мокрыми печатями, штампами, подписями должностных лиц. Данный диплом способен пройти лубую проверку, даже с использованием специфических приборов. Достигайте цели быстро с нашими дипломами- astratechnologies.in/2025/04/13/kupit-diplom-prostoe-reshenie-dlja-slozhnyh-zadach-145
Heya i’m for the first time here. I found this board and I find
It really useful & it helped me out a lot. I hope to give
something back and help others like you helped me.
purchase Modafinil without prescription: verified Modafinil vendors – buy modafinil online