Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik fotografii i multimediów
Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Data rozpoczęcia: 8 czerwca 2026 18:49
Data zakończenia: 8 czerwca 2026 18:56

Egzamin zdany!

Wynik: 26/40 punktów (65,0%)

Wymagane minimum: 20 punktów (50%)

Nowe

Analiza przebiegu egzaminu- sprawdź jak rozwiązywałeś pytania

Przebieg egzaminu

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Znaczniki w teście: raz <b>dwa</b> trzy spowodują, że w wyświetleniu słowo dwa będzie

A. obniżone.

B. podwyższone.

C. pochylone.

D. pogrubione.

Odpowiedź "pogrubiony" jest poprawna, ponieważ znacznik <b> w HTML służy do wyróżniania tekstu przez jego pogrubienie. W kontekście przedstawionego frazowania, tekst "dwa" otoczony znacznikiem <b> zostanie wyświetlony w formie pogrubionej, co przyciągnie uwagę czytelnika. Pogrubienie tekstu jest często stosowane w dokumentacji technicznej, materiałach marketingowych czy prezentacjach, aby podkreślić istotne informacje. Warto zauważyć, że stosowanie odpowiednich znaczników HTML jest kluczowe dla poprawnego renderowania treści w przeglądarkach internetowych. Dobre praktyki obejmują umiejętne użycie znaczników, aby zachować czytelność i estetykę treści. Przykładowo, w artykule naukowym, pogrubienie może wskazywać na kluczowe wyniki badań, co ułatwia ich szybkie zidentyfikowanie przez czytelników.

Pytanie 2

Obrazy cyfrowe zapisane w przestrzeni kolorów sRGB w rozdzielczości 72 ppi są wykorzystywane do

A. umieszczenia na opakowaniu kartonowym w formie druku wysokiej jakości

B. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci

C. przygotowania reklamy w formie druku wielkoformatowego

D. realizacji całostronicowej reklamy w prasie

Odpowiedź dotycząca umieszczenia obrazów cyfrowych w trybie barwnym sRGB w projekcie multimedialnym przeznaczonym do publikacji w internecie jest poprawna, ponieważ sRGB to standardowy model kolorów używany w internecie. Obrazy zapisane w tym formacie są zoptymalizowane do wyświetlania na ekranach komputerów oraz innych urządzeń, co sprawia, że idealnie nadają się do zastosowań online. Rozdzielczość 72 ppi oznacza, że obrazy te są przystosowane do wyświetlania, a nie do druku, gdzie zwykle wymagana jest wyższa rozdzielczość (na przykład 300 ppi). W praktyce, użycie sRGB w projektach internetowych pozwala na zachowanie spójności kolorystycznej podczas wyświetlania na różnych urządzeniach, co jest kluczowe w kontekście marketingu cyfrowego oraz designu stron internetowych. Przykładem może być umieszczanie grafik na stronach internetowych, w banerach reklamowych lub w prezentacjach multimedialnych. Ponadto, sRGB jest często domyślnym profilem kolorów w większości aplikacji graficznych, co ułatwia pracę projektantom. Wskazanie na ten standard w kontekście publikacji online jest zatem zgodne z najlepszymi praktykami branżowymi.

Pytanie 3

Jaki znak w języku JavaScript pełni rolę operatora negacji?

A. =

B. !=

C. /

D. !

Wybór symboli takich jak " / ", " != " oraz " = " jako operatora negacji pokazuje brak zrozumienia podstawowych zasad działania operatorów w JavaScript. Operator " / " jest używany do dzielenia liczb, co w kontekście negacji nie ma zastosowania. Użycie tego operatora w kontekście warunków logicznych prowadziłoby do błędów wykonawczych, ponieważ nie odwraca on wartości logicznych, a jedynie wykonuje operację matematyczną. Z kolei " != " to operator porównania, który sprawdza, czy dwie wartości są różne. Choć może wydawać się, że porównania mogą odgrywać rolę w logice warunkowej, nie jest to tożsame z negacją wartości. Operator " = " jest przypisaniem wartości, a nie operatorem porównania czy negacji. Stąd też, wybranie któregokolwiek z tych operatorów wskazuje na mylenie pojęć i funkcji, co jest powszechnym błędem wśród początkujących programistów. Warto zwrócić uwagę, że zrozumienie różnicy między operatorami przypisania, porównania i logicznymi jest kluczowe dla poprawnego pisania kodu. Rekomendowane jest także zapoznanie się ze standardami ECMAScript, które definiują zasady działania operatorów w JavaScript, co pozwoli unikać takich mylnych wyobrażeń w przyszłości.

Pytanie 4

Firma nabyła zestaw zdjęć na licencji Royalty Free do publikacji drukowanych – ulotek oraz plakatów. Czy można, bez konieczności spełniania dodatkowych warunków, użyć tych materiałów do stworzenia strony internetowej firmy?

A. Nie, ponieważ licencja odnosi się wyłącznie do materiałów drukowanych - ulotek, plakatów

B. Tak, ponieważ licencja umożliwia wykorzystanie zdjęć w każdym celu firmy

C. Nie, firma jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu

D. Nie, firma powinna dodatkowo nabyć prawo do używania zdjęć na stronie internetowej

Licencje Royalty Free umożliwiają korzystanie z zakupionych zdjęć w szerokim zakresie, co oznacza, że można je wykorzystywać zarówno w materiałach drukowanych, jak i cyfrowych, w tym na stronach internetowych. W przypadku licencji Royalty Free, właściciel praw autorskich zezwala na korzystanie z dzieła bez dodatkowych opłat w określonych ramach. Przykładowo, gdy firma wykorzystuje te zdjęcia na swojej stronie internetowej, może to przyczynić się do wzbogacenia treści wizualnej i poprawy estetyki, co jest kluczowe dla przyciągnięcia uwagi klientów. Takie podejście jest zgodne z najlepszymi praktykami w zakresie marketingu online, gdzie atrakcyjna grafika wpływa na pozytywne doświadczenie użytkownika i buduje wizerunek marki. Dlatego, w świetle obowiązujących zasad dotyczących wykorzystania materiałów Royalty Free, odpowiedź wskazująca na możliwość użycia zdjęć w dowolnym celu firmy jest jak najbardziej poprawna.

Pytanie 5

Jaką regułę stylów trzeba dodać do pliku style_list.css, aby zdefiniować klasę znaczek dla nienumerowanych list z obrazem znaczek_logo.gif jako symbolem wypunktowania, gdy obrazek znajduje się w podfolderze GRAFIKI w katalogu z plikami stylów?

A. .znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}

B. .znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}

C. ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}

D. ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}

Odpowiedź ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)} jest prawidłowa, ponieważ poprawnie definiuje styl dla elementów listy nieuporządkowanej (ul), które korzystają z klasy .znaczek. Zastosowanie list-style-image umożliwia ustawienie obrazka jako znaku wypunktowania, co jest standardowym podejściem w CSS. W tym przypadku, prawidłowa ścieżka do pliku obrazka jest kluczowa; użycie wielkich liter w folderze GRAFIKI jest istotne, ponieważ wiele systemów operacyjnych jest wrażliwych na wielkość liter w nazwach plików. W praktyce, taka definicja stylu jest często wykorzystywana w projektach webowych, aby nadać unikalny wygląd listom, co nie tylko poprawia estetykę strony, ale również zwiększa jej funkcjonalność i dostępność. Dobrą praktyką jest również testowanie, czy ścieżka do zasobów jest poprawna, co można zrobić poprzez bezpośrednie sprawdzenie w przeglądarce, czy obrazek ładuje się poprawnie. Znajomość konwencji dotyczących ścieżek do plików oraz umiejętność korzystania z klas w CSS są niezbędne dla każdego webdevelopera.

Pytanie 6

Zawarty w dokumencie elektronicznym odnośnik, który stanowi link umożliwiający błyskawiczny dostęp do informacji z innej sekcji tego dokumentu, to

A. widżet

B. hiperłącze

C. przycisk wyboru

D. pasek przewijania

