Nachhaltig HTML-Vorlagen

Saubere nachhaltige HTML-Vorlagen für Umweltprojekte

Eine Solargenossenschaft, ein Recyclingbetrieb oder eine lokale Naturschutzgruppe braucht meist vor allem eine solide Seite, und nachhaltige HTML-Vorlagen verleihen dieser Seite ein fertiges Layout aus bearbeitbaren Blöcken. Beginnen Sie mit Abschnitten, die bereits zu Umweltinhalten passen, füllen Sie diese mit Ihren eigenen Projekten und Zahlen und exportieren Sie das Ergebnis als HTML, das für weitere Bearbeitungen offen bleibt.

Wiederverwendbare Blöcke für ökologische Nachweise

Die meisten Nachhaltigkeitsinhalte folgen vorhersehbaren Mustern. Ein Unternehmen für erneuerbare Energien listet seine Anlagen auf, ein Recyclingunternehmen erklärt, welche Materialien angenommen werden, und eine Interessenvertretung berichtet über die Wirkung ihrer Arbeit. Ein gutes HTML-Layout wandelt jeden dieser Punkte in einen Block um, den Sie beliebig oft duplizieren können:

• Projektkarten, die Kapazität, Technologieart und aktuellen Status enthalten;
• Kennzahlenabschnitte, in denen ein Wert neben Berichtszeitraum, Basiswert und Methode steht;
• Serviceraster für Recyclingkategorien oder angenommene Materialien;
• Aktionsleisten für Abholanfragen, Freiwilligenanmeldungen oder Partneranfragen.

Kennzahlenblöcke erfordern die größte Sorgfalt. Eine Formulierung wie „Deponieabfälle um ein Drittel reduziert“ sagt allein wenig aus, daher sollte die Vorlage neben der Zahl Platz für das betreffende Jahr und einen Hinweis zur Messmethode bieten. Das Grid-Element in Nicepage sorgt dafür, dass eine Reihe von Projekt- oder Servicekarten bündig ausgerichtet bleibt, selbst wenn eine Karte eine längere Beschreibung als die benachbarten enthält.

Verhalten von Abschnitten auf kleineren Bildschirmen

Eine Desktop-Version zeigt vielleicht das Foto eines Windparks neben seinen Leistungsdaten und einer kurzen Projektübersicht. Auf einem Smartphone werden diese Elemente untereinander angeordnet, und ihre Reihenfolge entscheidet darüber, ob Besucher die Zahl vor oder nach dem erklärenden Kontext lesen. Ein Kennzahlenabschnitt, der in drei Spalten aufgeräumt wirkt, kann nach dem Umbrechen zu einer unübersichtlichen Zahlenreihe werden, weshalb jeder wiederholte Block einzeln überprüft werden sollte.

Nicepage bietet separate Responsive Modi für Geräte von großen Bildschirmen bis hin zu Smartphones, sodass Sie genau anpassen können, wie Projektkarten, Kennzahlenzeilen und Aktionsleisten umbrechen, bevor die Seite online geht.

Exportierten Code an Ihre Initiative anpassen

Sobald das Layout fertig ist, können Sie das Projekt samt Skripten und Bildern als HTML exportieren und die Dateien auf Ihr eigenes Hosting laden oder an den Entwickler übergeben, der die Website der Organisation betreut. Beispieltexte sollten als Erstes ersetzt werden: Tragen Sie stattdessen die tatsächlichen Orte ein, die Ihr Team renaturiert hat, den aktuellen Sammelplan oder die Zertifizierungen Ihrer Produkte. Die passendste Vorlage ist meist diejenige, deren Blöcke bereits den Nachweisen entsprechen, die Sie veröffentlichen, da die restliche Arbeit dann lediglich im Eintragen verifizierter Fakten besteht.