Der schnelle Weg zur eigenen Website und zum eigenen Blog
Übrigens, wenn Sie die Vorlage nicht mehr benötigen (auch in Zukunft nicht),dann können Sie diese selbstverständlich wieder löschen. Sie war dann haltnur eine „temporäre Vorlage“…Wenn Sie möchten, können Sie als Übung auch einmal das Menü-Einzelelementder Startseite als temporäre Vorlage speichern und anschließend nach der gleichenMethode auf den drei anderen Webseiten austauschen. Nur hier müssenSie (zum ersten Mal) die drag’n drop – Methode, die dem „Cheetah“ Sitebuilderseinen Namen gab, verwenden.Also speichern Sie das bereits angepasste Hauptmenü als „M Hauptmenü Friseursite“und wechseln Sie anschließend wieder auf die „About“ – Webseite.Dort können Sie erst einmal das Hauptmenü im Header löschen. Anschließendöffnen Sie im rechten Randmenü die Seite „Vorlagen“ und darin die Kategorie„Elemente“ hier finden Sie das eben gespeicherte „Menü-Element“ wieder, nurdass das „+“ zur Auswahl fehlt.Und jetzt kommt das „drag’n drop“ ins Spiel, d. h. Sie „greifen“ es sich mit derMaus, in dem Sie den Mauszeiger darauf halten und dann mit gedrückter linkerMaustaste auf die ungefähre Position der Webseite ziehen, wo Sie es schließlichablegen wollen (Maustaste loslassen). Dabei werden Ihnen etwaige Containerelemente– beispielsweise Bannern und Boxen – mit einer hellblauen Be-55
grenzung hervorgehoben, damit Sie auf diese Weise besser erkennen können,wo genau Sie das Element ablegen.Genau auf diese Weise werden übrigens alle Elemente (mit Ausnahme vonBannern) von der Elementepalette des Randmenüs auf die Webseite im Designerübertragen. Diese Methode ist für den „Cheetah“ Sitebuilder fundamental.Sie sollten jetzt als Übung die Friseur-Website nach dem eben ausführlich beschriebenenMethoden Seite für Seite fertigstellen. Schauen Sie sich auch abund an die Vorschau an, um zu sehen, wie später einmal die Webseiten im Netzausschauen werden.Wenn man mit der Desktop-Variante der Website fertig ist, gilt es nun nurnoch die Smartphone-Variante auf Vordermann zu bringen. Selbst wenn mandarauf verzichtet (was man nicht tun sollte), so sieht sie in der Vorschau dochschon recht passabel aus. Selbst die Animationseffekte des Templates funktionierengenau wie gewollt…Um in den „Smartphone“-Modus zu gelangen, klicken Sie im Editiermodus obenlinks auf das Smartphone-Symbol. Jetzt sehen Sie im Editor die (schmale)Smartphone-Variante, die aus der Desktop-Variante von „Cheetah“ automatischabgeleitet wurde. Diese können Sie jetzt bearbeiten, wobei alle Änderungen,die Sie hier vornehmen, (meistens) keinen Einfluss auf die Desktopvariantehaben (umgekehrt schon).Klicken wir ein bisschen herum. Genauso wie in der Desktopvariante könnenSie auch hier einzelne Elemente fokussieren, wobei das Randmenü nur dessen,nun smartphonerelevanten Eigenschaften, anzeigt. Um einen Banner auszuwählen,müssen Sie auf den linken Rand der Ansicht achten, der, wenn dieMaus die Smartphone-Ansicht berührt, in Bannerlänge durch ein schmalesRandrechteck ausgezeichnet wird. Wenn Sie in dieses Rechteck klicken, erscheintdas Kopfmenü des entsprechenden Banners.56
- 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 62 und 63: Damit ist das Kontaktformular erst
- Seite 64 und 65: derungen am Header oder Footer vorn
- Seite 66 und 67: Wir brauchen hier also nichts weite
- 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
- Seite 112 und 113: Letzte Arbeiten und Veröffentlichu
- Seite 114 und 115: ÜberschriftenstrukturSowohl für d
- Seite 116 und 117: Weiterhin ist in Hinsicht auf SEO w
grenzung hervorgehoben, damit Sie auf diese Weise besser erkennen können,
wo genau Sie das Element ablegen.
Genau auf diese Weise werden übrigens alle Elemente (mit Ausnahme von
Bannern) von der Elementepalette des Randmenüs auf die Webseite im Designer
übertragen. Diese Methode ist für den „Cheetah“ Sitebuilder fundamental.
Sie sollten jetzt als Übung die Friseur-Website nach dem eben ausführlich beschriebenen
Methoden Seite für Seite fertigstellen. Schauen Sie sich auch ab
und an die Vorschau an, um zu sehen, wie später einmal die Webseiten im Netz
ausschauen werden.
Wenn man mit der Desktop-Variante der Website fertig ist, gilt es nun nur
noch die Smartphone-Variante auf Vordermann zu bringen. Selbst wenn man
darauf verzichtet (was man nicht tun sollte), so sieht sie in der Vorschau doch
schon recht passabel aus. Selbst die Animationseffekte des Templates funktionieren
genau wie gewollt…
Um in den „Smartphone“-Modus zu gelangen, klicken Sie im Editiermodus oben
links auf das Smartphone-Symbol. Jetzt sehen Sie im Editor die (schmale)
Smartphone-Variante, die aus der Desktop-Variante von „Cheetah“ automatisch
abgeleitet wurde. Diese können Sie jetzt bearbeiten, wobei alle Änderungen,
die Sie hier vornehmen, (meistens) keinen Einfluss auf die Desktopvariante
haben (umgekehrt schon).
Klicken wir ein bisschen herum. Genauso wie in der Desktopvariante können
Sie auch hier einzelne Elemente fokussieren, wobei das Randmenü nur dessen,
nun smartphonerelevanten Eigenschaften, anzeigt. Um einen Banner auszuwählen,
müssen Sie auf den linken Rand der Ansicht achten, der, wenn die
Maus die Smartphone-Ansicht berührt, in Bannerlänge durch ein schmales
Randrechteck ausgezeichnet wird. Wenn Sie in dieses Rechteck klicken, erscheint
das Kopfmenü des entsprechenden Banners.
56