Hiperłącze to kluczowy element nawigacji w dokumentach elektronicznych, umożliwiający użytkownikom szybkie przenoszenie się do określonych sekcji lub zewnętrznych zasobów bez konieczności przewijania całego dokumentu. W praktyce, hiperłącza stanowią podstawę interaktywności w stronach internetowych oraz w dokumentacji elektronicznej. Przykładem zastosowania mogą być dokumenty PDF, gdzie kliknięcie na hiperłącze przenosi nas bezpośrednio do powiązanej treści, co znacznie zwiększa efektywność przyswajania informacji. Z perspektywy stosowania dobrych praktyk, ważne jest, aby hiperłącza były jasno oznaczone, a ich działanie było intuicyjne dla użytkowników. Standardy WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie nauczania użytkowników o funkcjach linków, co może obejmować właściwe formatowanie tekstu oraz używanie odpowiednich atrybutów, takich jak title, aby zapewnić lepszą dostępność. Dzięki temu, użytkownicy z różnymi umiejętnościami technicznymi mogą w pełni korzystać z zasobów dostępnych w dokumentach elektronicznych.

Pytanie 7

Aby umieścić na stronie internetowej z tłem w kolorze kremowym logo firmy w postaci czerwono-czarnej grafiki na białym tle, należy najpierw przeskalować logo, a następnie

A. wystarczy zapisać grafikę w formacie GIF89a lub PNG

B. ustawić przezroczystość na biały kolor tła i zapisać grafikę w formacie JPG lub TIFF

C. ustawić przezroczystość na biały kolor tła i zapisać grafikę w formacie GIF89a lub PNG

D. ustawić kanał alfa na kolory czerwony lub czarny i zapisać plik w formacie PNG

Poprawna odpowiedź polega na ustawieniu przezroczystości na biały kolor tła oraz zapisaniu pliku grafiki w formacie GIF89a lub PNG. Wybór formatu PNG jest szczególnie korzystny, gdyż obsługuje on kanał alfa, co pozwala na precyzyjne definiowanie przezroczystości poszczególnych pikseli. Zastosowanie przezroczystości na białym tle pozwoli na harmonijne wkomponowanie logo w kremowe tło strony, eliminując nieestetyczne krawędzie. Format GIF89a, mimo iż ma swoje ograniczenia w zakresie palety kolorów, również może być użyty w sytuacji, gdy logo nie wymaga skomplikowanej przezroczystości. W branży projektowania graficznego kluczowe jest, aby końcowy efekt wizualny był spójny i profesjonalny; dlatego wybór odpowiedniego formatu i ustawienia przezroczystości ma istotne znaczenie. Przykładem praktycznego zastosowania jest przygotowanie bannerów reklamowych, gdzie estetyka połączenia różnych kolorów tła i grafik jest kluczowa dla przyciągnięcia uwagi odbiorców.

Pytanie 8

Projekt graficzny zdigitalizowany w rozdzielczości 72 ppi powinien być wykorzystany do

A. publikacji internetowej.

B. publikacji książkowej.

C. wydruku plakatów w formacie A2.

D. wydruku przestrzennego 3D.

Obraz w rozdzielczości 72 ppi (pikseli na cal) to standard, który od dawna funkcjonuje przy projektowaniu na potrzeby internetu. Takie pliki świetnie sprawdzają się na ekranach monitorów, laptopów czy smartfonów, gdzie ważniejsza jest lekka waga pliku i szybkość ładowania niż szczegółowość obrazu. Praktyka pokazuje, że większość stron internetowych czy mediów społecznościowych spokojnie radzi sobie z grafikami w tej rozdzielczości. Moim zdaniem, jeśli chodzi o zastosowania cyfrowe, to 72 ppi jest wystarczające – nawet jeśli obecne wyświetlacze typu Retina potrafią więcej, to i tak sieciowo dostarczane obrazy często są kompresowane. Co ciekawe, już od czasów początków projektowania stron WWW przyjęło się, że 72 ppi to taki branżowy „must-have” minimum dla online. Natomiast do druku ta rozdzielczość absolutnie się nie nadaje – tam wymaga się minimum 300 ppi, żeby uzyskać ostry i profesjonalny efekt. Tak więc w praktyce, jeśli masz plik w tej jakości, możesz go spokojnie wrzucać na stronę internetową czy tworzyć grafiki na Facebooka lub Instagram. To też dobry wybór, gdy zależy ci na szybkim ładowaniu strony i wygodzie użytkownika. Takie grafiki nie obciążą serwera i nie będą zamulać strony, co jest ważne zwłaszcza przy słabszym internecie użytkownika.

Pytanie 9

Jaką informację zawiera pierwszy znacznik HTML w strukturze strony www?

A. Typ języka zastosowanego do budowy strony www

B. Dane dotyczące praw autorskich

C. Słowa kluczowe i opis witryny internetowej

D. Nazwa strony www

Wybierając odpowiedzi dotyczące tytułu strony, informacji o prawach autorskich lub słów kluczowych, można zauważyć powszechne nieporozumienia dotyczące struktury dokumentu HTML. Tytuł strony, definiowany w znaczniku <title>, jest ważnym elementem, ale jego funkcja to przede wszystkim informowanie użytkowników oraz systemów wyszukiwania o zawartości strony. To nie wpływa na interpretację kodu HTML. Informacje o prawach autorskich są umieszczane w stopce dokumentu i nie mają wpływu na jego strukturę ani na sposób wyświetlania strony. Słowa kluczowe oraz opisy, z kolei, są często umieszczane w meta tagach w sekcji <head>, ale ich rola w kontekście przeglądarek jest ograniczona i nie wpływają one na podstawową strukturę strony. Często mylące jest myślenie, że elementy te są tak samo istotne jak deklaracja DOCTYPE. W rzeczywistości, brak odpowiedniego DOCTYPE powoduje, że przeglądarka przestaje prawidłowo interpretować HTML, co prowadzi do problemów z renderowaniem. Zrozumienie, że pierwszym znakiem HTML jest deklaracja DOCTYPE, pozwala lepiej zrozumieć, jak przeglądarki interpretują dokumenty oraz jak ważne jest przestrzeganie standardów, aby zapewnić spójność i przewidywalność w działaniu aplikacji internetowych.

Pytanie 10

Według zasad typografii w sieci, maksymalna liczba znaków w jednej linii tekstu wynosi

A. 50 znaków

B. 25 znaków

C. 37 znaków

D. 95 znaków

Odpowiedź 50 znaków jest zgodna z zaleceniami typografii internetowej, które sugerują, że optymalna długość linii tekstu powinna wynosić od 50 do 75 znaków. Długość 50 znaków jest szczególnie efektywna, ponieważ wspomaga czytelność i ułatwia skanowanie tekstu przez użytkowników. W praktyce oznacza to, że na stronach internetowych, które stosują tę zasadę, użytkownicy mogą łatwiej przyswajać informacje, co ma pozytywny wpływ na ich doświadczenie. Dobrą praktyką jest także zastosowanie odpowiedniego odstępu między liniami oraz marginesów, co dodatkowo poprawia estetykę i ułatwia czytanie. Warto również zauważyć, że w kontekście urządzeń mobilnych, gdzie przestrzeń jest ograniczona, dąży się do zachowania podobnych zasad, jednak z uwzględnieniem ich specyfiki. Wspierając czytelność, możemy również zwiększyć czas spędzony na stronie oraz zmniejszyć wskaźniki odrzuceń, co jest korzystne z perspektywy SEO.

Pytanie 11

Który z poniższych zapisów znaczników w języku XHTML jest poprawny?

A. <xhtml>

B. <XHtml>

C. <XHTML>

D. <xHtMl>

Odpowiedź <xhtml> jest poprawna, ponieważ XHTML (Extensible Hypertext Markup Language) jest językiem znaczników, który jest surową wersją HTML 5. XHTML jest wrażliwy na wielkość liter, co oznacza, że wszystkie znaczniki muszą być pisane małymi literami. To podejście wynika z faktu, że XHTML opiera się na XML, który ma ścisłe zasady dotyczące składni, w tym konieczność używania małych liter dla nazw znaczników. Użycie odpowiedniej składni pozwala na lepszą interoperacyjność między różnymi przeglądarkami internetowymi oraz zapewnia zgodność z standardami W3C. Przykładowe zastosowanie poprawnego znacznika to: <xhtml><title>Przykład</title></xhtml>, co jest podstawą budowy dokumentu XHTML. Używanie poprawnych znaczników jest kluczowe dla uzyskania odpowiednich wyników w interpretacji przez przeglądarki oraz dla poprawnego działania technologii wspierających, takich jak CSS i JavaScript.

