Bilder

Bilder platzieren Sie meistens in der «Text/Bild-Komponente», im Reiter «Bild».

Die Felder «Bild» und «Alternativer Text» müssen ausgefüllt werden, die restlichen Felder sind optional.

Bild: Pfad zur Bilddatei in den Assets. Klicken Sie auf «Neu wählen» und wählen das gewünschte Bild aus.
Alternativer Text: Text für Screenreader (Accessibility) und Suchmaschinen

Das Bild erscheint nach dem Titel und vor dem Text. Es kann aber auch vom Text «umflossen» werden (float).

Bilder können auch an einer beliebigen Stelle im Text platziert werden, mit dem Button «Bild» im Text-Bereich der Komponente. Dies ist aber nicht empfohlen, da es zu Problemen führen kann. Es ist momentan aber die einzigen Möglichkeit, mehrere Bilder nebeneinander zu platzieren (in einer Tabelle).

Um viele Bilder zu zeigen, gibt es die Komponenten «Bildergalerie» und «Slideshow»-

Aufgabe

Fügen Sie ein Bild ein über den Reiter «Bild».
Verkleinern Sie die Darstellung des Bildes, indem Sie einen Zahlenwert im Feld «Breite» eingeben (ca. 200)
Definieren Sie einen Textumfluss (Float). Damit geben Sie an, ob das Bild vom Text dieser Komponente umflossen werden soll.
Geben Sie einen «Alternativen Text» und eine Bildlegende ein
Testen Sie die Funktion «Popup»