Training

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

±Arrows 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


Web Design

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.

Favicon Example

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

Icon Suite Steps:

  1. Open Icon Suite
  2. Open File New
    favicon
  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.
    favicon
  4. Click on the second icon to import.
    favicon
  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.
    favicon
  6. You may either edit the image or save it.
  7. To save the icon, go to File and select Save.
    favicon
  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.
  10. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon/" />

  11. 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 14:45 PM

It is all about:
Content and Navigation...

Web Site by: A Safer Company LLC