Pytanie 12

Użycie pętli w ActionScript umożliwia

A. powielanie kroków

B. wielokrotne realizowanie tych samych poleceń

C. wypełnianie bitmapy pikselami będącymi reprezentacją losowego szumu

D. wstrzymanie strumienia zdarzeń

Niepoprawne odpowiedzi koncentrują się na funkcjonalności, która nie jest związana z zastosowaniem pętli w ActionScript. Zatrzymanie strumienia zdarzenia, jak sugeruje jedna z opcji, dotyczy mechanizmów kontroli zdarzeń i nie ma związku z logiką pętli. Przykładowo, zatrzymywanie zdarzeń jest realizowane przez funkcje obsługi zdarzeń, a nie przez struktury pętli, które są używane do wykonywania powtarzalnych instrukcji. Kolejna odpowiedź sugeruje wypełnienie bitmapy pikselami losowego szumu, co odnosi się raczej do technik generowania grafiki niż do logiki pętli. Pętle mogą być używane do iteracji przez piksele, ale nie do samego generowania szumu, które jest bardziej związane z algorytmami przetwarzania obrazów. Ostatnia odpowiedź, dotycząca kopiowania kroków, również nie ma związku z funkcją pętli. Pętle nie kopiują kroków, lecz umożliwiają ich wielokrotne wykonanie. Typowe błędy myślowe, które prowadzą do takich niepoprawnych wniosków, często wynikają z mylenia różnych koncepcji programistycznych. Zrozumienie, że pętle są narzędziem do automatyzacji powtarzalnych zadań, a nie do wykonywania operacji związanych z obróbką zdarzeń czy grafiką, jest kluczowe dla prawidłowego wykorzystania ich w praktyce programowania.

Pytanie 13

Dlaczego zamieszczony kod jest niezgodny z XHTML 1.1?

<!DOCTYPE html>
 <html>
 <head>
  <title>Agencja Grafiki Użytkowej GRAFA</title>
  <link rel="stylesheet" href="css/styles.css"/>
 </head>
 <body>
 <table> <tr><td id="menu">..tu menu... </td>
 <td id="header">Nasza agencja została stworzona przez ludzi dla ludzi.
 Jesteśmy na rynku od 1999 roku, stale zmieniając się dla WAS.
   <blockquote><p> Nasze motto: ....</p> </blockquote></td> </tr>
 <tr> <td colspan="2" id="content"> … tu opis oferty.... </td> </tr>
 </table>
 </body>
 </html>

A. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.

B. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).

C. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.

D. Brakuje znacznika <meta> i jego atrybutów.

Wybór odpowiedzi dotyczącej braku odniesienia do definicji typu dokumentu (DTD) w deklaracji !DOCTYPE jest słuszny, ponieważ zgodnie z normą XHTML 1.1 każda strona internetowa musi zawierać poprawną deklarację do DTD. Deklaracja ta informuje przeglądarki o tym, jak interpretować dokument, co jest kluczowe dla zachowania zgodności i poprawnego renderowania. Przykładowa poprawna deklaracja dla XHTML 1.1 to: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">. Brak takiej deklaracji może prowadzić do nieprawidłowego wyświetlania strony oraz błędów w interpretacji kodu przez różne przeglądarki. Zgodność z DTD zapewnia również, że nasz dokument jest zgodny z obowiązującymi standardami, co jest kluczowe w kontekście SEO i dostępności. Dlatego ważne jest, aby zawsze uwzględniać odpowiednią deklarację, aby uniknąć problemów z kompatybilnością.

Pytanie 14

W dokumencie hipertekstowym, przy pomocy znacznika , określa się

A. rozpoczęcie nagłówka dokumentu HTML

B. rozpoczęcie dokumentu HTML

C. zakończenie dokumentu HTML

D. zakończenie nagłówka dokumentu HTML

Wybór błędnych odpowiedzi świadczy o niepełnym zrozumieniu struktury dokumentu HTML. Odpowiedzi wskazujące na koniec dokumentu HTML, początek dokumentu, czy koniec nagłówka są nieprecyzyjne w kontekście roli znacznika <HEAD>. Koniec dokumentu HTML oznaczany jest przez znacznik </HTML>, co jednoznacznie definiuje, że wszystkie elementy dokumentu zostały już zdefiniowane. Z kolei początek dokumentu HTML jest sygnalizowany przez znacznik <HTML>, który wskazuje na rozpoczęcie całej struktury dokumentu. Zrozumienie, że <HEAD> dotyczy tylko nagłówka, a nie całego dokumentu, jest kluczowe. Nagłówek z kolei nie kończy się na <HEAD>, ale jest zakończony przez </HEAD>, co również może wprowadzać w błąd. Typowym błędem myślowym jest mylenie kontekstu użycia tagów w HTML - każdy znacznik ma swoją określoną funkcję i miejsce w hierarchii dokumentu. Wiedza o tym, co znajduje się w sekcji nagłówkowej, jest niezbędna do prawidłowego rozumienia, jak struktura HTML wpływa na sposób wyświetlania treści oraz na optymalizację dla wyszukiwarek. Właściwe umiejscowienie i użycie znaczników są fundamentalne dla tworzenia dobrze działających stron internetowych.

Pytanie 15

Podczas tworzenia grafiki wektorowej do serwisu internetowego warto zwrócić uwagę na

A. wykonanie korekty ekspozycji

B. zmianę obiektu na krzywe

C. przeprowadzenie korekty kolorystycznej

D. dobór palety kolorów

Wybór palety barw jest kluczowym elementem podczas tworzenia grafiki wektorowej na potrzeby serwisu internetowego. Odpowiednio dobrana paleta barw nie tylko wpływa na estetykę projektu, ale ma również ważne znaczenie dla doświadczenia użytkownika. Przy wyborze kolorów warto kierować się zasadami teorii kolorów, które pomagają w tworzeniu harmonijnych zestawień. Przykładem może być zastosowanie kolorów komplementarnych, które wzajemnie się uzupełniają i przyciągają uwagę. Dobrą praktyką jest również zachowanie ograniczonej liczby kolorów, co sprzyja spójności wizualnej i ułatwia rozpoznawalność marki. W kontekście web designu ważne jest, aby kolory były również dostosowane do różnych urządzeń i rozdzielczości, co można osiągnąć dzięki zastosowaniu systemów kolorów takich jak RGB dla ekranów. Warto pamiętać o dostępności, dobierając kolory, które są czytelne dla wszystkich użytkowników, w tym osób z zaburzeniami widzenia. Używanie narzędzi takich jak Adobe Color lub Coolors może ułatwić ten proces, umożliwiając tworzenie własnych palet zgodnych z aktualnymi trendami.

Pytanie 16

Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest

A. pióro

B. próbkowanie kolorów

C. zaznaczanie

D. cięcie na plasterki

Cięcie na plasterki (ang. slicing) jest kluczowym narzędziem w procesie tworzenia projektu strony internetowej w Adobe Photoshop. To technika, która polega na podzieleniu obrazu na mniejsze fragmenty, co umożliwia ich łatwe eksportowanie jako osobne pliki graficzne. Dzięki temu projektanci mogą precyzyjnie kontrolować każdy element interfejsu, zapewniając optymalizację rozmiaru plików i szybkość ładowania strony. Przykładowo, podczas projektowania przycisków czy ikon w Photoshopie, każda część może być wydzielona i zapisana w odpowiednim formacie, co jest istotne dla responsywności strony. Standardy webowe zalecają ograniczenie rozmiaru plików graficznych, aby poprawić doświadczenie użytkownika i SEO. Cięcie na plasterki jest zatem nie tylko praktycznym narzędziem, ale również zgodnym z najlepszymi praktykami projektowania stron internetowych, które koncentrują się na efektywności i jakości. Warto również pamiętać, że odpowiednie cięcie może wpłynąć na estetykę oraz funkcjonalność strony, co jest istotne w kontekście użytkowników mobilnych i ich różnorodnych rozdzielczości ekranów.

