Schweizerisch HTML-Vorlagen

Benutzerfreundliche Schweizer HTML-Vorlagen für strukturierte Webseiten

Die Ruhe eines Schweizer Layouts geht im Code leicht verloren. Was auf dem Bildschirm wie ein strenges Raster aussieht, kann sich bei den ersten Bearbeitungen auflösen, wenn das Markup nicht entlang derselben Linien aufgeteilt ist. Gut gemachte Schweizer HTML-Vorlagen machen dies von Anfang an richtig, indem sie Inhaltsbereiche an Spalten und wiederkehrenden Einheiten für Projekte und Artikel ausrichten.

Auf Spalten aufgebautes Markup

In der Schweizer Gestaltung besitzt jeder Inhaltsbestandteil einen definierten Bereich im Raster, und das Markup verleiht diesen Bereichen Form. Die Muster, die zuerst geprüft werden sollten, sind jene, die sich wiederholen:

• Ein Projektindex, dessen Zeilen dieselben Bestandteile teilen, wie eine Nummer, einen Titel und ein Vorschaubild, jeweils bereit für eine eigene Spalte.
• Ein Portfolio-Eintrag, der einen breiten Bildbereich von einem schmalen Textbereich trennt, sodass die asymmetrische Aufteilung auch ein neues Foto oder eine längere Beschreibung übersteht.
• Ein redaktioneller Artikel, dessen Überschrift und Zwischenüberschriften feste Überschriftenebenen beibehalten, sodass die Rangfolge im Markup verankert bleibt.
• Ein kompakter Spezifikationsblock für Standort, Jahr und Kunde, der neben dem Haupttext platziert ist.

Wo Leerraum hingehört

Schweizer Gestalter nutzen Raum, um Informationsgruppen zu trennen, und eine Vorlage behält diesen Rhythmus nur bei, wenn ihr Markup dieselben Grenzen zieht. Wenn die Studio-Aussage, die Projektliste und die Kontaktdaten in getrennten Bereichen liegen, kann sich jeder davon ändern, ohne die Abstände um die anderen zu stören. Bewusst ungleichmäßige Layouts sind darauf noch stärker angewiesen. Eine Überschrift mit einer leeren Spalte daneben oder eine weit nach rechts verschobene kurze Notiz behält ihre Position, wenn jedes Element eine separate Einheit im Code bildet.

Durch Projekte oder Artikel geprägter Code

Zwei Schweizer Vorlagen können auf einem Screenshot fast identisch aussehen und dennoch unterschiedlichen Aufgaben dienen. Eine Portfolio-Vorlage ist um wiederholbare Projekteinheiten herum organisiert, sodass das Hinzufügen eines neuen Projekts im Wesentlichen darin besteht, einen bestehenden Block zu kopieren und seinen Inhalt zu ersetzen. Eine redaktionelle Vorlage legt mehr Gewicht auf lange Texte, mit einer tieferen Überschriftenhierarchie, hervorgehobenen Zitaten und Artikellisten, die in einer schmalen Spalte lesbar bleiben.

Wenn Sie vorhaben, das Design in Nicepage anzupassen, als HTML zu exportieren und weiter am Code zu arbeiten, prüfen Sie, ob die wiederkehrenden Einheiten der Vorlage zu Ihren Inhalten passen. Wenn das Markup Ihre Projekte oder Artikel bereits widerspiegelt, wird die Entwicklung zum reinen Befüllen und Feinabstimmen, und das Raster, das Sie von der Vorlage überzeugt hat, bleibt intakt.