Site hosted by Angelfire.com: Build your free website today!
Text Formatting Colour Ordered Lists Unordered Lists Definition Lists Internal Links Graphic Tables

Standard graphic

  1. GIF
  2. JPEG
  3. Thumbnails
  4. Graphic alignment
  5. Borders
  6. Rollover images
  7. Wrapping text around images
  8. Add space around images
  9. Animated GIFs
  10. Backgraound images

HTML uses only .gif and .jpeg formats for graphic images. They both compress files which is important in reducing download time.

1. GIF

Back to top

2. JPEG

It is important to design web pages with your most speed challenged user.

Back to top

3. Thumbnails

One good technique is to use the thumbnail images rather then full images. This allows the page to load faster and gives the user the choice to enlarge the picture if they wish.

This then becomes a link to the original 640 X 480 pixel picture.

Back to top

4. Graphic Alignment

This aligns the image with text, The image acn be inseted alongside text in a number of ways.

Top Aligns

Back to top

6. Rollover Images

To create a rollover image, you need two images. For example, an original and a negative.

Back to top

7. Wrap text around an image

You can wrap text around the left or the right of an image.

After inseting your image you
can select "Left " align.
This will wrap text around
the left of the image


After inserting your image you can select "Right" align. This will wrap text around the right of the image. But the image aligns itself on the right of the text.


Centre Aligns

 

 

Back to top

Add space around an image

You can increase the amount of space around image by using the VSpace and HSpace properties of the image.

You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.

 

You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.

You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.You can increase the amount of space around image by using the VSpace and HSpace properties of the image.

Back to top

Animated Gifs

 

Background images