Pytanie 17

Jakiego znacznika należy użyć, aby wprowadzić indeks dolny w tekście?

A. <ins>

B. <sub>

C. <del>

D. <sup>

Znacznik <sub> jest przeznaczony do tworzenia indeksu dolnego w tekście HTML. To zdecydowanie najprostszy i najpewniejszy sposób, jeśli chodzi o semantykę i zgodność ze standardami. W praktyce, indeks dolny przydaje się na przykład przy zapisie wzorów chemicznych (H<sub>2</sub>O, czyli woda) albo matematycznych (a<sub>n</sub> – n-ty wyraz ciągu). Z mojego doświadczenia wynika, że używanie <sub> jest bardzo czytelne i nie prowadzi do nieporozumień podczas odczytywania lub stylowania tekstu, szczególnie w dokumentach naukowych lub na stronach edukacyjnych. Warto pamiętać, że <sub> to element zgodny z zaleceniami W3C, dzięki czemu przeglądarki interpretują go prawidłowo, a czytniki ekranu przekazują jego znaczenie użytkownikom. Moim zdaniem stosowanie tego znacznika zamiast kombinacji CSS lub innych sztuczek jest po prostu wygodniejsze i bardziej uniwersalne. Zwróć uwagę, że w podobny sposób działa <sup> dla indeksu górnego – fajnie wiedzieć, kiedy który stosować. Przy okazji, warto się upewnić, że nie przesadzasz z indeksami, bo mogą zaburzać czytelność tekstu, ale w technicznych materiałach to często niezbędny detal. Dobre praktyki to dbanie o semantykę i unikanie niepotrzebnego stosowania innych tagów czy inline’owego stylowania, jeśli HTML daje gotowe narzędzia.

Pytanie 18

Wskaż obowiązek spoczywający na właścicielu strony internetowej, który zamierza wykorzystać na stronie zdjęcia oznaczone zamieszczonymi symbolami licencji creative commons.

A. Użycia w celach niekomercyjnych.

B. Uznania autorstwa, na tych samych warunkach.

C. Wyłącznie uznania autorstwa.

D. Użycia komercyjnego, na tych samych warunkach.

Odpowiedź 'Uznania autorstwa, na tych samych warunkach.' jest prawidłowa, ponieważ odnosi się do zasad licencji Creative Commons, które są kluczowe dla legalnego korzystania z dzieł chronionych prawem autorskim. Licencje te, w tym szczególnie typ CC BY-SA (Uznanie autorstwa – Na tych samych warunkach), wymagają, aby użytkownik, który zamierza wykorzystać dany utwór, uznał autorstwo oryginalnego twórcy, co oznacza podanie jego imienia i nazwiska lub pseudonimu w sposób zgodny z intencją twórcy. Ponadto, jeśli tworzysz nowe dzieło, bazując na utworze objętym tą licencją, musisz udostępnić je również na takich samych warunkach. Przykładem może być artysta, który tworzy plakat na podstawie zdjęcia objętego licencją CC BY-SA; w takim przypadku musi podać źródło zdjęcia oraz oznaczyć, że plakat jest dostępny na tych samych zasadach. Właściwe stosowanie licencji Creative Commons nie tylko wspiera twórczość i innowacyjność, ale również chroni prawa autorów, co jest zgodne z najlepszymi praktykami w zakresie ochrony własności intelektualnej.

Pytanie 19

W którym trybie barwnym należy skatalogować pliki zdjęciowe przeznaczone do zamieszczenia w multimedialnym projekcie internetowym?

A. Pantone

B. RGB

C. Bichromia

D. CMY

Tryb RGB to absolutna podstawa, jeżeli chodzi o przygotowanie zdjęć na potrzeby internetu i wszelkich projektów multimedialnych. Ten model barwny został stworzony z myślą o urządzeniach emitujących światło, takich jak monitory, smartfony, tablety czy telewizory. Każdy piksel wyświetlany na ekranie powstaje właśnie przez mieszanie trzech składowych – czerwonej, zielonej i niebieskiej (Red, Green, Blue). To jest standard, którego wymaga praktycznie każda przeglądarka, CMS czy program do obsługi multimediów online. Z mojego doświadczenia, jeśli ktoś wrzuci zdjęcie w innym trybie, np. CMYKa, to kolory mogą się wyświetlić zupełnie nie tak, jak zaplanowano – pojawiają się dziwne przekłamania albo obraz robi się wyblakły. Nawet duże portale, jak Facebook czy Instagram, automatycznie konwertują zdjęcia do RGB. Warto też pamiętać, że większość formatów plików przeznaczonych do internetu (JPEG, PNG, GIF) działa właśnie w tym modelu barw, a praca w RGB pozwala zachować spójność kolorów na różnych urządzeniach. Co ciekawe, w profesjonalnych workflow do webdesignu zawsze kończy się eksport pliku w RGB, bo tylko wtedy masz gwarancję, że barwy będą żywe i zgodne z projektem na każdym ekranie. Sam osobiście uważam, że opanowanie tych podstaw pozwala uniknąć wielu niepotrzebnych problemów podczas pracy z mediami cyfrowymi.

Pytanie 20

Jakie programy umożliwiają tworzenie prezentacji w trybie internetowym?

A. LibreOffice Impress oraz LibreOffice Writer

B. Prezi Viewer oraz CorelDRAW

C. LibreOffice Impress oraz Adobe Photoshop

D. Prezi i PowerPoint

Wybór oprogramowania do tworzenia prezentacji jest kluczowy dla skutecznej komunikacji wizualnej. LibreOffice Impress oraz LibreOffice Writer są programami z pakietu LibreOffice, ale nie są one przeznaczone do pracy w trybie online w tym samym sensie, co Prezi czy PowerPoint. Impress, chociaż może być używany do tworzenia prezentacji, nie oferuje tych samych funkcji interaktywności i wspólnej pracy w czasie rzeczywistym, które są standardem w nowoczesnych narzędziach online. Writer to edytor tekstu, który nie ma żadnych funkcji związanych z prezentacjami. Oprogramowanie CorelDRAW jest narzędziem do grafiki wektorowej, a jego głównym celem jest projektowanie graficzne, a nie tworzenie prezentacji. Z kolei Adobe Photoshop służy do edycji zdjęć i grafiki rastrowej, a nie do tworzenia prezentacji w kontekście typowym dla Prezi czy PowerPoint. Często mylone są różne funkcjonalności i zastosowania tych programów, co prowadzi do błędnych wniosków. Ważne jest, aby zrozumieć, że narzędzia do prezentacji muszą wspierać tworzenie treści w sposób angażujący i umożliwiać interakcję, co nie jest cechą oprogramowania graficznego czy edytorów tekstu.

Pytanie 21

W którym formacie należy zapisać wielostronicową publikację interaktywną przeznaczoną do zamieszczenia w internecie?

A. JPEG

B. CDR

C. PSD

D. EPUB

Poprawna odpowiedź to EPUB, bo jest to standardowy format do publikacji wielostronicowych, interaktywnych dokumentów przeznaczonych do dystrybucji cyfrowej, głównie w internecie i na urządzeniach mobilnych. EPUB jest w praktyce takim „HTML-em w paczce” – w środku ma strony oparte na XHTML/HTML, style w CSS, grafiki, czasem multimedia i interaktywne elementy. Dzięki temu publikacja może się dopasowywać do różnych ekranów: telefonu, tabletu, czytnika e-booków czy przeglądarki. To jest właśnie duża przewaga nad formatami statycznymi. W nowocześniejszych wersjach EPUB (szczególnie EPUB 3) można dodawać wideo, audio, hiperłącza, spisy treści generowane automatycznie, zakładki, a nawet proste skrypty. W branży wydawniczej to podstawowy standard dla e-booków, katalogów, broszur szkoleniowych czy podręczników online. Z mojego doświadczenia, jeśli ktoś myśli o nowoczesnej publikacji, którą da się wygodnie czytać na różnych urządzeniach i którą można łatwo aktualizować, to EPUB jest pierwszym wyborem, bo jest otwarty, dobrze udokumentowany i wspierany przez większość czytników i aplikacji. Co ważne, wiele programów DTP i edytorów (np. InDesign) ma bezpośredni eksport do EPUB, więc cały profesjonalny workflow wydawniczy jest do niego dostosowany. W przeciwieństwie do formatów graficznych czy plików roboczych, EPUB jest właśnie projektowany jako końcowy format publikacji dla użytkownika końcowego, a nie tylko do pracy wewnątrz jednego programu.

