Blatt HTML-Vorlagen

Blatt-HTML-Templates, die Sie öffnen und bearbeiten können

Ein Blatt-HTML-Template liefert Ihnen die eigentlichen Seiten direkt an die Hand. Zusammengestellte Abschnitte, eine funktionierende Navigation und Demo-Inhalte befinden sich genau dort, wo Ihre eigenen Inhalte hingehören, und die Dateien lassen sich anschließend direkt bearbeiten. Wenn Sie lieber eine Datei öffnen als sich durch ein Bedienfeld zu klicken, passt dieses Format optimal – und die botanischen Demo-Inhalte vermitteln ein realistisches Bild davon, wie sich die Seiten verhalten, sobald sie befüllt sind.

Bereits in jede Datei integrierte Abschnitte

Der Wert dieses Formats liegt in den vorgefertigten Blöcken. Vorlagenpakete dieser Kategorie enthalten häufig mehrere der folgenden Elemente:

• ein Hero-Bereich, der für ein großes Querformatfoto ausgelegt ist;
• Katalogzeilen, die aus einem einzelnen, sich wiederholenden Element bestehen;
• ein Galerie-Block mit Bildunterschriften zu jedem Foto;
• ein Kontaktbereich mit einem Formular und Adressangaben.

Das Duplizieren einer solchen Zeile sorgt für ein einheitliches Erscheinungsbild der Seite, da der Text dem ursprünglichen Aufbau folgt. Auch die Blockreihenfolge lässt sich mühelos anpassen, was besonders praktisch ist, wenn eine Galerie vor dem Katalog stehen soll. Nicepage baut Seiten aus Elementen und Blöcken auf, und die exportierten Dateien bleiben zur manuellen Bearbeitung bereit, sobald ein Abschnitt platziert ist.

Markup bearbeiten, das wirklich Ihnen gehört

Bei diesem Format behalten Sie die volle Kontrolle über die Anordnung der Elemente. Dazu gehört, welche Überschrift über welchem Block platziert ist, wie Abschnitte ineinander verschachtelt sind und an welcher Position das Formular in der Lesereihenfolge steht. Eine sinnvolle Überschriftenhierarchie hilft zudem Screenreadern und Webcrawlern bei der Erfassung der Seite – ein wertvoller Vorteil für einen Katalog, den niemand zweimal aufbauen möchte.

Blatt-Sets sind meist bildlastig; achten Sie daher besonders darauf, wie Bilder und begleitende Texte gruppiert sind. Sie übernehmen genau diese Gruppierung, und es ist wesentlich einfacher, einen gut angelegten Block wiederzuverwenden, als einen unpassenden mühsam auseinanderzunehmen.

Wie wiederholte Blöcke auf kleinen Bildschirmen wirken

Bildorientierte Seiten wirken auf schmalen Bildschirmen schnell unübersichtlich. Eine Zeile aus vier Elementen muss lesbar bleiben, und eine Bildunterschrift darf nicht zum nächsten Foto abdriften, sondern muss klar dem eigenen Bild zugeordnet bleiben. Testen Sie eine Demo auf dem Smartphone und scrollen Sie dabei weit über den ersten Bildschirmbereich hinaus, da die Sorgfalt beim Layout unterhalb des sichtbaren Bereichs oft nachlässt.

Wählen Sie anhand dessen aus, was die Datei tatsächlich enthält. Entscheidend sind die Abschnitte, die Ihr Projekt benötigt, ein Aufbau, der sich ohne Erklärung erschließt, und ein Verhalten, das den Smartphone-Test besteht. Was dort fehlt, bedeutet nach dem Download reine Handarbeit.