Webseiten erstellen mit CHEETAH
Ein erster Blick auf den drag’n drop Sitebuilder „Cheetah“ (2)
Dass es sich hierbei um ein Template handelt, erkennen Sie unter anderem daran, dass die meisten Texte nur als Platzhalter angelegt sind („Lorem ipsum dolor…“). Auch fehlen oftmals Verlinkungen (z. B. über Buttons) und auch E-Mail-Formulare und Mitteilungsboxen sind i. d. R. noch nicht konfiguriert. Bedenken Sie aber, dass Sie alle die Webseiten ausmachenden Elemente später im Editor anpassen, Texte und Bilder austauschen und auch alle Elemente in ihrer Position und Größe ändern bzw. auch löschen können. Und selbstverständlich können Sie auch neue Elemente in Ihre zukünftigen Webseiten nach Belieben einfügen. Wenn Ihnen also die Vorlage zusagt, dann schließen Sie das Vorschaufenster wieder und drücken auf der Vorlagenauswahlseite auf den Button „Wählen Sie dies aus“. Die Vorlage wird nach Bestätigung augenblicklich in den Sitebuilder geladen und es wird Ihnen auch sofort die Seitenübersicht der neuen Website angezeigt. In diesem Fall enthält das Template explizit vier Webseiten mit den Namen „HOME“, „ABOUT“, „SERVICES“ und „STORE“. Und selbstverständlich können Sie bei Bedarf weitere Webseiten hinzufügen. Dafür stehen die Kacheln „+ NEUE SEITE HINZUFÜGEN“ und „+ NEUE SEITE HINZUFÜGEN TURBO“ zur Verfügung. Bei Letzterer können Sie eine spezielle Themenvorlage auswählen und diverse Einstellungen vornehmen.
Wenn Sie oben links in der Hauptmenüzeile mit dem Mauszeiger auf „Zuhause“ („Home“) klicken (oder ganz links auf das „Builderall-Logo“), dann gelangen Sie wieder auf die uns schon bekannte Website-Ansicht, auf der nun unter „Veröffentlicht“ Ihre neue Website angezeigt wird. Um wieder zurück in die Webseitenansicht zu gelangen, brauchen Sie hier nur auf die Schaltfläche „SEITE BEARBEITEN“ klicken – was Sie im Fall der „Homepage“ auch gleich einmal tun sollten…
Die Webseitenansicht besteht im Wesentlichen aus drei Bereichen. In der Mitte finden Sie alle einzelnen Webseiten (hier insgesamt vier), aus der Ihre Website z. Z. besteht. Das sind die Seiten „ZUHAUSE“ („Home“), „ÜBER“ (‚About“), „Dienstleistungen“ („Services“) und „GESCHÄFT“ („Store“). Außerdem befinden sich hier noch rechts oben im „Hauptmenü“ die farbigen Schaltflächen „NEUE SEITE HINZUFÜGEN“, „VERÖFFENTLICHUNG AUFHEBEN“ (bzw. „VERÖFFENTLICHEN“) und (eventuell) „NEU VERÖFFENTLICHEN“. Außerdem gibt es hier die Möglichkeit, über „Home“ bzw. über einen Klick auf das Cheetah-Logo wieder auf die „Website“ - Ansicht zu wechseln.
Hinweis: Ändern Sie als in der Website-Ansicht über das Dreipunkte-Menü „Einstellungen“ den Titel der Website von „My Cheetah website“ in (z. B.) „Mein Friseurladen“. Auch sollten Sie erst einmal die Veröffentlichung der Website aufheben. Danach wechseln Sie wieder in die Seitenansicht der Website und ändern dort die Seitenbezeichner der drei automatisch angelegten Seiten (Dreipunkte-Menü – Einstellungen – Name). Übrigens, wenn Sie einen der Webseiten-Wizards verwenden, werden diese Informationen bereits beim Anlegen der Website abgefragt.
Weiterhin finden Sie auf dieser Seite noch eine Funktion, mit der Sie die Seitenansicht umsortieren können („Sortieren“) sowie eine Suchfunktion, die immer dann nützlich ist, wenn Ihre Website aus sehr vielen Einzelseiten besteht. Mit jedem Buchstaben, den Sie dort eingeben, wird die Ansicht entsprechend dem Seitennamen gefiltert und es werden nur noch die Webseiten angezeigt, die den Suchkriterien genügen (ausprobieren!).
Die Schaltfläche „Memberbereich erstellen“ dient dazu, der Website einen sogenannten „Mitgliederbereich“ hinzuzufügen, auf dem nur bestimmte Personengruppen (die Sie natürlich festlegen können) Zugriff haben. Solche „Mitgliederbereiche“ sind Ihnen sicherlich schon auf vielen Homepages aufgefallen, die dafür im Menübereich häufig eine Schaltfläche mit dem Bezeichner „LogIn“ zur Verfügung stellen. Unser „Barbershop-Template“ enthält jedoch keinen solchen Mitgliederbereich. Denn wenn einer vorhanden wäre, dann wäre die entsprechende Seite – wie folgender Screenshot zeigt – im Bereich „Memberbereiche“ der Webseitenansicht gelistet:
Ein sehr umfangreicher Menübereich befindet sich am linken Bildschirmrand des Sitebuilders. Dieses können Sie über die äußerst linke Schaltfläche des Hauptmenüs ein- bzw. ausklappen. Mit den darin angebotenen Funktionen werden wir uns später noch ausführlich beschäftigen. Zuvor wollen wir aber eine Seite der Website „Friseurladen“ in den eigentlichen Editor laden um zu schauen, wie sie uns dort dargestellt wird und was man dort im Prinzip so alles damit machen kann. Klicken Sie dazu auf der Seite „ZUHAUSE“ („Home“, wenn Sie den Seitennamen noch nicht geändert haben) auf die Schaltfläche „SEITE BEARBEITEN“:
Und so sieht er aus, der „Cheetah“ drag’n drop responsive Sitebuilder mit der im Editiermodus geladenen Homepage unseres Barbershop-Templates!
Tipp: Wenn Sie diese Seite zum ersten Mal aufblenden, dann sollten Sie kurz die angebotene „Tour“ einmal durchlaufen, in der Ihnen die wichtigsten Bereiche und Funktionen des Sitebuilders kurz vorgestellt werden.
In der Mitte sehen Sie in seiner ganzen Pracht die Homepage des Barbershop-Templates. Das ist der Bereich, den man als „Editorfenster“ bezeichnet, weil darin das „Zusammenbauen“ und „Gestalten“ der Webseite erfolgt. Darüber befindet sich das Hauptmenü des Editors und rechts (bei kleinen Bildschirmen ein- und ausklappbar) das sogenannte Randmenü mit der Banner- und Elementepalette (unter dem Tab „Neu“). In diesem Bereich werden außerdem alle „Eigenschaften“ eines im Editor markierten (= „fokussierten“) Elements angezeigt, sodass Sie sie dort bequem geändert werden können. Weiterhin finden Sie hier noch einen Reiter für eigene Banner- und Elementevorlagen.