Pytanie 22

Który program pozwala na stworzenie prezentacji, która jest wyświetlana slajdami i nie oferuje możliwości tworzenia skomplikowanych struktur?

A. Adobe Flash

B. Power Point

C. Macromedia Director

D. Adobe Dreamweaver

Macromedia Director to narzędzie, które koncentruje się na tworzeniu interaktywnych aplikacji multimedialnych, a nie typowych prezentacji slajdowych. Umożliwia produkcję materiałów wykorzystujących skrypty, co skutkuje bardziej złożonymi strukturami niż te, które są standardowo oferowane w PowerPoint. To podejście sprawia, że Director jest bardziej skomplikowany w użyciu, co może prowadzić do mylnego wrażenia, że jest on lepszym wyborem do prezentacji. Adobe Flash, z kolei, to platforma do tworzenia animacji i aplikacji internetowych, która również wykracza poza prostą prezentację slajdów. Flash wymaga znajomości programowania i jest bardziej skomplikowany, co czyni go mniej odpowiednim narzędziem dla osób poszukujących prostoty i efektywności w tworzeniu prezentacji. Adobe Dreamweaver to edytor do tworzenia stron internetowych i aplikacji, który z definicji nie jest przeznaczony do tworzenia prezentacji. Wybór niewłaściwego narzędzia często wynika z nieporozumienia co do ich funkcji. Użytkownicy mogą mylnie uważać, że każde oprogramowanie do multimediów nadaje się do prezentacji, nie zdając sobie sprawy z różnic w przeznaczeniu i funkcjonalności. Właściwe zrozumienie narzędzi dostępnych na rynku jest kluczowe dla efektywnego wykorzystania technologii w edukacji i biznesie.

Pytanie 23

Który z wymienionych programów nie służy do projektowania stron internetowych?

A. Adobe Photoshop

B. Microsoft Expression Web

C. HotDog

D. Pajączek

Kiedy mówimy o tworzeniu stron internetowych, istotne jest zrozumienie, jakie oprogramowanie i narzędzia są przeznaczone do tego celu. Microsoft Expression Web to program, który pozwala na edytowanie kodu HTML, CSS i JavaScript oraz wspiera tworzenie układów stron, co czyni go przydatnym dla web developerów. Podobnie, Pajączek jest zintegrowanym środowiskiem programistycznym, które umożliwia edycję kodu oraz wizualizację strony, co może znacznie usprawnić proces projektowania. HotDog również wspiera proces tworzenia stron, oferując opcje zarządzania kodem oraz wsparcie dla standardów webowych. W odróżnieniu od tych narzędzi, Adobe Photoshop nie jest przeznaczony do kodowania ani do zarządzania strukturą stron internetowych. Typowym błędem myślowym jest mylenie edytorów graficznych z edytorami kodu. Programy graficzne są niezbędne do tworzenia wizualnych elementów strony, ale sama ich obecność nie wystarcza do zaprojektowania funkcjonalnej strony internetowej. Użytkownicy mogą pomylić Photoshop z narzędziem do budowy stron, co prowadzi do nieporozumień dotyczących ról, jakie poszczególne aplikacje odgrywają w procesie tworzenia strony. Stąd ważne jest, aby pamiętać, że do efektywnego tworzenia stron internetowych nie wystarczy jedynie umiejętność obsługi programów graficznych, ale także zrozumienie języków programowania oraz narzędzi dedykowanych dla web developmentu.

Pytanie 24

Wskaź program, w którym można przeprowadzić retusz fotografii, która ma być umieszczona na stronie internetowej?

A. Photoshop

B. Illustrator

C. Painter

D. Studio Artist

Photoshop to wiodący program w dziedzinie edycji grafiki rastrowej, który jest szeroko stosowany w branży kreatywnej do retuszu zdjęć. Oferuje zaawansowane narzędzia, takie jak maski, warstwy oraz filtry, które pozwalają na precyzyjne dostosowanie kolorów, kontrastu i detali zdjęć. Użytkownicy mogą wykorzystać funkcję retuszu, aby usunąć niedoskonałości, zredukować szumy oraz poprawić ogólną jakość obrazu, co jest kluczowe przy publikacji na stronach internetowych. Przykładem zastosowania Photoshopa może być retusz portretów, gdzie program umożliwia wygładzenie skóry, usunięcie cieni oraz podkreślenie oczu. Standardy branżowe sugerują, że zdjęcia publikowane online powinny mieć odpowiednią rozdzielczość oraz być zoptymalizowane pod kątem szybkości ładowania, co Photoshop również wspiera dzięki funkcjom eksportu. Dzięki rozbudowanej dokumentacji oraz aktywnej społeczności, użytkownicy mogą łatwo znaleźć porady i techniki, które pomogą im w efektywnej pracy z tym oprogramowaniem.

Pytanie 25

Który wpis w pliku CSS pozwala na określenie wartości górnego marginesu?

A. margin-top

B. margin-left

C. margin-bottom

D. margin-right

Wybór margin-left, margin-right oraz margin-bottom jako sposobów na ustawienie górnego marginesu jest niepoprawny, ponieważ te właściwości odnoszą się do innych kierunków marginesów. Margin-left ustawia odstęp po lewej stronie elementu, margin-right - po prawej, a margin-bottom - pod elementem. W kontekście układu strony internetowej, umiejętność poprawnego rozróżniania tych właściwości jest kluczowa dla efektywnego projektowania. Użytkownicy mogą czasami mylić marginesy, co może prowadzić do nieprawidłowego rozmieszczenia elementów i zniekształcenia układu strony. Na przykład, stosując margin-left, zamiast margin-top, nie uzyskamy oczekiwanego efektu oddzielenia elementu od górnej części strony, co może wpłynąć negatywnie na czytelność oraz ogólną estetykę projektu. Dobrą praktyką jest również zrozumienie, jak marginesy wpływają na model pudełkowy CSS, który określa, jak przestrzeń wokół elementów jest obliczana i renderowana. Stosowanie niewłaściwych marginesów może prowadzić do tzw. błędów w projektowaniu responsywnym, gdzie elementy nie są dostosowane do różnych rozmiarów ekranów. Dlatego warto zwracać uwagę na kontekst, w którym stosuje się konkretne właściwości CSS, aby uniknąć typowych pułapek w projektowaniu stron internetowych.

Pytanie 26

Programy do tworzenia grafiki trójwymiarowej umożliwiają

A. przygotowanie prezentacji multimedialnych

B. projektowanie stron internetowych

C. tworzenie animacji poklatkowej oraz zaawansowaną obróbkę plików RAW

D. stworzenie modeli postaci z filmów lub bohaterów gier komputerowych

Oprogramowanie do projektowania grafiki trójwymiarowej (3D) jest kluczowym narzędziem w branży gier komputerowych oraz filmowej. Umożliwia tworzenie modeli postaci, które stanowią podstawę dla animacji oraz interakcji w tych mediach. Programy takie jak Blender, Autodesk Maya czy 3ds Max umożliwiają artystom 3D modelowanie, teksturowanie oraz animowanie postaci, co sprawia, że są one niezwykle realistyczne i dynamiczne. W procesie tworzenia modeli, artyści korzystają z technik takich jak sculpting, retopologia oraz rigging, które pozwalają na osiągnięcie wysokiej jakości wyników. Przygotowane modele następnie mogą być używane w grach wideo, filmach animowanych, a także w wirtualnej rzeczywistości. Dobre praktyki obejmują optymalizację modeli pod kątem wydajności, co jest niezbędne, by działały płynnie w czasie rzeczywistym. Warto również zauważyć, że zaawansowane oprogramowanie 3D wspiera standardy, takie jak PBR (Physically Based Rendering), co zapewnia realistyczne odwzorowanie materiałów i oświetlenia.

