Školní knihovna Šablona HTML

Dva vzdělávací sloupce tvoří hotovou statickou sekci

Obě skupiny kombinující obrázek a text poskytují ucelené uspořádání obsahu pro jednu vzdělávací sekci v rámci statické HTML stránky. Levý sloupec spojuje nadpis „Vyzkoušejte si v praxi, co jste se naučili“, doprovodný text, zaoblený obrázek a jedno tlačítko zjistit více. Pravý sloupec doplňuje vlastní zaoblený obrázek nadpisem „Školní knihovníci slýchají tuto otázku neustále“ a navazujícím odstavcem. Tyto skupiny společně prezentují související myšlenky z oblasti výuky, aniž by nadřazená stránka musela nově vytvářet vnitřní strukturu sekce.

Vycentrovaná typografie udržuje sloupce ve vizuální rovnováze, zatímco bílé pozadí a vodorovný pruh s barevným přechodem od modrozelené k limetkové dodávají sekci jasné ohraničení. Jemný šedý podklad za každým obrázkem na výšku vytváří potřebné oddělení, aniž by vyžadoval další interaktivní prvek. Vzhledem ke statickému pojetí plyne význam sekce z obsahových souvislostí a vizuální kompozice, nikoli ze záložek, posuvníků či rozbalovacích panelů.

V prostředí statického HTML lze tento blok umístit mezi ostatní části stránky, které zajišťují navigaci, úvodní sdělení, podrobnější vzdělávací materiály nebo kontaktní informace. Jeho vlastní role zůstává konkrétnější: předkládá dvě obsahové skupiny zaměřené na učení a jeden interakční bod v levém sloupci. Celkovou strukturu dokumentu i webu dotváří okolní HTML stránka.