1st Site Free / Design / Design Tutorial /

Step 2 - Design (Cont.)

Design Tutorial - Graphics

With a careful selection of icons, bullets, and bars you can give the your site a personality all its own. See the guidelines below on using graphics:

  • Graphics are cached by your visitor's computer and should be reused throughout your site. This will also help give your visitor a sense of continuity and consistency.
  • Since smaller graphics download quickly, your graphics should be small in size (less than 32K).
  • Every graphic link should have a matching text link.
  • Graphics and backgrounds should use only browser-safe colors.
  • Animated graphics should turn off by themselves. Moving images distracts from the actual content.
  • The GIF format works best with buttons, icons, cartoons, line art and text images.
  • JPEG is usually a better file format to use for photographs.
  • PNG was created to both improve upon and replace the GIF format with an image file format that does not require a patent license to use. PNG is pronounced as "ping".
  • Always use height, width and the ALT HTML Tags with your images.
  • If you over use graphics, they can seriously slow down the page's loading time and clutter your design.

Drawspace.com. Offers diverse downloadable and printable drawing lessons featuring Brenda Hoddinott's unique and highly acclaimed style of teaching.

Jasc Paint Shop Pro graphic tutorials. Tutorials that you can use to learn the basics of Paint Shop Pro and create stunning Webpage graphics and/or manipulate photographs.

For additional informatiom on grapics see these links:

  1. How do I copy graphics?
  2. Sites that provide free graphics.

Let's go to Navigation .

Do You Need Help? Don't be shy, if you have questions or need help creating your Website, just ask me. I work cheap -- free. The only dumb question is the one not asked!

If you find this Website useful, donate as little as a $1.00 through the Amazon Honor System to help me keep it free. Paying is fast and easy: just click the Pay now button to begin. Your credit card is secure. Your privacy is protected.


Return to top
Help me improve this page, please provide me your
suggestions or comments:

Suggestion or comments.



| Colors | Consistency | Content | Graphics | Navigation | Style |


URL: http://www.1stSiteFree.com/design_graphics.htm

Bill Green
Copyright © 1998 - 2008


HTML 4.01 Checked!Valid CSS Document