Hållbar HTML-mallar

Rena och hållbara HTML-mallar för miljöprojekt

Ett solkooperativ, ett återvinningsföretag eller en lokal naturvårdsgrupp behöver i regel en stabil sida före allt annat, och hållbara HTML-mallar ger den sidan en färdig layout uppbyggd av redigerbara block. Börja med sektioner som redan är anpassade för miljöinnehåll, fyll dem med era egna projekt och siffror, och exportera resultatet som HTML redo för vidare redigering.

Återanvändbara block som lyfter fram miljöresultat

Det mesta innehållet kring hållbarhet följer förutsägbara mönster. Ett företag inom förnybar energi presenterar sina anläggningar, en återvinnare förklarar vilka material som tas emot och en intresseorganisation rapporterar vad deras arbete har förändrat. En genomtänkt HTML-layout gör om var och en av dessa till ett block som kan dupliceras så ofta innehållet kräver:

• projektkort med kapacitet, tekniktyp och aktuell status;
• mätvärdessektioner där en siffra visas intill mätperiod, baslinje och mätmetod;
• tjänsterutnät för återvinningskategorier eller godkända material;
• åtgärdsfält för hämtningsförfrågningar, volontäranmälningar eller partnerförfrågningar.

Mätvärdesblock kräver störst omsorg. En formulering som "minskade deponiavfallet med en tredjedel" säger inte mycket på egen hand; mallen bör därför lämna utrymme bredvid siffran för det år den avser samt en notering om hur mätningen gjordes. Grid-elementet i Nicepage håller en rad med projekt- eller tjänstekort jämnt justerad även om ett kort har en längre beskrivning än de intilliggande.

Sektionernas beteende på mindre skärmar

En datorversion kan visa ett foto av en vindkraftspark bredvid dess produktionssiffror och en kort projektsammanfattning. I en mobiltelefon staplas dessa delar på varandra, och ordningen avgör om besökaren ser siffran före eller efter den förklarande texten. En mätvärdessektion som ser prydlig ut i tre kolumner kan bli en svåröverskådlig sifferrad när den viks ihop, så det lönar sig att granska varje återkommande block för sig.

Nicepage erbjuder separata Responsiva lägen för enheter från stora skärmar ner till mobiltelefoner, vilket gör att du kan justera hur projektkort, mätvärdesrader och åtgärdsfält staplas innan sidan publiceras.

Anpassa exporterad kod efter ert initiativ

När layouten är klar kan du exportera projektet som HTML tillsammans med tillhörande skript och bilder, och ladda upp filerna till ert eget webbhotell eller lämna över dem till utvecklaren som underhåller organisationens webbplats. Demotext bör tas bort allra först: ersätt den med den faktiska listan över områden ert team har återställt, det gällande hämtningsschemat eller certifieringarna era produkter innehar. Den bäst lämpade mallen är oftast den vars block redan stämmer överens med de bevis ni publicerar, eftersom det återstående arbetet då enbart handlar om att fylla i verifierade fakta.