corner1.gif (159 bytes) corner2.gif (159 bytes)

Tutorials >> Chapter 17: Graphics

A web page without images is very boring, and visitors will probably not stay very long. There are a couple of clever things that can be achieved with images:

    Animated Images

    Images which are in GIF format can be animated. The specific GIF format which allows for animation is GIF89a.

    Creating animated GIFs is really very simple. You need to create a small GIF for each frame of your animation. This may result in several GIF files. You then need a program that can save these images together to form an animated .gif file.

    This is an example of an animated GIF:


    Tips and Tricks

    Some tips for creating web-friendly images:

    1. Make your images as small (in terms of file size) as possible. Large images which take a long time to download and display are very irritating to users with slow Internet connections.
    2. When inserting an image into your HTML page, use the width and height attributes, i.e.:
      <img src="myimage.gif" width="150" height="50">
      This causes the browser to display the text on the page before the image has completed downloading, allowing visitors to read the text, and giving the impression that the page loads quickly.

Go To Chapter 18

ffbotl.gif (1447 bytes) FocalMedia.Net Support ffbotr.gif (1456 bytes)