Training

• Home
• Training Classes

"Winners make choices,
losers make excuses."
Decide to be a Winner!!!!

± Getting Started

± Phase 1
Planning

± Website Tools

± Phase 3
Conceptual Design

± Helpful Information

± Phase 4
Physical Design

± Phase 5
Testing

± Phase 6
Implement and Market Website

± Other Web Development Items

± Multimedia

± Useful Utilities

± Programming

± Advanced Programming

± Microsoft Office Products

± Computer Maintenance

± Other

---

NOTE: This is a collection of information and links collected over the years that might provide useful information. A Safer Company LLC does not guarantee, endorse or approve any of these links or their scripts. Use these links to other websites at your own risk.

FavIcon

FavIcon is the little icon that appears beside the website address of URL. It is not required but it does give your website a more professional look. It is 16 pixels by 16 pixels. If you are designing a new favicon, you may want to start with 64px x 64px. Consider using the website's logo or at least part of the logo.

Add the following to the html code:

<link rel="Shortcut Icon" type="image/x-icon" href="/favicon.ico" />

If theFavicon does not show up, try refreshing the page or clearing your cache. You might consider putting a "?" at the end of the url to trick a browser into thinking the page is new and not cached.

Links

• FavIcon Generator - this is an Online favIcon Generator
• Icon Suite - a free software you download to create icons ** A Safer Company uses this product. See steps below.
  • Icon Suite from Tucows
  • Icon Suite from Bouffler
• Free Country - Scroll down until you see Free Windows Resource Editors, Resource Compilers, Icon Editors and you will see a list of free editors.
• The Site Wizard - Information about favicon.ico
• Favicon Generator

Icon Suite Steps:

1. Open Icon Suite
2. Open File New
   
3. Go to Icon and select Import image and select the image you wish to use by clicking on the left icon at the top of the screen for Open. Remember that an icon will be small 16px by 16 pixels in size.
   
4. Click on the second icon to import.
   
5. You will see the graphics in the icon editor. It may not look very good, but look at the small icon size at the right side of the screen.
   
6. You may either edit the image or save it.
7. To save the icon, go to File and select Save.
   
8. The name of the file should be favicon.ico and saved in the root directory.
9. Add the following code to each web page or better yet, add it to your template and update all of your web pages.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon/" />

10. Upload your favicon.ico file as well as any pages that will be using this icon.

top of page

Page last updated: May 31, 2012 10:45 AM