Web Graphics
-
Figure 8.1: Simple drawing saved in GIF
(left) and JPG (right). Despite being less than one-third the size,
the GIF image acutally looks much better (check on-line).
-
Figure 8.2: A series of GIF images used to
create a GIF animation of a rotating disk.
-
Figure 8.3: Examples of transparent and
nontransparent GIF images.
-
Figure 8.4: An example of an in-line
image embedded in a line of text. Notice how the bottom of the image
and the bottom of the text are aligned.
-
Figure 8.5: An example illustrating the
effects of the top, middle, and bottom
values of the ALIGN attribute of the image tag.
-
Figure 8.6: Aligning in-line images with
other images in the line using the top, absmiddle,
and absbottom values of the image tag ALIGN
attribute.
-
Figure 8.7: Text wrapped between two
California redwood tree images that were positioned using the
left and right values of the image tag
ALIGN attribute.
-
Figure 8.8: The image with no border and
the same image with a 7-pixel border.
-
Figure 8.9: An example of an image map
contributed by former In-line/On-line student Damon Gabrielle. A user
can select any item in the image. The selection results in a page
being displayed that contains information about the item.
-
Figure 8.10: An example of a simple image
map. Clicking on the triangle shape will cause the document
triangle.html to be loaded.
-
Figure 8.11: Thumbnail sketches
created with Paint Shop Pro.
-
Figure 8.12: Killface. She is scaled in
Figures 8.13 and 8.14.
-
Figure 8.13: A long-faced Killface,
created using percentage values of 75 and 40 for the
HEIGHT and WIDTH attributes of the image tag.
-
Figure 8.14: A small version of
Killface, created using pixel values of 76 for the
HEIGHT and 91 for the WIDTH attributes of
the image tag.
© McGraw-Hill 1997.
All rights reserved.
This presentation accompanies the book "In-line/On-line:
Fundamentals of the Internet and World Wide Web" (ISBN 0-072-90685-5)
written by Raymond Greenlaw and Ellen Hepp.