Web Page Design Mrs. Ricke

Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures

Interlaced GIF Starts out blurry and comes into focus Non-interlaced GIF Comes into view from the top down Interlacing might be ideal, but this can increase the file size of your image. Why might this be a bad thing?

 Allows for the background of your image to blend with the background of your page  Be sure you are aware of this when choosing your images

 Composed of several images, played in order to create movement  Can loop a certain number of times, or continuously loop  Watch being too distracting!  Many of these are available on-line

 Portable Network Graphics  More colors available than GIF’s  Does not allow transparency in all browsers  No animation  Was supposed to replace GIF’s…

 Joint Photographic Experts Group  Uses full RGB color palette  File sizes are usually smaller than GIF’s (compression) Compression control comes at the expense of quality Browser still has to decompress to show your pic  Progressive JPEG – interlaces without increasing file size

 Text that is in the place of your image until it loads, or if it does not load  Property of tag  No more than 50 characters

 Hover text that displays about your picture  Property of tag  Usually a word or short phrase

 Aligns text in relationship to your picture  Values for ALIGN are: Top Bottom Middle (NOT center!!) Left Right

 Creates a border around your inline images  When you hyperlink a picture, it will automatically get a 2 pixel border, the color of your links.  To remove the border, you can set the BORDER property = 0

 Measured in pixels  Creates “buffered” white space  VSPACE – Controls spacing above and below the picture  HSPACE – Controls spacing left and right of the picture

1. Photographs should be saved as this type of graphics file, ideally. 2. Images that are simple in style and color would probably be saved in this type of graphics file. 3. These properties give your graphic a “buffer” border 4. ALT text should not be any longer than ____ characters. 5. How can you align your text to the left of a picture?