Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - WRZESIEŃ 2014


PYTANIE NR 37.
W jaki sposób należy zaktualizować witrynę internetową firmy, aby była poprawnie wyświetlana na urządzeniach mobilnych, jeśli ma ona szablon oparty o tabele, zawiera dużo prezentacji Flash i jest napisana w kodzie XHTML 1.01?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawne podejście to przeprojektowanie układu z tabel na CSS (responsywny layout blokowy) oraz zastąpienie elementów Flash technologiami niewymagającymi wtyczek. Dodatkowo ładowanie multimediów "na żądanie" ogranicza transfer i poprawia wydajność na urządzeniach mobilnych.

Pełne wyjaśnienie:

Aby strona była poprawnie wyświetlana na urządzeniach mobilnych, kluczowe są dwa problemy wskazane w treści: układ oparty o tabele oraz multimedia we Flash.

  • Layout tabelaryczny jest nieelastyczny: słabo dostosowuje się do różnych szerokości ekranu, utrudnia skalowanie i często prowadzi do przewijania w poziomie. Zastąpienie go układem blokowym opartym o CSS (np. elastyczne siatki, reguły dla różnych szerokości) to standardowa droga do responsywności.
  • Flash wymaga wtyczki, a w środowisku mobilnym wsparcie dla wtyczek bywa ograniczone lub nieobecne. Dlatego zamiast usuwać całą funkcjonalność, należy ją zastąpić formatami i rozwiązaniami niewymagającymi wtyczek (np. treści renderowane natywnie przez przeglądarkę) oraz zadbać o dostępność.
  • Ładowanie "na żądanie" (np. dopiero po interakcji użytkownika lub w momencie widoczności elementu) ma sens w kontekście mobile: skraca czas ładowania, zmniejsza zużycie danych i ogranicza obciążenie urządzenia.

Odpowiedź sugerująca samo przepisanie kodu do HTML5 nie gwarantuje mobilności: bez zmiany układu i sposobu osadzania multimediów problem może pozostać. Również całkowite usuwanie wszystkich prezentacji Flash bywa nieuzasadnione, bo celem modernizacji jest zwykle zachowanie treści i funkcji, tylko w innej technologii. Wykonanie całej witryny we Flashu jest sprzeczne z celem (kompatybilność mobilna i brak wtyczek), więc jest rozwiązaniem najgorszym.

