Der schnelle Weg zur eigenen Website und zum eigenen Blog
Wenn Sie auf die beschriebene Weise ein Element auswählen, dann beachtenSie, dass Sie immer erst das Stiftsymbol im Kopfmenü des selektierten Elementsdrücken müssen, um die Seite „Einstellungen“ im Randmenü zu aktualisieren.Von allen dort angezeigten Kategorien ist die Kategorie „Erweitert (und Mobil)die bei weitem wichtigste. Um das zu erkennen, fokussieren Sie beispielsweiseeinmal auf den „Salvador Dali – Spruch“, drücken dort im Kopfmenü auf dasStift-Icon und beobachten was passiert, wenn Sie in der Kategorie „Erweitert(und Mobil) die einzelnen Schieberegler betätigen. Ich glaube, man muss dannnicht mehr viel dazu sagen…Wenn Sie dagegen die Schriftgröße in der Smartphone-Ansicht ändern möchten,dann können Sie das über die „Globalen Schrifteinstellungen“ tun. Jede„hn“-Überschrift (und natürlich auch die Absatzschriftart) besitzt einen Schieberegler„Schriftgröße Mobil“, über den Sie stufenlos die Größe aller mit derentsprechenden Überschrift formatierten Texte global (!) ändern können. Dasbedeutet, dass diese Schriftgrößenänderung ALLE Webseiten der in aktuell inBearbeitung befindlichen Website betrifft (also auch die Seiten „ABOUT“,„STORE“ usw.).57
HINWEIS: Vermeiden Sie es tunlichst, die anderen Schrifteigenschaften zu ändern.Denn diese Änderungen (z. B. Schriftart und Zeilenabstand) haben auchAuswirkungen auf die Desktopvariante!Weiterhin kann es nützlich sein, einzelne Elemente, die für die Desktop-Variante relevant sind, beim Smartphone nicht anzuzeigen. Wie Sie aber sicherlichbereits beobachtet haben, fehlt hier allen Elementen der „Papierkorb“. Löschenist also offensichtlich nicht möglich. Sie können aber stattdessen ein ausgewähltesElement immer „verbergen“ – das „durchgestrichene Auge“, wie Siebereits wissen… In diesem Fall wird das Element zwar nicht mehr in der mobilenAnsicht dargestellt, in der Desktopansicht aber schon (es sei denn, Sie habenes auch dort unsichtbar gemacht).Wenn Sie in der Smartphone-Ansicht bestimmte Elemente anzeigen möchten,in der Desktopvariante jedoch nicht, dann legen Sie diese Elemente in derDesktopvariante an und verbergen sie dort. In der mobilen Ansicht sind siedann trotzdem sichtbar.In unserem Beispiel macht es beispielsweise Sinn, das gesamte vorletzte Bannermit den drei Logos auszublenden. Und das sollten Sie jetzt auch gleich einmaltun…Weiterhin kommt es vor, dass man die einzelnen Elemente in der Smartphone-Variante in einer anderen Reihenfolge innerhalb ihres Containers (d. h. gewöhnlichdem Banner, auf dem sie liegen) anordnen möchten. Auch das istleicht über die Umsortierungsfunktion (Kategorie „Order Panels“ in den Banner-Eigenschaften)möglich. Das „Umsortieren“ hat dabei natürlich nur Auswirkungenauf die mobile Ansicht. Wenn Sie jedoch ganze Banner verschieben, sogeschieht das simultan zugleich auch in der Desktopvariante. Das müssen Sieauf jeden Fall beachten, um nicht irgendwelche Überraschungen zu erleben(deshalb ist es ja auch so wichtig, ab und an einmal die Vorschau zu bemühen).In „Cheetah“ kommt es oft vor, dass sich Elemente überdecken. Das ist auchganz normal. Man muss sich das wie einen Kartenstapel vorstellen, in der die„Karten“ in Art einer z-Reihenfolge von „unten“ nach „oben“ angeordnet sind.Diese Reihenfolge dieser „Layer“ wird vom Editor i. d. R. automatisch festgelegt58
- 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 68 und 69: Übrigens, wenn Sie die Vorlage nic
- 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
- Seite 118 und 119: Nachdem Sie sich Gedanken gemacht h
HINWEIS: Vermeiden Sie es tunlichst, die anderen Schrifteigenschaften zu ändern.
Denn diese Änderungen (z. B. Schriftart und Zeilenabstand) haben auch
Auswirkungen auf die Desktopvariante!
Weiterhin kann es nützlich sein, einzelne Elemente, die für die Desktop-
Variante relevant sind, beim Smartphone nicht anzuzeigen. Wie Sie aber sicherlich
bereits beobachtet haben, fehlt hier allen Elementen der „Papierkorb“. Löschen
ist also offensichtlich nicht möglich. Sie können aber stattdessen ein ausgewähltes
Element immer „verbergen“ – das „durchgestrichene Auge“, wie Sie
bereits wissen… In diesem Fall wird das Element zwar nicht mehr in der mobilen
Ansicht dargestellt, in der Desktopansicht aber schon (es sei denn, Sie haben
es auch dort unsichtbar gemacht).
Wenn Sie in der Smartphone-Ansicht bestimmte Elemente anzeigen möchten,
in der Desktopvariante jedoch nicht, dann legen Sie diese Elemente in der
Desktopvariante an und verbergen sie dort. In der mobilen Ansicht sind sie
dann trotzdem sichtbar.
In unserem Beispiel macht es beispielsweise Sinn, das gesamte vorletzte Banner
mit den drei Logos auszublenden. Und das sollten Sie jetzt auch gleich einmal
tun…
Weiterhin kommt es vor, dass man die einzelnen Elemente in der Smartphone-
Variante in einer anderen Reihenfolge innerhalb ihres Containers (d. h. gewöhnlich
dem Banner, auf dem sie liegen) anordnen möchten. Auch das ist
leicht über die Umsortierungsfunktion (Kategorie „Order Panels“ in den Banner-Eigenschaften)
möglich. Das „Umsortieren“ hat dabei natürlich nur Auswirkungen
auf die mobile Ansicht. Wenn Sie jedoch ganze Banner verschieben, so
geschieht das simultan zugleich auch in der Desktopvariante. Das müssen Sie
auf jeden Fall beachten, um nicht irgendwelche Überraschungen zu erleben
(deshalb ist es ja auch so wichtig, ab und an einmal die Vorschau zu bemühen).
In „Cheetah“ kommt es oft vor, dass sich Elemente überdecken. Das ist auch
ganz normal. Man muss sich das wie einen Kartenstapel vorstellen, in der die
„Karten“ in Art einer z-Reihenfolge von „unten“ nach „oben“ angeordnet sind.
Diese Reihenfolge dieser „Layer“ wird vom Editor i. d. R. automatisch festgelegt
58