Zum Inhalt springen

Sie sind hier:

Download der aktuellen Schulungsunterlage

Diese Überschrift ist die Hauptüberschrift und steht auf jeder Seite als erste Überschrift ganz oben! (Typ: "Standard (H1)")

Stellen Sie sich die Struktur Ihrer Seite als einen in Punktlisten geordneten Textblock vor. Anhand dieser Struktur können sowohl Ihre Besucher als auch eine Suchmaschinen hervorragend die Inhalte Ihres Textes
erfassen.

Die Hauptüberschrift der Seite - Typ "Standard (H1)" muss einmal und darf nur einmal vorkommen! KapitelüberschrifteH2, H3 und H4 dürfen mehrmals vorkommen

Schema: 

  • Standard/H1
    • H2
      • H3 
      • H3 
      • H3
    • H2
      • H3
        • H4
        • H4
    • H2

Dies ist die Kapitelüberschrift zweiter Hierarchie-Ebene (Typ "H2 Normal")



Dies ist die Überschrift dritter Hierarchie-Ebene (Typ "H3 Normal")

Arbeiten mit Texten

Sie können Ihre Texte anhand des sogenannten "Rich-Text-Editors" bearbeiten. 

So können Sie diese fetten durch Klick auf "B/strong"

Sie können diese auch kursiv setzen durch Klick auf "I/em"

Hochstellungen und Tiefstellungen sind ebenso möglich. Nutzen Sie dazu x2 (sup) und x2 (sub).

 

Auch Aufzählungslisten sind möglich.

Ungeordnete Punktlisten:

  • Ebene 1
    • Ebene 2
      • Ebene 3
        • Ebene 4


Geordnete nummerierte Listen:

  1. Punkt 1
  2. Punkt 2
  3. Punkt 3


Zudem können Sie Sonderzeichen einfügen, falls welche benötigt werden. 
∇⊗√‰¾µ≈⇑⇓⇐↵®©¢§¶@ÿ - dazu nutzen Sie das Ω-Symbol in der RTE-Leiste.

Dies ist die Überschrift vierter Hierarchie-Ebene (Typ "H4 Normal")

Dies ist die Überschrift fünfter Hierarchie-Ebene (Typ "H5 Normal")

Zwei Bilder oberhalb des Textes - Anzahl an Spalten: 2

Ist im Reiter Erscheinungsbild "oben mittig/oben links" gewählt und es sind 2 Bilder platziert, so werden diese in einer Größe von 50% der Inhaltsbreite platziert. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Texte und Bilder

Ein Bild oberhalb des Textes - Anzahl an Spalten: 1

Ist im Reiter Erscheinungsbild "oben mittig/oben links" gewählt, so wird das Bild über die ganze Breite des Inhaltes platziert. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Ein Bild oberhalb des Textes - Anzahl an Spalten: 1

Ist im Reiter Erscheinungsbild "oben mittig/oben links" gewählt, so wird das Bild über die ganze Breite des Inhaltes platziert. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

Download der aktuellen Schulungsunterlage



Drei Bilder oberhalb des Textes - Anzahl an Spalten: 3

Ist im Reiter Erscheinungsbild "oben links" und "Anzahl Spalten: 3" gewählt, so werden die Bilder in einer Größe von jeweils 33% der Inhaltsbreite nebeneinander platziert. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 


Bild im Text links

Ist im Reiter Erscheinungsbild "im Text links" gewählt, so wird das Bild in einer Größe von 33% der Inhaltsbreite links im Text platziert und vom Text umflossen.

Die Anzahl der Spalten wird dabei ignoriert! Auch mehrere Bilder werden in nur einer Spalte links untereinander platziert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


Bild im Text rechts

Ist im Reiter Erscheinungsbild "im Text rechts" gewählt, so wird das Bild in einer Größe von 33% der Inhaltsbreite rechts im Text platziert und vom Text umflossen.

Die Anzahl der Spalten wird dabei ignoriert! Auch mehrere Bilder werden in nur einer Spalte links untereinander platziert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


Bild neben dem Text links

Ist im Reiter Erscheinungsbild "neben dem Text links" gewählt, so wird das Bild in einer Größe von 33% der Inhaltsbreite links neben dem Text platziert und *nicht* vom Text umflossen. Der Text bleibt also in seiner Spaltigkeit.

Die Anzahl der Spalten wird dabei ignoriert! Auch mehrere Bilder werden in nur einer Spalte links untereinander platziert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


Bild neben dem Text rechts

Ist im Reiter Erscheinungsbild "neben dem Text rechts" gewählt, so wird das Bild in einer Größe von 33% der Inhaltsbreite rechts neben dem Text platziert und *nicht* vom Text umflossen. Der Text bleibt also in seiner Spaltigkeit.

Die Anzahl der Spalten wird dabei ignoriert! Auch mehrere Bilder werden in nur einer Spalte links untereinander platziert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Problem: Unterschiedliche Bild-Proportionen

Wenn Sie Bilder aus verschiedenen Quellen erhalten, diese auf der Website aber nebeneinander einsetzen müssen, kann es passieren, dass Sie mal hochformatige, querformatige und auch quadratische Bilder miteinander kombinieren müssen. Dies sieht im Normalfall dann so aus – nicht schön: 

Lösung: Der Bild-Editor

Die Lösung: geben Sie allen Vorschaubildern mit ein paar Klicks dasselbe Format. Nutzen Sie dazu den Bild-Editor, den Sie im Reiter "Bilder" unterhalb der Bild-Metadaten finden. 

Klicken Sie auf "Editor öffnen", wählen Sie für die Proportion 3:2, ziehen Sie das Auswahlfenster über die ganze Bildbreite oder wählen Sie sich einen kleineren "spannenden" Ausschnitt aus und klicken Sie abschließend auf "Akzeptieren".

Wiederholen Sie diese Schritte auch für die anderen Bilder in diesem Element. Danach speichern Sie die Seite und das Ergebnis sieht so aus - sauber und einheitlich: 

Übrigens: beschnitten werden hier nur die kleinen Voransichten - wenn Sie auf das Bild draufklicken, bekommen Sie wieder das gesamte Originalbild angezeigt. 




Bleiben Sie doch noch einen Moment –
und abonnieren Sie unseren Newsletter!

Jetzt anmelden!

Bleiben Sie informiert.
Abonnieren Sie unseren Newsletter!

Jetzt anmelden!