網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
lisinopril 2.5mg cost – prilosec 10mg usa tenormin canada
https://erythromycin1m.com/# erythromycin topical solution
buy glucophage 500mg for sale – norvasc 10mg over the counter order amlodipine 10mg online
plaquenil cost – hydroxychloroquine 400mg cheap buy generic baricitinib 2mg
Admiring the time and effort you put into your site and detailed info you offer!
uses for erythromycin ophthalmic ointment erythromycin eye ointment for newborns
n8fit
p05zz
ynuk
generic lasix – buy doxycycline pill ivermectin medicine
q7r2y
3l73n
bb7s
buy asthma inhalers without an rx albuterol sulfate inhalation
I like the helpful information you provide in your articles. I’ll bookmark your blog and check again here frequently. I am quite certain I’ll learn many new stuff right here! Best of luck for the next!
ivermectin 0.8 for sale ivermectin dosage
cheap prednisolone without prescription – order neurontin 600mg generic 50mg viagra
erythromycin ointment dosage http://erythromycinn.com/#
I Am Going To have to come back again when my course load lets up – however I am taking your Rss feed so i can go through your site offline. Thanks.
buy amoxicillin online – cheap amoxicillin sale viagra 50mg price
viagra cialis meds best price for daily cialis mail order cialis
We absolutely love your blog and find the majority of your post’s to be exactly what I’m looking for. Do you offer guest writers to write content to suit your needs? I wouldn’t mind composing a post or elaborating on a number of the subjects you write about here. Again, awesome weblog!
buy generic cialis generic version of cialis cialis generic versus brand name
buy prednisone 5mg generic – cheap ed pills accutane 20mg price
10 mg cialis tadalafil 20mg best price free shipping for cialis from india
Just what I needed to know thank you for this.
You are a very smart person! 🙂
Hi my family member! I want to say that this article is amazing, great written and include approximately all important infos. I’d like to see more posts like this .
purchase cialis with paypal best price for daily cialis cialis 5mg no perscription
http://erythromycin1m.com/# erythromycin and acne
order cialis 40mg pill – online canadian pharmacy with prescription provigil 200mg without prescription
Saw your material, and hope you publish more soon.
Well done! Keep up this quality!
I simply could not leave your site before suggesting that I actually enjoyed the usual info a person supply in your visitors? Is going to be back often to inspect new posts