KWALIFIKACJA PGF4 - PAŹDZIERNIK 2016

PYTANIE NR 15.
Do przygotowania stron internetowych firmowej witryny, płynnie dostosowującej się do rozdzielczości ekranu i tak samo dobrze wyglądającej i działającej na różnych urządzeniach, np. komputerze stacjonarnym, tablecie, smartfonie należy zastosować
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Responsive Web Design to podejście, w którym jedna wersja strony automatycznie dopasowuje układ do różnych rozdzielczości i urządzeń (desktop, tablet, smartfon). Rozwiązania oparte na Flashu, tabelach lub tworzeniu osobnych wersji serwisu dla sprzętu nie spełniają współczesnej idei responsywności i kompatybilności.

Pełne wyjaśnienie:

Opis w pytaniu dotyczy strony, która płynnie dostosowuje się do rozdzielczości ekranu i działa dobrze na wielu urządzeniach. Takie wymaganie spełnia Responsive Web Design (RWD), czyli projektowanie responsywne: jedna strona (jeden adres i jedna baza treści) zmienia układ oraz sposób prezentacji w zależności od rozmiaru ekranu i możliwości urządzenia.

W praktyce RWD oznacza m.in. stosowanie elastycznych układów, elementów skalujących się do dostępnej przestrzeni oraz reguł stylów, które przełączają układ dla różnych szerokości widoku. Dzięki temu użytkownik na smartfonie otrzymuje czytelny, ergonomiczny interfejs bez potrzeby utrzymywania oddzielnej wersji witryny.

Dlaczego pozostałe propozycje są niepoprawne:

  • "pełne generowanie stron we Flashu" – to technologia wtyczkowa, która nie jest właściwą podstawą współczesnych stron; ogranicza dostępność, kompatybilność i utrzymanie, a ponadto nie realizuje standardowego podejścia responsywnego opartego na HTML/CSS.
  • "język XHTML i struktura oparta o tabele" – XHTML to wariant składni znaczników, ale tabele do budowy layoutu to przestarzała praktyka. Układ tabelaryczny jest mało elastyczny i trudny do poprawnego dopasowania do małych ekranów.
  • "język XML i osobne wersje witryny dla różnych kategorii sprzętu" – XML nie jest typową technologią budowy warstwy prezentacji stron WWW dla użytkownika. Tworzenie osobnych wersji serwisu (np. osobna mobilna) to inne podejście niż RWD i zwykle zwiększa koszty oraz ryzyko niespójności treści.

Na egzaminie warto zapamiętać: gdy w treści pojawia się wymóg "ta sama strona dobrze działa na różnych urządzeniach i rozdzielczościach", najbardziej trafnym pojęciem jest projektowanie responsywne (RWD).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Responsive Web Design to sposób projektowania strony WWW tak, aby jedna wersja układu i treści dopasowywała się do różnych ekranów (telefon, tablet, komputer). Zmienia się wygląd i rozmieszczenie elementów, ale nie trzeba tworzyć osobnych serwisów dla każdego urządzenia.
Dopasowanie odbywa się przez elastyczne układy oraz reguły stylów, które reagują na szerokość widoku. W praktyce projektant przewiduje różne warianty ułożenia treści, tak aby na małym ekranie była czytelna, a na dużym wykorzystała dostępne miejsce.
Flash wymagał wtyczki i miał problemy z kompatybilnością, bezpieczeństwem oraz dostępnością. W nowoczesnym WWW stawia się na rozwiązania natywne przeglądarki (HTML, CSS, JavaScript). Dlatego "pełne generowanie stron we Flashu" nie jest właściwą odpowiedzią przy wymaganiu działania na wielu urządzeniach.
Nie. Tabele służą do prezentowania danych tabelarycznych, a nie do budowy layoutu. Układ oparty o tabele jest sztywny i trudniej go dopasować do różnych ekranów. Responsywność uzyskuje się przez techniki układu w CSS, a nie przez "strukturę opartą o tabele".
Najczęściej korzystniejsze jest RWD, bo utrzymujesz jedną wersję treści i jedną strukturę serwisu, co zmniejsza ryzyko niespójności. Osobna wersja mobilna bywa spotykana historycznie lub w specyficznych przypadkach, ale zwykle oznacza dodatkową pracę i trudniejsze utrzymanie.
Częsty błąd to utożsamianie responsywności z tworzeniem osobnych wersji witryny dla urządzeń albo z "dowolnym językiem znaczników" (XML/XHTML). RWD dotyczy przede wszystkim adaptacji układu i sposobu prezentacji w jednej wersji strony, a nie samej nazwy języka.
Szukaj sformułowań typu: "płynnie dostosowuje się do rozdzielczości", "dobrze wygląda na różnych urządzeniach", "działa na telefonie i komputerze". Jeśli wymaganie mówi o jednym serwisie działającym uniwersalnie, to zwykle chodzi o projektowanie responsywne.
XML jest językiem do opisu i wymiany danych, a nie typowym językiem do budowania warstwy prezentacji stron WWW dla użytkownika. W kontekście wyglądu i responsywności kluczowe są technologie związane z HTML oraz stylowaniem, dlatego odpowiedź z XML nie pasuje do opisanego celu.
Podejście mobile-first stosuje się, gdy projekt zaczyna się od wersji na małe ekrany, a dopiero potem rozbudowuje układ dla większych. Ułatwia to skupienie na najważniejszej treści i czytelności. Na egzaminie warto kojarzyć mobile-first jako częstą praktykę w ramach RWD.
Powtórz definicję RWD i różnicę między jedną stroną dopasowującą się do ekranu a osobnymi wersjami serwisu. Przećwicz analizę opisów wymagań (telefon/tablet/desktop) i naucz się rozpoznawać przestarzałe podejścia, takie jak Flash czy layout tabelaryczny.
info

To pytanie poprawnie rozwiązuje 80% zdających egzamin. średnio łatwe

Według specjalistów z branży: "Responsive Web Design to podejście, w którym jedna wersja strony automatycznie dopasowuje układ do różnych rozdzielczości i urządzeń (desktop, tablet, smartfon)."

Źródła:

  • MDN Web Docs: "Responsive design" (sekcja o idei dopasowania layoutu do różnych ekranów) — https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design — dostęp 2026-03-02
  • MDN Web Docs: "Media queries" (opis mechanizmu dopasowania stylów do cech urządzenia/viewportu) — https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries — dostęp 2026-03-02
  • Adobe: "Flash Player End of Life" (informacja o zakończeniu wsparcia dla Flash Player) — https://www.adobe.com/products/flashplayer/end-of-life.html — dostęp 2026-03-02

Materiały:

  • Dokumentacja MDN Web Docs dotycząca Responsive Web Design
  • Materiały o podstawach CSS (układy, jednostki względne, podejście mobile-first)
  • Przewodniki o dostępności i kompatybilności między przeglądarkami

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego