Graphics and Images

What we'll be learning:
  1. Introduction
  2. How to save a graphic from the Web
  3. How to insert an image on a page
  4. Let's check out the Free Graphics on the Web

Let's Get Started!


There are two important formats you will need to know when working with the World Wide Web.

1. .gif (prounced "jif"). Also known as Graphics Interchange Format. This format was developed by Compuserve and is by far the most popular image format on the World Wide Web.

The Advantages of GIF Files:

2. .jpeg or .jpg(pronounced "j-peg") Also known as Joint Photographic Equipment Group. This is a compressed format which is ideal for photographs and other "natural" color images.

Advantages of JPEG Images

How to save a graphic from the Web:



Saving a graphic from the web is actually quite simple:

First find a graphic but remember to keep in mind when looking for that perfect picture get permission to use the graphic. A couple of places to go to read more about copyrights and citing sources would be Purlioning and Pilfering. Another place to go would be Citation. We will be discussing copyright issues more in depth later in the week.

There are many sites on the web wanting you to use their images. A very good place to look would be Free Graphics on the Web.Once you have found the graphic you like continue with the following steps:

How to insert an image on a page:

To place an image on a page you will need to know the following tag:

<IMG SRC="image.location">

The IMG stands for the image and SRC stands for the source.

Here is another example for inserting an image.
Look at the following tag for inserting the fish below.
<IMG SRC="fish.gif">

Let's say you want to change the size of your image.
This is what your tag should look like.
<IMG SRC="fish.gif"WIDTH=60 HEIGHT=60>
Try to keep your picture proportional unless you're looking for a special effect.

For example you might not want your picture to look like this.

To read more on images see pages 78-90 in your HTML by Elizabeth Castro book.

Let's check out the Free Graphics on the Web and yet even more free graphics.




This page was developed through GirlTECH '97, a teacher training and student technology council program sponsored by the Center for Research on Parallel Computation (CRPC), a National Science Foundation-funded Science and Technology Center. Thanks to the RGK Foundation for its generous support.