Hoover Web Templates 100's of professional business and personal web templates  
  Web Design Templates Learn about Web Design. Check out our Web Design Article Archive.
 
Hoover Web TemplatesContact UsReturn to HomeView PayPal Shopping CartView Credit Card Shopping Cart
 
        Download Sample Website Templates Download Sample Web Templates - Test Your Skills Before You Buy!! CLICK TO DOWNLOAD
  Hoover Web Templates Beginner HTML Website Templates  
Free Downloads
Free Web Templates Free Business Forms Free Web Templates Free Website Design Articles
Website Extras
Web Template Search:
exact match    contains all keywords
 
HTML Tutorial - Learn Web Page Design Step By Step!
   

 

Are you confused about web page design and don't know where to start? Feel free to learn HTML and how to design your very own web site by using our FREE Online HTML Tutorial.

HTML Tutorial Part 17: Web Graphics

A web page without images is very boring, and visitors will probably not stay very long. View stock photography resources.

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. Then, use a utility such as GIF Construction Set (Win95/NT, 1.2MB), to create a single animated GIF image from your separate GIF files.

    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.
    3. Use a utility such as GIF Construction Set (Win95/NT, 1.2MB) to set the background of your image to transparent. This does not look good if the background of your web page is very busy, and therefore interferes with the look of the image. However, if you have a plain page background, making its background transparent causes it to appear as if it is floating on the page.

     

    Wait, be sure to visit our Web Graphics Section!



    Go To The Next Page

Didn't see anything you like?
Customize any of our Web Templates or view Premium Website Templates with PSD Source Files!
More website products: Flash Photo Galleries, Flash MP3 Music Players and Royalty Free Stock Photos.
Free Web Templates: Hoover Free Templates, A Free Web Template, Free Clipart Web Templates
Professional Web Site Design & Web Templates NewsletterJoin our eMail list to get sales announcements and discounts on your next web template purchase!

2000-2008 Hoover Web Design. All Rights Reserved.
No part of this website may be downloaded, copied or reproduced without the written permission of Hoover Web Design.