Zur Hauptnavigation springen [Alt]+[0] Zum Seiteninhalt springen [Alt]+[1]

Bildquellen etc.

Bildquellen

Digitale Kameras

Scanner

Mal-/Zeichenprogramme

Bildersammlungen auf CD-ROMs

Hardcopy: Durch Hardcopys vom Bildschirm kann praktisch jedes Bild aus einem beliebigen Anwendungsprogramm heraus in die Zwischenablage gelegt und dann abgespeichert werden. (Screenshot)

Internet: Entdecken Sie ein interessantes Bild auf einer WEB-Seite, so können Sie das Bild durch Anklicken mit der rechten Maustaste speichern. (Copyright beachten)

Bild-Typen

Logo: Symbol, das für eine Firma, ein Produkt oder eine Organisation usw. stehen kann. Ein Logo hilft, sich schnell zu orientieren. Idealerweise enthält ein Logo keinen Text, sondern nur Grafiken und ist dadurch weltweit verständlich.

Beispiel für ein Logo: MLF-Logo

Icon: Mini "Logo", welches ebenfalls eine schnelle Orientierung ermöglicht.

Navigationshilfen: Spezielle ICONS zum Seitenwechseln, z.B. Pfeile

Skizze: Dient zur didaktischen Reduktion von komplexen Sachverhalten

Fotos Animationen: Kleine Filmchen, die die Aufmerksamkeit auf sich ziehen sollen. Können auch komplexe Sachverhalte verdeutlichen.
Sparsam einsetzen.

Hintergründe: Statt eines einfachen weißen oder dezent farbigen Hintergrunds kann auch ein Bild bzw. eine Textur als Hintergrund eingesetzt werden.Dieses Bild sollte sehr klein sein, wird dadurch vom Browser schnell geladen und über den gesamten Bildschirm "gekachelt", so dass ein einheitlicher Hintergrund entsteht.

Bsp.: Größe 160 auf 160 Pixel, 2,5 KB

Einfügen von Bildern

Grundbefehl:

<img src="bildname.gif" width=x height=y>

Diese Steueranweisung bindet das Bild mit den angegebenen Namen in Originalgröße in die Seite ein! Die Bildgröße sollte unbedingt angebeben werden, damit der Seitenaufbau vorausberechnet werden kann!

Erweiterte Befehle:

<img src="bildname.gif"alt="Bild der Schule (4k)">

Zeigt alternativ statt des Bildes den Text an, wenn die Anzeige von Bildern abgeschaltet ist, bzw. das Bild nicht gefunden wird.

<img src="bildname.gif" height=80 width=60>

Das Bild wird nicht in seiner Originalgröße, sondern mit der vorgegebenen Höhe und Breite angezeigt!

Vorsicht (!):

  • Haben die Vorgaben nicht das gleiche Verhältnis wie das Original, wird das Bild verzerrt!
  • Das Bild wird bei verkleinerter Darstellung trotzdem in voller Größe übertragen!

Animierte Bilder

KreisGrundlagen: Animierte Bilder, also kleine Filme, bestehen aus Einzelbildern, die nach einander angezeigt werden.
Je mehr einzelne Bilder pro Sekunde angezeigt werden,desto realistischer und weniger flimmernd wirkt der "Film".

Mit Bild-Programmen, z.B. dem GIF Construction Setkann man animierte GIFs erstellen, welche aus mehreren Einzelbildern bestehen.

Film

Standardformate: *.avi, *.mov, *.mpg/mpeg, ...

=> nicht immer gut geeignet für Internetseiten, da oft zu schlechtes Verhältnis von Dateigröße, Qualität und Übertragungszeit.