|
|
Links auf Grafiken:
Katalog-ZettelInline-Grafiken:
| Formate | Eigenschaften/Anwendung |
|---|---|
| GIF | 256 Farben, LZW-Komprimierung, transparenter Hintergrund, Animation |
| JPEG | bis 16,8 Mio Farben, für Fotos und gescannte Bilder mit wechselnden Farbverläufen |
| IMG-Tag | 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> |
|
| Hintergrund: <body background="icons/siegrel3.gif" ... <td background="icons/siegrel3.gif" ... |
Farben: Netscape-Palette
Anzeige sonstiger Formate
| vorhandene Programme / Plugins |
|---|
TIFF,
PDF,
PS, ...
3D: VRLM
Video: AVI, ...
| Netz-Programme / Applets |
|---|
animierte GIF-Grafiken
| Links:
GIF Construction Set Demo Tom's Gallery Zampanos Galerie |
Tools:
Animegic GIF GIF Construction Set Video Craft GIF Animator |
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.
(s.a. InternetProf 4/97)
| 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
Beispiel: <A HREF="http://.../cgi-bin/imagemap/pict/imgmap01.map"> <IMG ISMAP SRC="http://.../pict/imgmap01.JPG" ...> </A> |
|
| 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" ...> |