Images are very important on the Web. A single glance at an image can give users lots of information. They also help set the mood for a site.

You need to know how Webers think about images. What are they for? Where do you get images for a project? What software do you need to have?

That’s what this lesson is about.

You’ll also learn how to manipulate images with jQuery. This is Much Fun. You’ll show them, hide them, resize them, all with animated effects. You can use these techniques to create sophisticated Web 2.0 interfaces.

Finally, you’ll learn how to use JavaScript’s if statement. For example, you might show different images on a page, depending on what language the user speaks. Or maybe different images for different times of day.

By the end of this lesson/page, you should:

• Know that images are informational and structural.

• Know about the three most common image formats.

• Know how to find ready-made images for your projects.

• Know what types of software should be in your image toolkit.

• Be able to show images on a page.

• Be able to change images with jQuery.

• Be able to create a simple image-based shopping cart.

• Be able to use JavaScript’s if statement.

This is the last lesson that deals with individual Web pages. Starting with the next lesson, we start working on entire sites.

Onward! To destiny!