Opieki nad Zwierzętami Szablon HTML

Gotowe wprowadzenie o kotach dla statycznych stron HTML

Ułożone piętrowo nagłówki oraz przycisk stanowią już samodzielny komunikat wprowadzający w obrębie sekcji. „Jak koty” przedstawia temat, „MYŚLĄ O SWOICH WŁAŚCICIELACH?” przekształca go w konkretne pytanie redakcyjne, a przycisk „Dowiedz się więcej” wskazuje odwiedzającemu, gdzie może przejść dalej. Zdjęcie kota na pełną szerokość buduje kontekst wizualny – zwierzę znajduje się po prawej stronie, a tekst po lewej w otoczeniu przestronnego światła. Ponieważ blok jest statyczny, relacje między treściami pozostają czytelne bez konieczności stosowania suwaków, galerii czy innych form interakcji.

Stosowany jako szablon HTML, blok ten może znaleźć się na statycznej stronie HTML jako gotowa sekcja hero dla redakcyjnych treści o zwierzętach. Może otwierać artykuł, materiał specjalny lub szerszy temat, podczas gdy pozostałe sekcje zapewniają wokół niego nawigację, wyczerpujący tekst, multimedia czy dane kontaktowe. Sekcja nie musi definiować struktury całej strony; jej zadaniem jest wyeksponowanie tego konkretnego pytania za pomocą wyrazistego wejścia opartego na obrazie. Zdjęcie w stonowanych szarościach, żywe błękitne oczy, niebieski przycisk i mocna, zwarta typografia stanowią również dla reszty strony określony punkt wyjścia do koordynacji wizualnej. Statyczne wdrożenie pozwala zachować pierwotny przekaz i kompozycję bloku, podczas gdy nadrzędny projekt HTML dostarcza pozostały kontekst strony.