KWALIFIKACJA PGF8 - STYCZEŃ 2014

PYTANIE NR 18.
Przygotowanie banneru internetowego z animacją powinno być zrealizowane w oprogramowaniu typu
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Animowane banery internetowe wykonuje się obecnie w standardach przeglądarkowych (HTML/CSS/JavaScript), bez wtyczek.
Flash zakończył wsparcie 31.12.2020 i przeglądarki usunęły jego obsługę, więc nie jest właściwym wyborem. Adobe Animate pozwala tworzyć animację i eksportować ją do HTML5.

Pełne wyjaśnienie:

Baner internetowy z animacją powinien działać w przeglądarce użytkownika bez dodatkowych wtyczek. W praktyce oznacza to wykorzystanie technologii, które są natywnie obsługiwane przez nowoczesne przeglądarki: HTML (struktura), CSS (styl, animacje przejść/transformacji) oraz JavaScript (logika, interakcje, animacja na canvas).

Odpowiedź "Adobe Animate (eksport HTML5)" jest poprawna, ponieważ to narzędzie umożliwia tworzenie animacji (oś czasu, symbole, tweeny) i eksport gotowej kreacji do formatu HTML5 (np. HTML5 Canvas), czyli do plików, które można umieścić na stronie lub spakować (często do ZIP) i dostarczyć do systemu reklamowego.

Pozostałe programy nie są właściwe do przygotowania animowanego banera webowego w standardzie HTML5:

  • "InDesign" jest narzędziem DTP do składu publikacji (druk i dokumenty cyfrowe). Nadaje się do layoutu, ale nie jest standardowym środowiskiem do tworzenia animowanych kreacji banerowych działających jako HTML/JS.
  • "Publisher" (DTP) służy głównie do prostych materiałów wydawniczych (ulotki, broszury). Nie jest typowym narzędziem do produkcji animacji banerowej na potrzeby emisji w sieci reklamowej.
  • "Corel Draw" to edytor grafiki wektorowej, świetny do projektowania elementów graficznych banera (logo, piktogramy, ilustracje), ale sam w sobie nie jest przeznaczony do budowania animacji webowej i eksportu kompletnej kreacji HTML5.

Ważny kontekst technologiczny: Adobe Flash był kiedyś standardem animacji w internecie, jednak zakończono jego wsparcie (koniec 2020 r.), a przeglądarki usunęły możliwość uruchamiania treści flashowych. Dlatego w aktualnej praktyce branżowej animowane reklamy przygotowuje się jako banery HTML5 (HTML/CSS/JavaScript) lub w narzędziach, które do tych standardów eksportują.

Wskazówka egzaminacyjna: gdy w pytaniu pojawia się "baner internetowy z animacją", szukaj odpowiedzi związanych z HTML5 i eksportem webowym, a nie z DTP lub dawnymi technologiami wtyczkowymi.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Flash został zastąpiony przez rozwiązania działające natywnie w przeglądarce: HTML, CSS i JavaScript. Dają one możliwość animacji (np. CSS animations, canvas) bez wtyczek, dzięki czemu reklama działa na komputerach i urządzeniach mobilnych.
Ponieważ wsparcie dla Flash Player zakończono, a nowoczesne przeglądarki usunęły jego obsługę. Kreacje flashowe nie uruchomią się więc u odbiorcy. Branża przeszła na HTML/CSS/JavaScript, które są standardem webowym i nie wymagają instalowania wtyczek.
Najczęściej używa się narzędzi eksportujących do HTML5, np. Adobe Animate (HTML5 Canvas) lub Google Web Designer. Alternatywą jest kodowanie ręczne w HTML/CSS/JavaScript albo użycie bibliotek animacji w JavaScript, gdy potrzeba większej kontroli.
Po zaprojektowaniu animacji w osi czasu wybiera się publikację/eksport do HTML5 (np. Canvas). Wynikiem jest zestaw plików: HTML oraz skrypty JavaScript i zasoby graficzne. Taki pakiet można wdrożyć na stronie lub spakować do ZIP dla platformy reklamowej.
InDesign to program DTP do składu publikacji (layout, typografia, przygotowanie do druku i dokumentów). Adobe Animate służy do tworzenia animacji i interakcji oraz eksportu do formatów webowych, w tym HTML5, co jest kluczowe przy animowanych banerach.
Corel Draw świetnie sprawdza się do tworzenia grafiki wektorowej (elementów banera), ale nie jest typowym narzędziem do budowania animacji webowej i przygotowania kompletnej kreacji HTML/CSS/JavaScript. W praktyce łączy się go z narzędziem do animacji lub eksportu HTML5.
Animacje CSS3 wystarczą, gdy potrzebujesz prostych efektów: przejść, zmian przezroczystości, przesunięć i transformacji elementów. Gdy animacja ma być bardziej złożona (oś czasu, płynne sekwencje, interakcje), częściej wykorzystuje się JavaScript i canvas lub narzędzia typu Animate.
Najczęstsze pomyłki to: wybór przestarzałego Flasha, mylenie "Flash" z "Animate", oraz uznanie programów DTP za narzędzia do animacji webowej. Warto zapamiętać: animowany baner do internetu powinien być w standardzie HTML i działać bez wtyczek.
Nie zawsze. Proste animacje można zrobić wyłącznie w CSS. Jednak w wielu banerach JavaScript jest używany do sterowania osiami czasu, zdarzeniami kliknięć, liczeniem czasu, ładowaniem zasobów czy animacją na canvas. Na egzaminie traktuj JS jako częsty element banerów HTML5.
Zwykle przygotowuje się folder z plikiem HTML oraz zasobami (CSS, JavaScript, obrazy). Następnie pakuje się całość do archiwum ZIP, pilnując poprawnych ścieżek do plików i działania po otwarciu HTML w przeglądarce. To typowy workflow przy kreacjach banerowych HTML5.
info

Statystycznie 48% uczniów zna prawidłową odpowiedź. trudne

Eksperci podkreślają: "Adobe Animate pozwala tworzyć animację i eksportować ją do HTML5."

Źródła:

  • Benchmark.pl – artykuł o zakończeniu wsparcia Adobe Flash (informacja: koniec wsparcia 31.12.2020) – https://benchmark.pl/ (konkretna podstrona nie została podana w kontekście) - dostęp 2026-03-01
  • CDWEB.pl – materiał o animacjach HTML5 wypierających Flash (animacja HTML5 jako popularna forma reklamy animowanej) – https://cdweb.pl/ (konkretna podstrona nie została podana w kontekście) - dostęp 2026-03-01
  • Adobe – informacja o zakończeniu wsparcia Flash Player (Flash Player End of Life) – https://www.adobe.com/products/flashplayer/end-of-life.html - dostęp 2026-03-01

Materiały:

  • Dokumentacja Adobe dotycząca końca wsparcia Flash Player
  • Tutoriale Adobe Animate: eksport animacji do HTML5 Canvas
  • Materiały o animacjach CSS i podstawach JavaScript dla kreacji reklamowych

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego