Der schnelle Weg zur eigenen Website und zum eigenen Blog
SidebarZusätzliche Informationen in Form von Links, von Zitaten oder von Werbungwird man nicht im Hauptfenster darstellen, sondern in eine rechts oder linksangeordnete Sidebar auslagern. Man kann diese Vorgehensweise besonders oftauf Zeitungs-Webseiten beobachten. Manchmal findet man auf Sidebars auchInformationen und Navigationsmenüs, die auf allen Unterseiten gleich sind.Man beachte aber, dass eine derartige Anzeige in der mobilen Ansicht nichtmöglich ist. Hier muss man u. U. auf andere Gestaltungsmittel zurückgreifen,die ein analoges Ergebnis zeigen.Fußbereich (Footer)Hierbei handelt es sich um einen Streifen am Ende der Webseite, der meist inkleiner Schrift Informationen zum Herausgeber der Webseite, Links auf Impressum.Datenschutzerklärung und Haftungsausschluss und manchmal auch eineMaske für die Bestellung eines Newsletters enthält. Er kann zwar auch untenfixiert werden. Meist wird man ihn aber nur dann erreichen, wenn man bis andas Ende der Webseite scrollt. In „Cheetah“ lassen sich Footer genauso wieHeader separat designen und dann über ihren Namen den anderen Unterseitenexplizit zuweisen.73
Bildschirm, Seitenhintergrund und BannerDesktop-Bildschirme können unterschiedliche Größen und Auflösungen besitzen.Webseiten, die sich diesem Umstand anpassen, nennt man „responsiv“.Bei mit „Cheetah“ erstellten Webseiten kann man dieses Verhalten sehr gutbeobachten, sobald man das Browserfenster stufenlos verkleinert. Der Inhaltpasst sich dem an und schlägt irgendwann in die mobile Ansicht um. Oder andersausgedrückt: Das responsive Verhalten von mit „Cheetah“ erzeugtenWebseiten ist diesen Webseiten inhärent und braucht von Ihnen als Designernicht weiter beachtet zu werden.Aber es gibt noch ein „Element“, welches wir noch nicht behandelt werden. Esist der Seitenhintergrund selbst, auf dem wiederum die einzelnen Banner angeordnetsind. Standardmäßig ist er weiß und kann auch meist so belassenwerden. Er lässt sich aber auch farbig gestalten oder mit einem Bild oder einemKachelfeld von Bildern ausstatten, was im Zusammenspiel mit mehr oder wenigertransparenten Bannern interessante optische Effekte erlaubt.74
- 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 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 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
- Seite 120 und 121: TIPP: Sie können die Sie interessi
- Seite 122 und 123: selbst erklärender Dialog, in dem
- Seite 124 und 125: Ein detaillierter Blick auf BannerD
- Seite 126 und 127: neue Elemente oder auch für mehr T
- Seite 128 und 129: ParallaxeneffektAllein schon mit di
- Seite 130 und 131: Banner als Linkziele (Anker)Banner
- Seite 132 und 133: Die wichtigsten Gestaltungselemente
- Seite 134 und 135: Wenn Sie jedoch die Position der
Bildschirm, Seitenhintergrund und Banner
Desktop-Bildschirme können unterschiedliche Größen und Auflösungen besitzen.
Webseiten, die sich diesem Umstand anpassen, nennt man „responsiv“.
Bei mit „Cheetah“ erstellten Webseiten kann man dieses Verhalten sehr gut
beobachten, sobald man das Browserfenster stufenlos verkleinert. Der Inhalt
passt sich dem an und schlägt irgendwann in die mobile Ansicht um. Oder anders
ausgedrückt: Das responsive Verhalten von mit „Cheetah“ erzeugten
Webseiten ist diesen Webseiten inhärent und braucht von Ihnen als Designer
nicht weiter beachtet zu werden.
Aber es gibt noch ein „Element“, welches wir noch nicht behandelt werden. Es
ist der Seitenhintergrund selbst, auf dem wiederum die einzelnen Banner angeordnet
sind. Standardmäßig ist er weiß und kann auch meist so belassen
werden. Er lässt sich aber auch farbig gestalten oder mit einem Bild oder einem
Kachelfeld von Bildern ausstatten, was im Zusammenspiel mit mehr oder weniger
transparenten Bannern interessante optische Effekte erlaubt.
74