Ergänzung HTML-Vorlagen

Ergänzende HTML-Vorlagen: Quelldateien, die Sie besitzen und bearbeiten

Eine ergänzende HTML-Vorlage wird als Ordner geliefert, den Sie entpacken und öffnen können. Er enthält Seiten als .html-Dateien, ein oder mehrere Stylesheets, eine Skriptdatei, ein Bilderverzeichnis, oft einen Ordner mit Schriftarten und eine README-Datei. Es wird nichts beim Aufruf generiert. Öffnen Sie eine beliebige Seite in einem Editor, und Sie sehen denselben Markup-Code, den auch der Browser empfängt.

Was der Markup-Code tatsächlich beinhaltet

Jede Seite ist ein Dokument mit einem Kopfbereich (head), einem Hauptbereich (body) und einer Reihe von Abschnitten, die Sie anhand ihrer Namen identifizieren können: Header, Hero, Inhaltsblöcke und Footer. Die Überschriftenebenen folgen einer bestimmten Reihenfolge, Abschnitte enthalten Klassen, die den Regeln im Stylesheet entsprechen, und ein wiederholter Block ist einfach Markup, das Sie von einer Datei in eine andere kopieren. Das Hinzufügen einer Produktseite bedeutet in der Regel, eine bestehende .html-Datei zu duplizieren, den Text und die Bilder innerhalb derselben Blockstruktur zu ändern und dann einen Link dazu im Header jeder Seite einzufügen, die einen benötigt.

Dieser letzte Schritt ist der eigentliche Preis für dieses Format. Ohne Templates befinden sich gemeinsam genutzte Elemente in jeder Datei separat. Zehn Seiten sind noch gut nutzbar. Bei fünfzig Produktseiten plus einem Blog bereuen Teams die Entscheidung jedoch schnell, da eine Änderung im Header fünfzig Bearbeitungen oder einen Build-Schritt erfordert, der eingerichtet und gewartet werden muss.

Hosting und Deployment

Statische Dateien laufen überall: auf Netlify, GitHub Pages, Cloudflare Pages, in einem S3-Bucket oder auf einem herkömmlichen Shared-Hosting-Server. Keine Datenbanksicherung, keine PHP-Version, die aktuell gehalten werden muss, keine Plugin-Oberfläche, die gepatcht werden muss. Das Deployment ist ein einfaches Kopieren der Datei oder ein Git-Push, und ein Rollback erfolgt durch Auschecken des vorherigen Commits. Für ein Team, das bereits mit Git arbeitet, lässt sich ein zusätzliches HTML-Template problemlos in denselben Branching- und Review-Prozess wie der restliche Code integrieren.

Integrationen werden angehängt, nicht installiert

Alles, was die Website über statische Inhalte hinaus benötigt, wird als Snippet bereitgestellt, das Sie selbst einfügen: ein Shopify- oder Snipcart-Kaufbutton, ein Formular-Endpunkt, ein Analytics-Tag, ein Bewertungs-Widget oder ein Abonnementdienst. Sie wählen jeden Dienst einzeln aus und tragen die Verantwortung für die Folgen, wenn einer davon seinen Einbettungscode ändert. Mehr Kontrolle bedeutet auch mehr Aufwand.

Lesen Sie die Dateiliste, nicht den Produktnamen

Die Benennung auf Marktplätzen verwischt die Kategorien. Ein als Nahrungsergänzungsmittel verkauftes HTML-Template beschreibt Design und Lieferformat in einem Satz, und erst die zweite Hälfte verrät Ihnen, was Sie bearbeiten werden. Prüfen Sie vor dem Kauf die Seitenzahl, die Dateistruktur und ob Stylesheet und Skripte lesbar oder zu einer einzigen Zeile komprimiert vorliegen.

Nicepage generiert sauberes, schlankes Markup und optimierte Elemente, was in diesem Format besonders wichtig ist. Bei statischen Dateien gibt es keine Zwischenschicht vor der Ausgabe. Was das Tool exportiert, laden Ihre Besucher genau herunter.