flarionyx
← Alle Notizen

Für ein einfaches Web

Entwicklung· 4 Min. Lesezeit

Warum eine kleine Website manchmal am besten aus gewöhnlichen HTML-Seiten besteht.

Eine kleine Website hat oft eine einfache Aufgabe: Text, einige Illustrationen und Links zu anderen Seiten anzeigen. Fast alles dafür Nötige beherrscht der Browser bereits. Zusätzliche Schichten lohnen sich, sobald sie eine konkrete Aufgabe erfüllen.

Was eine statische Website bietet

HTML enthält Struktur und Inhalt, CSS bestimmt das Aussehen. Die fertigen Dateien kann ein gewöhnlicher Webserver ausliefern. Zum Lesen einer Notiz muss weder eine Anwendung starten noch eine Datenbank abgefragt oder JavaScript geladen werden.

Eine solche Website lässt sich leicht umziehen: Dokumente und Ressourcen werden einfach kopiert. Die Inhalte bleiben mit gewöhnlichen Textwerkzeugen lesbar und bearbeitbar.

Auch Einfachheit braucht Sorgfalt

Ein einfacher Aufbau garantiert noch keine gute Bedienbarkeit. Eine Seite braucht weiterhin lesbaren Text, verständliche Navigation, Beschreibungen für inhaltlich wichtige Bilder und eine Darstellung, die auf schmalen Bildschirmen funktioniert.

  • Links sollten zu den angekündigten Zielen führen.
  • Die Navigation sollte mit der Tastatur funktionieren.
  • Bilder sollten das Lesen bei einer langsamen Verbindung nicht behindern.
  • Für nicht vorhandene Adressen braucht es eine verständliche Fehlerseite.

Wann mehr nötig wird

Benutzerkonten, gemeinsames Bearbeiten und personalisierte Daten erfordern eine andere Architektur. Bei Dutzenden von Beiträgen hilft ein Generator für statische Seiten, gemeinsame Vorlagen beizubehalten, ohne Kopfbereiche von Hand zu kopieren.

Eine hilfreiche Frage: Können Sie erklären, welche Aufgabe jede Abhängigkeit erfüllt? Falls nicht, ist es möglicherweise noch zu früh, sie hinzuzufügen.

Mit dem Inhalt beginnen

Schreiben Sie zunächst eine gute Seite und prüfen Sie sie auf dem Smartphone. Ergänzen Sie anschließend Navigation und einen zweiten Beitrag. Echte Texte zeigen die Anforderungen an das Design viel schneller als eine Sammlung leerer Blöcke.

Weitere Notizen →