網頁圖示的製作方式
之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。
這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。
底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~
製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。
待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。
接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。
<link href="favicon.ico" rel="shortcut icon" />
其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。
註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽
вкусный торт купить торт на заказ сегодня
Farmacia online piГ№ conveniente: Cialis generico prezzo – farmacia online piГ№ conveniente
I don’t even know the way I stopped up right
here, however I thought this put up was good. I don’t understand who you might be however certainly you
are going to a famous blogger when you are not already. Cheers!
Feel free to surf to my blog – เว็บวาไรตี้
It’s nice to definitely arrive a website the location where the blogger is skilled. Thank you for creating your website.
Excellent article. I absolutely love this website. Stick with it!
Добрый день!
Заказать документ института можно у нас в Москве.
rushkas-diplomas.ru
Привет!
Диплом техникума купить официально с упрощенным обучением в Москве
mans-diplomyxx.ru/kupit-diplom-ekaterinburg
Будем рады вам помочь!.
At this time I am going to do my breakfast, once having my breakfast coming again to read
further news.
Do you mind basically if I mention two of your current writes provided that I provide credit not to mention sources returning to your blog? My web business is within the identical niche as your site and my targeted traffic will have the benefit of some of the strategies and information that you offer on this page. Please don’t hesitate to tell me if it is okay for you. Thank you!
top farmacia online: Cialis generico recensioni – acquistare farmaci senza ricetta
Valuable information. Lucky me I found your website accidentally,
and I’m shocked why this coincidence did not happened in advance!
I bookmarked it.
Feel free to visit my web site – https://diigo.com/0wzmrz
Nice post. I understand some thing very complicated on different blogs everyday. It will always be stimulating to learn content from other writers and exercise a little at their store. I’d prefer to apply certain using the content in my weblog regardless of whether you don’t mind. Natually I’ll provide link for your web blog. Many thanks sharing.
Good article. I am going through a few of these issues as well..
It’s amazing to pay a quick visit this site and reading the
views of all friends about this article, while I am also keen of getting know-how.
my site: https://telegra.ph/Traduzione-Contenuti-Aziendali-in-Italiano-Servizi-Professionali-di-Localizzazione-08-03-2
Здравствуйте!
Заказать документ ВУЗа можно у нас в столице.
rushkas-diploms.ru
farmacia online piГ№ conveniente: Farmacia online migliore – farmaci senza ricetta elenco
http://avanafil.pro/# top farmacia online
Good information. Lucky me I ran across your site by accident (stumbleupon). I have bookmarked it for later.
This is the perfect web site for anybody
who would like to understand this topic. You realize so much its
almost tough to argue with you (not that I personally
will need to…HaHa). You definitely put a fresh spin on a
subject that has been written about for ages. Wonderful stuff, just
great!
Also visit my blog https://telegra.ph/Kontrol-za-processom-prodvizheniya-sovety-dlya-zakazchika-08-06-2
Привет, друзья!
Официальная покупка школьного аттестата с упрощенным обучением в Москве
rushkadiplomik.ru
https://farmait.store/# comprare farmaci online all’estero
Hi, I do believe this is an excellent blog. I stumbledupon it 😉 I’m going to come back once again since I book-marked it. Money and freedom is the best way to change, may you be rich and continue to guide other people.
Farmacia online piГ№ conveniente: Cialis generico controindicazioni – farmacia online senza ricetta
Привет!
Диплом любой специальности
x91392sl.beget.tech/2024/07/18/vysokokachestvennye-diplomy-s-garantiey
pillole per erezione immediata: acquisto viagra – kamagra senza ricetta in farmacia
farmacie online affidabili: farmacie online sicure – Farmacia online miglior prezzo
I just couldn’t leave your site prior to suggesting that I extremely loved the usual info a person provide in your guests? Is gonna be again often to investigate cross-check new posts.
I must show some appreciation to the writer for bailing me out of such a problem. After exploring through the internet and getting principles that were not productive, I assumed my life was gone. Being alive devoid of the answers to the difficulties you’ve resolved by way of this report is a crucial case, and the kind that might have in a negative way affected my career if I had not noticed your blog post. Your primary training and kindness in maneuvering all things was very useful. I don’t know what I would have done if I had not come across such a stuff like this. I can at this moment look forward to my future. Thank you so much for the expert and results-oriented help. I will not hesitate to suggest your web page to any individual who needs to have guidelines on this topic.
Thank you, I have just been looking for information about this topic for a long time
and yours is the best I’ve discovered till now.
However, what concerning the bottom line? Are you positive about the supply?
Take a look at my blog post; https://www.iconfinder.com/user/ploug29douglas
Excellent post. I was checking constantly this blog and I’m impressed! Extremely useful info particularly the last part I care for such information much. I was looking for this particular information for a long time. Thank you and good luck.