Gotowanie online Szablon witryny sieci Web

Uniwersalna sekcja wizualna dla treści kulinarnych na stronie

Blok tworzy stabilny obszar treści: wyśrodkowany wstęp „Naucz się gotować online”, a po nim galerię kulinarną z możliwością przeglądania. Trzy widoczne kafelki ze zdjęciami stanowią powtarzalny schemat wizualny, który można zastosować wszędzie tam, gdzie witryna wymaga prezentacji kulinarnych fotografii bez konieczności projektowania nowego układu dla każdej podstrony. Kod HTML zawiera dwa slajdy po trzy zdjęcia, dzięki czemu sekcja dysponuje zdefiniowanym modelem nawigacji mogącym pomieścić więcej niż tylko początkowy rząd.

Elementy sterujące „poprzedni” i „następny” zapewniają galerii pełną samowystarczalność, z kolei funkcja lightbox umożliwia szczegółowe przeglądanie pojedynczych ujęć. Umieszczony pod galerią przycisk „Więcej” stanowi odrębny punkt nawigacyjny, który pozwala połączyć tę sekcję wizualną z informacjami o lekcjach, przepisami lub innym powiązanym obszarem treści w całym projekcie. Te zależności sprawiają, że blok sprawdza się idealnie jako wyrazista sekcja strony, a nie zbiorczy kontener na wszystkie funkcje związane z gotowaniem.

W ramach szerszego projektu szablonu witryny blok może harmonijnie współgrać z sekcjami wprowadzającymi, lekcjami, przepisami czy formularzem kontaktowym, zachowując własny nagłówek, rytm zdjęć, elementy sterujące i układ przycisków akcji. Białe tło, wyśrodkowana czarna typografia, swobodna przestrzeń, czarne okrągłe kontrolki oraz zwarty, ciemny przycisk mogą także stanowić powtarzalny motyw graficzny dla powiązanych treści. Otaczający projekt zapewnia nadrzędną strukturę podstron i całej witryny, podczas gdy ten blok wzbogaca całość o charakterystyczny układ galerii.