Suwak ze zdjęciem jedzenia Szablon HTML

Galeria kulinarna na sześć zdjęć gotowa do wdrożenia w statycznym HTML

Zdjęcie główne, pasek miniatur oraz elementy nawigacyjne tworzą spójną wizualnie sekcję galerii dla statycznej strony HTML. Użytkownicy mogą oglądać fotografię potrawy lub aranżacji stołu w optymalnym rozmiarze, porównywać sześć dostępnych miniatur i przeglądać slajdy za pomocą nałożonych przycisków wstecz i dalej. Opcjonalne podpisy dodają kontekstu, nie zmieniając podstawowego charakteru sekcji jako przestrzeni nastawionej na prezentację wizualną.

Układ wewnętrzny pozostaje w pełni samowystarczalny na poziomie sekcji: duża fotografia stanowi główny punkt widokowy, poziome miniatury umożliwiają swobodny wybór, a podgląd w lightboxie pozwala na przyjrzenie się detalom. Dzięki wyśrodkowanej kompozycji i dużej ilości wolnej przestrzeni galerię można bez trudu wkomponować między inne statyczne sekcje, takie jak wprowadzenie, przepis, menu czy dane kontaktowe. Otaczające sekcje należą do nadrzędnej strony lub witryny, podczas gdy ten blok zachowuje swoją wyspecjalizowaną funkcję galerii kulinarnej.

Jako rozwiązanie oparte na szablonie HTML, blok ten eliminuje konieczność żmudnego budowania powiązań między obrazami od zera. Sześć slajdów, nawigacja miniaturami, okrągłe kontrolki i opcjonalne podpisy tworzą na statycznej stronie zdefiniowaną jednostkę wizualną. W przypadku późniejszego eksportu całego projektu Nicepage opisuje procedurę w przewodniku Eksport HTML na poziomie strony lub witryny; pojedynczy blok pozostaje wówczas modułem wielokrotnego użytku w ramach wdrożenia.