Inhaltselement "Text und Bilder"
Oft möchte man nicht nur reinen Text veröffentlichen, sondern hat auch Bilder, die man auf der Website präsentieren möchte. Für diese Aufgabe nutzen Sie das Inhaltselement "Text und Bilder". Erstellen Sie zunächst einen neuen Datensatz unter dem bestehenden Textelement. Wählen Sie wieder die Beispielseite aus und fahren mit der Maus über das von Ihnen erstelle Textelement 1. Beim überfahren mit der Maus tauchen oben im grau hinterlegten Balken 2 des Textelements vier Icons auf. Klicken Sie auf das ganz linke Icon mit dem grünen Plus
3 um einen neuen Datensatz nach dem Textelement zu erstellen.
Die folgende Seite kennen Sie schon vom Erstellen des Textelements. Hier wählen Sie diesmal den Eintrag "Text und Bilder" 4.
Auf der folgenden Seite finden Sie wieder die gleichen Eingabemöglichkeiten wie beim Inhaltselement Text. Geben Sie also wieder eine Überschrift und einen Text in die dafür vorgesehenen Felder ein.
Um nun ein Bild hinzuzufügen, wechseln Sie oben in der Reiterleiste von "Allgemein" auf "Bilder" 5
In der Kategorie "Bilder" haben Sie die Möglichkeit Bilder direkt von Ihrer Festplatte auszuwählen und diese auf den Server zu laden. Klicken Sie dazu auf den Button "Durchsuchen" 6 und wählen ein Bild. Nach dem Sie das Bild ausgewählt haben aktivieren Sie unter "Verhalten" den Haken bei "Bei Klick vergrößern" 7. Dies hat zur Folge das Sie Ihr Bild als kleineres Vorschaubild anzeigen lassen können, um es bei Klick durch den Besucher zu vergrößern.
Zum Schluss wechseln Sie in die Kategorie "Erscheinungsbild" 8. Hier können Sie die Darstellung Ihres Bildes beeinflussen. Unter "Bildeinstellungen" 9 kann die Bildgröße festgelegt werden. Da das im Beispiel verwendete Bild zu groß für eine volle Darstellung ist (und Sie im vorherigen Schritt "Bei Klick vergrößern" gewählt haben) tragen Sie bei "Breite" einen Wert von 200 Pixel ein. Das Feld "Höhe" lassen Sie leer, dies führt dazu das die Höhe des Bildes automatisch berechnet wird (so vermeiden Sie unschön verzerrte Bilder).
Im nächsten Schritt wählen Sie unter "Bildausrichtung" 10 die gewünschte Position des Bildes. Hier haben Sie diverse Möglichkeiten wie z.B. "Oben mittig", "Unten rechts", "Im Text rechts" usw. In diesem Beispiel wählen Sie "Neben dem Text rechts".
Nachdem Sie alle Einstellungen vorgenommen haben, speichern
Sie den neuen Datensatz ab 11.
Um Ihre Eingabe zu kontrollieren, wechseln Sie wieder in das Frontend
und sehen dort Ihren Text mit dem Bild. Klicken Sie auf das Bild, öffnet sich ein neues Fenster mit dem Bild in Originalgröße.
