Högskolebibliotek HTML-mall

Två överlappande fotografier fulländar den statiska sektionens layout

Rubriken ”Universitetsbibliotek”, det förklarande stycket och ”Läs mer”-länken utgör redan en sammanhängande informationsenhet i sektionen. Det skrivna innehållet är placerat på ett korallrött kort till höger, medan studentporträttet och fotografiet av biblioteksinteriören bildar en sammanhörande visuell grupp till vänster. Deras överlappning skapar ett medvetet skiktat samband, så att blocket förmedlar introduktionen till biblioteket genom både text och visuell miljö i stället för genom en lista med lösryckta element.

När detta block används på en statisk HTML-sida kan det bära ett heltäckande inledande budskap samtidigt som intilliggande sektioner tillhandahåller andra sidfunktioner. Det behöver inte utgöra en hel sida: det omgivande dokumentet kan tillhandahålla navigering, ytterligare utbildningsinnehåll och senare informationsytor. Själva sektionen förblir inriktad på att presentera universitetsbiblioteket genom en enda rubrik, ett stycke, två fotografier och en länk till nästa steg.

Den mörkt grafitgrå bakgrunden framhäver det korallfärgade kortet, och den vita rubriken med kursiv brödtext bibehåller god kontrast inuti kortet. Den generösa ytan runt det asymmetriska bildarrangemanget förhindrar att den statiska sektionen känns hoptryckt. Dessa proportioner gör blocket funktionellt som ett förberett HTML-innehållsområde vars grundstruktur redan är definierad innan det placeras på den större sidan eller webbplatsen.