Schnelleinstieg "Cheetah"

Arbeiten mit dem Webseiteneditor

SCHNELLEINSTIEG CHEETAH

Überschriften verwenden und konfigurieren

Wenn Sie von Anfang an eine Webseite ohne Verwendung eines Templates erstellen, dann sollten Sie immer zuerst mit der Konfiguration der Schriftarten der zu verwendenden Überschriften und Absätze beginnen. Gerade für SEO ist es wichtig, die Textbestandteile einer Webseite durch eine klare Gliederung von Überschriften unterschiedlicher Hierarchiestufen hervorzuheben. Dazu dienen die Header H1 bis H6 sowie der Abschnittstext P.  Sie sollten sich in Schriftgröße, in der Schriftart und eventuell in den Schriftatrributen unterscheiden. Textformatierung heißt hier in erster Linie einem Text oder einer Textzeile einen der vordefinierten Header- bzw. Paragraph-Formate zuzuweisen. 

1. Hinweis: Cheetah stellt nativ bereits eine große Anzahl von Schriftarten zur Verfügung. Sie können aber auch externe Schriftarten installieren, soweit die entsprechenden Dateien die Extension ".ttf", ".woff" oder ".woff2" aufweisen.

Der Einstellbereich für die Header-Schriften findet sich im rechten Randmenü unter "Seite" - "Schriftart". An dieser Stelle können die Header-Attribute H1 bis H6 sowie der Abschnitts-Standardtext (Text-Absatz) sowohl für die Desktop-Variante als auch für die Smartphone-Variante konfiguriert werden.

Wie Sie extern erworbene Fonts in den Builderall Cheetah Sitebuilder einbinden und verwenden, erfahren Sie hier...

Jede Art von Überschrift besitzt im Randmenü einen Block, welcher mit einer Schriftprobe (entspricht bezüglich der Schriftgröße der Desktop-Variante) beginnt und darunter Einstellmöglichkeiten für Schriftart, Schriftgröße (Desktop, Smartphone) und Farbe bietet. 
Nachdem Sie sich Gedanken gemacht haben, welche Schriftarten am besten zu Ihrer geplanten Webseite passen, sollten Sie in dem hier vorgestellten Dialog die Überschriften entsprechend konfigurieren. Wenn Sie beim Formatieren der Webtexte später der Versuchung widerstehen, die im Texteditor angebotenen Formatierungsbefehle aktiv zu nutzen - oder anders ausgedrückt - nur die nativen H1 bis H6 - Überschriften und das P-Attribut verwenden, dann haben Änderungen in diesem Dialog instantan Auswirkungen auf die Texte der gesamten Webseite. Das bedeutet, Sie können später einfach durch Änderung der Schriftattribute in diesem Dialog die direkte Auswirkung auf das Aussehen der Webseite begutachten. 

Hinweis: Achten Sie auf eine logische hierarchische Struktur ihrer Überschriften auf der Webseite, da dies SEO-relevant ist (On-Page SEO). Eine Webseite sollte dabei immer nur eine H1-Überschrift enthalten und die anderen Überschriften niederer Hierarchien in einem guten Verhältnis zum Text stehen. Achten Sie auch darauf, dass keine Lücken im Hierachiebaum der Überschriften entstehen (also beispielsweise wie hier: H1-H2-H4-H4-H2-H3). 

Animationseffekte bei Schriften

Texte lassen sich mit einer Vielzahl von Animationseffekten ausstatten, die hier einmal kurz vorgestellt werden sollen. Sie lassen sich einmalig nach Zeit, im Moment des Sichtbarwerdens, bei einem Klick mit der Maus oder wenn man mit der Maus den Text berührt (Hover), aktivieren. Weiterhin lässt sich deren "Geschwindigkeit" in drei Stufen einstellen. Die folgende kleine Auswahl gibt jeweils den Namen des Effekts an, welcher bei "Hover" in der Geschwindigkeitsstufe "slow" angezeigt wird. 

none

flash

pulse

shake

headShake

wobble

bounce

rubberBand

Das Handling der Übernahme von Schriften auf die Webseite im Editor ist letztendlich wieder ganz einfach. Sie wecheln im Randmenü in den Bereich "Neu" und "Elemente" und öffnen dort die Kategorie "Text". Es werden Ihnen dann alle Header-Vorlagen sowie die Textabschnittsvorlage in der von Ihnen zuvor eingestellten Form aufgelistet und Sie können dann wie gewohnt einfach mit der Maus eine der Vorlagen auswählen und per drag'n drop in die Webseite ziehen. Anschließend brauchen Sie nur noch den Vorgabetext durch ihren eigenen zu ersetzen.

Tipp: Bereiten Sie längere Texte zuvor in einem Texteditor (z. B. Wordpad) vor und fügen ihn dann über die Zwischenablage ein.

-  Cheetah-Einstieg: -

Startseite  Anwendungsgebiete  Cheetah-Sitebuilder  Mockup-Studio  Digital-Magazine-Editor  OnPage-SEO  Wordpress  3D-Photo-Editor-Studio  FAQ