Images
Navigation Tips - Link Examples - Linking & Liability
Images certainly enhance a Web page. However, too many can clutter a Web page.
Ask:
- Does it add to the theme of the page?
- Does it make the text easier to understand?
Web pages are actually made up of text (your HTML file) and image files meshed together. That is, if your web page has 4 graphics on it, the page consists of a text file and 4 image files. These are all stored on your web server (your disc), and in the same folder/directory.
Web images can be drawings, clip art, scanned pictures or graphics… There are numerous galleries of clip art, graphics, and/or images available for you to download.
Not all images are free - check to make sure an image is freely available to use before adding it to your web page. Give credit to the image source if requested to do so. NEVER LINK to a graphic - always download!
Smaller images and images with fewer colors will help your web page load faster.
Gif or JPEG
Most browsers display images in GIF (.gif) or JPEG (.jpg) formats. GIF stands for Graphics Interchange Format. JPEG stands for Joint Photographic Expert Group.
|
GIFS
|
JPEGS
|
| text art |
photographs |
| cartoons |
3D |
| poster art |
paintings |
| line art |
|
Other formats include:
· PICT - graphic formats for Macintosh
· PNG - Portable Network Graphic (for web viewing) & not totally supported by browsers yet
· FlashPix - Kodak process to display images
Howcan you tell how much memory is being used by your text and images? Click Start - Programs - Windows Explorer -on left side, select folder where your web page is located -right side displays the contents and KB of each file.
background images
A background image repeats itself both horizontally and vertically. That is, background images will "tile" -- appear in the background at whatever size the image is and then reproduce itself over and over until the page is filled. So, you can use a small image for the page background and still get full-page coverage.
Ex: <body background="images/pastel.jpg">
Complex backgrounds are more difficult to view.
Browsers load the background last. A memory intense bBackgrounds will slow down connection to your page -- viewers may tire and leave your page before the actual content is loaded.
non-background images
· coding used: img = image src = source
|
HTML Coding
|
Browser Display
|
| <img src="images/books.gif"> |
|
Saving Web Images
-
Click with the right mouse button.
- Click on Save Image As… or Save Picture As…
- Place the image on your disk.
- Accept the default name for the image or change to a name of your choice. Do not change the extension (.jpeg or .jif)! Click on "OK"
Return to the Top
|
