Learning Report #2
Using Favicons
The resource I used was an html code tutorial from http://www.photoshopsupport.com/tutorials/jennifer/favicon.html.
What I learned
In web development, attention to detail can be important, and one important detail that makes a difference is having a favicon which is a small icon that appears to the left of the url and appears when people bookmark a page.
Some of the benefits of a favicon are:
- It is ascetically pleasing.
- The website is more easily found when bookmarking.
- It can show visually and very briefly what your website is about.
When I made my falvicon, I decided to use an small 16 by 16 pixel ico image of an origami bird. That shows people what they can expect when looking at a bookmark of the website.
I did this by putting the image in the root directory and placing a link to it in the header of each page.
How I implemented favicons
I used the following steps to implement a favicon:
- I created a 16 by 16 pixel ico image using gimp image editor.
- I uploaded the favicon to the root directory of my website.
- I made a 'link' tag in the header of each page on my website and put in 'rel', 'href', and 'type' tags.
one issue I had when adding the favicon is that I put .jpg in the link tag at first instead of .ico which of course did not work. So as with all code, it is important to pay close attention to detail.