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
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:
- The most widely supported graphics format on the Web.
- All graphic Web viewers support the GIF format for inlined images.
- GIFs of diagrammatic images look better than JPEGs.
- GIF supports transparency and interlacing.
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
- Huge compression ratios are possible, for faster download speeds.
- Gives excellent results in most photographs and medical images.
- Supports full-color images (24-bit "true color" images).
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:
- Place your mouse on the graphic.
- Click using the right mouse button.
- Find Save image as.. and click.
- Now.... Save your image. (drive A.)
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.
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.