Chapter 5 Proof

IMAGES!!!

In this chapter we will focus on the use of images in websites.

Image

An example of an image used in a web site.

Using Images as Links

Click on the image bellow to visit the link.(for this example the link refers to this very same page.)

GIF vs JPG vs PNG

These are the three main image types that are used for web development. Their main diference is due to the fact that JPG does not suport transparence, making it difficulto for Logo designs for example. In the other hand, PNG is the most flexible one because it supports more colors than GIF, allowing the use of drop shadows for example. But if you are using pictures in you page, stick with JPG. It has better compression and supports more color than PNG's and GIF's.

Image Gallery and Formatting with CSS

Click in one of the images in the gallery bellow to see it in full size.

CSS was also used to format the pictures, adding a dark-gray colored border.

             

           

Sunday, March 30, 2008 1:38 AM