網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
казино онлайн kg казино онлайн kg .
recommended canadian pharmacies canadian pharmacy meds USACanadaPharm
мелбет kg мелбет kg .
http://usacanadapharm.com/# usa canada pharm
ктс росгвардия ктс росгвардия .
Today, while I was at work, my cousin stole my iPad and tested to see if it can survive
a thirty foot drop, just so she can be a
youtube sensation. My apple ipad is now broken and she has 83 views.
I know this is entirely off topic but I had to share it with
someone!
Review my web site … honey5.testedhoneypot.com
мостбет http://mostbet7002.ru .
USACanadaPharm: usa canada pharm – canadian pharmacy 24
canadian pharmacy ltd: usa canada pharm – USACanadaPharm
ed drugs online from canada: USACanadaPharm – buy prescription drugs from canada cheap
canadian pharmacy cheap pharmacy in canada USACanadaPharm
usa canada pharm: usa canada pharm – canadian pharmacy online
reliable canadian online pharmacy USACanadaPharm canadian pharmacy 24h com
I am curious to find out what blog platform you have been working
with? I’m having some small security issues with my latest site and I would like to find something more safe.
Do you have any solutions?
http://usacanadapharm.com/# canadian pharmacy 24 com
canadian pharmacy meds review: best canadian pharmacy – usa canada pharm
I do not even know how I ended up here, but I thought this post was great.
I don’t know who you are but definitely you’re going to a famous blogger if you aren’t already 😉 Cheers!
http://usacanadapharm.com/# canadian pharmacy drugs online
These are truly great ideas in on the topic of blogging.
You have touched some nice things here. Any way keep up wrinting.
canadian drugs: canadianpharmacyworld com – usa canada pharm
USACanadaPharm: usa canada pharm – pharmacy com canada
usa canada pharm: USACanadaPharm – USACanadaPharm
These are in fact impressive ideas in about blogging.
You have touched some good things here. Any way keep up
wrinting.
canadian drugs pharmacy: canadian pharmacy online ship to usa – usa canada pharm
canadian drug stores: canadian pharmacy victoza – canadian discount pharmacy
Диплом ВУЗа РФ!
Без получения диплома очень нелегко было продвинуться по карьерной лестнице. Именно из-за этого решение о покупке диплома стоит считать целесообразным. Купить диплом о высшем образовании khvoynaya.getbb.ru/ucp.php?mode=login&sid=639c8901d150cc76eff1413780ff25c2
cheapest online pharmacy india: reputable indian online pharmacy – top 10 online pharmacy in india
Купить диплом ВУЗа!
Мы изготавливаем дипломы любой профессии по выгодным ценам. Вы приобретаете диплом в надежной и проверенной временем компании. : webheaydemo.co.uk/profile/debbieshaw1319
buy prescription drugs from india: UsaIndiaPharm – indian pharmacy online
Hi! I’ve been reading your weblog for a long time now and
finally got the bravery to go ahead and give you a shout
out from Dallas Texas! Just wanted to tell you keep up the fantastic work!