Der schnelle Weg zur eigenen Website und zum eigenen Blog
Spezielle Webseiten und TechnikenIn diesem Kapitel sollen einige spezielle Webseitentechniken, ein paar Tippsund Tricks sowie einige allgemeine Designregeln vorgestellt werden und wieman sie am besten mit „Cheetah“ umsetzen kann. Sie sind – mit Ausnahmen –jedoch nur als Anregungen und vielleicht als eine Art Ideengeber zu betrachten.Vorhandene Webseiten mit „Cheetah“ nachbauenViel öfters als man denkt, stellt sich die Frage, ob man nicht eine bereits vorhandene,nativ oder mit einem der vielen anderen CMS-Systeme bzw. Webbaukästenerstellte Webseite nicht irgendwie auf „Cheetah“ portieren könnte.Diese Frage ist eindeutig mit „Nein“ zu beantworten. Das gilt sogar für Webseiten,die mit dem Vorgänger von „Cheetah“, dem Builderall „PixelPerfect“ Sitebuilder,erstellt wurden (es sei denn, es ist ein damit erstellter Blog, denn dafürbesteht eine Konvertierungsmöglichkeit). Aber was man ins Auge fassen kann,ist ein Nachbau in „Cheetah“, der umso leichter gelingen wird, je weniger„Schnickschnack“, die auf JavaScript oder / und CSS etc. beruhen, die Ausgangswebsiteenthält. Einfache Landingpages beispielsweise sind mit„Cheetah“ oftmals genauso schnell nachgebaut wie neu erstellt. Und natürlichkönnen Sie zusätzlich dazu die Möglichkeiten von „Cheetah“ nutzen, um solcheine Seite noch besucherfreundlicher zu gestalten.HINWEIS: Wenn Sie Webseiten nachbauen, die nicht von Ihnen selbst oderihrem Auftraggeber stammen, müssen Sie unbedingt das Urheberrecht (undeventuell Markenrechte) beachten. Das gilt insbesondere für die darin eingebundenenMedien (nur Verlinkung, nicht kopieren), eventuelle Texte undspezielle Designmerkmale, die eine gewisse „Schöpfungshöhe“ vermuten lassen.Im Idealfall verwenden Sie als „Entwicklungsumgebung“ eine Zweibildschirmlösung.Auf einem blenden Sie die zu reproduzierende Webseite und im anderen245
den „Cheetah“ Sitebuilder im gleichen Browser auf. Hier beginnen Sie ihre Arbeitaber nicht mit einer Vorlage, sondern mit einem leeren Template.Weiterhin benötigen Sie noch ein paar Browser AddOns (wir kommen daraufgleich zu sprechen), den einfachen Windows-Editor, einen Taschenrechner sowieeinen (echten) Notizblock mit Stift für Notizen.Beginnen wir mit den Browser-Erweiterungen (wir gehen hier davon aus, Siearbeiten mit Google Chrome oder einem Derivat davon). Mit ihrer Hilfe verschaffenwir uns in erster Linie Informationen über Farbe, Größen und Größenverhältnissesowie über die jeweils verwendeten Fonts und ihre Größen undAttribute. Weiterhin ist ein Tool von Nutzen, mit dem man alle auf einer Webseiteverwendeten Bilder herunterladen kann. Zu jedem im Folgenden vorgeschlagenenAddOns gibt es natürlich Alternativen. Also schauen sie einmalselbst in den Google Webstore, um selbst zu sehen, was es noch so gibt.1. Bilder aus einer Webseite extrahierenImage DownloaderMit dieser Chrome-Erweiterung können Sie alle (oder ausgewählte) Bilder derWebseite im aktiven Tab downloaden.LINK: Image Downloader von Vlad Sabev https://bit.ly/2VY2934Die heruntergeladenen Bilder sollten Sie anschließend, am besten in jeweilseinem eigenen Ordner pro Webseite auf Cloudinary hochladen und – wennnicht bereits geschehen – mit einem SEO-freundlichen Dateinamen versehen.246
- Seite 208 und 209: Globale ElementeUnter „Globalen E
- Seite 210 und 211: Wenn Sie mit ihrem Ergebnis zufried
- Seite 212 und 213: Popups für eine Webseite erstellen
- Seite 214 und 215: Sie können ein Popup aber auch dir
- Seite 216 und 217: DSGVO-EinstellungenSobald Ihre Webs
- Seite 218 und 219: Wichtige Einstellungen für die gan
- Seite 220 und 221: Ansonsten lassen Sie die Klappbox e
- Seite 222 und 223: WICHTIG: Tragen Sie Skripte immer g
- Seite 224 und 225: ESSENTIALPREMIUMmaximal 10 Domainsm
- Seite 226 und 227: Sie können natürlich jederzeit Ih
- Seite 228 und 229: Hier können Sie links eine Domain
- Seite 230 und 231: Hier brauchen Sie jetzt nur noch di
- Seite 232 und 233: verwenden und - wenn es Sinn macht
- Seite 234 und 235: SEO-EinstellungenIn dieser Einstell
- Seite 236 und 237: HINWEIS: Um auch der gesamten Websi
- Seite 238 und 239: den wichtigsten Grundprinzipien der
- Seite 240 und 241: Unabhängig davon finden Sie nach A
- Seite 242 und 243: Spezielle Chrome Browser-Erweiterun
- Seite 244 und 245: Verwendung Ihres Hauptschlüsselwor
- Seite 246 und 247: Wie Sie sehen, erhält die analysie
- Seite 248 und 249: ausstatten, der das Keyword enthalt
- Seite 250 und 251: gistrierten Webseiten auflistet. Am
- Seite 252 und 253: .WICHTIG: Anschließend müssen Sie
- Seite 254 und 255: Das Tool arbeitet mittels eines spe
- Seite 256 und 257: Diesen kopieren wir nun wieder in d
- Seite 260 und 261: 2. Abstände auf der Webseite messe
- Seite 262 und 263: alle Bilder der Website herunterlad
- Seite 264 und 265: Erstellung einer idealen Landingpag
- Seite 266 und 267: Für die meisten dieser Punkte biet
- Seite 268 und 269: Das ist übrigens genau die Seite,
- Seite 270 und 271: Als erstes vergeben wir einen einde
- Seite 272 und 273: Zum Schluss muss jetzt nur noch fes
- Seite 274 und 275: Jetzt können Sie die Funktionsweis
- Seite 276 und 277: Das dritte Untermenü „Senders“
- Seite 278 und 279: Erstellung einer Booking-Seite, üb
- Seite 280 und 281: Im nächsten Bereich legen Sie expl
- Seite 282 und 283: In der Kategorie „Verfügbare Ter
- Seite 284 und 285: In der Regel wird man selbstverstä
- Seite 286 und 287: HINWEIS: Über den Link “Liste er
- Seite 288 und 289: Link verwendenSie können natürlic
- Seite 290 und 291: Farben und WebseitenFarben sind mit
- Seite 292 und 293: TIPP: Wenn Sie sich über den „Ch
- Seite 294 und 295: Die Bedienung ist intuitive und ein
- Seite 296 und 297: hellblauen Flächen sind dabei die
- Seite 298 und 299: Ist der "Platzhalterbereich" ausgew
- Seite 300 und 301: Browser Push-Benachrichtigungen (Br
- Seite 302 und 303: Sobald Sie jetzt am Ende des Formul
- Seite 304 und 305: Digitale Produkte verkaufen - derSu
- Seite 306 und 307: Wenn Sie eine Umsatzsteuer-Identifi
den „Cheetah“ Sitebuilder im gleichen Browser auf. Hier beginnen Sie ihre Arbeit
aber nicht mit einer Vorlage, sondern mit einem leeren Template.
Weiterhin benötigen Sie noch ein paar Browser AddOns (wir kommen darauf
gleich zu sprechen), den einfachen Windows-Editor, einen Taschenrechner sowie
einen (echten) Notizblock mit Stift für Notizen.
Beginnen wir mit den Browser-Erweiterungen (wir gehen hier davon aus, Sie
arbeiten mit Google Chrome oder einem Derivat davon). Mit ihrer Hilfe verschaffen
wir uns in erster Linie Informationen über Farbe, Größen und Größenverhältnisse
sowie über die jeweils verwendeten Fonts und ihre Größen und
Attribute. Weiterhin ist ein Tool von Nutzen, mit dem man alle auf einer Webseite
verwendeten Bilder herunterladen kann. Zu jedem im Folgenden vorgeschlagenen
AddOns gibt es natürlich Alternativen. Also schauen sie einmal
selbst in den Google Webstore, um selbst zu sehen, was es noch so gibt.
1. Bilder aus einer Webseite extrahieren
Image Downloader
Mit dieser Chrome-Erweiterung können Sie alle (oder ausgewählte) Bilder der
Webseite im aktiven Tab downloaden.
LINK: Image Downloader von Vlad Sabev
https://bit.ly/2VY2934
Die heruntergeladenen Bilder sollten Sie anschließend, am besten in jeweils
einem eigenen Ordner pro Webseite auf Cloudinary hochladen und – wenn
nicht bereits geschehen – mit einem SEO-freundlichen Dateinamen versehen.
246