Texte und Bilder auf einer Seite

Der Editor hat sich im neuen Design geringfügig geändert - aber die Arbeitsschritte sind gleich, so auch die Piktogramme des Editors:



Es gib drei Möglichkeiten eine Seite mit Bildern und Text zu gestalten:

1. Vorlagen:

Hierzu muß eine neue Seite ersellt werden, da auf vorhandenen Seiten - bei der Anwendung von Vorlagen im Nachhinein alles gelöscht wird.
Dann klickt mann auf den Vorlagen-Assistenten im Editor - siehe Bild

hierauf öffnet sich das Fenster mit den Vorlagen:





Hier kann man eine Vorlage auswählen - dann öffnet sich wieder ein Fenster.




Hier kann man durch klicken mit der rechten Maustaste auf das noch nicht vorhandene Bild das kleine Fenster - dort klickt man auf Bild Eigenschaften - daraufhin öffnet sich wieder ein Fenster:





Jetzt muß man den Bildlink haben - den findet man unter Bildeigenschaften - hier nochmal nachzulesen - dort steht auch die Bildgröße - dies alles einfügen - das Bild fügt sich dann automatisch ein - auf OK klicken und die Seite mit Bild und Text ist fertig.


2. Alles in eine Tabelle einfügen

Auch wieder im Editor - bei dieser Variante auf das Tabellen-Symbol klicken:




Dann öffnet sich das Fenster, indem man die Tabelle konfigurieren kann:




Die Größe, Spalten und Reihen werden festgelegt - man kann auch gleich eine Zentrierung festlegen. Dann auf OK klicken und die Tabelle ist im Editor,




Jetzt einfach am gewünschten Punkt in die Tabelle klicken und die Bilder eifügen - am besten sieht es aus, wenn alle Bilder die gleiche Größe haben. Dann können Sie daneben den Text eingeben.



Dann die Seite editieren. MAn kann auch im Quellcode den Tabellenrand auschalten in dem der Befehl border="1" auf 0 gestellt wird.

Noch ein Trick sollen Codes in die Tabelle eingefügt werden - schreibt man am besten - einen Text in die Tabelle zB. Code 1 - Bild 1 - Text kann man gleich reinschreiben - dann sieht man im Quelltext, wo Code 1 steht - Code 1 markieren wir mit der Maus und fügen mit STRG V den vorher gespeicherten Code ein.

2. Durch HTML - Programmierung




<img src="BILDLINK.jpg" style="float:left" alt="" />Der Text neben der Grafik


  Der Text neben der Grafik








Das sieht dann so aus.