Der schnelle Weg zur eigenen Website und zum eigenen Blog
Damit ist das Kontaktformular erst einmal erledigt und wir können uns demnächsten Banner widmen, der lediglich drei „Logos“ enthält. Aus Gründen, diegleich einsichtig werden und mehr didaktischer Natur sind, sollten Sie erst einmaldie beiden rechten Template-Logos von der Webseite löschen. Anschließendtauschen Sie das Bild des verbliebenen Logos mit dem entsprechendenLogo, welches wir bereits in das Image-Repository hochgeladen haben auf gewohnteWeise aus. Damit es sich etwas besser vom Untergrund abhebt, könnenwir hier auch gleich die Farbe des Banners entsprechend anpassen. AlsoBanner fokussieren und im rechten Randmenü den Bereich „Allgemeine Farbe“öffnen. Dort klicken Sie in das Feld links neben dem „Farbtropfen“, wodurchsich darunter der Farbeinstellungsdialog (der bei allen Elementen in „Cheetah“gleich aufgebaut ist) öffnet. Dort wählen wir mit der Maus auf dem Farbstreifeneine Grundfarbe aus (z. B. Blau) und bewegen dann im Farbfeld darüber mit derMaus den Auswahlpunkt solange hin und her, bis uns die Bannerfärbung imZusammenspiel mit dem Logo gefällt (die Farbänderung im Editor erfolgt simultanmit der Mausbewegung). Und das war es auch schon. Jetzt brauchen wirnoch zwei Kopien des Logos, um die ursprüngliche Gestaltung des Templateswieder herzustellen. Und jetzt kommt eine weitere Funktion ins Spiel, die Sieschnell lieben lernen: Sie können nämlich ausnahmslos jedes Element im Editor„klonen“. Und das geht so. Sie fokussieren mit der Maus wie gewohnt das Elementund klicken dann im Kopfmenü auf das Klone-Icon – und siehe da,„Cheetah“ erzeugt augenblicklich von dem fokussierten Element (und zwar mitallen Elementen darauf, wenn es sich um ein Banner oder um eine Box handelt)eine 1:1 – Kopie, welches Sie nur noch mit der Maus „anfassen“ und an ihreneue Position verschieben müssen. Und es geht übrigens noch schneller mit49
der bewährten Tastenkombination <Strg><C> („Kopieren“) und <Strg><V>(„Einfügen“).HINWEIS: Was das Klonen eines Banners betrifft, gibt es einen kleinen Unterschied.Die Kopie eines Banners wird generell ganz unten auf die Webseitegesetzt (quasi als „Schlussbanner“) und muss dann über die Funktion „OrderPanels“ in den Panel- Eigenschaften in die gewünschte Position auf der Webseiteverschoben werden.Das „Klonen“ von Elementen im „Cheetah“ Sitebuilder ist übrigens eine Funktion,welche die Webseitenentwicklung enorm beschleunigen kann. Nichts gehtschneller als ein bereits auf der Webseite vorhandenes Element zu klonen (beispielsweiseeine Textbox), es dann mit der Maus an ihre neue Position zu verschiebenund schließlich dessen Eigenschaften über das Randmenü (bzw. demEinstellungsdialog) – wenn nötig – anzupassen.Kommen wir jetzt noch zu zwei speziellen Bereichen einer Webseite, dem„Header“ (quasi der erste Banner einer Webseite, welches in der Regel das„Hauptmenü“ beherbergt) und dem „Footer“, der oft einer Kontaktmöglichkeit(hier Kontaktadresse, Social Media und Newsletter-Bestellung) und dem Impressum/ Datenschutzerklärung vorbehalten ist. Bei sehr großen Webseitenempfiehlt sich an der Stelle des „Footers“ auch eine einfache Menüstruktur zuintegrieren, damit der Besucher nicht erst wieder bis nach oben scrollen muss,nur um eine Folgeseite besuchen zu können.Um Kopf- und Fußbereiche in eine Webseite zu integrieren, bieten sich mit„Cheetah“ zwei verschiedene Strategien an, die hier erst einmal nur kurz Erwähnungfinden sollen. Die einfachste Möglichkeit ist dafür auf der Webseitejeweils ein eigenes Banner zur Verfügung zu stellen. In diesem Template ist dasfür den „Footer“ geschehen, während man das Hauptmenü zwar auch auf denersten Banner angeordnet hat, welcher aber nicht als separater „Header“ designtwurde. Das kann man so machen, wenn man will. Was ist aber, wenn eineWebsite, sagen wir mal aus 20 verschiedenen Unterseiten besteht, deren Headerund Footer aufgrund des Corporate Designs immer gleich aussehen soll? ImPrinzip ist das erst einmal kein Problem, denn man kann ja in „Cheetah“ auchjede Seite klonen. Problematisch wird es erst dann, wenn man nachträglich Än-50
- Seite 12 und 13: HTML-Snippets verwenden ...........
- Seite 14 und 15: Was ist Builderall?Bevor wir uns mi
- Seite 16 und 17: Schwebende Videos Website Click Map
- Seite 18 und 19: Informationen - oft zusammen mit er
- Seite 20 und 21: nicht mehr auf ihrem Dashboard sehe
- Seite 22 und 23: boardbereich), die sich gegenseitig
- Seite 24 und 25: Wenn Sie am Computer eine Textverar
- Seite 26 und 27: erstellte Webseite wiederum kinderl
- Seite 28 und 29: Grundlegendes zu „Webbaukästen
- Seite 30 und 31: Abb.: Ausschnitt aus der umfangreic
- Seite 32 und 33: Online-ShopDas primäre Ziel eine O
- Seite 34 und 35: sich in eine Newsletter-Liste eintr
- Seite 36 und 37: verschiedene Schritte, potenzielle
- Seite 38 und 39: zu erstellen. Da man selbst Vorlage
- Seite 40 und 41: Ein erster Blick auf den drag’n d
- Seite 42 und 43: Und nun müssen Sie sich entscheide
- Seite 44 und 45: Und wenn Sie oben in der Hauptmenü
- Seite 46 und 47: Und so sieht er aus, der „Cheetah
- Seite 48 und 49: ohne weitere Änderungen „brauchb
- Seite 50 und 51: In diesem Modus können Sie - wie S
- Seite 52 und 53: Weiterhin finden Sie bei fast allen
- Seite 54 und 55: das Randmenü einstellen (probieren
- Seite 56 und 57: fügen und an genau die Stelle posi
- Seite 58 und 59: Neben dem eigentlichen Text können
- Seite 60 und 61: te Kontaktformulare nach Ihren Wün
- Seite 64 und 65: derungen am Header oder Footer vorn
- Seite 66 und 67: Wir brauchen hier also nichts weite
- Seite 68 und 69: Übrigens, wenn Sie die Vorlage nic
- Seite 70 und 71: Wenn Sie auf die beschriebene Weise
- Seite 72 und 73: und Sie brauchen sich nicht darum z
- Seite 74 und 75: Außerdem können Sie hier noch ein
- Seite 76 und 77: Webseiten bauen mit „Cheetah“Na
- Seite 78 und 79: Arbeitsschritt HTML- und CSS- Code
- Seite 80 und 81: Webseiten werden in „Cheetah“ a
- Seite 82 und 83: weitere Elemente einzufügen. Wenn
- Seite 84 und 85: Natürlich ist die auf diese Weise
- Seite 86 und 87: SidebarZusätzliche Informationen i
- Seite 88 und 89: Den „Seitenhintergrund“ an sich
- Seite 90 und 91: Unabhängig von der Transparenz kö
- Seite 92 und 93: Jetzt brauchen Sie nur noch eines d
- Seite 94 und 95: zentriert. Das kann das Banner sein
- Seite 96 und 97: Wie man eigene Elemente- und Banner
- Seite 98 und 99: „Rapid Design“ einer ersten Web
- Seite 100 und 101: WordPad öffnen und ganz oder stüc
- Seite 102 und 103: Nun sollten Sie im Eigenschaftenber
- Seite 104 und 105: Damit ist das „Content-Banner“
- Seite 106 und 107: Auf Weiterleitungen und den Einsatz
- Seite 108 und 109: Drei-Punkte-Menü die Seiteneinstel
- Seite 110 und 111: Anpassung der mobilen Version„Che
der bewährten Tastenkombination <Strg><C> („Kopieren“) und <Strg><V>
(„Einfügen“).
HINWEIS: Was das Klonen eines Banners betrifft, gibt es einen kleinen Unterschied.
Die Kopie eines Banners wird generell ganz unten auf die Webseite
gesetzt (quasi als „Schlussbanner“) und muss dann über die Funktion „Order
Panels“ in den Panel- Eigenschaften in die gewünschte Position auf der Webseite
verschoben werden.
Das „Klonen“ von Elementen im „Cheetah“ Sitebuilder ist übrigens eine Funktion,
welche die Webseitenentwicklung enorm beschleunigen kann. Nichts geht
schneller als ein bereits auf der Webseite vorhandenes Element zu klonen (beispielsweise
eine Textbox), es dann mit der Maus an ihre neue Position zu verschieben
und schließlich dessen Eigenschaften über das Randmenü (bzw. dem
Einstellungsdialog) – wenn nötig – anzupassen.
Kommen wir jetzt noch zu zwei speziellen Bereichen einer Webseite, dem
„Header“ (quasi der erste Banner einer Webseite, welches in der Regel das
„Hauptmenü“ beherbergt) und dem „Footer“, der oft einer Kontaktmöglichkeit
(hier Kontaktadresse, Social Media und Newsletter-Bestellung) und dem Impressum
/ Datenschutzerklärung vorbehalten ist. Bei sehr großen Webseiten
empfiehlt sich an der Stelle des „Footers“ auch eine einfache Menüstruktur zu
integrieren, damit der Besucher nicht erst wieder bis nach oben scrollen muss,
nur um eine Folgeseite besuchen zu können.
Um Kopf- und Fußbereiche in eine Webseite zu integrieren, bieten sich mit
„Cheetah“ zwei verschiedene Strategien an, die hier erst einmal nur kurz Erwähnung
finden sollen. Die einfachste Möglichkeit ist dafür auf der Webseite
jeweils ein eigenes Banner zur Verfügung zu stellen. In diesem Template ist das
für den „Footer“ geschehen, während man das Hauptmenü zwar auch auf den
ersten Banner angeordnet hat, welcher aber nicht als separater „Header“ designt
wurde. Das kann man so machen, wenn man will. Was ist aber, wenn eine
Website, sagen wir mal aus 20 verschiedenen Unterseiten besteht, deren Header
und Footer aufgrund des Corporate Designs immer gleich aussehen soll? Im
Prinzip ist das erst einmal kein Problem, denn man kann ja in „Cheetah“ auch
jede Seite klonen. Problematisch wird es erst dann, wenn man nachträglich Än-
50