HTML 4.0 Sourcebook:Graphics and Images in HTML Documents

To access the contents, click the chapter and section titles.

HTML 4.0 Sourcebook
(Publisher: John Wiley & Sons, Inc.)
Author(s): Ian S. Graham
ISBN: 0471257249
Publication Date: 04/01/98

Table of Contents

Table 3.2 Possible Shape Attribute Values and Corresponding Coordinate Specifications for Client-Side Imagemap AREA Elements All coordinate values are given in pixels.

SHAPE=“rect”	COORDS=“xul, yul, xlr, ylr”

	Where xul,yul are the pixel coordinates of upper-left corner of rectangle, and xlr,ylr are the pixel coordinates of lower-right corner of rectangle
SHAPE=“poly”	COORDS=“x1,y1, x2,y2, . . . xn,yn”

	Where xn,yn are the x- and y-coordinates of the polygon vertices (in pixels)
SHAPE=“circle”	COORDS=“xc, yc, r”

	Where xc,yc are the x- and y-coordinates of the circle center, and where r is the circle radius (all in pixels)

Most of the imagemap generation programs described earlier will create both client- and server-side databases. Additional details of the client-side mechanism are found in the discussion of the MAP and AREA elements in Chapter 6.

Figure 3.7 Extract from an HTML document that simultaneously references server-side and client-side imagemaps (the changes from Figure 3.6 are shown in boldface italics). A browser that understands client-side imagemaps will use the local map data. A browser that does not understand client-side imagemaps will use the HTTP server.

. . . standard HTML stuff . . .
<A HREF=“/cgi-bin/imagemap/path/blobby.map”><IMG
   SRC=“mr_blobby.gif” USEMAP=“mapname” ISMAP></A>
. . . more HTML stuff . . .
<MAP NAME=“mapname”>
   <AREA SHAPE=“circle” COORDS=“116,40,30”
         HREF=“/dir1/blob2/his_head.html” ALT=“text explanation”>
   <AREA SHAPE=“rect” COORDS=“36,30, 84,90”
         HREF=“/dir1/blob2/his_hand.html” ALT=“text explanation”>
   <AREA SHAPE=“poly” COORDS=“86,154,64,170,76,188,104,184,112,166”
         HREF=“<http://egghead.com/foot.html>” ALT=“text explanation”>
</MAP>
. . . rest of HTML document . . .

Image and Icon Archive Sites

There are several Web sites that maintain extensive archives of publicly available images and icons, and these are useful places to find icons for your own documents. The following is a list of some of the more popular sites.

Public Domain Icon Archives

www-ns.rutgers.edu/doc-images/
www.dsv.su.se/~matti-hu/archive.html
www.cli.di.unipi.it/iconbrowser/icons.html	(Iconbrowser archive)
www.cli.di.unipi.it/iconbrowser/icons/mirrors.html	(List of mirrors of above site)
www.cit.gu.edu.au/~anthony/icons/index.html	(Anthony’s archive)
bsdi.com/icons/AIcons/	(Mirror of preceding site)
www.hlt.uni-duisburg.de/AIcons/	(Mirror of preceding site)
ftp://ftp.cs.indiana.edu/pub/AIcons/	(Mirror of preceding site)
hobbes.nmsu.edu/pub/multimedia/icons/	(OS/2-related icons)
hobbes.nmsu.edu/pub/multimedia/images/	(OS/2-related images)
www.eecs.wsu.edu/~rkinion/lines/lines.html	(Dividing lines)
www.cco.caltech.edu/~cherish/images/	(Miscellaneous images)
www.erinet.com/jelane/families/index.html	(Jelane’s graphics archive)
beseen.com/beseen/free/	(Beeseen free icons)
mich.pixelsight.com/PS/clipart/clipart.html	(Pixelsight free clipart)
www.geocities.com/Heartland/1448/main.htm

Background Images

cpcug.org/user/jlacombe/backgrnds/johnback.html
www.algonet.se/~dip/photoshop/PS_index.html	(Tips for PhotoShop users)

Other Lists of Image Archives

www.yahoo.com/Computers_and_Internet/Internet/World_Wide_Web/Page_Design_and_Layout/Graphics/

www.yahoo.com/Computers_and_Internet/Graphics/Clip_Art/

www.yahoo.com/Business_and_Economy/Companies/Computers/Software/Graphics/Clip_Art/

oneworld.wa.com/htmldev/devpage/dev-page3.html#doc-i

References

General Issues in Web Graphics

www.inforamp.net/~poynton/Poynton-articles.html	(Articles on computer graphics)
www.inforamp.net/~poynton/Poynton-colour.html	(Color and computer displays)
www.sci.kun.nl/thalia/guide/color/faq.html	(FAQ on computer color)
www.vtiscan.com/~rwb/gamma.html	(An explanation of monitor gamma)
lynda.com/hex.html	(Index of RGB hex codes and colors)
news:comp.infosystems.www.authoring.images	(Web graphics newsgroup)
Designing Web Graphic 2, by Lynda Weinman, New Riders Publishing (1997)

Transparent/Interlaced GIFs

user.aol.com/royalef/gifabout.htm	(About GIF in general)
members.aol.com/htmlguru/transparent_images.html	(Tutorial)
www.best.com/~adamb/GIFpage.html

Animated GIFs

user.aol.com/royalef/gifanim.htm

www.yahoo.com/Computers_and_Internet/Graphics/Computer_Animation/Animated_GIFs/

Client-Side Imagemaps

www.spyglass.com/techspec/tutorial/img_maps.html

Server-Side and General Imagemap Information

www.yahoo.com/Computers_and_Internet/Internet/ World_Wide_Web/Programming/Imagemaps/	(Resource lists)
www.webcom.com/~webcom/html/tutor/imagemaps.html	(Online tutorial)
hoohoo.ncsa.uiuc.edu/docs/tutorials/imagemapping.html	(Online tutorial)

Table of Contents

Products | Contact Us | About Us | Privacy | Ad Info | Home

Use of this site is subject to certain Terms & Conditions, Copyright © 1996-2000 EarthWeb Inc.
All rights reserved. Reproduction whole or in part in any form or medium without express written permission of EarthWeb is prohibited. Read EarthWeb's privacy statement.