Altering Images


In this unit you have spent a lot of time using The GIMP and creating images with The GIMP. In fact, this unit is almost as much about The GIMP as it is HTML. This makes sense since most web pages include images and so being able to manipulate images goes hand in hand with actually writing the web pages.
---------------------------------
There are two things you will need to know in order to complete this assignment:
1. How to save an image from a web page.
2. How to use The GIMP to perform some real simple manipulations on the image.

SAVING THE IMAGE: To save an image which you find on a web page you simply press the right mouse button and pull over to "Save Image As..." A dialog box will open up. You can accept the name as given or you can rename the image (be sure to leave the extension the same). For instance, let's say that that an image has the name ralph.gif. You could change the name to burt.gif or joe.gif, but don't change the name to burt.jpg or joe.jpg since GIF and JPG are two DIFFERENT file formats! After you have an image saved you can still change its name by using the mv command (see the class FAQ for more information on mv).

NOTE: If you are using a Macintosh computer you will press the CONTROL key on your keyboard and then press the mouse button to get the "Save Image As..." option.

---------------------------------
Performing Simple Manipulations in The GIMP:
You will need to know how to change the brush color and size in this lesson. Make sure that you review these two skills before attemtping this assignment.
---------------------------------
ASSIGNMENT: This assignment is pretty easy. Here's what you've got to do:
  1. Find three images on the web. Make sure that all three are about the same size and that the three images when displayed side by side will be about as wide as a normal screen on your browser.
  2. In The GIMP draw a colored border around each image. See the sample. This is a real easy, basic manipulation.
  3. Display the three images in a table on a web page. Each image should appear in its own cell in the table. You should remember how to work with tables from previous lessons.