Na egzaminie warto pamiętać: responsywność to przede wszystkim CSS i elastyczny układ, a kompatybilne multimedia to takie, które działają bez dodatkowych wtyczek.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest responsywny układ strony (RWD) i po co się go stosuje?
Responsywny układ (RWD) to sposób projektowania strony tak, aby automatycznie dopasowywała się do różnych ekranów (telefon, tablet, komputer). Stosuje się go, by uniknąć przewijania w poziomie, poprawić czytelność i ergonomię oraz zapewnić spójne działanie na urządzeniach mobilnych.
Dlaczego układ strony oparty o tabele jest problematyczny na telefonie?
Tabele służą do prezentacji danych, a nie do budowy layoutu. W praktyce układ tabelaryczny jest sztywny, gorzej reaguje na zmianę szerokości ekranu i często wymusza stałe wymiary elementów. Na telefonie skutkuje to "rozjechaniem" treści i koniecznością powiększania.
Jakie są typowe kroki modernizacji starego szablonu tabelarycznego do CSS?
Najczęściej: (1) rozdzielenie struktury treści od wyglądu, (2) zastąpienie tabel elementami blokowymi i odpowiednim CSS, (3) dodanie reguł dla różnych szerokości ekranu, (4) testy w przeglądarkach mobilnych. Celem jest elastyczność i czytelność, nie tylko "inny zapis kodu".
Co oznacza "multimedia niewymagające wtyczek" w kontekście mobilnym?
To materiały, które przeglądarka odtwarza natywnie, bez instalowania dodatkowego rozszerzenia. W praktyce chodzi o rozwiązania oparte o standardowe możliwości przeglądarki. Dzięki temu użytkownik na telefonie nie jest blokowany komunikatem o braku wtyczki i treść jest dostępna od razu.
Dlaczego Flash jest uznawany za nieodpowiedni dla współczesnych urządzeń mobilnych?
Flash opiera się na wtyczce, a środowiska mobilne często nie obsługują wtyczek lub robią to w ograniczonym zakresie. Dodatkowo ciężkie animacje mogą obciążać baterię i procesor. W efekcie treści Flash mogą się nie wyświetlać lub działać niestabilnie, co psuje użyteczność strony.
Czy przepisanie strony do HTML5 samo w sobie zapewni poprawne działanie na telefonie?
Nie zawsze. Zmiana składni na nowszy standard może pomóc, ale nie rozwiązuje automatycznie problemów z układem i z technologiami zależnymi od wtyczek. O mobilności decydują głównie: responsywny CSS, elastyczne elementy oraz sposób osadzania multimediów i grafiki.
Co to znaczy, że treści są "ładowane na żądanie" i czemu to pomaga na mobile?
"Ładowanie na żądanie" oznacza pobieranie cięższych zasobów dopiero wtedy, gdy są potrzebne (np. po kliknięciu lub gdy element pojawi się w widoku). Pomaga to skrócić start strony, zmniejszyć transfer danych i poprawić płynność na słabszych urządzeniach, co jest kluczowe w sieciach mobilnych.
Jakie błędy najczęściej popełniają uczniowie w pytaniach o modernizację stron?
Częsty błąd to utożsamienie "aktualizacji" z usunięciem problematycznych elementów zamiast ich zastąpienia. Drugi błąd to wiara, że samo przejście na HTML5 rozwiązuje responsywność. W zadaniach egzaminacyjnych zwykle liczy się zachowanie funkcji strony i poprawa kompatybilności.
Jak sprawdzić, czy strona po zmianach jest poprawnie wyświetlana na urządzeniach mobilnych?
W praktyce wykonuje się testy w kilku przeglądarkach mobilnych oraz w narzędziach deweloperskich z trybem urządzeń. Sprawdza się: czytelność tekstu, brak przewijania w poziomie, działanie na dotyk, ładowanie multimediów i czas wczytywania. Ważne są też różne rozdzielczości ekranów.
Jaką strategię przyjąć na egzaminie, gdy w odpowiedziach pojawia się Flash i CSS?
Wybieraj rozwiązania, które: (1) przechodzą na układ responsywny w CSS, (2) eliminują zależność od wtyczek przez zastąpienie technologii, a nie przez utratę treści, (3) poprawiają wydajność (np. ładowanie na żądanie). Unikaj skrajności typu "zrobić wszystko we Flashu".
info

To pytanie poprawnie rozwiązuje 33% zdających egzamin. bardzo trudne

Eksperci podkreślają: "Poprawne podejście to przeprojektowanie układu z tabel na CSS (responsywny layout blokowy) oraz zastąpienie elementów Flash technologiami niewymagającymi wtyczek."

Źródła:

  • MDN Web Docs: "Responsive design" (RWD) – opis podejścia i technik (media queries, elastyczne układy), https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design (dostęp: 2026-02-27)
  • MDN Web Docs: "CSS layout" – podstawy układów i technik zastępujących tabele w layoucie, https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout (dostęp: 2026-02-27)
  • Adobe: informacja o Flash Player (dokumentacja/EOL i kontekst wsparcia), https://www.adobe.com/products/flashplayer/end-of-life.html (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN o Responsive Web Design (RWD) i media queries
  • Dokumentacja MDN o układach CSS (flexbox, grid) i semantycznym HTML
  • W3C: specyfikacja HTML (aktualny standard) oraz materiały o kompatybilności
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego