(Foto: pixabay.com)
Technik & Aufbau der Homepage
Oberstes Ziel war und ist eine pflegeleichte Homepage, die auf allen Geräten (PC, Smart-TV, Laptop, Tablet, Smartphone) gut aussieht (Stichwort "Responsive Design") und schnell geladen wird (Stichwort "AMP"). Der Aufbau der Homepage gliedert sich in mehreren Ebenen.
... Von Markus Fleschutz 🕓 28. April 2018
1️⃣ Die Domain
Die Domain fleschutz.de ist registriert bei Netbeat und hier findet die Weiterleitung des Web-Browsers zu DropPages statt.
2️⃣ DropPages
DropPages ist eine Dropbox-Erweiterung, sie erzeugt HTML5-Webseiten aus Markdown-Texten, Bildern und CSS3-Layout. Darüber hinaus werden die Webseiten komprimiert, um die Übertragungsgeschwindigkeit zu beschleunigen.
3️⃣ Synchronisierung & Versionierung
Der Dropbox-Dienst synchronisiert automatisch alle Daten der Homepage zwischen Cloud, Server, PC's, Laptop, Tablet und Smartphones. Mit jedem dieser Geräte kann die Homepage bearbeitet werden. Jede Änderung wird in kürzester Zeit auf alle anderen Geräte verteilt. Bei einem Ausfall sind somit viele Backups vorhanden. Darüber hinaus speichert Dropbox auch den Versionsverlauf jeder Datei, so dass versehentliche Änderungen leicht rückgängig gemacht werden können.
4️⃣ Bilder & Fotos
Alle Fotos wurden entweder selbst fotografiert oder sind freie, kostenlose Bilder von Pixabay oder Unsplash unter der Creative Commons CC0-Lizenz.
5️⃣ Texte & Übersetzung
Alle Texte werden im Markdown-Format verfasst (siehe Markdown lernen). Die Texte werden mit dem DeepL-Übersetzungsservice in andere Sprachen übersetzt.
Weblinks
- netbeat.de - der Domain-Registrar
- droppages.com - die Dropbox-Erweiterung
- dropbox.com - synchronisiert Daten zwischen beliebigen Geräten
- pixabay.com - bietet freie, kostenlose Fotos
- unsplash.com - bietet freie, kostenlose Fotos
- markdown.com - Informationen zum Markdown-Format
- ampproject.org - Informationen zum AMP-Projekt