Geschlossen HTML-Vorlagen

Geschlossene HTML-Vorlagen und die zugehörigen Dateien

Geschlossene HTML-Vorlagen sind fertige Seiten, die als Dateien zum Öffnen und Bearbeiten bereitgestellt werden. Das Design ist bereits erstellt, der Beispieltext ist eingefügt, und Sie müssen lediglich Ihre Texte, Bilder und Blöcke in der für Ihr Projekt passenden Reihenfolge anpassen. Dieses Format eignet sich für alle, die direkt im Quellcode arbeiten oder den Ordner an einen Entwickler weitergeben möchten.

Was Sie im Paket zuerst öffnen sollten

Ein Paket kann in der Vorschau umfangreich wirken, sich nach dem Entpacken aber als übersichtlich erweisen. Ein kurzer Blick in den Ordner gibt Aufschluss darüber:

• die Seitendateien und wie viele davon sich tatsächlich voneinander unterscheiden;

• die wiederverwendbaren Abschnittsblöcke, z. B. einen Hero-Bereich oder eine Kartenzeile;

• die Lesbarkeit des Codes beim Öffnen einer Datei, die darüber entscheidet, wie umständlich die erste Bearbeitung ist;

alle Skripte, die Funktionen wie Schieberegler, Dropdown-Menüs oder Akkordeons steuern.

Das Zählen der einzelnen Seiten ist wichtiger als das Zählen der Dateien. Zehn Seiten, die aus denselben zwei Layouts zusammengestellt wurden, ergeben ein kleineres Paket, als die Produktbeschreibung vermuten lässt.

Platzhaltertext ersetzen, ohne etwas zu beschädigen

Demo-Inhalte sind so geschrieben, dass sie das Design optimal präsentieren. Ihre Überschriften sind länger, Ihre Fotos haben die falschen Proportionen, und ein Absatz, der in der Vorschau drei Zeilen füllte, benötigt in der finalen Version sieben. Eine Vorlage ist dann sinnvoll, wenn die Blöcke dies tolerieren. Fügen Sie daher Ihren schlimmsten Fall in den am stärksten frequentierten Abschnitt ein, bevor Sie sich für eine endgültige Version entscheiden.

Wiederverwendbare Blöcke sind die andere Hälfte. Wenn sich eine Kartenstruktur in einer Produktbeschreibung wiederholt, ist der elfte Eintrag ein Text und eine schnelle Bearbeitung. Wo jeder Block manuell erstellt wurde, wird jede Hinzufügung zu einer kleinen Aufgabe.

Stapelreihenfolge bei schmalen Breiten

Breite Layouts platzieren ein Bild, eine Überschrift und eine Textspalte nebeneinander. Auf einem Smartphone werden dieselben drei Elemente in einer einzigen Spalte angeordnet, und die Reihenfolge entscheidet darüber, ob die Seite noch verständlich ist. Eine Bildunterschrift, die sich vom Bild entfernt, oder ein Button, der vom erklärenden Satz abgeschnitten ist, sind typische Anzeichen dafür.

Nicepage unterstützt Responsive-Modi für alle Bildschirmbreiten, von großen Bildschirmen bis hin zu Smartphones im Hochformat. Testen Sie die Seiten mit dem höchsten Seitenaufkommen und beobachten Sie, welche Seitenpaare sich unterscheiden.

Die Auswahl hängt letztendlich von einigen wenigen Kriterien ab. Zählen Sie die tatsächlich unterschiedlichen Seiten, öffnen Sie dann eine Datei und prüfen Sie den Quelltext. Anschließend kommt es darauf an, ob Ihre Inhalte gut in das Layout passen und ob auf einem Smartphone zusammengehörige Elemente zusammengehalten werden.