Havshvaldjur HTML-mall

Ett färdigt valgalleri för komposition av statiska HTML-sidor

De två bildpanelerna erbjuder redan en genomtänkt gallerikomposition med naturtema som kan placeras på en statisk HTML-sida som ett färdigt innehållsavsnitt. Det vänstra fotot är smalare och mörkare, medan det högra är bredare och ljusare, vilket innebär att blocket tillför mer än bara två likadana bilder placerade sida vid sida. Det gemensamma motivet – valar i vatten – håller ihop sektionen, och utformningen från kant till kant gör att man slipper text och dekorativa element som skulle konkurrera med fotografierna.

Denna layout fungerar utmärkt som en visuell paus mellan texttunga avsnitt, som en introduktion till innehåll om marint djurliv eller som ett naturgalleri mitt på sidan. Den horisontella strukturen skapar ett tydligt visuellt band på sidan, samtidigt som de asymmetriska proportionerna på ett naturligt sätt lyfter fram den större bilden till höger. Eftersom blocket är statiskt kan sidan själv styra vilket innehåll som visas före och efter, helt utan beroende av interaktioner i galleriet.

I en statisk HTML-lösning ligger styrkan i det genomtänkta förhållandet mellan bilderna: två intilliggande ytor, en kompakt och en dominerande, som båda skildrar samma undervattensmotiv. Den omgivande sidan kan komplettera med rubriker, bildtexter, navigering eller ytterligare sammanhang på annat håll, medan detta block behåller sin renodlade fotografiska funktion.