Grafiken und Bilder  


  Links auf Grafiken:

Katalog-Zettel

  Inline-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" ...
 
Tip: die Angabe der Orginalgröße beschleunigt die Darstellung der Seite

Farben: Netscape-Palette

Anzeige sonstiger Formate
  vorhandene Programme / Plugins  

            TIFF, PDF, PS, ...
3D:      VRLM
Video: AVI, ...

  Netz-Programme / Applets  

            TIFF-Viewer


animierte GIF-Grafiken
 
(BR) Links:
GIF Construction Set Demo
Tom's Gallery
Zampanos Galerie
Tools:
Animegic GIF
GIF Construction Set
Video Craft GIF Animator

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. (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
imagemap den einzelnen Verweisen zugeordnet.

Beispiel:

<A HREF="http://.../cgi-bin/imagemap/pict/imgmap01.map">
<IMG ISMAP SRC="http://.../pict/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
Vergleich: Server-Side, Client-Side (InternetProf 4/97)

Eine Grafik als FORM-Element. 


-  zurück