Images

pixel - one dot on a computer screen

resolution - how many dpi (dots per inch)

        The higher the resolution the better the quality

Images are measured in pixels by height and width

 166px x 55px

http://img0.gmodules.com/ig/images/igoogle_logo_sm.png

transparency - the ability to see through something like an image background

Types of Images

.GIF - Supports smaller file size (fewer colors), transparency and animation (e.g. web images)

.JPG - Larger file sizes and more detailed, colorful pictures (e.g. photos) Does not support transparency

.PNG - Supports tranparency and layers (e.g. photoshop files)

Image Tag

Opening Tag - <img>

Closing Tag - NONE

Attributes - alt, src, height, width, border

alt=a description of the image

src=the location of the image

height=the height of the image in pixels

width=the width of the image in pixels

border=width of border in pixels

Example <img src=”companyname.jpg” alt=”KnockOutSounds”>

Company Name text size should be 70

Button text size should be 20

Animated text needs to be saved as a .gif file

Regular text needs to be saved as a .jpg file

Experiment with transparency and background color to see what works on your web page