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 13:02
Data zakończenia: 8 czerwca 2026 13:28

Egzamin zdany!

Wynik: 38/40 punktów (95,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

W języku HTML znacznik zawiera

A. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.

B. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.

C. treść dokumentu.

D. nazwę dokumentu.

Znacznik <meta> w HTML jest jednym z tych elementów, które na pierwszy rzut oka nie robią wrażenia, ale w praktyce mają ogromne znaczenie dla działania strony w szerszym kontekście, zwłaszcza jeśli chodzi o optymalizację pod wyszukiwarki (SEO). To właśnie w <meta> wpisuje się opisy (description) oraz słowa kluczowe (keywords), które choć dziś nie są już tak mocno brane pod uwagę przez Google, to jednak wciąż odgrywają rolę w niektórych przypadkach lub dla innych wyszukiwarek. Dodatkowo, meta tagi są wykorzystywane do określania kodowania znaków (np. UTF-8), autorstwa strony czy nawet sposobu, w jaki przeglądarka ma reagować na różne urządzenia (viewport). Najczęściej spotykanymi meta tagami są właśnie <meta name="description" content="..."> oraz <meta name="keywords" content="...">. Z mojego doświadczenia wynika, że dobrze przemyślany opis meta potrafi znacząco zwiększyć klikalność strony w wynikach wyszukiwania, bo to on często pojawia się jako opis pod linkiem w Google. Warto pamiętać, że <meta> nie jest widoczny bezpośrednio dla użytkownika na stronie – cała jego magia dzieje się w tle, w części <head> dokumentu. To takie trochę niewidzialne narzędzie webmastera, które w praktyce pozwala lepiej kontrolować, jak strona jest odbierana przez roboty i algorytmy. W dobrych praktykach HTML zawsze przykłada się uwagę do poprawnego i przemyślanego wykorzystania meta tagów – nawet jeśli większość odwiedzających nigdy ich nie zobaczy.

Pytanie 2

Który z poniższych systemów nie jest systemem zarządzania treścią?

A. Wordpress

B. Teams

C. Drupal

D. Joomla

Teams jest platformą do współpracy, która koncentruje się na komunikacji i pracy zespołowej, oferując funkcje takie jak czaty, wideokonferencje oraz integrację z innymi aplikacjami. Nie jest to system zarządzania treścią (CMS), który służy do tworzenia, edytowania i publikowania treści na stronach internetowych. W przeciwieństwie do platform CMS, takich jak Drupal, Joomla i WordPress, które umożliwiają zarządzanie treściami w sposób zorganizowany i strukturalny, Teams nie oferuje dedykowanych narzędzi do tworzenia treści w kontekście stron internetowych. Przykładowo, Drupal pozwala na budowanie złożonych stron internetowych z różnymi typami treści, podczas gdy Teams skupia się na udostępnianiu informacji w ramach zamkniętej grupy użytkowników.

Pytanie 3

Jakie kroki należy podjąć, aby zaktualizować stronę internetową firmy w celu jej prawidłowego wyświetlania na urządzeniach mobilnych, jeżeli korzysta ona z szablonu opartego na tabelach, zawiera dużą ilość prezentacji Flash i została napisana w kodzie XHTML 1.01?

A. Całą witrynę stworzyć w Flashu

B. Przepisać kod w HTML5, w tym znaczniki tabeli szablonu, a także usunąć wszystkie prezentacje Flash

C. Opracować szablon na podstawie elementów blokowych CSS, przepisać kod w HTML5, usunąć wszystkie prezentacje Flash

D. Opracować szablon oparty na elementach blokowych CSS, zastąpić prezentacje Flash formatami, które nie wymagają wtyczek (pluginów), ładowanymi "na żądanie"

Prawidłowa odpowiedź polega na zaprojektowaniu szablonu w oparciu o elementy blokowe CSS oraz zastąpieniu prezentacji Flash formatami niewymagającymi wtyczek, a ładowanymi 'na żądanie'. Przede wszystkim, stosowanie CSS do budowy layoutu witryny zamiast tabel zapewnia większą elastyczność i responsywność. Elementy blokowe CSS umożliwiają lepsze dostosowanie treści do różnych rozmiarów ekranów, co jest kluczowe w kontekście użytkowników mobilnych. Ponadto, Flash, jako technologia, stał się przestarzały i nie jest wspierany na większości nowoczesnych urządzeń mobilnych. Z tego względu, warto zastąpić go alternatywnymi formatami, takimi jak HTML5 czy SVG, które są zgodne z zasadami dostępności oraz pozwalają na lepszą optymalizację wydajności. Ładowanie zasobów 'na żądanie' to praktyka, która polega na pobieraniu elementów tylko wtedy, gdy są one potrzebne, co zmniejsza czas ładowania strony i zużycie danych. Przykładem może być użycie techniki lazy loading dla obrazów oraz wideo, co znacząco poprawia doświadczenia użytkowników mobilnych. Cały proces aktualizacji witryny do standardów HTML5 dodatkowo podnosi jej jakość i zapewnia lepszą zgodność z nowoczesnymi przeglądarkami.

Pytanie 4

Jaki język nie służy do tworzenia stron internetowych?

A. CSS

B. PHP

C. HTML

D. SQL

SQL to taki język, który używamy do ogarniania danych w bazach danych, a nie do robienia stron. Jak chcesz zbudować stronę, to sięga się po HTML, który strukturyzuje treść, i CSS, co odpowiada za jej wygląd. Z PHP to w ogóle jest fajna sprawa, bo to język skryptowy, który pozwala na generowanie treści HTML na serwerze, co daje nam dynamiczne strony. Wiadomo, w webowych aplikacjach SQL jest ważny, bo ogarnia komunikację z bazami danych, ale sam w sobie nie jest odpowiedzialny za to, jak strona wygląda. Kiedy robimy strony, to często korzystamy z kombinacji HTML, CSS i PHP, które razem tworzą ładne i działające witryny, a SQL wspiera nas w zarządzaniu danymi. Wydaje mi się, że znajomość SQL to must-have dla programistów, ale nie ma co oczekiwać, że będzie wpływało na wygląd stron bezpośrednio.

Pytanie 5

Pozycjonowanie witryny internetowej to proces, który ma na celu

A. dobór rozdzielczości elementów graficznych.

B. określenie parametrów animacji obiektów na stronie.

C. zwiększenie widoczności strony internetowej w wynikach wyszukiwania.

D. obróbkę graficzną zastosowanych widgetów.

Pozycjonowanie strony internetowej, znane również jako SEO (Search Engine Optimization), jest kluczowym procesem, który ma na celu zwiększenie widoczności witryny w wynikach wyszukiwania. W praktyce oznacza to optymalizację treści, struktury strony oraz jej elementów technicznych, aby wyszukiwarki takie jak Google mogły łatwiej zindeksować stronę i lepiej ją ocenić. Przykładem efektywnego pozycjonowania jest zastosowanie słów kluczowych, które są istotne dla tematyki strony oraz częste aktualizowanie treści, co wpływa na ranking w wynikach wyszukiwania. Dobre praktyki SEO obejmują również dbanie o odpowiednią prędkość ładowania strony, optymalizację obrazów oraz zapewnienie responsywności witryny na różnych urządzeniach. Dzięki skutecznemu pozycjonowaniu, strona ma szansę na wyższą pozycję w wynikach wyszukiwania, co z kolei przekłada się na zwiększenie ruchu oraz potencjalnych klientów. Warto również zaznaczyć, że SEO to proces ciągły, wymagający regularnych analiz oraz dostosowywania strategii do zmieniających się algorytmów wyszukiwarek.

Pytanie 6

Który z poniższych znaczników powinien być użyty, aby dodać w tekście indeks dolny?

A.

B.

C. <ins>

D. <del>

Znacznik jest używany do oznaczania tekstu, który ma być wyświetlany jako indeks dolny, co jest szczególnie przydatne w kontekście chemii, matematyki oraz w innych dziedzinach, gdzie takie zapisy są powszechne. Przykładowo, w formule chemicznej H₂O, liczba 2 jest zapisana jako indeks dolny, co wskazuje na dwa atomy wodoru w cząsteczce wody. Użycie znacznika poprawia czytelność i zrozumiałość tekstu, a także jest zgodne z zasadami semantyki HTML, które wskazują na właściwe użycie znaczników do określonych konwencji. Warto także zwrócić uwagę na to, że zastosowanie indeksów dolnych i górnych w HTML wspiera dostępność treści, umożliwiając czytnikom ekranu prawidłowe odczytywanie skomplikowanych wyrażeń matematycznych i chemicznych. Standardy W3C zalecają stosowanie znaczników semantycznych, aby poprawić interakcję użytkownika z treścią w sieci.

Pytanie 7

Najlepszym sposobem na zademonstrowanie treści wykładu jest użycie

A. multimedialnych interfejsów baz danych

B. multimedialnej aplikacji z autorskim interfejsem użytkownika

C. pokazu z dużą ilością animacji

D. pokazu w formie slide show

Pokaz typu slide show jest najczęściej stosowanym narzędziem do prezentacji treści wykładów, ponieważ umożliwia klarowne i strukturalne przedstawienie informacji w formie wizualnej. Tego rodzaju prezentacje pozwalają na użycie slajdów, które mogą zawierać tekst, obrazy, wykresy oraz multimedia, co sprzyja zrozumieniu i przyswajaniu wiedzy przez uczestników. W praktyce, wykorzystanie slide show ułatwia prowadzenie narracji i utrzymywanie zaangażowania słuchaczy poprzez wizualne wsparcie dla omawianych tematów. Dobre praktyki wskazują, że każdy slajd powinien być prosty i zawierać ograniczoną ilość informacji, co pozwala na skupienie uwagi na kluczowych punktach. Warto również wykorzystywać animacje w umiarkowany sposób, aby nie rozpraszać uczestników. Przy tworzeniu prezentacji warto także odwołać się do standardów takich jak ANSI/IEEE 1028, które podkreślają znaczenie przemyślanej struktury i przejrzystości w komunikacji. Przykłady efektywnych prezentacji można znaleźć w branżach edukacyjnych i korporacyjnych, gdzie slide show jest podstawowym narzędziem wspierającym rozwój kompetencji i wiedzy.

Pytanie 8

W jakim przypadku dwa zapisy w kodzie HTML reprezentują ten sam kolor?

A. green; rgb(0, 255, 0)

B. purple; #ff00ff

C. rgb(128, 255, 0); #ff8000

D. yellow; #ffff00

Wybór innych opcji wskazuje na niepełne zrozumienie koncepcji kolorów w HTML i CSS. W przypadku "rgb(128, 255, 0); #ff8000", wartości RGB wskazują na kolor, który jest mieszanką zielonego (255) z pewną ilością czerwonego (128), co nie odpowiada kolorowi reprezentowanemu przez zapis szesnastkowy #ff8000, który jest pomarańczowym odcieniem. To prowadzi do błędnych wniosków, ponieważ wartości RGB muszą być zgodne z zapisami HEX, aby reprezentowały ten sam kolor. Podobnie w "purple; #ff00ff" mamy do czynienia z niezgodnością między nazwą koloru a jego reprezentacją szesnastkową. Kolor fioletowy jest reprezentowany przez RGB(128,0,128), a nie przez wartości w HEX, które wskazują na różowe odcienie, co prowadzi do nieporozumienia w identyfikacji kolorów. Warto również zauważyć, że w przypadku "green; rgb(0, 255, 0)" mamy do czynienia z poprawnym kolorem zielonym w obydwu systemach, ale nie są one sobie równoważne, co utrudnia zrozumienie relacji między różnymi notacjami kolorów. Te przykłady pokazują, jak istotne jest posługiwanie się poprawnymi konwersjami i znajomością systemów kolorów, aby skutecznie pracować z CSS i HTML oraz uniknąć typowych błędów w projektach graficznych.

Pytanie 9

Zgodnie z zasadami licencji CC BY-NC-ND 3.0 PL utwór można

A. sprzedać po wykorzystaniu w prezentacji

B. użyć w prezentacji o charakterze komercyjnym

C. użyć w prezentacji, lecz nie można go zmieniać

D. zmienić i wykorzystać w prezentacji

Odpowiedź, że utwór można wykorzystać w prezentacji, ale nie można go modyfikować, jest zgodna z zasadami licencji CC BY-NC-ND 3.0 PL. Licencja ta pozwala na korzystanie z utworów w celach niekomercyjnych, pod warunkiem uznania autorstwa, jednak nie zezwala na ich modyfikację. Przykładem zastosowania tej licencji może być sytuacja, w której nauczyciel korzysta z materiału wideo w trakcie wykładu – może go pokazać studentom, ale nie ma prawa wprowadzać jakichkolwiek zmian w samym materiale. W praktyce oznacza to, że każdy, kto chce skorzystać z tego typu utworu, musi ściśle przestrzegać warunków licencji, co jest kluczowe dla ochrony praw autorskich. Warto również zaznaczyć, że ustalenia te są zgodne z dobrymi praktykami w zakresie edukacji i twórczości, które podkreślają wartość oryginalnych dzieł oraz konieczność poszanowania pracy autorów. Zrozumienie zasad licencjonowania jest istotne w każdym kontekście, w którym wykorzystywane są materiały chronione prawem autorskim.

Pytanie 10

Wskaż poprawny kod HTML5 dołączający do istniejącej strony plik film.ogg tak, aby przeglądarka mogła załadować plik do pamięci, nawet jeżeli nie zostanie on odtworzony, oraz aby zostały wyświetlone domyślne kontrolki odtwarzania filmu?

A.	<video src="film.ogg" width="400" height="300" preload></video>
B.	<object src="film.ogg" width="400" height="300" load controls> </object>
C.	<object src="film.ogg" width="400" height="300" preload="none" controls="yes"></object>
D.	<video src="film.ogg" width="400" height="300" preload="auto"controls="controls"></video>

A. D.

B. A.

C. C.

D. B.

Błędne odpowiedzi często wynikają z niepełnego zrozumienia, jak działa znacznik <video> i jego atrybuty w HTML5. Wiele osób może błędnie sądzić, że pominięcie atrybutu 'controls' jest akceptowalne, co prowadzi do sytuacji, w której użytkownicy nie mają możliwości interakcji z odtwarzanym materiałem. Bez tego atrybutu, plik wideo staje się jedynie statycznym elementem, bez możliwości zatrzymania, przewijania czy regulacji głośności, co znacznie obniża jego użyteczność. Kolejnym powszechnym błędem jest nieprawidłowe ustawienie atrybutu 'preload'. Użytkownicy mogą myśleć, że nie jest on potrzebny, co w praktyce może prowadzić do opóźnień w odtwarzaniu wideo, szczególnie na wolniejszych połączeniach. Zrozumienie, że 'preload' informuje przeglądarkę o tym, aby załadowała wideo w tle, jest kluczowe dla zapewnienia płynnego doświadczenia użytkownika. Ponadto, niezgodność z typami plików i nieodpowiednie użycie atrybutu 'type' w znaczniku <source> może prowadzić do tego, że wideo nie będzie odtwarzane w niektórych przeglądarkach, co jest istotnym problemem, gdyż wymagania dotyczące kompatybilności wideo są różne w różnych środowiskach. Wiedza na temat prawidłowego korzystania z HTML5 i jego elementów multimedialnych jest nie tylko wymagana, ale również kluczowa w tworzeniu nowoczesnych i dostępnych aplikacji internetowych.

Pytanie 11

Do bezprzewodowego przesyłania materiału wideo z telefonu na komputer nie używa się

A. sieci Ethernet.

B. Bluetooth.

C. Wi-Fi Direct.

D. sieci WiFi.

Wybrałeś sieć Ethernet jako technologię, której nie używamy do bezprzewodowego przesyłania wideo z telefonu na komputer, i dobrze, bo Ethernet to standard przewodowy. Kabel z końcówką RJ-45 i gniazdo sieciowe – to podstawa Ethernetu. Połączenie telefon – komputer przez Ethernet fizycznie wymaga kabla, a telefony komórkowe praktycznie nie mają portów RJ-45, bo to nie ta epoka. W praktyce, przesyłanie wideo ze smartfona na komputer opiera się niemal wyłącznie na rozwiązaniach bezprzewodowych: WiFi, Wi-Fi Direct czy Bluetooth. WiFi, czyli komunikacja przez sieć bezprzewodową, umożliwia szybki transfer danych i jest powszechnie używana przy streamingu, np. Miracast, AirPlay czy aplikacje jak VLC. Wi-Fi Direct to trochę taka sieć WiFi, ale bez routera – urządzenia dogadują się bezpośrednio, a prędkości są wystarczające nawet do przesyłania obrazu HD. Bluetooth też pozwala na przesył plików, choć jego przepustowość jest raczej za mała na wideo w dobrej jakości, ale wciąż – jest to komunikacja bezprzewodowa. Ethernet za to, z mojego doświadczenia, przydaje się raczej do połączeń szybkich i stabilnych, ale tylko przewodowych, choć czasem można spotkać adaptery do telefonów, ale do streamingu wideo z telefonu na komputer i tak się ich nie używa. Także, ogólnie rzecz biorąc, wybór Ethernetu jako tej nieużywanej technologii do bezprzewodowego transferu jest zgodny z realiami technicznymi i dobrymi praktykami branży IT.

Pytanie 12

Wskaż oprogramowanie służące do zbierania oraz katalogowania materiałów cyfrowych, dystrybuowane na podstawie licencji komercyjnej?

A. Picasa

B. Adobe Lightroom

C. Audio Manager

D. Kodi

Adobe Lightroom to profesjonalne oprogramowanie stworzone z myślą o fotografach i osobach zajmujących się obróbką zdjęć, które oferuje zaawansowane funkcje gromadzenia, katalogowania oraz edycji materiałów cyfrowych. Program wspiera organizację zdjęć dzięki tagowaniu, ocenianiu oraz możliwości tworzenia albumów, co ułatwia zarządzanie dużymi zbiorami. Lightroom jest szczególnie ceniony w branży za intuicyjny interfejs oraz integrację z innymi produktami Adobe, co czyni go wszechstronnym narzędziem dla profesjonalistów. Umożliwia również synchronizację z urządzeniami mobilnymi, co daje możliwość dostępu do zdjęć w dowolnym miejscu. Użytkownicy mogą korzystać z zaawansowanych narzędzi do edycji, jak korekcja kolorów, retusz czy filtracja, co sprawia, że Adobe Lightroom jest standardowym rozwiązaniem w branży fotografii. Przy zastosowaniu dobrych praktyk, takich jak regularne tworzenie kopii zapasowych oraz organizowanie katalogów, użytkownicy mogą skutecznie zarządzać swoimi zasobami cyfrowymi, co jest niezbędne w profesjonalnej pracy z obrazem.

Pytanie 13

Mianem domeny publicznej określa się

A. tłumaczenia i adaptacje utworów powstałe w oparciu o oryginały.

B. utwory, co do których ochrona prawna wygasła po upływie 70 latach od śmierci twórcy lub które nigdy nie były objęte autorskimi prawami majątkowymi.

C. zbiór utworów jednego autora, które nigdy nie mogą być wykorzystane publicznie.

D. prawo do umieszczenia fragmentów utworów we własnym utworze pod warunkiem, że ich wykorzystanie jest uzasadnione wyjaśnieniem.

Wybrałeś definicję, która dokładnie odpowiada temu, jak w prawie autorskim rozumiemy domenę publiczną. Domena publiczna to taki „stan prawny” utworu, w którym autorskie prawa majątkowe już nie obowiązują. W polskim prawie standardowo dzieje się to po 70 latach od śmierci twórcy (lub ostatniego współtwórcy), licząc od końca roku kalendarzowego. Po tym czasie utwór może być swobodnie kopiowany, publikowany, modyfikowany, wykorzystywany komercyjnie, również w projektach graficznych, na stronach WWW, w materiałach reklamowych czy animacjach. To jest właśnie praktyczny sens domeny publicznej: nie musisz pytać nikogo o zgodę ani płacić licencji, o ile szanujesz inne przepisy, np. dobra osobiste, ochronę wizerunku, znaki towarowe.
Moim zdaniem każdy, kto pracuje z multimediami, powinien umieć odróżnić utwory w domenie publicznej od tych objętych licencją, bo to bardzo ułatwia legalną pracę. Przykład praktyczny: możesz legalnie pobrać z zasobów Biblioteki Narodowej skan starej grafiki sprzed 150 lat, przerobić ją w Photoshopie, zmienić kolory, dodać typografię i wykorzystać w plakacie komercyjnym – bez negocjowania licencji. Podobnie z muzyką klasyczną: zapis nutowy Chopina jest w domenie publicznej, więc możesz zrobić własne nagranie i użyć go w filmie promocyjnym.
Warto też pamiętać, że do domeny publicznej należą nie tylko utwory, którym wygasły prawa majątkowe, ale też takie, które nigdy nimi nie były objęte, np. część dokumentów urzędowych, aktów normatywnych, prostych informacji prasowych. Dobrą praktyką jest mimo wszystko podawać autora i źródło, nawet gdy prawo tego już formalnie nie wymaga – to buduje profesjonalny wizerunek i pokazuje szacunek do twórców. W nowoczesnych projektach multimedialnych często łączy się materiały z domeny publicznej z własną twórczością i z zasobami na licencjach typu Creative Commons, co daje bardzo elastyczne i legalne środowisko pracy.

Pytanie 14

Do rozszerzenia funkcjonalności strony internetowej opartej o system zarządzania treścią instaluje się

A. wtyczki.

B. archiwizery.

C. fonty.

D. kodeki.

Poprawna odpowiedź to wtyczki, bo właśnie w ten sposób najczęściej rozszerza się funkcjonalność stron opartych na systemach zarządzania treścią (CMS), takich jak WordPress, Joomla, Drupal czy inne mniej popularne systemy. Wtyczka (ang. plugin) to dodatkowy moduł programistyczny, który podłącza się do istniejącego systemu i korzysta z jego API, czyli udostępnionych punktów zaczepienia: hooków, akcji, filtrów. Dzięki temu można dodać nowe funkcje bez modyfikowania głównego kodu CMS-a, co jest zgodne z dobrą praktyką: rdzeń systemu zostaje nietknięty, a rozszerzenia są odseparowane. W praktyce oznacza to, że jeśli chcesz dodać sklep internetowy do WordPressa, instalujesz wtyczkę typu WooCommerce. Jeśli chcesz formularz kontaktowy – instalujesz wtyczkę do formularzy. Jeżeli potrzebujesz integracji z systemem płatności, newsletterem, SEO, cache, galeriami zdjęć, nawet zewnętrznym API – to wszystko zwykle realizuje się właśnie przez instalację odpowiednich wtyczek. Z mojego doświadczenia w pracy z CMS-ami najważniejsze jest też dbanie o to, żeby wtyczki były aktualne, pochodziły ze sprawdzonych źródeł i miały dobre opinie. Nieuaktualnione rozszerzenia potrafią być poważną luką bezpieczeństwa. W branży przyjmuje się zasadę, że najpierw szukamy gotowej, dobrze utrzymanej wtyczki, a dopiero gdy jej nie ma, zlecamy napisanie własnej, zgodnie z dokumentacją danego CMS-a. Dzięki temu rozwój strony jest szybszy, tańszy i łatwiejszy w utrzymaniu, a cała architektura jest bardziej modularna i zgodna z profesjonalnymi standardami tworzenia serwisów WWW.

Pytanie 15

Wprowadzenie zmian w projekcie fotocastu opracowanego przez zespół poprzedzone powinno być

A. wyciągnięciem konsekwencji finansowych i prawnych wobec lidera zespołu.

B. odebraniem zespołowi projektu bez uzasadnienia i przekazanie nowej grupie specjalistów.

C. informacją zwrotną z analizy projektu.

D. niekonstruktywną krytyką ze strony przełożonego.

Prawidłowo wskazana odpowiedź pokazuje myślenie projektowe na naprawdę dojrzałym poziomie. Wprowadzenie zmian w projekcie fotocastu powinno być poprzedzone rzetelną informacją zwrotną z analizy projektu, bo tylko wtedy zespół wie, CO i DLACZEGO ma poprawić. W praktyce wygląda to tak, że po przygotowaniu wersji roboczej fotocastu robi się przegląd: sprawdza się spójność warstwy wizualnej i dźwiękowej, jakość montażu, tempo narracji, poziomy głośności, czytelność zdjęć, zgodność z celem i grupą docelową. Na tej podstawie tworzy się feedback – najlepiej konkretny, oparty na przykładach, a nie ogólnikach typu „trzeba to zrobić lepiej”.
Moim zdaniem kluczowe jest, żeby informacja zwrotna była oparta na mierzalnych kryteriach: storyboard, scenariusz, założenia klienta, standardy publikacji w sieci (np. odpowiednia głośność miksu, brak przesterów, poprawne kadrowanie, brak naruszeń praw autorskich do zdjęć i muzyki). W profesjonalnych studiach multimedialnych zmiany zawsze wynikają z review projektu: robi się tzw. odsłuch kontrolny, przegląd kadr po kadrach, porównanie z briefem. Dopiero po takiej analizie lider spisuje listę poprawek i priorytetów.
Dobrą praktyką jest też feedback dwustronny: zespół może wyjaśnić swoje decyzje, a osoba oceniająca – doprecyzować oczekiwania. Dzięki temu unikamy chaotycznego „przeorania” projektu, a zamiast tego świadomie iterujemy wersje: V1, V2 itd. To dokładnie tak działa w branży przy montażu wideo, podcastach czy animacjach – każda kolejna wersja jest efektem analizy, a nie impulsu czy emocjonalnej krytyki. Taki proces nie tylko poprawia jakość fotocastu, ale też rozwija kompetencje całego zespołu, bo ludzie widzą związek między uwagą a konkretną zmianą w materiale.

Pytanie 16

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

A.

B. <div>

C. <abbr>

D. <big>

Znacznik 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 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 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ć , 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 . 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, 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 17

Aby utworzyć reklamę w sieci o maksymalnej szerokości do 800 pikseli, należy ustawić właściwość

A. background-position

B. max-height

C. background size

D. max-widht

Wybór właściwości max-width jest kluczowy przy projektowaniu responsywnych stron internetowych. Umożliwia ona określenie maksymalnej szerokości elementu, co jest istotne w kontekście dostosowywania się do różnych rozmiarów ekranów. Ustalając max-width na 800 pikseli, zapewniasz, że elementy takie jak obrazy, kontenery czy sekcje tekstowe nie będą szersze niż określona wartość, co sprzyja estetyce i użyteczności strony. Na przykład, jeśli masz reklamę, która ma być wyświetlana na różnych urządzeniach, zastosowanie max-width pozwala na jej elastyczne dopasowanie do ekranów tabletów oraz smartfonów, co poprawia doświadczenia użytkowników. Dobrą praktyką jest również stosowanie max-width w połączeniu z width: 100%, aby elementy mogły dostosować się do dostępnej przestrzeni, niezależnie od rozmiaru ekranu. Dzięki temu unikasz problemów z nadmiarem treści, które mogą prowadzić do nieczytelności lub niewłaściwego wyświetlania na mniejszych urządzeniach. Zgodność z zasadami responsywnego designu oraz użycie max-width stanowi standard w nowoczesnym web designie.

Pytanie 18

Wskaż prawidłowy zapis dotyczący tworzenia akapitu tekstu w języku HTML.

A. Pierwszy akapit.
Drugi akapit.

B. Pierwszy akapit.
Drugi akapit.

C. Pierwszy akapit .
Drugi akapit.

D. Pierwszy akapit.
Drugi akapit.

To właśnie taki zapis, jak Pierwszy akapit.Drugi akapit., jest zgodny ze standardem HTML. Każdy akapit w dokumencie oznaczamy osobnym tagiem otwierającym i zamykającym . Dzięki temu przeglądarka jednoznacznie wie, gdzie zaczyna i kończy się dany fragment tekstu. To bardzo praktyczne – jak masz większy artykuł czy instrukcję, rozdzielasz go na czytelne sekcje, a czytelnik nie gubi się w ścianie tekstu. Co ciekawe, tag jest tzw. semantycznym elementem HTML, czyli ma określone znaczenie – przeglądarka, czytniki ekranu czy nawet Google wiedzą, że zawartość tego tagu to właśnie akapit. Moim zdaniem, przy tworzeniu stron warto zawsze trzymać się takiego schematu, bo wtedy kod jest czytelny i zgodny z dobrymi praktykami. Spotkałem się z sytuacjami, gdzie ktoś próbował zamykać akapit tylko jednym znacznikiem , albo robił zagnieżdżenia – efekt bywał dość niespodziewany, a strona w różnych przeglądarkach wyglądała zupełnie inaczej. W rozwijaniu projektów webowych to wręcz podstawa, żeby używać poprawnie zamykanych elementów, bo to wpływa na dostępność i kompatybilność. Warto też wiedzieć, że w CSS możesz łatwo stylować każdy akapit, np. nadając mu odstęp czy inną czcionkę, właśnie dlatego, że są dobrze opisane w HTML.

Pytanie 19

Podczas pracy z substancjami chemicznymi, do ochrony rąk należy stosować rękawice

A. neoprenowe i nitrylowe.

B. kauczukowe i bawełniane.

C. spawalnicze i foliowe.

D. bawełniane i foliowe.

Prawidłowo – przy pracy z substancjami chemicznymi stosuje się przede wszystkim rękawice neoprenowe i nitrylowe. To są typowe rękawice ochronne przeznaczone właśnie do kontaktu z wieloma agresywnymi związkami chemicznymi. Neopren i nitryl to tworzywa sztuczne o podwyższonej odporności na działanie kwasów, zasad, rozpuszczalników organicznych, olejów czy smarów. W odróżnieniu od zwykłej gumy czy bawełny, te materiały nie chłoną tak łatwo cieczy i nie przepuszczają ich tak szybko przez strukturę rękawicy. Dzięki temu skóra dłoni jest faktycznie odizolowana od substancji, z którą pracujesz. W praktyce w laboratoriach, zakładach przemysłowych, drukarniach, lakierniach czy nawet w serwisach sprzątających właśnie rękawice nitrylowe są dziś takim standardem BHP. Moim zdaniem to trochę taki „złoty środek” – są dość wygodne, elastyczne, a jednocześnie mają całkiem dobrą odporność chemiczną. Neopren z kolei często stosuje się tam, gdzie występują mocniejsze kwasy lub wyższe temperatury, bo lepiej znosi warunki podwyższonego obciążenia. W dobrych praktykach bezpieczeństwa zawsze zwraca się uwagę, żeby dobór rękawic opierać na karcie charakterystyki substancji (SDS) – tam jest zwykle podany rekomendowany typ materiału rękawicy, bardzo często właśnie nitryl lub neopren. Warto też pamiętać, że rękawice chemiczne mają określony czas przenikania (tzw. permeation time). To znaczy, że nawet nitryl i neopren nie chronią „wiecznie”, tylko do pewnego czasu kontaktu z daną substancją. Dlatego w profesjonalnych warunkach kontroluje się stan rękawic, regularnie je wymienia i nie używa jednorazówek zbyt długo. Dobrą praktyką jest też łączenie ochrony rąk z innymi środkami ochrony indywidualnej, jak okulary, fartuch, czasem przyłbica – bo chemia rzadko działa tylko na dłonie. Podsumowując: wybór neoprenu i nitrylu to zgodność z zasadami BHP, z normami dotyczącymi ochrony chemicznej i z tym, co faktycznie stosuje się w większości profesjonalnych pracowni i zakładów.

Pytanie 20

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

A. =

B. /

C. !

D. !=

Symbol "!" w języku JavaScript jest operatorem negacji logicznej. Służy do odwracania wartości logicznych, co oznacza, że jeśli operand (wartość, na której działa operator) jest prawdziwy (true), to wynik działania operatora "!" będzie fałszywy (false), i odwrotnie. Przykładowo, jeśli mamy zmienną let isActive = true;, to wykonanie !isActive da wynik false. Operator negacji jest niezwykle przydatny w warunkach logicznych, na przykład w instrukcjach if, gdzie możemy chcieć wykonać kod tylko wtedy, gdy dany warunek nie jest spełniony. Przykład: if (!isActive) { console.log('Nieaktywny'); } spowoduje, że komunikat zostanie wyświetlony tylko wtedy, gdy isActive jest false. Dobre praktyki w programowaniu sugerują, aby używać operatora negacji z rozwagą, aby kod był czytelny i zrozumiały. Ponadto, warto pamiętać, że operator "!" można stosować wielokrotnie, co prowadzi do podwójnej negacji (np. !!isActive), co jest techniką często używaną do konwertowania wartości na typ boolean.

Pytanie 21

Jakie są zewnętrzne arkusze stylów dla języka HTML?

A. JAVA

B. BASIC

C. CSS

D. PHP

CSS, czyli Kaskadowe Arkusze Stylów, jest standardowym językiem używanym do opisywania wyglądu i formatowania dokumentów HTML. Jego głównym celem jest oddzielenie treści od prezentacji, co umożliwia wprowadzenie zmian w stylach bez konieczności modyfikacji samej treści. Przykładowo, jeśli chcesz zmienić kolor tekstu w całej aplikacji, wystarczy zaktualizować jedną regułę CSS, zamiast przeszukiwać i edytować każdy plik HTML. Standardy CSS pozwalają na tworzenie responsywnych i dobrze wyglądających stron internetowych, co jest kluczowe w dzisiejszym świecie, gdzie użytkownicy korzystają z różnych urządzeń. Dzięki CSS można wprowadzać m.in. style rozkładu, kolory, czcionki oraz zaawansowane techniki, takie jak animacje czy przejścia. Stosowanie CSS zgodnie z dobrymi praktykami, takimi jak użycie klas i identyfikatorów, poprawia czytelność kodu oraz umożliwia łatwiejsze utrzymanie strony. Warto również znać narzędzia takie jak preprocessory CSS (np. SASS, LESS), które znacznie poszerzają możliwości standardowego CSS, wprowadzając elementy takie jak zmienne czy zagnieżdżone reguły.

Pytanie 22

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

A. Adobe AfterEffects

B. Puzzle Flow

C. Adobe Photoshop

D. Audacity

Adobe Photoshop to jeden z najpopularniejszych programów graficznych, wykorzystywanych do tworzenia kompozycji graficzno-tekstowych na stronach internetowych. Oferuje bogaty zestaw narzędzi do edycji grafiki rastrowej, co czyni go idealnym narzędziem do projektowania wizualnych elementów stron, takich jak banery, przyciski, ikony czy tła. Program pozwala na zaawansowane manipulacje obrazem, w tym warstwy, maski, filtry oraz efekty, które wspierają twórcze podejście w projektowaniu. Przykładem zastosowania Photoshop w praktyce może być stworzenie grafiki promującej nową usługę na stronie internetowej, gdzie projektant łączy tekst z obrazem, dbając o estetykę i czytelność. W kontekście standardów branżowych, korzystanie z Adobe Photoshop umożliwia projektantom przestrzeganie zasad UX/UI, poprzez tworzenie intuicyjnych i atrakcyjnych wizualnie interfejsów. Dlatego też, wybór tego oprogramowania przy tworzeniu stron internetowych jest zgodny z aktualnymi trendami i najlepszymi praktykami w branży.

Pytanie 23

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. ustawić kanał alfa na kolory czerwony lub czarny i zapisać plik w formacie PNG

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

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

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

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 24

Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?

A. Arkusze kalkulacyjne

B. Druki reklamowe

C. Aplikacje internetowe

D. Zrastrowane ilustracje

Adobe Dreamweaver to naprawdę fajne narzędzie, które pomaga w tworzeniu stron internetowych i aplikacji. Można w nim programować w HTML, CSS, a nawet JavaScript, co daje dużą swobodę w projektowaniu. Osobiście uważam, że duży plus to jego opcje wizualne, bo można wprowadzać zmiany bez konieczności grzebania w kodzie non-stop. Przykładem, gdzie Dreamweaver się sprawdza, są interaktywne formularze, które są niezbędne w wielu stronach. A do tego integracja z bazami danych, co znacznie ułatwia życię, szczególnie przy dynamicznej treści. Nie zapominajmy też o standardach, jak W3C, które są wspierane przez program. Dzięki temu, mamy pewność, że nasze projekty są zgodne i wyglądają jak należy. To narzędzie jest znane w naszej branży, więc warto je znać i się nim posługiwać.

Pytanie 25

Zanim zamieścisz w Internecie materiał multimedialny zawierający wizerunek osoby niepełnoletniej, należy

A. umieścić zdjęcie osoby niepełnoletniej po prawej stronie slajdu

B. uzyskać zgodę osoby niepełnoletniej oraz jej prawnych opiekunów

C. uzyskać zgodę osoby niepełnoletniej na zamieszczenie wizerunku

D. podpisać zdjęcie osoby niepełnoletniej, podając jej imię oraz nazwisko

Uzyskanie zgody osoby nieletniej oraz jej prawnych opiekunów przed publikacją wizerunku jest kluczowym elementem ochrony prywatności i praw dziecka, zgodnie z obowiązującymi przepisami prawa, w tym RODO. Osoby nieletnie nie są w pełni zdolne do podejmowania decyzji dotyczących wykorzystania ich wizerunku, dlatego zgoda ich opiekunów prawnych jest niezbędna. Przykładem zastosowania tej zasady jest sytuacja, w której szkoła planuje opublikować zdjęcia dzieci z wydarzenia szkolnego na swojej stronie internetowej. W takim przypadku szkoła musi uzyskać pisemną zgodę zarówno od dzieci, jak i ich rodziców lub opiekunów. Dobre praktyki w zakresie ochrony danych osobowych przewidują stosowanie formularzy zgody, które jasno określają, w jaki sposób i w jakim celu dane będą wykorzystywane, co zwiększa transparentność i zaufanie do instytucji. Należy również pamiętać, że zgoda może być cofnięta w każdym momencie, co powinno być jasno komunikowane w formularzu.

Pytanie 26

Ile lat po zgonie autora wygasają jego prawa do dzieł?

A. 50 latach

B. 70 latach

C. 35 latach

D. 20 latach

Odpowiedź 70 lat jest prawidłowa, ponieważ zgodnie z obowiązującymi w Polsce przepisami prawa autorskiego, prawa majątkowe do utworów wygasają po 70 latach od śmierci twórcy. Ta zasada jest zgodna z międzynarodowymi standardami, w tym z Konwencją berneńską oraz dyrektywami Unii Europejskiej. Przykładem może być sytuacja, gdy kompozytor czy pisarz zmarł w 1950 roku – prawa do jego utworów będą obowiązywały do 2020 roku. Po upływie tego okresu utwory wchodzą w domenę publiczną, co oznacza, że mogą być swobodnie wykorzystywane przez każdego, a ich autorzy nie otrzymują już żadnych korzyści materialnych z ich rozpowszechniania. Domena publiczna stanowi istotny element kultury i nauki, umożliwiając rozwój nowych dzieł oraz innowacji, a także dostęp do klasycznych utworów dla szerokiego grona odbiorców.

Pytanie 27

Na rysunku przedstawiono projekt multimedialny

A. strony www.

B. prezentacji.

C. galerii zdjęć.

D. animacji.

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 28

Która cecha pozwala na użycie czcionki, na przykład, w przypadku tekstu nachylonego?

A. font-family

B. font-style

C. text-indent

D. font-size

Właściwość CSS 'font-style' jest kluczowa przy definiowaniu stylu czcionki, w tym zastosowania tekstu pochylonego (kursywy). Umożliwia ona ustawienie różnych wariantów stylu czcionki, takich jak normalny, pochylony (italic) lub pogrubiony (oblique). Przykład użycia tej właściwości w praktyce to: 'font-style: italic;'. Warto zaznaczyć, że korzystanie z kursywy jest powszechną praktyką w typografii, której celem jest wyróżnienie fragmentów tekstu, takich jak cytaty, tytuły książek czy terminologia. Zgodnie z najlepszymi praktykami projektowania stron internetowych, dobrze jest stosować kursywę oszczędnie, aby nie przytłoczyć czytelnika. W kontekście responsywności i dostępności, należy również zadbać o to, aby tekst pozostał czytelny na różnych urządzeniach. Warto podkreślić, że różne przeglądarki mogą różnie interpretować czcionki, dlatego zawsze warto testować zastosowane style w różnych środowiskach. Użycie 'font-style' jest zgodne z zasadami CSS3, które pozwalają na bardziej zaawansowane stylizacje tekstu.

Pytanie 29

Aby wyróżnić tekst, wyświetlając go na żółtym tle, jaki znacznik należy zastosować?

A. C.

B.

C.

D. <del>

Znacznik to fajne narzędzie w HTML, bo pozwala wyróżnić istotne fragmenty tekstu. Można dzięki niemu podświetlić ważne informacje, na przykład na żółtym tle, co na pewno przyciąga wzrok. Kiedy używasz , to czytelnicy łatwiej zauważają kluczowe punkty, co jest super przydatne w różnych dokumentach, artykułach czy nawet podczas prezentacji. Używanie semantycznych znaczników to dobry pomysł, bo dzięki temu strona jest bardziej zrozumiała, a także bardziej przyjazna dla osób z różnymi potrzebami. Czytniki ekranowe bardzo cenią sobie takie podejście. Warto pamiętać, że standardy W3C promują używanie znaczników, które mają znaczenie w kontekście treści, więc na pewno jest praktycznym narzędziem do tworzenia dostępnych stron.

Pytanie 30

Aby zwiększyć funkcjonalność oraz szybkość działania serwisu z galerią, cyfrowe obrazy powinny zostać poddane

A. strumieniowaniu

B. optymalizacji

C. wektoryzacji

D. zakodowaniu

Optymalizacja obrazów cyfrowych jest kluczowym procesem, który ma na celu poprawę wydajności i szybkości działania galerii internetowej. Przez optymalizację rozumiemy zastosowanie różnych technik, które zmniejszają rozmiar pliku bez istotnej utraty jakości. Przykłady obejmują kompresję JPEG, PNG oraz wykorzystanie formatów nowej generacji, takich jak WebP, które oferują lepsze współczynniki kompresji. Optymalizacja nie tylko przyspiesza ładowanie się stron, ale także poprawia doświadczenie użytkownika, co jest szczególnie istotne w dobie urządzeń mobilnych, gdzie prędkość ładowania ma kluczowe znaczenie. Dodatkowo, dobrze zoptymalizowane obrazy mogą pozytywnie wpływać na SEO, ponieważ wyszukiwarki preferują strony z szybkim czasem ładowania. W branży internetowej istnieją standardy, takie jak W3C i Google PageSpeed, które podkreślają znaczenie optymalizacji obrazów jako elementu strategii poprawy wydajności internetowej. Warto również stosować techniki takie jak lazy loading czy CDN, które jeszcze bardziej zwiększają efektywność dostarczania treści wizualnych.

Pytanie 31

Aby stworzyć strony internetowe dla firmowej witryny, która elastycznie przystosowuje się do różnych rozdzielczości ekranu i dobrze prezentuje się oraz działa na różnych urządzeniach, takich jak komputer stacjonarny, tablet czy smartfon, konieczne jest użycie

A. Responsive Web Design

B. języka XHTML i struktury opartej na tabelach

C. całkowitego generowania stron w Flashu

D. języka XML i oddzielnych wersji strony dla różnych typów urządzeń

Responsive Web Design (RWD) to podejście do projektowania stron internetowych, które umożliwia ich płynne dostosowywanie się do różnych rozdzielczości ekranów i urządzeń. Kluczowym elementem RWD jest elastyczna siatka, która wykorzystuje jednostki względne, takie jak procenty, zamiast jednostek stałych, co pozwala na automatyczne dostosowanie elementów strony do wymiarów ekranu. Przykłady zastosowania RWD obejmują techniki takie jak media queries, które umożliwiają stosowanie różnych stylów CSS w zależności od rozmiaru wyświetlacza. Dzięki temu użytkownicy korzystający z komputerów stacjonarnych, tabletów czy smartfonów mają zapewnione optymalne doświadczenia na stronie. Współczesne standardy, takie jak HTML5 i CSS3, w pełni wspierają RWD, co czyni je najlepszą praktyką w projektowaniu nowoczesnych witryn. Korzystając z RWD, programiści mogą zredukować czas i wysiłek związany z tworzeniem osobnych wersji witryny dla różnych urządzeń, co przekłada się na niższe koszty utrzymania i aktualizacji witryny.

Pytanie 32

Aby ułatwić interpretację treści w publikacji online, w zgodzie z zasadami typografii internetowej, w jednej linii może znajdować się

A. 25 znaków

B. 55 znaków

C. 95 znaków

D. 37 znaków

Odpowiedź "55 znaków" jest poprawna, ponieważ jest zgodna z zaleceniami dotyczącymi czytelności tekstu w publikacjach internetowych. Badania wykazały, że idealna długość linii tekstu w formacie cyfrowym powinna wynosić od 50 do 75 znaków. Długość 55 znaków optymalizuje zarówno czytelność, jak i komfort czytania, co jest szczególnie istotne w kontekście designu stron internetowych oraz aplikacji mobilnych. Praktycznym przykładem zastosowania tej zasady może być projektowanie układów tekstowych w serwisach informacyjnych, gdzie zbyt długie linie mogą prowadzić do trudności w śledzeniu kolejnych wierszy, co wpływa negatywnie na doświadczenie użytkownika. Użycie 55 znaków w jednej linii sprzyja także efektywnemu skanowaniu tekstu, co jest kluczowe w dobie natłoku informacji. Dobrze zaprojektowane strony internetowe powinny uwzględniać te zasady typograficzne, aby przyciągnąć i zatrzymać uwagę odbiorców, co z kolei przyczynia się do dłuższego czasu spędzonego na stronie oraz lepszego przyswajania treści.

Pytanie 33

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

A. Bichromia

B. Pantone

C. RGB

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 34

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

A. rozpoczęcie nagłówka dokumentu HTML

B. zakończenie dokumentu HTML

C. zakończenie nagłówka dokumentu HTML

D. rozpoczęcie dokumentu HTML

Znacznik <HEAD> w dokumentach HTML jest kluczowym elementem, który definiuje początek sekcji nagłówkowej dokumentu. Sekcja ta zawiera meta informacje, które są istotne dla przeglądarek internetowych oraz wyszukiwarek, ale nie są bezpośrednio wyświetlane na stronie. W nagłówku można umieścić takie elementy jak tytuł strony (<TITLE>), odwołania do arkuszy stylów CSS, skrypty JavaScript, a także meta tagi, które informują o autorze, opisie czy słowach kluczowych. Zgodnie z standardami W3C, poprawne zdefiniowanie nagłówka jest niezbędne dla prawidłowego działania dokumentu HTML, co ma wpływ na SEO oraz na sposób, w jaki strona jest renderowana. Przykładowo, title jest kluczowym elementem, ponieważ pojawia się na pasku tytułowym przeglądarki oraz w wynikach wyszukiwania, co podkreśla znaczenie sekcji <HEAD> w kontekście organizacji i prezentacji treści. Dlatego znajomość struktury dokumentów HTML oraz poprawnego użycia znaczników jest niezbędna w codziennej pracy web dewelopera.

Pytanie 35

Wskaż parametry, które należy zdefiniować, przygotowując fotografie cyfrowe do projektu galerii internetowej.

A. Rozdzielczość 72 spi, tryb barwny CMYK.

B. Rozdzielczość 72 ppi, tryb barwny RGB.

C. Rozdzielczość 72 lpi tryb barwny RGB.

D. Rozdzielczość 72 dpi, tryb barwny CMYK.

To jest dokładnie ten zestaw parametrów, który powinien być stosowany przy przygotowaniu zdjęć do publikacji w galerii internetowej. Rozdzielczość 72 ppi (pikseli na cal) jest uznawana za standardową dla grafiki wyświetlanej na ekranach komputerów czy urządzeń mobilnych – to w zupełności wystarcza, żeby zdjęcia wyglądały ostro i nie zajmowały zbyt wiele miejsca, co przekłada się na szybsze ładowanie strony. Z mojego doświadczenia, jeśli użyjemy wyższej rozdzielczości, zdjęcia będą większe i obciążą serwer, a przecież użytkownik nawet nie zauważy różnicy. Tryb barwny RGB to absolutna podstawa w kontekście internetu – większość ekranów obsługuje właśnie ten przestrzeń barwną, więc kolory pozostaną takie, jak zamierzono. W praktyce, wszystkie popularne programy graficzne domyślnie ustawiają tryb RGB dla plików przeznaczonych do sieci. Z kolei CMYK to tryb dedykowany do druku i tu zupełnie się nie sprawdzi. Co ciekawe, czasem spotykam się z opinią, że trzeba wyżej ustawić rozdzielczość, ale to tylko marnuje miejsce na dysku. No i warto pamiętać, by zapisywać zdjęcia w formatach takich jak JPEG czy PNG, bo te najczęściej są obsługiwane przez przeglądarki. Tak więc – 72 ppi i RGB to taki internetowy złoty standard.

Pytanie 36

W programie Adobe Photoshop stosuje się do dzielenia obrazu na mniejsze sekcje w celu publikacji na stronach internetowych

A. cięcie na plasterki

B. kanały

C. ścieżki

D. stempel

Odpowiedź "cięcie na plasterki" jest poprawna, ponieważ ta funkcja w Adobe Photoshop pozwala na efektywne dzielenie dużych obrazów na mniejsze fragmenty, które mogą być łatwiej przesyłane i wyświetlane na stronach internetowych. Proces ten jest istotny, ponieważ zbyt duże pliki graficzne mogą znacznie spowolnić ładowanie stron, co negatywnie wpływa na doświadczenia użytkowników. Używając opcji cięcia na plasterki, można precyzyjnie określić, w jaki sposób obraz zostanie podzielony, co pozwala na optymalizację wydajności witryny. Dobre praktyki w projektowaniu stron internetowych zalecają ograniczenie rozmiaru plików graficznych oraz ich odpowiednie dzielenie, co jest szczególnie istotne dla mobilnych wersji stron. Dodatkowo, korzystając z tej metody, można łatwo dostosować format i jakość plików do różnych urządzeń, co jest kluczowe w dobie responsywnego designu. Cięcie na plasterki nie tylko zmniejsza rozmiar plików, ale także umożliwia naładowanie tylko niezbędnych fragmentów obrazu w odpowiednich momentach, co jest techniką znaną jako lazy loading.

Pytanie 37

Który znacznik HTML pozwala na dodanie grafiki do strony internetowej?

A. <input>

B. <map>

C. <img>

D. <select>

Znacznik <img> to coś, co jest naprawdę ważne w HTML, bo dzięki niemu możemy wstawiać różne grafiki do naszych stron. W praktyce działa to tak, że mamy składnię: <img src="ścieżka/do/obrazu" alt="opis obrazu">, gdzie 'src' to ścieżka, gdzie leży nasz obraz, a 'alt' to tekst, który pokazuje się, gdy obrazek się nie załadował. Używanie tego 'alt' to nie tylko dobra praktyka, ale też pomaga osobom, które korzystają z czytników ekranu. Aha, no i pamiętajmy, by nie przesadzać z wielkością obrazków - niewłaściwie zoptymalizowane zdjęcia mogą strasznie spowolnić ładowanie strony. Generalnie, <img> jest świetnym narzędziem, które dodaje fajne wizualne doznania i poprawia SEO, jeśli użyjemy obrazków rozmiarowo dostosowanych do różnych urządzeń - tu wkraczają media responsywne i techniki lazy loading. Po prostu, dobrze mieć to wszystko na uwadze, bo to naprawdę kluczowe w web designie.

Pytanie 38

Aby zdefiniować początek dokumentu, należy umieścić znacznik

A. <html>

B. <body>

C. <title>

D. <head>

Odpowiedź <html> jest prawidłowa, ponieważ jest to znacznik, który definiuje początek dokumentu HTML. Wszelkie informacje dotyczące struktury i zawartości dokumentu HTML muszą być umieszczone wewnątrz znaczników <html> oraz </html>. Ten znacznik jest kluczowy dla poprawnej interpretacji dokumentu przez przeglądarki internetowe oraz narzędzia przetwarzające HTML. Przykładem prawidłowego użycia może być struktura dokumentu: <html><head><title>Przykład</title></head><body><h1>Witaj świecie!</h1></body></html>. Ponadto, stosowanie znacznika <html> jest zgodne z normami W3C, co zapewnia, że dokumenty są zgodne z aktualnymi standardami internetowymi. Zrozumienie lokalizacji tego znacznika w kodzie jest kluczowe dla prawidłowego renderowania strony oraz jej dostępności dla różnorodnych urządzeń i oprogramowania.

Pytanie 39

Jakie formaty zapisu broszury informacyjnej w formie publikacji elektronicznej są przeznaczone do wyświetlania w sieci?

A. CSV, PSD

B. PDF, EPUB

C. AI, PDF

D. DWG, EPUB

Formaty PDF i EPUB są powszechnie stosowane w publikacjach elektronicznych, szczególnie w kontekście broszur informacyjnych. PDF (Portable Document Format) to format stworzony przez firmę Adobe, który zapewnia zachowanie układu dokumentu niezależnie od platformy, na której jest wyświetlany. Jest to idealny wybór dla dokumentów, które muszą wyglądać identycznie na różnych urządzeniach, co czyni go standardem w branży. PDF obsługuje zarówno tekst, jak i grafikę, co czyni go uniwersalnym narzędziem do dystrybucji dokumentów, broszur i raportów. EPUB (Electronic Publication) z kolei to format oparty na standardzie OEB (Open eBook), który jest zoptymalizowany do wyświetlania na urządzeniach mobilnych i czytnikach e-booków. EPUB pozwala na płynne dopasowanie treści do rozmiaru ekranu, co zwiększa komfort czytania. Umożliwia również interaktywność oraz wsparcie dla multimediów. W praktyce, organizacje używają PDF do formalnych raportów i dokumentów, a EPUB do bardziej interaktywnych i angażujących treści, takich jak broszury marketingowe, co jest zgodne z aktualnymi trendami w digital marketingu.

Pytanie 40

W celu uzyskania widoku przedstawionego na ilustracji należy wybrać w przeglądarkach internetowych Mozilla Firefox lub Google Chrome polecenie

A. znajdź na tej stronie lub znajdź.

B. zbadaj element lub zbadaj.

C. pobrane pliki lub pobrane.

D. edycja lub edytuj.

Odpowiedź "zbadaj element" jest prawidłowa, ponieważ umożliwia dostęp do narzędzi deweloperskich przeglądarek internetowych, które są niezbędne do analizy i debugowania stron WWW. Narzędzia te pozwalają na podgląd struktury HTML, CSS oraz JavaScript, co jest niezwykle istotne dla programistów i projektantów stron. W Mozilla Firefox opcja "zbadaj element" umożliwia użytkownikom wybieranie elementów na stronie, co daje możliwość analizy ich właściwości oraz zrozumienia, jak działają różne style i skrypty. W przypadku Google Chrome, funkcja "zbadaj" działa na podobnej zasadzie, oferując także dodatkowe narzędzia, takie jak monitorowanie wydajności, inspekcja zasobów i analiza ruchu sieciowego. W praktyce, korzystając z tych narzędzi, możemy identyfikować problemy z responsywnością, sprawdzać poprawność implementacji, a także przeprowadzać testy A/B, co jest zgodne z najlepszymi praktykami w zakresie tworzenia stron internetowych.

Rozpocznij nowy egzamin

Powrót do strony głównej