1.3.1 Bilder
Es gibt verschiedene Möglichkeiten, Bilder in eine Webseite einzubinden, um das bestimmte Bildmaterial optisch und inhaltlich vorteilhaft zu präsentieren.
Redaktionstechnisch unterscheiden sich die Methoden in dem, wie Sie Bilder hochladen und sie von einer Webseite verlinken.
Bilder in Originalgröße können mit Hilfe des HTML-Editor direkt in einen Text eingefügt werden (s. Bilder im Text).
Ist die Textumfließung erwünscht, erstellen Sie ein Content-Bild. Hier können Sie sowohl Bilder in Originalgröße einbinden (s. Content-Bilder (in Originalgröße, nicht animiert)), als auch ein Miniaturbild als Link zu einem größeren Vorschaubild (s. Content-Bilder (skaliert, animiert)). Werden auf einer Webseite mehrere skalierte Content-Bilder eingebunden, so werden die Vorschaubilder als eine Diashow angezeigt.
Wenn Sie eine Menge Bilder haben, die als eine thematische Diashow angezeigt werden können, empfiehlt es sich, dafür eine Bildergalerie anzulegen (s. Bildergalerien).
Auf einer Webseite können diese Methoden selbstverständlich kombiniert werden.
Vorteile und Einschränkungen verschiedener Methoden im Überblick:
| Vorteile | Einschränkungen | |
|---|---|---|
| Bilder im Text | Das Bild wird genau an der (inhaltlich) richtigen Stelle im Text platziert. | Keine Textumfließung möglich. Die Breite des Bildes darf die Breite des Contentbereichs nicht überschreiten. |
| Content-Bilder (in Originalgröße, nicht animiert) | Textumfließung | Bilder können nur oben (rechts oder links) im Contentbereich angezeigt werden. Keine Animation. Für größere Bilder nicht geeignet. |
| Content-Bilder (skaliert, animiert) | Textumfließung, animierte Anzeige eines größeren Vorschaubildes (Breite 550 Pixel) und bei mehreren Bildern - einer Diashow, automatische Skalierung des Originalbildes (Erstellung der Miniaturbilder und eines Vorschaubildes beim Hochladen des Originalbildes). Attraktive Optik. | Miniaturbilder können nur oben (rechts oder links) im Contentbereich angezeigt werden. |
| Bildergalerie (ohne Kommentare) | Eine kompakte Anzeige der ersten drei Miniaturbilder in der rechten Spalte. Beim Anklicken eines der Miniaturbilder - animierte Anzeige aller Bilder in Originalgröße (Diashow). | Anzeige ohne Kommentare. |
| Bildergalerie (mit Kommentaren) | Eine Übersichtsseite mit automatisch erstellten Miniaturbildern und Bildbeschreibungen im Contentbereich. Animierte Anzeige aller Bilder in Originalgröße (Diashow). |
Service-Funktionen
Suche auf der Website http://www.cedis.fu-berlin.de
Lerneinheiten