Pytanie 27

Celem jest osiągnięcie jak najwyższej pozycji w wynikach wyszukiwania

A. kodowania znaków

B. testów funkcjonalności

C. pozycjonowania

D. formatowania

Testy funkcjonalności, formatowanie oraz kodowanie znaków to różne aspekty związane z tworzeniem i zarządzaniem stroną internetową, jednak nie mają one bezpośredniego wpływu na pozycjonowanie w wyszukiwarkach. Testy funkcjonalności służą do weryfikacji, czy wszystkie elementy strony działają poprawnie i zgodnie z założeniami, co jest istotne dla doświadczeń użytkowników, ale nie wpływa na ranking SEO. Formatowanie odnosi się do sposobu, w jaki treści są prezentowane na stronie, co może wpłynąć na użyteczność, ale nie ma bezpośredniego znaczenia dla algorytmów wyszukiwarek. Kodowanie znaków natomiast zajmuje się reprezentacją tekstu w systemach komputerowych i ma znaczenie dla poprawnego wyświetlania treści, jednak nie jest kluczowym czynnikiem rankingowym. Zrozumienie tych różnic jest kluczowe, aby uniknąć błędnych wniosków o tym, co wpływa na widoczność strony w internecie. W praktyce, wiele osób myli te pojęcia z pozycjonowaniem, co prowadzi do braku skutecznej strategii SEO i ograniczenia możliwości osiągnięcia wysokich pozycji w wynikach wyszukiwania.

Pytanie 28

Jaki kolor będą miały teksty akapitów utworzone na podstawie przedstawionego arkusza stylów?
<style>
p{color: yellow;}
p{color: black;}
p{color: red;}
</style>

A. Zielony.

B. Żółty.

C. Czerwony.

D. Czarny.

Odpowiedź 'Czerwony' jest poprawna, ponieważ arkusz stylów CSS, który został przedstawiony, zawiera reguły definiujące kolor tekstu akapitów. W CSS, kiedy mamy do czynienia z kilkoma regułami przypisującymi różne style do tego samego elementu, ostatnia reguła ma pierwszeństwo. W tym przypadku, ostatnia reguła ustawia kolor na czerwony (red), co oznacza, że tekst akapitów będzie wyświetlany w tym kolorze. To podejście jest zgodne z zasadą kaskadowości w CSS, która mówi, że style są stosowane w kolejności ich pojawiania się w kodzie. W praktyce, zrozumienie kaskadowości jest kluczowe dla skutecznego projektowania stron internetowych, ponieważ pozwala na skuteczne zarządzanie stylem i zapewnia, że najnowsze zmiany będą miały zastosowanie. Dobrą praktyką jest również organizowanie arkuszy stylów w sposób, który minimalizuje konflikty, na przykład poprzez stosowanie bardziej specyficznych selektorów, aby uniknąć sytuacji, w której wiele reguł nakłada się na ten sam element.

Pytanie 29

Aby opublikować rastrowy obraz cyfrowy w sieci, należy ustalić jego parametry:

A. tryb barwny CMYK, rozdzielczość 96 ppi, jak najmniejszy rozmiar pliku

B. tryb barwny CMYK, rozdzielczość 96 ppi, jak największy rozmiar pliku

C. tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku

D. tryb barwny RGB, rozdzielczość 72 ppi, jak największy rozmiar pliku

Poprawna odpowiedź to tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku. Tryb RGB (Red, Green, Blue) jest standardem dla mediów elektronicznych, ponieważ jest oparty na sposobie, w jaki monitory wyświetlają kolory. W przeciwieństwie do CMYK, który jest używany głównie w druku, RGB zapewnia lepszą jakość wyświetlania na stronach internetowych. Rozdzielczość 72 ppi (pixels per inch) jest wystarczająca dla większości zastosowań internetowych, ponieważ obrazy o wyższej rozdzielczości nie oferują zauważalnie lepszej jakości przy standardowych ekranach. Minimalizacja rozmiaru pliku jest kluczowa dla szybkości ładowania strony oraz jej optymalizacji pod kątem SEO. Praktyczne przykłady zastosowania obejmują publikowanie obrazów w galeriach internetowych, na blogach, czy w social mediach, gdzie szybkość wczytywania i jakość obrazu mają kluczowe znaczenie dla doświadczenia użytkowników i ogólnej wydajności strony.

Pytanie 30

Która z wymienionych właściwości nie jest typowa dla systemu Joomla?

A. Zdolność do współpracy z bazą danych

B. Opcja edytowania kodu HTML

C. Pełna zgodność z innymi systemami CMS

D. Wbudowana funkcjonalność obsługi wielu języków

Joomla to zaawansowany system zarządzania treścią, który zapewnia wiele możliwości, ale zrozumienie jego cech wymaga analizy funkcjonalności, które rzeczywiście są oferowane. Współpraca z bazą danych to fundamentalna cecha wszystkich CMS-ów, w tym Joomla. System ten korzysta z bazy danych MySQL lub MariaDB do przechowywania treści, użytkowników oraz ustawień witryny. Umożliwia to dynamiczne generowanie stron internetowych i efektywne zarządzanie dużą ilością danych. Możliwość edycji kodu HTML jest również wbudowaną funkcjonalnością, co pozwala użytkownikom na modyfikację wyglądu i treści stron zgodnie z ich potrzebami. Ponadto, Joomla oferuje wbudowaną obsługę wielu języków, co stanowi istotny atut dla stron internetowych kierowanych do międzynarodowej publiczności. Programiści i administratorzy mogą łatwo zarządzać treściami w różnych językach oraz umożliwiać użytkownikom wyboru preferowanego języka interfejsu. W każdym przypadku, zrozumienie, co dany system może zaoferować, jest kluczowe dla skutecznego wykorzystania jego możliwości. Typowym błędem jest założenie, że systemy CMS są zaprojektowane z myślą o interoperacyjności. W rzeczywistości, każdy CMS posiada swoje unikalne mechanizmy działania oraz struktury, co może prowadzić do trudności w integracji i migracji danych. Dlatego przed podjęciem decyzji o wyborze systemu warto dokładnie zbadać jego cechy oraz analizować, które funkcjonalności są kluczowe dla Twoich potrzeb.

Pytanie 31

Dostosowanie pliku JPEG do wyświetlenia na stronie internetowej (przy zdefiniowanych wymiarach obrazu) wiąże się z wyborem

A. trybu koloru

B. innego formatu pliku

C. palety kolorów

D. stopnia kompresji

Optymalizacja pliku JPEG do wyświetlania na stronie internetowej jest kluczowym krokiem w procesie zapewnienia szybkiego ładowania się stron oraz oszczędności pasma. Stopień kompresji jest najważniejszym parametrem, który pozwala na zredukowanie rozmiaru pliku, co bezpośrednio wpływa na czas ładowania. Kompresja stratna, używana w JPEG, umożliwia zmniejszenie objętości pliku poprzez usunięcie części informacji wizualnych, które są mniej zauważalne dla ludzkiego oka. Przykładowo, przy ustawieniu stopnia kompresji na 70% uzyskujemy zadowalający balans między jakością a rozmiarem pliku. Zaleca się, aby korzystać z narzędzi do optymalizacji, takich jak ImageOptim czy TinyPNG, które pozwalają na weryfikację jakości wizualnej po kompresji, utrzymując ją na poziomie akceptowalnym dla użytkowników. Zgodnie z najlepszymi praktykami, obrazy powinny być również dostosowane do odpowiednich wymiarów na stronie, co dodatkowo minimalizuje ich rozmiar. Warto pamiętać, że zbyt duże pliki graficzne mogą obciążać serwery i wpływać negatywnie na SEO, co ostatecznie może prowadzić do spadku odwiedzalności strony.

Pytanie 32

