Duurzame HTML-sjablonen

Schone duurzame HTML-templates voor milieuprojecten

Een zonne-energiecoöperatie, een recyclingservice of een lokale natuurbeschermingsgroep heeft meestal allereerst één solide pagina nodig, en duurzame HTML-templates geven die pagina een kant-en-klare lay-out opgebouwd uit bewerkbare blokken. Begin met secties die al aansluiten op milieugerelateerde content, vul ze met uw eigen projecten en cijfers en exporteer het resultaat als HTML die open blijft voor verdere bewerking.

Herbruikbare blokken voor ecologisch bewijs

De meeste content rondom duurzaamheid volgt voorspelbare patronen. Een bedrijf in hernieuwbare energie vermeldt zijn installaties, een recycler legt uit welke materialen worden geaccepteerd en een belangenorganisatie rapporteert wat haar werk heeft veranderd. Een goede HTML-lay-out zet elk van deze onderdelen om in een blok dat u zo vaak kunt kopiëren als de inhoud vereist:

• projectkaarten met capaciteit, type technologie en huidige status;
• statistiekensecties waarin een cijfer naast de rapportageperiode, de nulmeting en de meetmethode staat;
• dienstenroosters voor recyclingcategorieën of geaccepteerde materialen;
• actiebalken voor ophaalverzoeken, aanmeldingen van vrijwilligers of partneraanvragen.

Statistiekenblokken vragen de meeste zorg. Een regel als "stortafval met een derde verminderd" zegt op zichzelf weinig; het template moet naast het cijfer ruimte bieden voor het desbetreffende jaar en een toelichting op de meetmethode. Het Grid-element in Nicepage houdt een rij project- of dienstenkaarten netjes uitgelijnd, zelfs wanneer één kaart een langere beschrijving heeft dan de kaarten ernaast.

Gedrag van secties op kleinere schermen

Een desktopversie toont wellicht een foto van een windmolenpark naast de opbrengstcijfers en een korte projectsamenvatting. Op een telefoon worden die onderdelen onder elkaar geplaatst, en hun volgorde bepaalt of een bezoeker het cijfer vóór of na de verklarende context leest. Een statistiekensectie die er in drie kolommen overzichtelijk uitziet, kan na het inklappen veranderen in een verwarrende reeks cijfers. Het loont daarom om elk herhaald blok afzonderlijk te controleren.

Nicepage biedt afzonderlijke Responsieve modi voor apparaten van grote schermen tot telefoons, zodat u kunt aanpassen hoe projectkaarten, cijferrijen en actiebalken zich ordenen voordat de pagina live gaat.

Geëxporteerde code bewerken voor uw initiatief

Zodra de lay-out klaar is, kunt u het project inclusief scripts en afbeeldingen exporteren als HTML en de bestanden uploaden naar uw eigen hosting of overdragen aan de ontwikkelaar die de website van de organisatie beheert. Demotekst moet als eerste worden vervangen: vervang deze door de werkelijke lijst met locaties die uw team heeft hersteld, het actuele ophaalschema of de certificeringen van uw producten. Het meest geschikte template is meestal het template waarvan de blokken al aansluiten op de bewijzen die u publiceert, omdat het resterende werk dan neerkomt op het invullen van geverifieerde feiten.