Bilder verwenden

Bildereinsatz

Ein Bild sagt (manchmal) mehr als tausend Worte. Schneller noch als Textinformation wird ein Bild bei bloßer und / oder flüchtiger Betrachtung
wahrgenommen. Erst nach längerer Betrachtung nimmt unser Gehirn Details der präsentierten Information, aber auch des zuerst entdeckten Bildes, wahr.
Die Möglichkeit, Bilder einzusetzen ist vielfältig:

• ·Bilder sollen veranschaulichen bzw. präsentieren
  • Animationen
  • Diagramme, Graphen
  • Schaubilder
• Bilder als Orientierungs- und Navigationselemente/-hilfen
  • Richtungspfeile, die z.B. zum Seitenanfang oder auf ein weiteres Dokument weisen
  • Trennlinien, die dem Text Struktur verleihen
• Bilder als Dekoration/Schmuck
  • Kleine lustige, animierte Bilder zur Erheiterung
  • Hintergrund
  • Ornamente

Auf manchen Webseiten dominieren die Bildinformationen vor dem Text und andere Webseiten kommen gänzlich ohne Bilder aus. Ein gesundes Mittelmaß an optischen Reizen in Form von Bildern dient einer verständlicheren Übermittlung der Informationen. Bei zu vielen Bildeinformationen verlieren die Bilder ihre Wirkung. Je nach Kontext und Konzept der Webseite dienen sie der Orientierung.

Umsetzung in HTML

Um einen kleinen Pfeil mit dem Namen „Pfeil.gif“ einzubinden, lautet der HTML-Tag wie folgt: <IMG SRC=“Pfeil.gif“>

„IMG SRC“ steht für Image Source und zeigt die Datei und evtl. ihren Pfad an.

Für den Fall, dass der Webbesucher das Anzeigen von Bildern an seinem Browser ausgeschaltet hat, sollten alternativ Textinformationen dafür sorgen, dass z.B. wichtige Schaltelemente nicht übersehen werden.

Der dazugehörende Tag heißt „ALT“ für alternativer Text:

<IMG SRC=“Pfeil.gif“ ALT=“ Hier steht ein Pfeil nach rechts. Anklicken für WEITER!“>