KWALIFIKACJA PGF4 - CZERWIEC 2019

PYTANIE NR 28.
Do tworzenia kompozycji graficzno-tekstowej strony internetowej należy zastosować program
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Kompozycja graficzno-tekstowa strony WWW to etap projektowania layoutu (mockupu) przed kodowaniem. Do takiej pracy potrzebne są warstwy, typografia, eksport grafik i przygotowanie elementów interfejsu. Adobe Photoshop jest narzędziem do projektowania i obróbki grafiki, natomiast Audacity służy do dźwięku, a AfterEffects do animacji/wideo.

Pełne wyjaśnienie:

Kompozycja graficzno-tekstowa strony internetowej oznacza przygotowanie wizualnego projektu (mockupu/layoutu), czyli układu treści i grafiki: rozmieszczenia nagłówków, menu, przycisków, bloków tekstu, zdjęć, kolorystyki oraz doboru typografii. Jest to etap przed implementacją w HTML/CSS i zwykle kończy się przekazaniem projektu do wdrożenia.

Odpowiedź "Adobe Photoshop" pasuje do tego zadania, ponieważ program umożliwia pracę na warstwach, precyzyjne ustawianie elementów, przygotowanie grafik rastrowych oraz eksport zasobów na potrzeby internetu. W praktyce (również w edukacji zawodowej) Photoshop bywa używany do tworzenia makiet stron, elementów interfejsu i przygotowania plików graficznych do publikacji cyfrowych.

Pozostałe propozycje nie odpowiadają temu zastosowaniu:

  • "Audacity" jest programem do obróbki i nagrywania dźwięku, więc nie służy do projektowania układu graficzno-tekstowego strony.
  • "Adobe AfterEffects" jest narzędziem do animacji i postprodukcji wideo; może tworzyć animowane elementy, ale nie jest podstawowym programem do składu i projektowania layoutu strony WWW.
  • "Puzzle Flow" nie jest standardowym narzędziem do tworzenia kompozycji stron w typowym procesie DTP/web designu, więc nie stanowi właściwego wyboru w tym kontekście.

Warto pamiętać o częstym nieporozumieniu: fakt, że obecnie popularne są narzędzia stricte UI/UX, nie unieważnia tego, że Photoshop nadal może służyć do przygotowania projektu wizualnego oraz zasobów graficznych.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To wizualny projekt (mockup/layout) przedstawiający układ elementów strony: nagłówki, menu, przyciski, bloki tekstu, grafiki, kolory i typografię. Powstaje przed kodowaniem i służy do ustalenia wyglądu oraz hierarchii informacji.
Mockup jest "mapą wyglądu" strony: ułatwia uzgodnienia z klientem, pozwala szybciej ocenić czytelność i estetykę oraz stanowi punkt odniesienia dla wdrożenia. Dzięki temu programista wie, jak ma wyglądać finalny interfejs.
Photoshop umożliwia pracę warstwową, precyzyjne rozmieszczanie obiektów, przygotowanie grafiki rastrowej i typografii oraz eksport plików na potrzeby internetu. To wystarcza, by zbudować projekt wizualny strony i przygotować elementy UI.
Nie. Audacity jest narzędziem audio (nagrywanie i edycja dźwięku), więc nie ma funkcji potrzebnych do składu i projektowania układu graficzno-tekstowego. Może być przydatne w multimediach, ale nie w projektowaniu layoutu strony.
AfterEffects służy głównie do animacji, efektów i postprodukcji wideo. Można w nim tworzyć animowane elementy, ale nie jest to standardowe narzędzie do projektowania statycznego układu strony (typografia, siatka, makieta i eksport assetów).
Najczęściej projektuje się: banery, tła, zdjęcia po obróbce, ikony, przyciski, nagłówki graficzne oraz warianty kolorystyczne. Projektuje się też całe widoki (np. strona główna, podstrona) jako makiety do akceptacji.
Etap projektowania kończy się, gdy jest zatwierdzony wygląd: układ, typografia, kolory i zestaw grafik do publikacji. Kodowanie zaczyna się, gdy projekt trzeba przełożyć na strukturę HTML oraz stylowanie CSS i przygotować wersje responsywne.
Częsty błąd to mylenie kategorii narzędzi (np. audio lub wideo z grafiką) oraz wybór na podstawie skojarzeń z "nowoczesnością" zamiast funkcji. Pomaga szybkie sprawdzenie: czy program służy do obrazu, dźwięku, wideo czy składu/layoutu.
Projekt wizualny to grafika lub makieta pokazująca wygląd (bez działania w przeglądarce). Gotowa strona to działający plik/serwis oparty o kod (HTML/CSS/JS), który reaguje na kliknięcia, zmienia rozmiar i działa na urządzeniach.
Ucz się przez mapę zastosowań: grafika rastrowa, wektorowa, skład, audio, wideo. Do każdego typu dopisz po 2–3 programy i ich typowe zadania. Na egzaminie analizuj, czy pytanie dotyczy obrazu, dźwięku, animacji czy przygotowania publikacji.
info

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

Eksperci podkreślają: "Kompozycja graficzno-tekstowa strony WWW to etap projektowania layoutu (mockupu) przed kodowaniem."

Materiały:

  • Podręczniki i kursy z podstaw projektowania layoutów stron (web design)
  • Materiały szkolne z grafiki rastrowej i pracy warstwowej
  • Dokumentacja i samouczki producenta dotyczące przygotowania grafik na potrzeby internetu

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego