KWALIFIKACJA PGF4 - STYCZEŃ 2023

PYTANIE NR 30.
Logo, menu, baner, widgety oraz intro to elementy
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Elementy takie jak logo, menu, baner i widgety są typowe dla układu oraz interfejsu strony WWW, czyli jej layoutu. Określają one strukturę, nawigację i komponenty widoczne w serwisie internetowym, a nie cechy prezentacji, animacji poklatkowej ani reportażowego materiału wideo z wydarzenia.

Pełne wyjaśnienie:

"Logo, menu, baner, widgety oraz intro" to zestaw pojęć, który najczęściej opisuje strukturę i elementy interfejsu strony internetowej. W praktyce projektowej layout (układ strony) obejmuje rozmieszczenie kluczowych komponentów: identyfikacji wizualnej (logo), nawigacji (menu), elementów promocyjnych lub informacyjnych (baner) oraz dodatkowych modułów funkcjonalnych (widgety, np. pogoda, wyszukiwarka, skróty, kafle).

Dlaczego nie jest to "prezentacja multimedialna"? Prezentacja składa się zwykle ze slajdów i ich zawartości (nagłówki, listy, grafiki, wykresy, multimedia), ale określenia "widgety" i "layout strony" silniej odnoszą się do komponentów interfejsu WWW. Dodatkowo "baner" w kontekście egzaminacyjnym najczęściej kojarzy się z banerem na stronie lub w kampanii internetowej.

Dlaczego nie jest to "animacja poklatkowa"? Animacja poklatkowa opisuje technikę tworzenia ruchu poprzez rejestrowanie kolejnych klatek. Pojęcia typu menu czy widget nie są charakterystycznymi elementami tej techniki – dotyczą raczej interfejsu lub kompozycji strony/aplikacji.

Dlaczego nie jest to "profesjonalny materiał wideo z eventu"? Materiał wideo z wydarzenia ma elementy języka filmu (ujęcia, montaż, dźwięk, napisy, czołówka), ale "menu" i "widgety" nie są jego typowymi składowymi. Mogą występować w odtwarzaczu lub na stronie z osadzonym filmem, lecz wtedy znów mówimy o warstwie strony WWW, a nie o samym wideo.

Wskazówka egzaminacyjna: gdy w treści pojawiają się jednocześnie elementy nawigacyjne (menu) oraz komponenty funkcjonalne (widgety), najczęściej chodzi o projekt WWW i jego układ.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Layout strony internetowej to układ elementów na stronie (np. logo, nagłówek, menu, treść, stopka) oraz ich rozmieszczenie w przestrzeni ekranu. W praktyce obejmuje też sposób prezentacji komponentów UI i relacje między nimi, tak aby strona była czytelna i funkcjonalna.
Najczęściej są to: logo lub nazwa serwisu, nawigacja (menu), sekcja wyróżniona/baner, obszar treści, elementy dodatkowe (widgety, boksy, kafle), stopka oraz przyciski akcji. Konkretna lista zależy od typu serwisu i celu użytkownika.
Menu i widgety są typowe dla interfejsów, w których użytkownik klika i nawiguję (strona, aplikacja). Film jest materiałem liniowym, a jego typowe elementy to ujęcia, montaż, dźwięk czy napisy. Menu może dotyczyć odtwarzacza, ale to nadal warstwa strony/aplikacji.
Baner to wyróżniony element graficzny lub sekcja promocyjna na stronie, często na górze (np. hero banner). Może informować o ofercie, akcji, wydarzeniu lub kierować do ważnej podstrony. W projektowaniu wpływa na hierarchię informacji i uwagę użytkownika.
Tak. Intro na stronie WWW może mieć formę krótkiej animacji, ekranu powitalnego, wideo w nagłówku lub sekwencji otwierającej w aplikacji webowej. Wciąż jest to element warstwy wizualnej i doświadczenia użytkownika strony, a nie cecha prezentacji slajdów czy techniki poklatkowej.
Layout opisuje układ i rozmieszczenie elementów (struktura). Szablon to gotowy wzór/templatka (często w CMS), która zawiera konkretny layout oraz zestaw stylów i komponentów do wielokrotnego użycia. Innymi słowy: layout to koncepcja, a szablon to jej wdrożona forma.
Częsty błąd to kierowanie się pojedynczym słowem, np. "intro", i wybieranie prezentacji lub wideo bez analizy pozostałych elementów. Drugi błąd to mylenie techniki (animacja poklatkowa) z interfejsem (menu, widgety). Warto oceniać cały zestaw pojęć naraz.
Wskazówką są słowa związane z nawigacją i komponentami: menu, widget, przycisk, nagłówek, stopka, sekcja, kafle, responsywność. Jeśli w treści pojawia się kilka takich terminów jednocześnie, zwykle chodzi o projekt strony/aplikacji, a nie o film czy animację.
Widgety stosuje się, gdy potrzebny jest szybki dostęp do funkcji lub informacji bez przechodzenia na inną podstronę, np. wyszukiwarka, prognoza, skróty kategorii, moduł social media. W projekcie graficznym ważne jest, by widget nie zaburzał hierarchii i był spójny stylistycznie.
Warto opanować słownictwo: elementy nawigacji, sekcje strony, komponenty UI oraz ich funkcje. Pomaga analiza kilku popularnych stron i rozpisanie, co jest nagłówkiem, menu, banerem, treścią i stopką. Dobrą praktyką jest wykonanie prostego wireframe w edytorze graficznym.
info

Statystycznie 78% uczniów zna prawidłową odpowiedź. średnio łatwe

W praktyce zawodowej kluczowe jest to, że elementy takie jak logo, menu, baner i widgety są typowe dla układu oraz interfejsu strony WWW, czyli jej layoutu.

Źródła:

  • MDN Web Docs: "Layout" (CSS layout basics, koncept układu strony), https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout (dostęp: 2026-02-28)
  • MDN Web Docs: "Web forms and UI elements / building blocks of the web" (kontekst elementów interfejsu i nawigacji), https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web (dostęp: 2026-02-28)
  • Wikipedia (PL): "Strona internetowa" (opis elementów i charakterystyki serwisu WWW), https://pl.wikipedia.org/wiki/Strona_internetowa (dostęp: 2026-02-28)

Materiały:

  • Dokumentacja HTML/CSS (sekcje o strukturze strony i układzie)
  • Kurs podstaw UX/UI dla stron WWW (nawigacja, hero/baner, komponenty)
  • Materiały o projektowaniu makiet i layoutów (wireframe, grid)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego