Graphics

Basics:

• Formats: gif, jpg
• Image scaling
• Interlaced vs. non-interlaced images
• Resolution options: hires and lowres
• Netscape's documentation

Animation

• Using dynamic documents
  - Reference: Netscape's documentation
• Using gif89a
  - Reference: Netscape's documentation
  - Refenrece: Royal Frazier's documentation

Imagemaps

• Create an image. Example: The navigation bar below.
• Map the image, i.e., associate areas (rectangle, square, polygon) to urls. A useful package for mapping images is mapedit.
• Link the image and the map in the HTML document using the  clientside imagemapping method..

Clientside Imagemaps

• <img> tag code for mapping:
  <img border="0" hspace=5 src="../assets/navbar.gif" usemap="#navmap">
• mapping data
  <MAP NAME="navmap">
  <AREA SHAPE="rect" COORDS="0,0,60,30"   HREF="/courses/ec/">
  <AREA SHAPE="rect"  COORDS="61,0,145,30" HREF="/courses/ec/html/schedule.html">
  <AREA SHAPE="rect"  COORDS="146,0,215,30" HREF="/courses/ec/html/grading.html">
  <AREA SHAPE="rect"  COORDS="216,0,326,30" HREF="http://www1.amis.cba.bgsu.edu/courses/partecx98/">
  </MAP>
• Result:  see image below
• Reference: Netscape's documentation

| © 1999 , Simha R. Magal  |  Feedback |