Webseiten erstellen mit CHEETAH
Webseiten werden in "Cheetah" aus Banner aufgebaut (1)
Um folgende Ausführungen nachvollziehen zu können, legen Sie bitte zuerst eine neue Website „Übung 1“ aus einer LEEREN VORLAGE an und öffnen Sie dessen automatisch generierte Homepage im „Cheetah“ Webseiteneditor.
Wie eben bereits erläutert, besteht jede mit dem Webbaukasten von „Cheetah“ erstellte Webseite aus einer entsprechenden Anzahl untereinander angeordneter Bandbereiche, die man als "Banner" bezeichnet. Der große Vorteil besteht dabei darin, dass „Cheetah“ bereits eine sehr große Anzahl professionell designter Banner zur Auswahl anbietet, deren jedes einzelne Element (Bild, Video, Text, Button, Strukturelemente etc.) von Ihnen individuell angepasst werden kann. Das betrifft nicht nur deren Größe und Position, sondern prinzipiell alle Eigenschaften, die mit dem entsprechenden Element Sinn machen. Und natürlich können die Elemente dupliziert oder das Banner durch neue Elemente, die in ihrer ursprünglichen Fassung noch nicht vorhanden waren, ergänzt werden.
Derartige Banner können dabei nativ bereits sehr aufwändig gestaltet sein. Und wie gesagt, so wie wir es bereits bei der Arbeit mit Webseiten-Templates gesehen haben, jedes Element auf der Bannervorlage kann beliebig verschoben, in seiner Größe und seinen Eigenschaften verändert und natürlich auch gelöscht werden. Und Sie können natürlich auch selbst weitere Elemente aus der Elementeauswahl des rechten Randmenüs dem Banner jederzeit hinzufügen. Und der Einsatz von Bannern macht natürlich auch Sinn, weil sich damit sehr schnell eine Webseite strukturieren lässt: Eine Kopfzeile mit Hauptmenü, ein Vorstellungsbereich mit einer aussagekräftigen Headline, dann verschiedene inhaltliche Bereiche, dann einen Kontaktbereich mit Kontaktformular und zuletzt vielleicht noch eine Fußzeile mit Impressum und mit Zugriff auf soziale Netzwerke. Ob Sie dabei mit leeren Bannern beginnen oder aus der Bannerauswahl entsprechende Banner auswählen, bleibt dabei natürlich Ihnen überlassen. Und Sie können selbstverständlich auch eigene, von Ihnen in ihrem ganz spezifischen Corporate Design erstellte Banner als „Vorlage“ abspeichern und dann im gleichen oder in anderen Webprojekten immer wieder verwenden, was ggf. eine enorme Arbeitserleichterung und Zeitersparnis darstellen kann.
Wie Sie sicherlich bereits bemerkt haben, sind die Bannervorlagen im Randmenü funktionell organisiert. Hier finden Sie Kategorien wie “1st Fold”, “Business Banners”, “Call to Action”, “Contacts”, “Header”, “Footer”, “Content”, “Pricing Tables” etc. pp. Gehen Sie diese Kategorien einfach einmal durch und laden Sie das Eine oder andere Banner per Click in die Editor-Arbeitsfläche. Dazu brauchen Sie es nur im Randmenü mit der Maus anzuklicken, und schon wird es am Ende Ihrer Webseite angefügt.
Genau wie jedes andere Element im Cheetah-Webbaukasten auch, besitzen Banner ein kleines Kopfmenü, welches sichtbar wird, sobald Sie es im Editor fokussieren (einfach anklicken – Sie dürfen dabei aber kein auf dem Banner liegendes Element erwischen). Mit dem "Papierkorb-Symbol" können Sie jederzeit das komplette Banner wieder löschen und über das „Clone-Symbol“ beliebig vervielfältigen.
Hinweis: Das "Kopfmenü" eines Banners oder eines Elements wird dann sichtbar, sobald der Banner bzw. das entsprechende Element im Editor "fokussiert" (d. h. angeklickt) wird.
Wenn Sie genau hinschauen, dann sehen Sie am unteren Rand genau in der Mitte einen kleinen blauen Kreis. Wenn Sie ihn mit der Maus „anfassen“ und die linke Maustaste gedrückt halten, dann können Sie ganz bequem und stufenlos die Höhe des Banners ändern. Wenn Sie es dagegen pixelgenau haben möchten, dann finden Sie im Einstellbereich für die Bannereigenschaften die Kategorie „Größe“ (eventuell zuvor „Stift-Symbol“ im Kopfmenü des Banners anklicken). Hier können Sie die Bannerhöhe in Pixel direkt eintragen, den Schieberegler bemühen oder, ganz bequem zum Feintuning, die „up and down“ – Tasten des Eingabeelements verwenden.
Dadurch, dass Sie jederzeit die Höhe eines Banners ändern können, ist es beispielsweise kein Problem mehr, nachträglich neuen Text einzugeben oder weitere Elemente einzufügen. Wenn hierzu der Platz nicht mehr ausreicht – einfach die Bannerhöhe vergrößern. Früher hätte das u. U. das Verschieben aller unter dem Text liegenden Elemente auf der Webseite erforderlich gemacht, was bei langen Webseiten schnell zu einer Sisyphos-Arbeit ausarten konnte. In „Cheetah“ werden die darunter liegenden Banner einfach mit nach unten verschoben. Und das war es auch schon.
Angenommen, Sie möchte eine Webseite erstellen, die aus einem werbewirksamen „Vorstellungsbereich“ = „Business-Banner“, einem „Call-to-Action“ – Bereich, einem Bereich, wo sich Ihr Team vorstellt, und einem Footer besteht. Dann sieht „rapid webdesign a la‘ Cheetah“ wie folgt aus: Sie suchen sich in der Bannerauswahl ein passendes „1st Fold“ oder „Business Banner“ aus, dann aus der Kategorie „Call to Action“ ein dazu passendes Design, dann das Gleiche aus der Kategorie „Team“ und schließlich noch einen passenden Footer, wobei Sie das jeweils ausgewählte Banner per Mausklick sofort in den Designer übertragen. Und nun können Sie beginnen – so wie Sie es bereits bei der Verwendung eines kompletten Website-Templates gesehen haben – die Banner und die darauf liegenden Elemente nach Ihren Vorstellungen anzupassen.
Wenn Sie also ganz schnell eine einfache Webseite - z. B. für ein Restaurant - erstellen möchten mit der Möglichkeit, dass sich potentielle Gäste immer über die Tagesangebote per Newsletter informieren lassen können, dann wählen Sie einfach unter "Business Banners" das Banner "Restaurant Banner 3" und anschließend den Footer-Banner "Express Footer" aus. Und siehe da, das Ergebnis sieht schon ganz manierlich aus:
Und wenn Sie sich jetzt noch in der Vorschau die Smartphone-Ansicht anschauen - wirklich fast perfekt!