Bilder einfügen

Natürlich ist es Ihnen auch möglich, eigene Bilder in den Fließtext Ihrer Seite einzufügen. Für diesen Zweck haben Sie den Bild-Button, welcher ein entsprechendes Dialogfenster öffnet.

Wenn Sie ein Bild einfügen möchten, gehen Sie bitte folgendermaßen vor:

1. Cursor setzen

Setzen Sie zuerst den Cursor (blinkender Balken / Mausklick) an die gewünschte Stelle in Ihrem Text, wo das Bild nachher erscheinen soll.

2. Bild-Dialog öffnen

Danach klicken Sie bitte auf den Bild-Button in der Toolbar des Editors. Es sollte sich ein Dialogfenster einblenden, welches über dem Editor schwebt und dem nachfolgenden Bild ähnelt.

3. Bild auswählen / hochladen

Um ein Bild auszuwählen klicken Sie bitte auf den Button Server durchsuchen im Dialogfenster. Diese Aktion sollte ein PopUp mit dem Dateimanager öffnen. Mit diesem können Sie bestehende Bilder auf dem Server auswählen oder neue Bilder in den gewünschten Ordner hochladen. Wie der Dateimanager im Detail funktioniert wurde bereits in Kapitel 6.6 "Inhaltsformulare" > "Dateimanager" erläutert.

4. Alternativer Text

Nachdem Sie ein Bild ausgewählt haben, geben Sie bitte einen beschreibenden Alternativen Text in das entsprechende Feld ein. Dieser sollte den Inhalt oder die Aussage des Bildes beschreiben. Das Feld ist zwar optional, jedoch wird empfohlen, es auszufüllen, da es die Website kompatibler mit sogenannten Screen-Readern macht. Diese verwenden blinde oder visuell eingeschränkte Menschen, um Ihre Website aufzurufen. Außerdem verbessert sich Ihr Suchmaschinen-Ranking, wenn alle verwendeten Bilder einen beschreibenden Alternativ-Text besitzen.

5. optionale Einstellungen vornehmen

Sobald Sie ein Bild ausgewählt haben, können Sie es bereits in der Vorschau des Dialogs mit Blindtext sehen. Nun können Sie noch einige optionale Einstellungen vornehmen, um die Darstellung des Bildes zu beeinflussen.

Größe des Bildes

Um die Größe der Darstellung des Bildes anzupassen, können Sie die Pixel-Werte in den Feldern Breite und Höhe ändern. Wenn Sie einen der Werte ändern, wird der andere entsprechend automatisch berechnet.

Rahmen

Hier können Sie einen beliebigen Pixel-Wert für einen schwarzen Rahmen um das Bild festlegen. Dies wird nicht empfohlen, da es im Widerspruch zum Corporate Design von Haus & Grund steht.

Horizontal- und Vertikal-Abstand

Mit diesen Feldern können Sie dem Bild einen Abstand nach Links und Rechts, bzw. Oben und Unten geben. Dies ist vor allem Sinnvoll, wenn das Bild von Text umflossen wird. Der Text wird dann immer den gewählten Abstand zum Bild einhalten.

Ausrichtung

Mithilfe des Ausrichtungs-Feldes können Sie definieren, ob das Bild den Text trennen soll, oder ob der Text um das Bild herum fließen soll.

Bei der Auswahl nichts verhält sich das Bild wie ein Block und wird nicht vom Text umflossen.

Bei den Auswahlen Links oder Rechts ordnet sich das Bild an die jeweilige Kante des Textes an und wird vom nachfolgenden Text umflossen. Beispiel:

6. Bestätigen und überprüfen

Nachdem Sie alle Einstellungen nach Wunsch vorgenommen haben, klicken Sie bitte auf OK in der unteren rechten Ecke des Dialogfelds um die Bearbeitung abzuschließen.

Sollte die Darstellung des Bildes nicht Ihren Wünschen entsprechen, können Sie mit einem Rechtsklick auf das Bild erneut das Dialogfenster aufrufen, um weitere Einstellungen vorzunehmen.

Das Bild wird anschließend im Editor an der ausgewählten Stelle angezeigt. Beispiel: