Biblioteka uczelniana Szablon HTML

Dwa nakładające się zdjęcia dopełniają układ statycznej sekcji

Nagłówek „Biblioteka uczelniana”, akapit uzupełniający i link „Więcej informacji” tworzą już spójną jednostkę informacyjną wewnątrz sekcji. Treść pisana znajduje się na koralowoczerwonej karcie po prawej stronie, podczas gdy portret studentki i fotografia wnętrza biblioteki tworzą powiązaną grupę wizualną po lewej. Ich nałożenie na siebie buduje przemyślaną relację warstwową, dzięki czemu blok przedstawia bibliotekę zarówno za pomocą tekstu, jak i otoczenia wizualnego, a nie poprzez zestaw luźnych elementów.

Zastosowany na statycznej stronie HTML blok ten może przekazywać jeden kompletny komunikat wstępny, podczas gdy sąsiednie sekcje pełnią inne funkcje strony. Nie musi stanowić całej strony: otaczający dokument może dostarczać nawigację, dodatkowe treści edukacyjne i kolejne obszary informacyjne. Sama sekcja pozostaje skupiona na zaprezentowaniu biblioteki uczelnianej za pomocą pojedynczego nagłówka, jednego akapitu, dwóch zdjęć i jednego linku do kolejnego kroku.

Ciemnografitowe tło pomaga wyróżnić koralową kartę, a biały nagłówek z tekstem pomocniczym zapisanym kursywą zachowuje czytelny kontrast wewnątrz karty. Duża ilość przestrzeni wokół asymetrycznego układu zdjęć sprawia, że statyczna sekcja nie sprawia wrażenia ściśniętej. Zależności te czynią z bloku praktyczny, przygotowany obszar treści HTML, którego podstawowa struktura jest zdefiniowana jeszcze przed umieszczeniem na właściwej stronie lub w witrynie.