網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
buy cipro online without prescription ciprofloxacin mail online
ciprofloxacin 500mg buy online ciprofloxacin 500mg buy online
https://cipro.best/# cipro for sale
neurontin 800mg neurontin 100mg caps
slots lounge
free video slots 888
slots capital
pet meds without vet prescription canada pain meds online without doctor prescription
https://diflucan.icu/# diflucan prescription australia
generic levaquin 500mg – tadalafil over the counter order cialis 10mg pill
https://gabapentin.icu/# neurontin 300 mg cost
furosemide https://furosemide.beauty
I really like your writing style, excellent info , thanks for putting up : D.
https://withoutprescription.store/# prescription meds without the prescriptions
how can i order prescription drugs without a doctor ed meds online without prescription or membership
https://withoutprescription.store/# canadian pharmacy online
propecia impotence reversible brand name propecia what happens if i stop taking propecia why the fuck am i shedding on propecia
natural remedies for ed ed pill
stromectol scabies treatment stromectol
where can i buy cipro online cipro ciprofloxacin
https://gabapentin.icu/# neurontin price australia
Well, I don’t know if that’s going to work for me, but definitely worked for you! 🙂 Excellent post!
My brother suggested I might like this websiteHe was once totally rightThis post truly made my dayYou can not imagine simply how a lot time I had spent for this information! Thanks!
ed dysfunction treatment ed meds online without doctor prescription
I have recently started a web site, the information you provide on this web site has helped me greatly. Thanks for all of your time & work.
ciprofloxacin 500 mg tablet price ciprofloxacin order online
https://diflucan.icu/# buy diflucan 150 mg
order losartan sale – losartan pill buy promethazine generic
https://erectionpills.best/# best ed drug
pharmcay sildenafil prices sildenafil 25 mg masturbating reviews
cipro for sale where can i buy cipro online