Aby stworzyć graficzno-tekstową kompozycję na stronie internetowej, powinno się wykorzystać program

A. Puzzle Flow

B. Adobe AfterEffects

C. Adobe Photoshop

D. Audacity

Audacity jest oprogramowaniem przeznaczonym do edycji dźwięku, a nie grafiki. Można je wykorzystać do nagrywania, miksowania oraz edytowania ścieżek audio, co może być przydatne w kontekście produkcji multimedialnych, ale nie ma zastosowania w tworzeniu kompozycji graficznych. Puzzle Flow to narzędzie do zarządzania projektami, a jego funkcje koncentrują się na organizacji pracy zespołowej i nie obejmują tworzenia grafiki, co czyni je niewłaściwym wyborem w kontekście projektowania stron internetowych. Adobe AfterEffects to program do animacji i efektów wizualnych, który jest bardziej zorientowany na ruchome obrazy i postprodukcję wideo niż na statyczne kompozycje graficzne. Chociaż AfterEffects może być używany do tworzenia atrakcyjnych wizualnych efektów dla stron internetowych, nie jest to narzędzie przeznaczone do projektowania elementów graficznych w sposób, w jaki robi to Photoshop. Typowe błędy myślowe prowadzące do wyboru nieodpowiedniego oprogramowania obejmują mylenie funkcji edycji dźwięku z edycją grafiki oraz branie pod uwagę programów, które nie odpowiadają rzeczywistym potrzebom projektowym. Wybór narzędzi powinien być oparty na ich funkcjonalności i odpowiedniości do zadań, które mają być wykonane, a w kontekście tworzenia kompozycji graficzno-tekstowej, Photoshop jest niezastąpiony.

Pytanie 33

Wskaż prawidłową kolejność czynności wykonywanych podczas aktualizacji aplikacji Wordpress.

A. Instalowanie wtyczek, weryfikowanie znaczników HTML, pozycjonowanie strony.

B. Formatowanie tekstów, drukowanie projektu strony, oznaczenie licencji grafik.

C. Testowanie sklonowanej strony, weryfikowanie reguł CSS, projektowanie elementów graficznych.

D. Wykonanie kopii zapasowej, testowanie sklonowanej strony, aktualizowanie elementów strony.

Prawidłowa kolejność działań przy aktualizacji WordPressa to: najpierw wykonanie kopii zapasowej, potem testowanie sklonowanej strony, a dopiero na końcu aktualizowanie elementów strony (silnik WP, motyw, wtyczki). To jest dokładnie ten schemat, który znajdziesz w większości profesjonalnych procedur DevOps czy instrukcjach firm hostingowych.

Kopia zapasowa (backup) to absolutna podstawa. I chodzi nie tylko o pliki strony (wp-content, motywy, wtyczki, uploady), ale też o bazę danych MySQL. W praktyce robi się to albo wtyczką typu UpdraftPlus, Duplicator, All-in-One WP Migration, albo z poziomu panelu hostingu (np. cPanel – Backup, phpMyAdmin – eksport bazy). Dzięki temu, jeśli aktualizacja rozsypie motyw, wtyczkę lub całą stronę, można jednym krokiem przywrócić działającą wersję.

Drugi krok to testowanie sklonowanej strony, czyli tzw. środowisko stagingowe. Moim zdaniem to jest różnica między amatorskim a profesjonalnym podejściem. Klonuje się stronę na subdomenę typu staging.domena.pl albo dev.domena.pl, czasem w ogóle na osobny serwer. Tam wykonuje się aktualizacje, sprawdza kompatybilność wtyczek, testuje logowanie użytkowników, formularze, koszyk w sklepie, szybkość ładowania, zgodność z motywem i child theme. Dzięki temu nie ryzykujesz, że klient wchodzi na stronę i widzi białą stronę śmierci (white screen of death) albo fatal error z PHP.

Dopiero trzeci krok to aktualizowanie elementów strony na produkcji. Najczęściej zaczyna się od wtyczek, potem motyw, na końcu silnik WordPress, choć bywa odwrotnie w zależności od sytuacji i wymagań. Po każdej większej aktualizacji warto wyczyścić cache (wtyczka cache + cache serwera + ewentualnie CDN), sprawdzić front-end, panel admina, formularze, panel klienta w WooCommerce. W dobrych praktykach zaleca się też robienie tzw. punktów przywracania przed każdą dużą zmianą i prowadzenie krótkiej dokumentacji: kiedy, co i z jakiej wersji na jaką wersję zostało zaktualizowane. W realnej pracy przy stronach produkcyjnych taka procedura naprawdę oszczędza sporo nerwów.

Pytanie 34

Formatami zapisu broszury informacyjnej w postaci publikacji elektronicznej przeznaczonej do wyświetlania w internecie są

A. CSV, PSD

B. DWG, EPUB

C. AI, PDF

D. PDF, EPUB

Wybierając formaty zapisu broszury informacyjnej przeznaczonej do internetu, bardzo łatwo popełnić błąd, kierując się nazwami znanych programów graficznych lub popularnych rozszerzeń plików. Na przykład AI to format pliku programu Adobe Illustrator, wykorzystywany głównie do edycji grafiki wektorowej, ale zupełnie nieprzystosowany do czytania online – nikt przecież nie otwiera broszury w Illustratorze! CSV natomiast to plik tekstowy do przechowywania danych tabelarycznych, np. w Excelu, więc dla broszury jest kompletnie bezużyteczny. PSD jest natywnym formatem Photoshopa, pozwala na zapisywanie warstw, ale nie nadaje się do dystrybucji publikacji, bo wymaga specjalistycznego oprogramowania i nie zachowuje spójności na różnych urządzeniach. DWG to z kolei rozszerzenie plików AutoCAD-a, czyli dokumentacja techniczna, rysunki inżynierskie i architektoniczne – zupełnie inny świat niż publikacje elektroniczne do internetu. Typowym błędem jest też ocenianie przydatności formatu po popularności programu, a nie po rzeczywistej funkcji. W branży wydawniczej, projektując materiały na internet, główny nacisk kładzie się na dostępność, uniwersalność i zgodność z różnymi przeglądarkami oraz urządzeniami. PDF i EPUB zostały stworzone właśnie w tym celu: PDF do zachowania layoutu, EPUB do elastycznego wyświetlania na ekranach o różnych rozmiarach. Pozostałe wymienione formaty są po prostu narzędziami do pracy wewnętrznej, a nie gotowymi publikacjami dla użytkownika końcowego. Z mojego doświadczenia, nieporozumienia biorą się najczęściej z braku rozróżnienia między formatem roboczym (projektowym) a formatem publikacyjnym. To bardzo ważne przy realizacji zleceń i pracy z klientami – nie każdy plik nadaje się do publikacji w internecie, nawet jeśli wygląda profesjonalnie w programie graficznym.

Pytanie 35

Który z protokołów stosowany jest do szyfrowania danych w protokole HTTPS?

A. TCP

B. FTP

C. SSH

D. SSL

Wybór FTP (File Transfer Protocol) jako protokołu używanego do szyfrowania danych w HTTPS jest nieprawidłowy, ponieważ FTP jest protokołem stworzonym do transferu plików w sieci, a nie do zapewniania bezpieczeństwa komunikacji. FTP nie oferuje szyfrowania, co czyni go nieodpowiednim w kontekście ochrony prywatności użytkowników. Używając FTP, dane przesyłane między klientem a serwerem są narażone na podsłuch i modyfikacje przez nieautoryzowane osoby. Z kolei protokół TCP (Transmission Control Protocol) jest podstawowym protokołem transportowym, który zapewnia niezawodność komunikacji w internecie, ale nie ma żadnych mechanizmów szyfrowania. TCP dba o poprawne dostarczenie pakietów danych, lecz nie chroni ich treści przed dostępem osób trzecich. Natomiast SSH (Secure Shell) to protokół stworzony z myślą o bezpiecznym zdalnym dostępie do systemów i nie jest używany do szyfrowania komunikacji HTTP. Chociaż SSH zapewnia silne szyfrowanie, jego zastosowanie jest inne niż w przypadku HTTPS, które wymaga zweryfikowanego certyfikatu SSL/TLS. Użytkownicy często mylą różne protokoły, co prowadzi do błędnych skojarzeń oraz nieporozumień odnośnie do ich funkcjonalności i zastosowania w kontekście bezpieczeństwa sieciowego.

