KWALIFIKACJA PGF4 - CZERWIEC 2021 (test 2)

PYTANIE NR 29.
Przedstawiony na ilustracji szablon kompozycji graficznej układu strony internetowej to
Ilustracja przedstawia szablon kompozycji graficznej układu strony internetowej, co jest związane z kwalifikacją zawodową
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Layout to makieta/układ kompozycyjny strony, czyli szablon rozmieszczenia elementów (np. nagłówka, menu, treści, stopki). "Plugin" oznacza dodatek do programu, "glif" to pojedynczy znak pisma, a "wakat" to wolne stanowisko pracy, więc nie pasują do opisu szablonu układu strony WWW.

Pełne wyjaśnienie:

Pojęcie layout w projektowaniu graficznym i webdesignie oznacza układ kompozycyjny (makietę) – czyli zaplanowane rozmieszczenie elementów na stronie lub w projekcie. W kontekście strony internetowej będzie to schemat obszarów takich jak nagłówek, nawigacja, kolumny treści, panel boczny czy stopka. Taki szablon pomaga zachować spójność wizualną, hierarchię informacji i przewidywalną nawigację.

Odpowiedź "layout" jest właściwa, bo dokładnie nazywa "szablon kompozycji graficznej układu strony internetowej".

Pozostałe propozycje nie pasują znaczeniowo:

  • "plugin" to wtyczka, czyli rozszerzenie funkcjonalności programu lub systemu (np. dodatek do edytora, przeglądarki, CMS). Nie oznacza układu graficznego strony.
  • "glif" dotyczy typografii: to konkretny rysunek znaku (wariant litery, cyfry, symbolu) w kroju pisma. Jest elementem fontu, a nie schematem strony WWW.
  • "wakat" to określenie z obszaru rynku pracy (wolne stanowisko/etatu). Nie jest terminem projektowym odnoszącym się do kompozycji.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawiają się słowa "szablon", "układ", "kompozycja", najczęściej chodzi o layout/makietę albo o siatkę projektu. Jeśli mowa o "dodatku" do programu – wtedy właściwy będzie "plugin". Gdy pojawia się temat liter i znaków – to obszar glifów i typografii.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Layout to układ (makieta) strony, czyli plan rozmieszczenia elementów interfejsu: nagłówka, menu, treści, kolumn, przycisków i stopki. Opisuje strukturę i kompozycję, zanim powstanie finalna grafika lub kod, dzięki czemu łatwiej zadbać o czytelność i hierarchię informacji.
Najczęściej widać prostokątne pola symbolizujące obszary strony (np. pasek u góry, bloki tekstu/zdjęć, boczny panel, stopkę). Zwykle nie ma szczegółowych treści, tylko "placeholdery". Taki schemat pokazuje strukturę, a nie gotową treść czy działające funkcje.
Plugin (wtyczka) to dodatek do programu lub systemu, który rozszerza funkcje, np. w edytorze graficznym lub CMS. Nie opisuje rozmieszczenia elementów na stronie. W pytaniach o kompozycję, siatkę i rozmieszczenie bloków poprawnym kierunkiem jest termin "layout".
Glif to pojedynczy znak w typografii: konkretny rysunek litery, cyfry lub symbolu w danym kroju pisma. Layout dotyczy całej kompozycji strony (struktury i rozmieszczenia elementów). Glif jest "mikro" (znak), a layout jest "makro" (układ całej strony/projektu).
Pojęcia są bliskie, ale nie zawsze identyczne. Wireframe zwykle oznacza bardzo uproszczoną makietę funkcjonalną (bez dopracowanej grafiki), a layout bywa rozumiany szerzej jako układ kompozycyjny projektu (czasem już bardziej graficzny). Na egzaminie oba terminy często prowadzą do idei "układu strony".
Typowy layout obejmuje: nagłówek (logo/tytuł), nawigację (menu), obszar treści (artykuł, zdjęcia, kafelki), czasem pasek boczny (widgety), oraz stopkę (kontakt, linki, prawa autorskie). Kluczowe jest rozmieszczenie i hierarchia, a nie konkretne treści w polach.
Layout przygotowuje się przed wykonaniem finalnej grafiki lub przed wdrożeniem strony: przy projektach portfolio, landing page, prezentacji produktu czy mini-serwisu. Ułatwia uzgodnienia z klientem i zespołem, pozwala szybko poprawić kompozycję i uniknąć kosztownych przeróbek na etapie kodowania.
Najczęstsze pomyłki to mieszanie pojęć z różnych działów: wybieranie "plugin", bo brzmi "informatycznie", albo "glif", bo kojarzy się z grafiką. Pomaga prosta reguła: layout = układ/kompozycja całej strony; plugin = funkcjonalność programu; glif = pojedynczy znak pisma.
W standardowej terminologii projektowej "wakat" nie odnosi się do składu ani układu strony. To słowo dotyczy wolnego stanowiska pracy lub wolnego etatu. Jeżeli wśród odpowiedzi pojawia się "wakat", zwykle jest to dystraktor sprawdzający, czy zdający rozumie branżowe pojęcia.
Skuteczne jest łączenie definicji z obrazem: oglądaj przykłady makiet (wireframe/layout) i nazywaj elementy układu. Zrób krótką listę par "pojęcie–zastosowanie" (layout–układ, plugin–wtyczka, glif–znak). Na testach najpierw dopasuj dziedzinę pojęcia, potem wybierz odpowiedź.
info

Około 72% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Według specjalistów z branży: "Layout to makieta/układ kompozycyjny strony, czyli szablon rozmieszczenia elementów (np. nagłówka, menu, treści, stopki)."

Źródła:

  • MDN Web Docs: "CSS layout" (sekcja o układzie strony) – https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout – dostęp 2026-03-01
  • MDN Web Docs Glossary: "Plug-in" – https://developer.mozilla.org/en-US/docs/Glossary/Plug-in – dostęp 2026-03-01
  • Wikipedia (pl): "Glif" – https://pl.wikipedia.org/wiki/Glif – dostęp 2026-03-01

Materiały:

  • Dokumentacja i poradniki o CSS i układach strony (sekcje o CSS layout)
  • Materiały o podstawach projektowania UX: wireframe, mockup, layout
  • Podręczniki DTP/typografii wyjaśniające pojęcie glifu

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego