Elemente¶
Elemente helfen dabei, Inhalte effizient zu strukturieren und darzustellen. Sie reichen von textbasierten Komponenten wie Titel, Listen und Texthervorhebungen bis hin zu interaktiven Elementen wie Schaltflächen und Links. Visuelle Elemente wie Bilder, Symbole, Videos und Animationen können ebenfalls hinzugefügt werden, um die Darstellung und Organisation der Inhalte zu verbessern.
Um ein Website-Element hinzuzufügen oder bearbeiten:
Navigieren Sie zur entsprechenden Webseite und klicken Sie auf Bearbeiten.
Klicken Sie auf den Abschnitt der Seite, in dem Sie ein Element hinzufügen oder ändern möchten.
Nehmen Sie die erforderlichen Änderungen vor.
Klicken Sie auf Speichern.
Bemerkung
Die Standardstile für Überschriften, Schaltflächen, Links und Absatztext sind beispielsweise im Reiter Designmotiv des Website-Editors definiert.
Titel¶
Titel definieren Überschriften und organisieren den Inhalt einer Website in verschiedene Ebenen, um Übersichtlichkeit und Struktur zu gewährleisten. Um einen Titel einzufügen, geben Sie /Titel ein, wählen Sie den Überschriftenstil (Überschrift 1, Überschrift 2 oder Überschrift 3) und geben Sie den Text ein.
Tipp
Alternativ können Sie den Text eingeben, ihn markieren und den gewünschten Stil im Abschnitt Inline-Text im Reiter Anpassen des Website-Editors auswählen. In diesem Abschnitt stehen Ihnen auch weitere Formatierungsoptionen wie Schriftarten und Farben zur Verfügung.
Bilder¶
Um ein Bild einzufügen:
Tippen Sie
/Bild.Durchsuchen Sie die Unsplash-Datenbank oder klicken Sie auf Bild hochladen, um eine Datei aus Ihren lokalen Bildern auszuwählen.
Klicken Sie auf Hinzufügen.
Um das Bild anzupassen, klicken Sie auf das Bild und bearbeiten Sie die Optionen im Abschnitt Bild des Website-Editors. Beispiel:
Ersetzen Sie das Bild.
Legen Sie ein Alt-Tag im Feld Beschreibung fest.
Geben Sie einen Titel-Tag in das Feld Tooltipps ein. Dieser Text wird angezeigt, wenn Besucher mit der Maus über das Bild fahren.
Fügen Sie eine Form hinzu. Einige Formen können auch farblich angepasst werden.
Passen Sie die Breite des Bildes an, um beispielsweise die Leistung zu verbessern. Eine kleinere Größe kann empfohlen werden, wenn diese für die Anzeige ausreichend ist.
Ändern Sie die Größe des Bildes mit dem Tool Transformieren.
Passen Sie die Auffüllung an, um Platz (in Pixeln) rund um das Bild hinzuzufügen.
Usw.
Videos¶
Tippen Sie /Video, um ein Video hinzuzufügen, geben Sie die URL ein und aktivieren Sie die gewünschten Optionen:
Automatisch abspielen: um das Video automatisch abzuspielen, wenn die Seite aufgerufen wird. Das Video ist standardmäßig stummgeschaltet.
Schleife: um ein Video in einer Schleife abzuspielen.
Spielersteuerung ausblenden
Vollbild-Schaltfläche ausblenden
Symbole¶
Um ein Symbol einzufügen, geben Sie /Bild ein, wechseln Sie zum Reiter Symbole, wählen Sie ein Symbol aus und klicken Sie auf Hinzufügen. Um ein Symbol zu ändern, klicken Sie darauf und verwenden Sie den Abschnitt Symbol des Website-Editors, um Optionen wie Farbe, Größe, Animationen, Form usw. anzupassen.
Links¶
Links werden verwendet, um verschiedene Seiten und Ressourcen miteinander zu verbinden, Besucher zu leiten und die Navigation zu verbessern. Um einen Link hinzuzufügen, geben Sie /Link ein und geben Sie dann im sich öffnenden Pop-up-Fenster die Linkbeschriftung ein und fügen Sie die URL oder E-Mail hinzu. Geben Sie / ein, um nach einer Seite zu suchen, und #, um einen Link zu einem Anker zu erstellen.
Tipp
Standardmäßig ist das Feld Stil auf Link eingestellt. Wählen Sie einen anderen Stil, um den Link in eine Schaltfläche umzuwandeln.
Listen¶
Listen helfen dabei, Inhalte übersichtlich zu organisieren, Informationen leichter lesbar zu machen und die Struktur von Webseiten zu verbessern. Geben Sie /list ein und wählen Sie aus drei verschiedenen Listentypen: Aufzählungsliste, Nummerierte Liste oder Checkliste.
Texthervorhebungen¶
Hervorhebungen können Titeln und Texten im Abschnitt Inline-Text des Website-Editors hinzugefügt werden. So fügen Sie eine Hervorhebung hinzu:
Markieren Sie den Text oder Titel, den Sie hervorheben möchten.
Klicken Sie im Website-Editor auf Hervorheben.
Wählen Sie den Hervorhebungsstil aus.
Ändern Sie die Farbe.
Wählen Sie die Dicke aus.
Animationen¶
Animationen werden verwendet, um Bausteinen und Website-Elementen wie Bildern und Text Bewegung zu verleihen. Es stehen drei Arten von Animationen zur Verfügung: Beim Scrollen, Beim Erscheinen und Beim Herüberfahren (nur für Bilder).
Um eine Animation zu einem Website-Element hinzuzufügen:
Klicken Sie auf das Element.
Gehen Sie im Website-Editor zum entsprechenden Abschnitt für das Element (z. B. Schaltfläche, Spalte, Inline-Text usw.).
Wählen Sie im Feld Animation die gewünschte Animationsart aus.
Passen Sie die Animationseinstellungen nach Bedarf an. Die verfügbaren Optionen variieren je nach ausgewählter Animationsart.
Animationen beim Scrollen¶
Für Animationen beim Scrollen haben Sie folgende Möglichkeiten:
Wählen Sie Herein, um die Animation hinzuzufügen, wenn das Element in den Bildschirm eintritt, und Heraus, um sie hinzuzufügen, wenn es den Bildschirm verlässt.
Wählen Sie einen Effekt.
Wählen Sie die Richtung des Effekts.
Passen Sie die Intensität des Effekts an.
Fefinieren Sie den Scrollbereich, wobei der erste Wert den Prozentsatz des Bildschirms angibt, der zu Beginn des Effekts angezeigt wird, und der zweite Wert den Prozentsatz am Ende.
Animationen beim Erscheinen¶
Für Animationen beim Erscheinen haben Sie folgende Möglichkeiten:
Wählen Sie zwischen verschiedenen Effekten.
Wählen Sie die Richtung des Effekts.
Wählen Sie einen Auslöser aus, um festzulegen, wann die Animation ausgeführt werden soll: entweder Nur beim ersten Mal oder Jedes Mal.
Passen Sie die Intensität des Effekts an.
Wenn die Animation nach einer bestimmten Anzahl von Sekunden ausgelöst werden soll, geben Sie diese Zahl im Feld Starten nach an.
Wählen Sie eine Dauer für die Animation.
Animationen beim Herüberfahren (nur für Bilder)¶
Animationen Beim Herüberfahren können zu Bildern hinzugefügt werden. Sie können den Effekt der Animation sowie die Farbe und die Strichbreite auswählen.
Siehe auch