Learning Report 4
This is the fourth Learning Report for my CIT 230 class.
Favicon
This is something that I heard in class awhile back but I could not remember how to do it nor find the website where it discusses it. So I decided to do a little reasearch on my own to firgure out how to make a favicon.
Source
Dynamic Drive Favicon Generator
Overview
Wikipedia definition for favicon: A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.
I feel the favicon is a great thing that really adds to a website. When I visit websites that have a favicon I feel more comfortable about that website and feel that it is a ligit website. I am glad this is something I learned how to do because i think it adds to my website. Please look up in your navigation bar on my website and you can see that there is a little SH icon next to the name of this website. This is a cool thing to add to your websites.
Implementation
There is three aspects to making a favicon. The first aspect is actually making a picture or logo that you can turn into a favicon. If you are good at photoshop or any other picture/logo creating materials this part is easy for you. If not you can use what I used is the Banner Maker website that I used above. There is others out there and depending on what you want for your favicon depends on what you want to use. I just wanted letters to be in my favicon so I used this Banner Maker website so I can just enter in some letters to put into it.
Once your picture is generated or created you need to turn that into a favicon. A favicon file usually ends with .ico file ending. But you can use Dynamic Drive to convert any picture file into a .ico format so you can then load it as a favicon. Once you do upload the file to your website so that you may reference to it in your coding.
Now that you have the favicon file created you need to put it up on your site. You can get this code either on the Wikipedia website or on the Dynamic Drive webiste. Here is the code that you should put in the HEAD section in your code:
<link rel="icon" type="image/vnd.microsoft.icon" href="/images/favicon.ico" />
SEE THE EXAMPLE ABOVE IN YOUR BROWSER WHERE THE ADDRESS TO THIS WEBSITE IS LOCATED