Pytanie 36

W której sekcji dokumentu HTML powinny się znajdować znaczniki odpowiedzialne za określenie wyglądu właściwej treści strony internetowej?

A. <head>

B. <title>

C. <body>

D. <meta>

Wybór odpowiedzi spośród <meta>, <title> oraz <head> pokazuje pewne nieporozumienia co do struktury dokumentu HTML i roli, jaką pełnią poszczególne komponenty. Znacznik <meta> jest używany do dostarczania dodatkowych informacji o stronie, takich jak opis, słowa kluczowe czy dane o autorze. Jego funkcje są bardziej związane z SEO i nie mają wpływu na zawartość widoczną dla użytkowników, co może prowadzić do błędnych przekonań, że jest on odpowiedzialny za przedstawienie treści. Sekcja <title> ma na celu określenie tytułu strony, który jest wyświetlany w pasku zakładek przeglądarki oraz w wynikach wyszukiwania, ale nie zawiera żadnych elementów, które są widoczne na stronie. Z kolei <head> to obszar, w którym umieszczane są metadane, arkusze stylów oraz skrypty JavaScript, które wpływają na działanie strony, nie zaś na jej zewnętrzny wygląd czy treść. Warto zrozumieć, że struktura dokumentu HTML jest kluczowa dla organizacji treści oraz dla prawidłowego funkcjonowania strony, a odpowiednie umiejscowienie i zrozumienie funkcji tych znaczników jest istotne dla każdego twórcy stron internetowych.

Pytanie 37

Który ze znaczników HTML służy do pogrubienia tekstu?

A. <div>

B. <strong>

C. <big>

D. <abbr>

Znacznik <strong> to podstawowe narzędzie w HTML służące do semantycznego wyróżniania fragmentów tekstu, które mają być uznane za szczególnie ważne lub mocno zaakcentowane. W praktyce przeglądarki domyślnie wyświetlają tekst objęty tym tagiem jako pogrubiony, co faktycznie odpowiada na zapotrzebowanie na wyróżnienie. Jednak <strong> to coś więcej niż tylko pogrubienie wizualne – chodzi tutaj o nadanie tekstowi znaczenia, które mogą odczytać nie tylko ludzie, ale także czytniki ekranu, roboty indeksujące czy inne narzędzia wspierające dostępność. Używanie <strong> jest zgodne z dobrymi praktykami, bo nie polega tylko na stylizacji, a na przekazaniu istotności treści. Moim zdaniem, warto pamiętać, że jeśli chcesz po prostu pogrubić tekst bez dodatkowego kontekstu semantycznego, można też użyć <b>, ale to już raczej sytuacja wyjątkowa. W każdym większym projekcie webowym, gdzie myśli się o SEO i dostępności, lepiej postawić właśnie na <strong>. Często, pracując w zespole, widzę że początkujący programiści mieszają te tagi, więc polecam od razu przyzwyczaić się do stosowania semantyki. Co ciekawe, <strong> nie wymaga dodatkowego stylowania CSS, choć zawsze możesz modyfikować wygląd według projektu. Takie podejście naprawdę usprawnia pracę całego zespołu frontendowego i ułatwia późniejsze utrzymanie kodu.

Pytanie 38

Jakie parametry obrazu cyfrowego należy wykorzystać do stworzenia internetowej galerii zdjęć?

A. CMYK, 150 ppi

B. RGB, 72 ppi

C. CMYK, 72 ppi

D. LAB, 300 ppi

Odpowiedź 'RGB, 72 ppi' jest prawidłowa, ponieważ RGB jest modelem kolorów idealnym do zastosowań w sieci, z uwagi na to, że wiele urządzeń wyświetlających, takich jak monitory komputerowe i smartfony, używa tego modelu. Rekomendowana rozdzielczość 72 ppi (pikseli na cal) z kolei jest standardem dla obrazów wyświetlanych w internecie. Rozdzielczość ta zapewnia akceptowalną jakość wizualną przy jednoczesnym ograniczeniu rozmiaru pliku, co jest kluczowe dla szybkiego ładowania stron internetowych. W praktyce, przygotowując zdjęcia do galerii internetowej, warto także zastosować kompresję JPEG, co dodatkowo zmniejszy objętość plików bez znaczącej straty jakości. Omijanie formatu CMYK, który jest stosowany głównie w druku, jest istotne, ponieważ obrazy RGB są lepiej dostosowane do wyświetlania na ekranach. Przykładowo, stworzenie galerii zdjęć z użyciem RGB i 72 ppi pozwala na efektywne zarządzanie zasobami oraz lepsze wrażenia użytkowników, co jest zgodne z najlepszymi praktykami webowymi.

Pytanie 39

Na rysunku przedstawiono projekt multimedialny

A. animacji.

B. strony www.

C. prezentacji.

D. galerii zdjęć.

Odpowiedź, którą zaznaczyłeś, to galeria zdjęć i to jest całkiem dobre! Widać, że na załączonym obrazku mamy do czynienia z interfejsem, który typowo kojarzy się z tym rodzajem aplikacji. Galerie zdjęć są super, bo pozwalają na łatwe przeglądanie wizualnych treści. Użytkownicy mogą zobaczyć miniatury zdjęć z jednej strony, a z drugiej większy widok wybranego zdjęcia. To takie proste i intuicyjne, co zgadza się z zasadami użyteczności. W praktyce galerie używa się wszędzie - od osobistych albumów online po portfolio artystów. Wiele platform, na przykład WordPress, ma wtyczki, które to umożliwiają, co czyni je mega wszechstronnym narzędziem. Poza tym, jeśli myślimy o SEO, to dobrze zrobiona galeria z odpowiednimi tagami alt może naprawdę pomóc w lepszej indeksacji w wyszukiwarkach. To może zwiększyć widoczność Twojego projektu, co przecież jest ważne.

Pytanie 40

W celu opublikowania rastrowego obrazu cyfrowego w internecie należy nadać mu parametry:

A. tryb barwny CMYK, rozdzielczość 96 ppi, jak największy rozmiar pliku.

B. tryb barwny RGB, rozdzielczość 72 ppi, jak największy rozmiar pliku.

C. tryb barwny CMYK, rozdzielczość 96 ppi, jak najmniejszy rozmiar pliku.

D. tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku.

Obraz cyfrowy przygotowywany do publikacji w internecie powinien mieć tryb barwny RGB, rozdzielczość 72 ppi oraz możliwie jak najmniejszy rozmiar pliku – to takie żelazne zasady, którymi kieruje się każdy grafik czy webmaster. RGB to standardowy model kolorów dla ekranów komputerów, telefonów, tabletów – praktycznie wszystkich urządzeń wyświetlających grafikę online. CMYK jest wykorzystywany w druku, a nie w internecie. Rozdzielczość 72 ppi (czyli pikseli na cal) przyjęła się historycznie jako wystarczająca, bo starsze monitory tyle właśnie wyświetlały – dziś ekrany potrafią więcej, ale wciąż 72 ppi to minimum, które pozwala uzyskać poprawną ostrość i niepotrzebnie nie powiększa pliku. Kluczowy jest także jak najmniejszy rozmiar pliku – im mniejszy plik, tym szybciej ładuje się strona, co jest mega istotne dla komfortu użytkowników i pozycjonowania w Google. Moim zdaniem, zawsze warto korzystać z formatów JPG (dla zdjęć) lub PNG (dla grafik z przezroczystościami), a przed wrzuceniem na stronę dobrze jest skompresować plik, np. w TinyPNG czy Squoosh. To wszystko razem sprawia, że obrazek jest lekki, wygląda dobrze na większości urządzeń i nie zamula strony. W branży webowej lepiej unikać CMYK oraz zbędnie dużych plików – niepotrzebnie tylko obciążają serwer i użytkownika.

Rozpocznij nowy egzamin

Powrót do strony głównej