Grafiken und Bilder 

Inline-Grafiken
Formate: GIF (nur 256 Farben) JPEG (v.a. für gescannte Bilder, Kompression)
Hintergrund: eine Grafik wird gekachelt
 
  Manipulation der Größe:
Orginal: (1 x 1 x 16) 
<img src="icons/rot.gif">
-
<img src="icons/rot.gif" 
width=24 height=24>
<img src="icons/rot.gif" 
witth=150 height=2>
Tip: die Angabe der Orginalgröße beschleunigt die Darstellung der Seite

Anzeige sonstiger Formate
vorhandene Programme / Plugins
            TIFF, PS, PDF
3D:      VRLM
Video: AVI, ...

animierte GIF-Grafiken
 
(BR) Links: 
Bayerischer Rundfunk 
GIF Construction Set Demo 
Internet Gallery of GIF Animation 
Tom's Gallery 
Zampanos Galerie
Tools: 
Animegic GIF 
GIF Construction Set 
MS GIF Animator 
Video Craft GIF Animator 
Webimage

Image-Maps

Verschiedene Bereiche einer Grafik werden als Verweise zu unterschiedlichen Adressen verwendet.
Die Bereiche können als Rechtecke, Kreise, Polygone oder einzelne Punkte spezifiziert werden.
Die notwendigen Koordinaten lassen sich mit den üblichen Zeichenprogrammen spezifizieren.
Spezielle Programme zur Erstellung von Imagemaps sind z.B. MapEdit, MapThis, LiveImage und WebHotspots.
 
Server-Side: auf dem Server werden die Koordinaten von einem Skript ausgewertet. 
(Von NCSA und Apache wird das Programm imagemap mitgeliefert.) 

Die Spezifikation der Bereiche wird in einer *.map-Datei abgelegt und von 
imagemap den einzelnen Verweisen zugeordnet. 

Beispiel: 

<A HREF="http://.../cgi-bin/imagemap/~halle/imgmap01.map">
<IMG ISMAP SRC="icons/imgmap01.JPG" ...>

</A>
ImgMap01
 
Client-Side: Die Karte wird vom Client ausgewertet. 
Die Beschreibung der Karte wird durch einen map-tag realisiert. Die Zuordnung der Verweise zu den Bereichskooerdinaten erfolgt in area-tags. 

Beispiel: 

<MAP NAME="HTML">
 <AREA SHAPE=RECT COORDS="28,22,77,72" HREF="http://...">
 <AREA SHAPE=CIRCLE COORDS="196,44,34" HREF="htttp//...">
...
</MAP>
<IMG SRC="icons/imgmap01.JPG" USEMAP="#HTML" ...>
ImgMap01
- zurück