Web Page Images
On-Line Book Chapter 6
Supported Formats
GIF Graphic Interchange Format
Gif 89a supports frame animation
Supports transparency
Interlaced (image appears gradually as
page loads)
Limited colors … 216 to 256 depending on
the computer
Better for graphics that have limited colors
Supported Formats
JPEG (JPG) Joint Photographers
Expert Group
Supports millions of colors
Greater compression for photographs
Common to scanners and digital cameras
Other Formats – Not to Be
Used on Web Pages
PNG (Ping)
BMP (windows bit mapped – only works
on Win doze computers)
TIFF
Images in a Web Page
A web page with
one images is
actually 2 files.
The HTML file
The image file
The web page to the
right has how many
graphics? Files
HTML Code
No closing tag
Source can be a file or a image on another
web page (right click on the image to find its
URL)
Common Image Attributes
Align = “right, left”
This determines how the text will will wrap around
an image – many other options
Border=“number of pixels”
How big the border is around an image. Usually
zero
Width and Height=“pixels”
Helps a web page load quicker since space is
reserved for the image
Common Image Attributes
Alt=“text”
Will show this text if the browser does not
support images.
In IE will show a yellow box with the text
when the mouse is passed over.
File Problems
DO NOT USE A DRIVE LETTER WHEN
DOING PUTTING AN IMAGE IN YOUR WEB
PAGE
For a file that is in the same directory as the
web page…
For a file that is in a directory called images