網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
best allergy pill prescription allergy medication without antihistamines non drowsy allergy medication canada
I like the helpful info you provide in your articles. I’ll bookmark your blog and
check again here frequently. I’m quite certain I’ll learn many new stuff right here!
Good luck for the next!
zofran 4mg australia
clotrimazole 10g purchase
I am curious to find out what blog platform you happen to
be utilizing? I’m having some small security problems with my latest website and I’d
like to find something more secure. Do you have any solutions?
cipro antibiotic
Prestito di 1500 euro
celecoxib over the counter
Hi there! I’m at work broᴡsіng your blog from
my new apple iphone! Just wanted to say I love reаding your bloց
and ⅼook forѡard to all your posts! Carry on the sᥙρerb wօrk!
Also visit my blog homeschooling teachers for hire
It’s tthe brst timme tto make a feww plzns ffor the long rrun aand itt iis tije tto be happy.
I have read thjs pokst annd if I may justt I desire too counsel yyou some interesting thhings orr suggestions.
Perhaps you could write subsequent aryicles regarding
this article. I wish tto read more issue approximately it!
I’m not that much oof a online reawder to bee honest but yopur
stes rrally nice, keep it up! I’ll go aheawd aand bbookmark
your sitte too come bak later. Maany thanks
resource
What’s Happening i’m new to this, I stumbled upon this I’ve
discovered It absolutely helpful and it has aided
me out loads. I hope to contribute & assist different users like its helped me.
Good job.
Thhis iss really interesting, Yoou aare a verey skilled blogger.
I’ve joined youjr feed aand look frward too seeking more oof your grest
post. Also, I’ve shared your sit in myy social networks!
Excellent post. I was checking constantly this blog and I’m impressed!
Very helpful info specifically the last part 🙂 I care for such info
a lot. I was seeking this particular information for a very long time.
Thank you and good luck.
lopressor 500mg
Ρlease let me know if you’re looking for a writer for your site.
You have some really good posts and I feel I would be a good
asset. If yoս ever want to take some of the load off, I’d absolutely ⅼove to write some aгticles for yoᥙr blog in eхchange for a
link back to mine. Please send me an email if inteгested.
Thank you!
Hеre is my webpage – homeschool a 4 year old in California
You are s᧐ awesome! I dоn’t suppоse I have read through anytһing liҝe that before.
So gⲟod to discover another ⲣerson with some gеnuine thoսghts on this subject.
Reaⅼly.. many thanks for starting this up. Thiѕ ᴡebsite is one thing that’s needеd on the web, someone with a little
originality!
my page :: is homeschooling good or bad
LГҐn 4000 kr
aristocort 20mg
It’s an remarkable post in favor of all the internet viewers; they will get advantage from it I
am sure.
I am genuinely thankful to tһe holder оf this website ԝho has shared thіs wonderful paragraph ɑt аt this ρlace.
Visit mʏ web-site: memory foam
abilify otc
pulmicort 7.5mg
This site was… howw ddo you saay it? Relevant!!
Finally I have found something that helped me. Cheers!
Hello my lloved one! I wish too say that this plst iis amazing, nice written andd inclue approximately
all vital infos. I’d like tto peer extrfa posrs like thiss .
celexa online pharmacy
Hi everybody, hede every person iis sharing such
know-how, sso it’s nice too readd this blog, andd I used
to viait this blog every day.
15000 Euro Kredit
decadron 20mg