WEBJeannieCentral Page 4

WEBJeannieCentral

- Graphics...

Graphics must be either in GIF (.gif) or JPEG (.jpg) formats. These are the only two image formats that are supported by most browsers. Selected browsers may be able to display other graphics, too, but if you want to be on the safe side, use Jpegs and/or Gifs only.

Further, make sure that the file size of your images is not too big. Generally, an image should not be larger than 30KB - never use images larger than 100KB.

If the size of your file is too big, try reducing the file size by increasing the file compression (Jpeg files only).

To create images, use a graphics program like Paint Shop Pro (Windows), Corel Draw (Windows), or The Gimp (Linux).

If possible, save all images in the same directory (for example, in \html\images).

To insert an image on your page, simply load the page into your text editor and add the following line to the code:

<img src="images/nameofimage.jpg">
nameofimage.jpg, of course, is the file name of your image - make sure to use .gif instead of .jpg if your image is a GIF file. If the image is not displayed correctly, please click here to learn how to access images in different directories.

Now, add some more information about your image:

<img src="images/nameofimage.jpg" width="xxx" height="yyy" border="0" alt="My First Image">
xxx and yyy should be the actual dimensions fo your image.

You can also place a link around an image:

<a href="homepage.html"><img src="images/nameofimage.jpg" width="xxx" height="yyy" border="0" alt="My First Image"></a>