Bilder einfügen

Voraussetzung für diese Lektion ist, dass die Bilder in der richtigen Grösse bei der Dateiverwaltung in eine Gruppe hochgeladen wurde. Sollte das Bild bei der definitiven Ansicht im Browser etwas zu gross oder zu klein erscheinen, sollte dieses am idealsten in einem Bildbearbeitungsprogramm wie z.B. Photoshop Elements auf die richtige Grösse gebracht und noch einmal hochgeladen werden.

Gehen Sie mit dem Cursor an die Stelle, wo Sie das Bild einfügen möchten. Klicken Sie danach in der zweiten Symbolleiste auf das Icon mit dem Bäumchen.

Hiermit öffnet sich ein neues Fenster in einem Popup (Achtung es muss unbedingt der Popupblocker deaktiviert sein!). Klicken Sie auf das Feld "Durchsuchen" und es öffnet sich noch einmal ein Fenster mit den hochgeladenen Bilder.

Wenn Sie nun gleich zuvor in der Dateiverwaltung das Bild hochgeladen haben, wird es ganz oben erscheinen und die Auswahl fällt Ihnen nicht schwer.

Wenn Sie bereits sehr viele Bilder hochgeladen haben und nicht ein Bild nehmen wollen, welches Sie eben hochgeladen haben, können Sie nun unter "Gruppe" diejenige Bildgruppe auswählen, in welcher sich das Bild befindet und auf das Icon mit der Lupe klicken. So werden nur diejenigen Bilder angezeigt, welche sich in der ausgewählten Gruppe befinden. Natürlich haben Sie auch die Möglichkeit, über "Suchwort" ein Wort anzugeben, welches Sie glauben dem Bild zugewiesen zu haben und dann ebenfalls auf das Icon mit der Lupe klicken.

Wir klicken nun aber auf das erste Bild und gelangen wieder auf das vorgängige Fenster zurück.

Wenn wir nun "Einfügen" klicken, wird das Bild an der Stelle eingefügt, wo Sie zuvor den Cursor hatten.

Damit der Text "Hier eine Auswahl..." unten angezeigt wird, setzen wir den Cursor vor "Hier" und fügen eine Zeilenschaltung (einen "Enter") ein..

In diesem Beispiel wollen wir aber das Bild auf der rechten Seite haben. Wir markieren das Bild und klicken noch einmal auf das Icon mit dem Bäumchen. So öffnet sich wieder das Popup mit dem Bild. Wir wechseln nun auf das Register "Erscheinungsbild" und vergeben folgende Eigenschaften:

• Ausrichtung: Rechts
• Vertikaler Raum 5
• Horizontaler Raum 5
• Rahmen 0

Im Moment wo wir diese Eigenscharten einfügen und auf das nächste Feld gehen, wird auch gleich links angezeigt, wie das Bild in den Text eingefügt wird. Einen "Raum" vergeben wir, damit der Text nicht gleich unmittelbar bei Bild beginnt, sondern noch etwas Zwischenraum zwischen Bild und Text besteht.

Wenn Sie nun allenfalls einen Link auf ein Bild setzen möchten, müssen Sie unbedingt bei "Rahmen" noch eine "0" eintragen. Somit wird das verlinkte Bild ohne Rahmen angezeigt. Es ist deshalb vorteilhaft, gleich im selben Moment auch den Rahmen mit dem Wert "0" zu vergeben, womit Sie später einen Arbeitsgang weniger haben.

Oben links ein verlinktes Bild ohne Rahmen und rechts eines mit Rahmen - also ohne den Wert "0" bei "Rahmen".

Bildwechsel einfügen

Um etwas Überraschungseffekte zu erreichen, gibt es eine wunderbare Möglichkeit unter dem Register "Erweitert" einen Bildwechsel einzufügen.

Aktivieren Sie das Feld "Alternatives Bild" und geben Sie nachfolgend ein weiteres Bild oder sogar zwei weitere Bilder an, indem Sie auf das Icon "Durchsuchen" gehen. Das erste Bild wird dann angezeigt, wenn Sie mit der Maus auf das Bild kommen, das zweite Bild wird angezeigt, sobald Sie mit der Maus wieder vom Bild weg gehen. Achtung: Voraussetzung für einen Bildwechsel ist dieselbe Grösse der jeweiligen Bilder!

Diese Informationen als PDF

Dieser Artikel mit dem Stand vom 11:55, 23. Mär 2009 (CET) steht auch als PDF Einfügen_von_Bildern.pdf zur Verfügung.