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

Egzamin niezdany

Wynik: 2/40 punktów (5,0%)

Wymagane minimum: 20 punktów (50%)

Nowe

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

Przebieg egzaminu

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Jakim znakiem w cudzysłowie powinna kończyć się każda instrukcja w języku skryptowym Perl?

A. ;

B. :

C. .

D. ,

Poprawna odpowiedź to znak ';', który jest wymagany do zakończenia każdej komendy w języku skryptowym Perl. W Perl każdy pojedynczy wyraz polecenia musi być zakończony średnikiem, co pozwala interpreterowi na rozróżnienie między kolejnymi instrukcjami. Na przykład, w prostym skrypcie Perl, aby zdefiniować zmienną i przypisać jej wartość, zastosujemy zapis: '$a = 10;'. Zastosowanie średnika na końcu komendy jest standardem, który zapewnia poprawność składni i umożliwia właściwe wykonanie kodu. To podejście jest zgodne z analogicznymi praktykami w wielu językach programowania, takich jak C, C++ czy Java, gdzie również stosuje się średnik do oddzielania instrukcji. Prawidłowe zrozumienie reguł składniowych Perla jest kluczowe nie tylko dla poprawnego działania skryptów, ale również dla ich czytelności i utrzymania, co jest fundamentalne w programowaniu. Dobrą praktyką jest również stosowanie czytelnych nazw zmiennych i struktur, co w połączeniu z odpowiednim formatowaniem kodu, ułatwia jego późniejszą modyfikację oraz debugowanie.

Pytanie 2

Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?

A.	<head>… <style type="text/css">… </style> </head>
B.	<body> … <style type="text/css">... </style> </body>
C.	<head>… <link rel=stylesheet type=css href=style/style.css /> </head>
D.	<head>… <link rel="stylesheet" type="text/css" href="style/style.css" /> </head>

A. C.

B. D.

C. B.

D. A.

Umieszczanie zagnieżdżonych deklaracji CSS wewnątrz sekcji <body> dokumentu HTML jest praktyką, która wprowadza poważne problemy z wydajnością oraz organizacją kodu. Takie podejście sprawia, że przeglądarka musi przetwarzać style w momencie renderowania treści, co może prowadzić do opóźnień w wyświetlaniu strony. Z punktu widzenia standardów webowych, style powinny być umieszczane w sekcji <head>, aby mogły być załadowane i zastosowane jeszcze przed przetworzeniem elementów HTML. Przykłady umieszczania arkuszy stylów w sekcji <body> są sprzeczne z najlepszymi praktykami oraz mogą powodować konflikt z innymi stylami. Zamiast jasno określić styl elementów, kod staje się chaotyczny, co prowadzi do trudności w konserwacji i modyfikacji projektu. Kolejnym błędnym podejściem jest korzystanie z linków do zewnętrznych arkuszy stylów w miejscu zagnieżdżania. Może to powodować, że style są załadowane z opóźnieniem, co negatywnie wpływa na wrażenia użytkownika. Zrozumienie, jak i gdzie deklarować style, jest kluczowe dla prawidłowego projektowania stron internetowych oraz zgodności z obowiązującymi standardami. Warto zwrócić uwagę, że właściwe zorganizowanie kodu CSS nie tylko poprawia wydajność, ale także ułatwia zrozumienie i rozwój projektu w przyszłości.

Pytanie 3

Który znacznik HTML umożliwia wyróżnienie konkretnego tekstu za pomocą podświetlenia na stronie www?

A.

B.

C.

D. <ins>

Chociaż inne znaczniki HTML mogą wydawać się podobne, każdy z nich ma swoje specyficzne zastosowanie, które różni się od wyróżniania tekstu. Znacznik jest używany do zmniejszania rozmiaru tekstu, co może być przydatne w kontekście dodawania przypisów lub drugorzędnych informacji, ale nie zmienia jego znaczenia ani nie podświetla go. Z kolei służy do oznaczania tekstu jako dolnego indeksu, co jest istotne w kontekście chemii czy matematyki, ale nie wpływa na wyróżnienie tekstu w sposób, który przyciąga uwagę czytelnika. Znacznik <ins> natomiast oznacza wstawiony tekst, co może być użyteczne w kontekście edytowania dokumentów, ale nie jest przeznaczony do podświetlania treści. Typowym błędem jest mylenie tych znaczników z ze względu na ich różne funkcje. Warto pamiętać, że poprawne użycie znaczników HTML nie tylko wpływa na estetykę strony, ale również na jej dostępność oraz SEO. Właściwe wprowadzenie semantyki do HTML pozwala na lepsze zrozumienie treści przez wyszukiwarki oraz ułatwia nawigację użytkownikom, co jest kluczowe w nowoczesnym projektowaniu stron internetowych.

Pytanie 4

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

A. tryb barwny RGB, rozdzielczość 72 ppi, jak największy 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 CMYK, rozdzielczość 96 ppi, jak najmniejszy 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 5

Mianem domeny publicznej określa się

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

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

C. 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.

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 6

Element kokpitu WordPressa do zarządzania dodatkami widoczny na ilustracji jest oznaczony

A. liczbą 4

B. liczbą 3

C. liczbą 2

D. liczbą 1

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowa odpowiedź to liczba 4, ponieważ właśnie ten element menu kokpitu WordPressa odpowiada za zarządzanie dodatkami, czyli wtyczkami (ang. plugins). Wtyczki w WordPressie to rozszerzenia, które umożliwiają dodawanie nowych funkcjonalności bez konieczności ingerowania w kod źródłowy strony. Moim zdaniem to najważniejsze narzędzie dla każdego administratora – bez znajomości sekcji 'Wtyczki' trudno wyobrazić sobie efektywne prowadzenie nowoczesnej strony. Przykład? Instalując odpowiednią wtyczkę, można szybko wdrożyć formularze kontaktowe, systemy SEO czy integracje z mediami społecznościowymi. Praktyka pokazuje, że regularne aktualizowanie i odpowiedzialne zarządzanie wtyczkami to podstawa dobrych praktyk branżowych – zaniedbanie tego często kończy się kłopotami z bezpieczeństwem albo spadkiem wydajności strony. Zresztą WordPress w oficjalnej dokumentacji mocno podkreśla, by nie instalować zbyt wielu wtyczek i zawsze sprawdzać ich reputację. To element, z którego korzysta się praktycznie codziennie w każdym większym projekcie. Z mojego doświadczenia, sprawne poruszanie się po tej części kokpitu to jedna z najważniejszych kompetencji webmastera WordPress. To tu można aktywować, dezaktywować lub usuwać rozszerzenia oraz instalować nowe prosto z repozytorium, co znacznie usprawnia rozwój funkcjonalności witryny bez ryzyka uszkodzenia systemu bazowego.

Pytanie 7

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

A. optymalizacji

B. wektoryzacji

C. strumieniowaniu

D. zakodowaniu

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 8

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. Wykonanie kopii zapasowej, testowanie sklonowanej strony, aktualizowanie elementów strony.

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 9

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. Nie, firma jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 10

W dokumencie HTML znacznik <img> stosowany jest do osadzania na stronie www

A. tabeli.

B. obrazu.

C. dźwięku.

D. filmu.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Poprawnie – znacznik <img> w HTML służy do osadzania obrazu (grafiki) na stronie internetowej. Jest to tzw. element pusty, czyli nie ma znacznika zamykającego, a całe jego działanie opiera się głównie na atrybutach. Kluczowy jest atrybut src, w którym podajemy adres pliku graficznego, np. JPG, PNG, GIF, SVG: <img src="logo.png" alt="Logo firmy">. Równie ważny jest atrybut alt – opis alternatywny. To nie jest ozdoba, tylko dobra praktyka i wymóg dostępności (WCAG). Tekst z alt jest czytany przez czytniki ekranu dla osób niewidomych, wyświetla się też, gdy obraz się nie załaduje. Z mojego doświadczenia w projektach webowych brak sensownych opisów alt jest jednym z częstszych błędów początkujących. W praktyce <img> wykorzystuje się do logotypów, zdjęć produktów w sklepie internetowym, ikon, banerów, miniaturek artykułów czy wykresów zapisanych jako grafika. W nowoczesnych projektach warto stosować też atrybut loading="lazy" do leniwego ładowania obrazów oraz srcset i sizes, żeby serwować różne rozdzielczości grafiki na różne urządzenia (responsywne obrazy zgodne ze standardem HTML Living Standard). Dzięki temu strona działa szybciej i jest lepiej zoptymalizowana pod SEO. Moim zdaniem dobrze opanowany znacznik <img> to absolutna podstawa dla każdego, kto na serio myśli o front-endzie i profesjonalnym tworzeniu stron www.

Pytanie 11

Adobe Flash nie tworzy animacji dla elementów

A. klipu filmowego

B. www

C. grafiki

D. dźwięku

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Adobe Flash jest narzędziem, które służy do tworzenia interaktywnych treści multimedialnych w Internecie. Jednym z kluczowych aspektów technologii Flash jest to, że nie animuje elementów internetowych (www) w sensie ich implementacji w standardowych przeglądarkach. Flash używa technologii skryptowej ActionScript do animacji obiektów, takich jak klipy filmowe, grafika czy dźwięk, jednak jego zdolności do animacji są ograniczone do środowiska Flash. W praktyce, kiedy tworzymy treści na potrzeby stron internetowych, zaleca się korzystanie z otwartych standardów, takich jak HTML5, CSS3 oraz JavaScript, które są bardziej dostosowane do współczesnych przeglądarek i zapewniają lepszą wydajność oraz wsparcie dla urządzeń mobilnych. Ponadto, zgodnie z wytycznymi W3C, technologia Flash jest uznawana za przestarzałą, co czyni implementację animacji w tym formacie niekorzystną i narażającą na problemy z kompatybilnością.

Pytanie 12

Która interpretacja znaku ewakuacyjnego przedstawionego na ilustracji jest prawidłowa?

A. Za drzwiami jest miejsce zbiórki.

B. Prysznic bezpieczeństwa jest po lewej stronie klatki schodowej.

C. Kierunek wyjścia ewakuacyjnego w lewo.

D. Kierunek ewakuacji schodami w dół.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowa interpretacja tego piktogramu to „kierunek wyjścia ewakuacyjnego w lewo”. Znak składa się z dwóch elementów: charakterystycznej sylwetki biegnącej w stronę drzwi oraz strzałki kierunkowej. Zgodnie z normą PN-EN ISO 7010 oraz zasadami oznakowania dróg ewakuacyjnych, zielone tło i biały piktogram oznaczają znak bezpieczny, a w tym konkretnym przypadku – drogę lub kierunek ewakuacji. Strzałka nie oznacza miejsca zbiórki, tylko wskazuje, w którą stronę należy się przemieszczać, żeby dojść do najbliższego wyjścia ewakuacyjnego. W praktyce takie tablice montuje się na korytarzach, klatkach schodowych, w halach produkcyjnych, centrach handlowych, szkołach – wszędzie tam, gdzie trzeba szybko i jednoznacznie pokazać ludziom, gdzie mają biec w razie pożaru lub innego zagrożenia. W projektowaniu oznakowania bezpieczeństwa bardzo ważna jest czytelność i spójność z normami. Dlatego graficy DTP, projektanci wnętrz, a nawet osoby przygotowujące plany ewakuacji muszą znać różnicę między znakami kierunkowymi, znakami miejsca zbiórki a piktogramami informującymi np. o sprzęcie przeciwpożarowym. Moim zdaniem warto zapamiętać prostą zasadę: sylwetka przy drzwiach + strzałka = droga lub kierunek do wyjścia ewakuacyjnego, a nie konkretne pomieszczenie typu prysznic bezpieczeństwa czy punkt medyczny. Dodatkowo pamiętaj, że w dobrych praktykach BHP zaleca się, aby te znaki były wykonane w wersji fotoluminescencyjnej, tak żeby były widoczne również przy zaniku zasilania oświetlenia ogólnego.

Pytanie 13

Użycie pętli w ActionScript umożliwia

A. wstrzymanie strumienia zdarzeń

B. wielokrotne realizowanie tych samych poleceń

C. powielanie kroków

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór odpowiedzi dotyczącej wielokrotnego wykonania tych samych instrukcji jest poprawny, ponieważ pętle w języku ActionScript umożliwiają efektywne przetwarzanie powtarzalnych zadań bez potrzeby ręcznego duplikowania kodu. Pętle, takie jak 'for', 'while' czy 'do...while', są kluczowe w programowaniu, ponieważ pozwalają na automatyzację procesów, oszczędzając czas i zmniejszając ryzyko błędów. Na przykład, jeśli chcemy wyświetlić 10 razy ten sam komunikat na ekranie, możemy użyć pętli 'for', co znacznie upraszcza kod i czyni go bardziej czytelnym. Dodatkowo, dobre praktyki programistyczne sugerują, aby używać pętli tam, gdzie to możliwe, aby unikać redundancji kodu i zwiększać jego elastyczność. Pętla w ActionScript może również interagować z danymi dynamicznymi, na przykład iterując przez tablice, co jest niezwykle przydatne w aplikacjach internetowych i gier. Zrozumienie i umiejętność stosowania pętli to fundamenty efektywnego programowania w ActionScript.

Pytanie 14

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

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

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

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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.

Pytanie 15

CC-NC to licencja pozwalająca na

A. używanie materiałów komercyjnie jedynie po zgonie autora

B. swobodne używanie udostępnionych materiałów, jednak z obowiązkiem podania autora

C. korzystanie z materiałów prywatnie, w celach komercyjnych oraz bez konieczności podawania autora

D. dowolne dysponowanie materiałem, lecz wyłącznie w celach niekomercyjnych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Licencja Creative Commons oznaczona skrótem NC (NonCommercial) pozwala rzeczywiście na dowolne korzystanie z materiału, ale tylko wtedy, gdy nie jest to związane z działalnością komercyjną. To oznacza, że możesz kopiować, udostępniać, remiksować, modyfikować czy nawet publikować ten materiał na własnej stronie lub w prezentacji szkolnej, bylebyś nie próbował na tym zarabiać, np. poprzez sprzedaż, wstawienie do płatnego kursu czy komercyjne reklamy. Moim zdaniem to bardzo praktyczne rozwiązanie dla nauczycieli, studentów czy hobbystów – daje sporo swobody, ale chroni interesy twórcy przed wykorzystywaniem jego pracy do celów zarobkowych przez innych. Warto też pamiętać, że przy licencji CC-NC mogą występować dodatkowe oznaczenia, np. BY (obowiązek podania autora) albo SA (ShareAlike – udostępnianie na tych samych warunkach). W codziennej pracy spotykam się z tym, że wiele osób myli NC z całkowicie otwartym dostępem i zapomina o ograniczeniu komercyjnym – a to ważny szczegół, który może mieć znaczenie prawne. No i zawsze warto czytać dokładnie warunki licencji przed jakimkolwiek wykorzystaniem materiałów – to taka trochę branżowa podstawa.

Pytanie 16

Wskaż deklaracje kodu CSS, które wyświetlą obraz "kolo.png" w sposób przedstawiony na rysunku

A. background-image: url(kolo.png); background-repeat : repeat;

B. background-image: url(kolo.png); background-repeat : repeat-x;

C. background-image: kolo.png; background-repeat : repeat-x;

D. background-image: src="kolo.png" alt="nagłówek" height="50" width="50" repeat;

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź C jest poprawna, ponieważ odpowiednia deklaracja CSS, która wyświetli obraz 'kolo.png' zgodnie z przedstawieniem na rysunku, zazwyczaj wykorzystuje właściwości takie jak 'background-image', 'width', 'height', 'background-size' oraz 'display'. Przykładowa deklaracja mogłaby wyglądać następująco: css .selector { background-image: url('kolo.png'); width: 100px; /* Szerokość elementu */ height: 100px; /* Wysokość elementu */ background-size: contain; /* Dopasowanie obrazu do kontenera */ display: block; margin: 0 auto; /* Wyśrodkowanie elementu */ } Tego typu podejście jest zgodne z najlepszymi praktykami w CSS, ponieważ pozwala na elastyczne zarządzanie rozmiarem i położeniem obrazów. Użycie 'background-size: contain' zapewnia, że obraz nie zostanie zdeformowany, a 'margin: 0 auto' skutecznie wyśrodkowuje element w jego rodzicu. Taki sposób wyświetlania obrazów jest szczególnie przydatny w responsywnym designie, gdzie istotne jest zachowanie proporcji i odpowiednich rozmiarów obrazów w różnych rozdzielczościach. Dodatkowo, przy poprawnym zastosowaniu tych właściwości, możemy uzyskać profesjonalny i estetyczny wygląd naszej strony.

Pytanie 17

Zrealizowanie projektu strony internetowej dla sklepu komputerowego wymaga uzyskania zdjęć

A. okazjonalnych

B. katalogowych

C. modowych

D. plenerowych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór fotografii katalogowych do projektu witryny internetowej sklepu komputerowego jest kluczowy, ponieważ te zdjęcia mają na celu prezentację oferowanych produktów w sposób, który przyciąga uwagę klientów i ułatwia im podejmowanie decyzji zakupowych. Fotografie katalogowe powinny być wysokiej jakości, dobrze oświetlone i przedstawiać każdy produkt z różnych kątów, co pozwala klientom na lepsze zrozumienie cech i funkcji artykułów. W branży e-commerce, zgodnie z wytycznymi opracowanymi przez organizacje takie jak E-commerce Foundation, stosowanie profesjonalnych zdjęć produktów znacząco zwiększa zaangażowanie użytkowników oraz konwersję. Przykładem mogą być zdjęcia laptopów, które powinny pokazywać zarówno ich wygląd zewnętrzny, jak i detale, takie jak porty i klawiatura. Dodatkowo, warto zadbać o spójność stylu zdjęć na stronie, co pozwoli na stworzenie estetycznego i profesjonalnego wrażenia, wpływając pozytywnie na postrzeganie marki przez konsumentów.

Pytanie 18

Deklaracja CSS: li span {font-size:10pt; color:green;} wskazuje, że rozmiar 10 pt dotyczy

A. jedynie tekstu wewnątrz wszystkich znaczników li, które są osadzone w znacznikach span

B. tekstu wewnątrz wszystkich znaczników li oraz span

C. wyłącznie tekstu znajdującego się wewnątrz znaczników span umieszczonych w znacznikach li

D. tekstu wewnątrz wszystkich znaczników span

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór odpowiedzi dotyczącej zastosowania reguły CSS jest poprawny, ponieważ selektor 'li span' odnosi się do wszystkich znaczników 'span', które znajdują się wewnątrz znaczników 'li'. W praktyce oznacza to, że reguła ta wpływa tylko na tekst w tych specyficznych elementach, co pozwala na precyzyjne stylizowanie zawartości list. Zastosowanie takich selektorów jest szczególnie ważne w przypadku pisania złożonych dokumentów HTML, gdzie precyzyjne stylizowanie elementów może znacznie poprawić czytelność i estetykę strony. Na przykład, jeżeli chcielibyśmy, aby tylko niektóre fragmenty tekstu w liście miały inny rozmiar czcionki lub kolor, użycie tej reguły pozwala na pełną kontrolę nad formatowaniem. Tego typu techniki są zgodne z najlepszymi praktykami w zakresie kaskadowych arkuszy stylów (CSS), które promują modularność i elastyczność w projektowaniu stron internetowych.

Pytanie 19

Wskaż prawidłowy zapis dotyczący tworzenia akapitów 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.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
To jest właśnie prawidłowy sposób tworzenia akapitów w HTML – czyli otwierasz tag , potem umieszczasz tekst akapitu, a na końcu zamykasz tag . Tak jest to opisane w standardach HTML, które są stosowane praktycznie wszędzie, niezależnie od tego, czy robisz prostą stronę domową, czy duży portal. Moim zdaniem to jedno z podstawowych zagadnień, które warto mieć w małym palcu, bo w praktyce w kodzie HTML praktycznie każda treść dzieli się na akapity. Takie podejście pozwala przeglądarkom poprawnie zinterpretować strukturę dokumentu i wyświetlić tekst z odpowiednim odstępem pomiędzy akapitami. To też ma ogromne znaczenie dla dostępności stron – czytniki ekranu czy roboty Google lepiej „rozumieją” taka strukturę. Pewnie spotkasz się z sytuacjami, gdzie ktoś zapomni zamknąć tag albo użyje niepoprawnej składni, ale takie błędy potem powodują nieprzewidywalne efekty w wyświetlaniu. Dla porządku, najnowsze standardy HTML5 zalecają zawsze zamykać tagi, nawet jeśli przeglądarki próbują czasem zgadywać, co programista miał na myśli. W praktyce, jak piszesz Tekst, możesz być pewien, że tekst będzie traktowany jak osobny akapit i nie zagnieździ się nigdzie dziwnie.

Pytanie 20

Wskaż poprawny sposób zapisu akapitów tekstu w języku HTML.
Drugi akapit.

A. Pierwszy akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit. Drugi akapit.

D. Pierwszy akapit. Drugi akapit.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Poprawny zapis dotyczący akapitów w HTML wykorzystuje znacznik do otwierania i zamykania akapitów. W pierwszej odpowiedzi, Pierwszy akapit. Drugi akapit., mamy do czynienia z poprawnie zagnieżdżonymi znacznikami, co zapewnia prawidłową strukturę dokumentu HTML. Znacznik jest używany do definiowania akapitów tekstu, a każda para znaczników reprezentuje oddzielny akapit. Taki zapis jest zgodny z zaleceniami W3C, co jest kluczowe dla utrzymania standardów webowych. Zastosowanie nagłówków i akapitów jest istotne nie tylko ze względu na estetykę, ale przede wszystkim z uwagi na dostępność treści, SEO oraz czytelność. Przykładem może być strona internetowa, na której odpowiednie zastosowanie znaczników poprawia doświadczenia użytkownika, ułatwiając skanowanie treści i ich przyswajanie. Praktycznym podejściem jest również unikanie zagnieżdżania znaczników w innych znacznikach blokowych, gdyż może to prowadzić do nieprzewidywalnych wyników renderowania w różnych przeglądarkach.

Pytanie 21

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

A. realizacji całostronicowej reklamy w prasie

B. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci

C. przygotowania reklamy w formie druku wielkoformatowego

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 22

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. Czarny.

C. Żółty.

D. Czerwony.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Czerwony" jest poprawna, ponieważ w arkuszu stylów CSS zdefiniowano trzy reguły dotyczące koloru tekstu dla elementów . W CSS, kiedy wiele reguł odnosi się do tego samego elementu, ostatnia reguła, która ma tę samą specyficzność, ma decydujące znaczenie. W naszym przypadku ostatnia reguła to 'p{color: red;}', co wskazuje, że tekst akapitów będzie wyświetlany w kolorze czerwonym. W praktyce oznacza to, że, niezależnie od wcześniejszych przypisanych kolorów, w tym przypadku żółtego i czarnego, ostateczny kolor tekstu to czerwony. To podejście jest zgodne z zasadą kaskadowości w CSS, gdzie przetwarzanie reguł następuje od góry do dołu, a ostatnia reguła ma pierwszeństwo. Warto znać tę zasadę, aby skutecznie zarządzać stylami na stronach internetowych, co jest kluczowe w kontekście responsywnego projektowania oraz optymalizacji wydajności witryn.

Pytanie 23

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

A. Prezi Viewer oraz CorelDRAW

B. LibreOffice Impress oraz LibreOffice Writer

C. Prezi i PowerPoint

D. LibreOffice Impress oraz Adobe Photoshop

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prezi i PowerPoint to dwa popularne narzędzia, które umożliwiają tworzenie prezentacji online, co jest niezwykle istotne w dzisiejszym środowisku pracy zdalnej. Prezi wyróżnia się interaktywnym podejściem do prezentacji, pozwalając na tworzenie dynamicznych układów oraz nawigacji w niestrukturalny sposób, co przyciąga uwagę odbiorców. Przykładem zastosowania Prezi może być wizualizacja skomplikowanych procesów biznesowych w sposób bardziej przystępny i angażujący. Z kolei PowerPoint, będący częścią pakietu Microsoft Office, oferuje szeroką gamę szablonów, narzędzi graficznych i możliwości animacji, co sprawia, że jest to wszechstronny wybór dla wielu profesjonalistów. Dzięki synchronizacji z chmurą, obie platformy umożliwiają współpracę w czasie rzeczywistym, co znacząco zwiększa efektywność pracy zespołowej. Oba oprogramowania są zgodne z najlepszymi praktykami branżowymi w zakresie tworzenia przejrzystych i profesjonalnych prezentacji, co czyni je niezastąpionymi narzędziami w edukacji i biznesie.

Pytanie 24

W jakim formacie powinien być zapisany obraz, aby zapewnić na stronie internetowej gładkie przejścia do przezroczystości (z częściowymi przezroczystościami)?

A. PDF

B. PNG

C. JPEG

D. BMP

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Format PNG (Portable Network Graphics) jest idealnym wyborem do zapisu obrazów przedstawiających płynne przejścia do przezroczystości, ponieważ obsługuje kanał alfa, który pozwala na definiowanie przezroczystości dla każdego piksela. Dzięki temu możemy uzyskać efekty takie jak cienie, wygładzone krawędzie i złożone przezroczystości, które są niezwykle przydatne w projektowaniu stron internetowych i grafice. PNG jest również formatem bezstratnym, co oznacza, że nie traci jakości podczas kompresji, co jest kluczowe dla zachowania detali obrazu. Przykłady zastosowania obejmują logo firm, które muszą być wyświetlane na różnych kolorach tła, gdzie przezroczystość w PNG pozwala na eleganckie wpasowanie się w każdą aranżację wizualną. Dodatkowo, format ten jest szeroko wspierany przez wszystkie przeglądarki internetowe oraz narzędzia do edycji grafiki, co czyni go standardem w branży. Warto również wspomnieć, że PNG obsługuje paletę kolorów, co sprawia, że nadaje się do grafiki, która potrzebuje przejrzystości bez utraty jakości, co jest istotne w nowoczesnym web designie.

Pytanie 25

Domena publiczna zawiera zasoby cyfrowe, które nie są objęte ochroną prawną, ponieważ od momentu zgonu twórcy minęło co najmniej

A. 25 lat

B. 125 lat

C. 70 lat

D. 100 lat

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź 70 lat jest prawidłowa, ponieważ zgodnie z międzynarodowymi standardami praw autorskich, w tym zgodnie z Konwencją Berneńską, czas ochrony praw autorskich trwa przez życie autora oraz przez 70 lat po jego śmierci. Oznacza to, że po upływie tego okresu, dzieła stają się częścią domeny publicznej, co umożliwia ich swobodne wykorzystywanie bez konieczności uzyskiwania zgody spadkobierców. Przykładem może być literatura klasyczna, jak na przykład dzieła Williama Szekspira czy Fryderyka Chopina, które po upływie 70 lat od śmierci swoich twórców mogą być w pełni wykorzystywane, adaptowane i publikowane bez obaw o naruszenie praw autorskich. W praktyce, artyści, twórcy i badacze mogą czerpać z tych zasobów, aby tworzyć nowe dzieła, co przyczynia się do rozwoju kultury i sztuki. Dzięki przestrzeganiu tych zasad, rozwija się także innowacyjność i współpraca w obszarze twórczości.

Pytanie 26

Która z właściwości CSS pozwala na ustawienie koloru tła dla danego elementu?

A. Bgcolor

B. Text-Color

C. Background-Color

D. Color

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwość CSS 'background-color' to naprawdę ważny element, jeśli chodzi o stylizację stron. Dzięki niej możemy fajnie ustawić kolory tła dla różnych elementów naszej strony. To sprawia, że strona wygląda lepiej i jest bardziej przyjemna dla oka użytkownika. Na przykład, żeby ustawić jasnoszary kolor tła dla 'div', możemy napisać coś takiego: 'div { background-color: #f0f0f0; }'. Ale pamiętaj, żeby dobierać kolory tak, żeby dobrze kontrastowały z tekstem, bo to naprawdę ma znaczenie dla osób, które korzystają z naszej strony. Warto się też zainteresować innymi właściwościami, jak 'background-image' czy 'background-size', bo dzięki nim można stworzyć ciekawe wizualne efekty. Takie połączenia to super sposób na przyciągnięcie uwagi!

Pytanie 27

W jaki sposób należy zapisać obraz w formacie plikowym, aby mógł być wyświetlany na stronie internetowej z płynnymi przejściami w obszarze przezroczystości (z częściowymi przezroczystościami)?

A. BMP

B. PDF

C. JPEG

D. PNG

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Format PNG (Portable Network Graphics) jest idealnym wyborem do zapisywania obrazów z częściowymi przezroczystościami. W odróżnieniu od formatu JPEG, który nie obsługuje przezroczystości, PNG wykorzystuje algorytmy kompresji bezstratnej, co pozwala na zachowanie wysokiej jakości obrazu przy jednoczesnym wsparciu dla warstw przezroczystości. Dzięki temu, obrazy zapisane w tym formacie mogą w sposób płynny przechodzić od pełnej nieprzezroczystości do całkowitej przezroczystości, co jest kluczowe w projektowaniu stron internetowych i aplikacji graficznych. Przykładowo, ikony, logo czy tła obrazów z przezroczystością są często zapisywane w formacie PNG, co pozwala na ich łatwe nakładanie na inne elementy strony, bez widocznych krawędzi czy bloków kolorów. Dodatkowo, PNG obsługuje także paletę kolorów, co czyni go wszechstronnym narzędziem w pracy z grafiką. Użycie PNG jest zgodne z najlepszymi praktykami w tworzeniu estetycznych i funkcjonalnych interfejsów użytkownika.

Pytanie 28

Wskaż prawidłowy zapis dotyczący tworzenia akapitów 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.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwy zapis akapitów w HTML to właśnie taki, w którym każdy akapit jest zamknięty osobno przez parę znaczników oraz . To jest podstawa czytelności i poprawności struktury całego dokumentu HTML. Przeglądarki internetowe, a także różnego typu parsery czy systemy CMS, oczekują takiej właśnie składni. Właśnie zamknięcie akapitu za pomocą kończy jego treść, a kolejny rozpoczyna nowy blok tekstu, co jest bardzo logiczne i ułatwia późniejszą edycję albo stylowanie (np. przez CSS). Moim zdaniem, warto też zapamiętać, że niezamknięte znaczniki lub błędna składnia potrafią mocno namieszać w wyświetlaniu strony – czasem niby wszystko wygląda ok, a potem człowiek próbuje dodać styl albo skrypt i pojawiają się dziwne błędy. Według oficjalnej specyfikacji W3C, właśnie taki zapis jest poprawny i zgodny z HTML5. Gdy piszesz większą stronę lub projektujesz szablon, dobrze wyrobić sobie nawyk konsekwentnego zamykania wszystkich bloków. Dobrą praktyką jest też nie umieszczać innych blokowych tagów wewnątrz , bo wtedy walidator potrafi zgłosić błąd. W praktyce ta syntaktyka jest bardzo uniwersalna i stosowana w każdej profesjonalnej stronie.

Pytanie 29

Atrybut odpowiada za

A. styl kroju pisma.

B. odmianę kroju pisma.

C. grubość czcionki.

D. rozmiar czcionki.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Atrybut <font-size> faktycznie odpowiada za rozmiar czcionki, czyli wielkość liter oraz innych znaków wyświetlanych na stronie internetowej. To bardzo istotny parametr w projektowaniu interfejsów, bo ma wpływ na czytelność, dostępność i ogólny odbiór wizualny strony. W CSS właściwość font-size jest używana do precyzyjnego określania wielkości tekstu – można ją podać w pikselach (px), punktach (pt), em, rem czy nawet w procentach. Dzięki temu projektanci mogą łatwo dostosować tekst do różnych urządzeń czy preferencji użytkowników. Z mojego doświadczenia, dobrze dobrany font-size to podstawa czytelności: nie tylko chodzi o wygodę, ale też o to, żeby tekst był czytelny dla osób z wadami wzroku. Warto pamiętać, że według wytycznych WCAG minimalny rozmiar czcionki na stronach www powinien wynosić przynajmniej 16px. Często w praktyce stosuje się też wartości względne jak em lub rem, bo pozwala to stronę skalować razem z ustawieniami przeglądarki użytkownika. Nierzadko też korzysta się z media queries, żeby zmieniać font-size na mniejszych ekranach. W sumie, font-size to jedna z najbardziej podstawowych, ale też najważniejszych właściwości w CSS – bez niej trudno mówić o profesjonalnym projekcie interfejsu.

Pytanie 30

Weryfikacja poprawności realizacji projektu responsywnej strony internetowej polega na

A. zliczeniu liczby znaków na stronie

B. ustaleniu liczby odsłon strony

C. skalowaniu kolorów prezentowanych na ekranie

D. prezentacji jej na urządzeniach o zróżnicowanej wielkości ekranów

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Ocena poprawności wykonania projektu responsywnej strony internetowej w dużej mierze polega na jej wyświetleniu na różnych urządzeniach o różnych rozmiarach ekranów. Responsywność strony odnosi się do zdolności strony internetowej do dostosowywania swojego układu, treści i elementów graficznych w zależności od wielkości i orientacji ekranu, na którym jest wyświetlana. Testowanie responsywności zapewnia, że użytkownicy na smartfonach, tabletach i komputerach stacjonarnych mają podobne doświadczenia z przeglądaniem strony. W praktyce oznacza to, że projektanci i deweloperzy mogą używać narzędzi, takich jak Chrome DevTools, by symulować różne urządzenia, co pozwala na identyfikację problemów z układem, nawigacją czy czytelnością treści. Dobrym przykładem jest użycie techniki fluid grid, która pozwala na elastyczne rozmieszczanie elementów w oparciu o procentowe wartości, co daje lepszą adaptację do zmieniających się rozmiarów ekranu. Zgodność z zasadami WCAG (Web Content Accessibility Guidelines) jest również kluczowa, ponieważ wspiera dostępność treści na różnych urządzeniach, co jest istotnym aspektem oceny responsywności.

Pytanie 31

Przy publikacji projektu multimedialnego, w którym wykorzystano cytaty z dzieł literackich, należy pamiętać, aby umieszczone fragmenty tekstu

A. pochylić.

B. oznakować jako cytat.

C. pogrubić.

D. oznakować wypunktowaniem.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Oznaczanie cytatów w projektach multimedialnych jest kluczowym elementem poszanowania praw autorskich oraz zachowania przejrzystości w prezentacji treści. Umieszczając cytaty, należy je wyraźnie oznaczyć, aby odbiorca mógł łatwo zidentyfikować, które fragmenty tekstu pochodzą od innych autorów. W praktyce oznaczenie cytatu może obejmować użycie cudzysłowów, a także wskazanie źródła, z którego pochodzi dany fragment. Takie podejście jest zgodne z ogólnymi zasadami cytowania oraz standardami akademickimi, które zalecają, aby cytaty były wyraźnie oddzielone od tekstu głównego. Na przykład, w publikacjach naukowych często stosuje się format APA lub MLA, które proponują specifikę w oznaczaniu cytatów, podkreślając wagę etyki w badaniach. Dobre praktyki wskazują, że poprawne oznaczenie cytatu nie tylko zwiększa wiarygodność projektu, ale także pozwala uniknąć zarzutów o plagiat, co jest kluczowe w każdej formie publikacji.

Pytanie 32

Jaką regułę stylów należy dopisać do pliku style_list.css w celu zdefiniowania klasy znaczek dla list nienumerowanych z obrazkiem znaczek_logo.gif jako znakiem wypunktowania, jeśli obrazek umieszczony jest w podkatalogu GRAFIKI katalogu z plikami stylów?

A.	.znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}
B.	ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}
C.	.znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}
D.	ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}

A. D.

B. B.

C. A.

D. C.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź D jest poprawna, ponieważ używa właściwej składni CSS do zdefiniowania klasy dla list nienumerowanych z obrazkiem jako znakiem wypunktowania. Kluczowym elementem jest zastosowanie właściwości 'list-style-image', która pozwala na przypisanie obrazka jako punktora w liście. Ścieżka do obrazka jest określona jako 'url(GRAFIKI/znaczek_logo.gif)', co jest poprawne, ponieważ odnosi się do lokalizacji pliku CSS, w której zdefiniowana jest klasa. Dodatkowo, selektor 'ul.znaczek' wskazuje, że styl będzie dotyczył tylko elementów 'ul' z klasą 'znaczek', co jest zgodne z najlepszymi praktykami w zakresie struktury CSS. Używanie klas i selektorów w ten sposób umożliwia łatwe zarządzanie stylami w większych projektach, a także poprawia czytelność kodu. Dobrym przykładem zastosowania tej techniki jest tworzenie spersonalizowanych list, gdzie reprezentacja wizualna odgrywa kluczową rolę w UX. Zgodnie z aktualnymi standardami, stosowanie takich rozwiązań CSS pozwala na lepszą separację stylów od struktury HTML, co jest istotne w kontekście responsywności i zarządzania projektem.

Pytanie 33

Logo, menu, baner, widgety oraz intro to elementy

A. profesjonalnego materiału wideo z eventu.

B. animacji poklatkowej.

C. layoutu strony internetowej.

D. prezentacji multimedialnej.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Logo, menu, baner, widgety oraz intro to właśnie te elementy, które najczęściej spotyka się w layoutach, czyli szablonach stron internetowych. Takie komponenty pełnią kluczowe funkcje – logo oczywiście odpowiada za identyfikację wizualną firmy lub marki, menu służy do nawigacji, baner często promuje najważniejsze treści lub wydarzenia, widgety dodają różne funkcjonalności (np. pogodę, wyszukiwarkę, kalendarz), a intro bywa wykorzystywane do przyciągnięcia uwagi użytkownika przy pierwszym wejściu na stronę. Moim zdaniem przy projektowaniu strony internetowej nie da się pominąć tych podstawowych części, bo one tworzą pierwszy kontakt użytkownika z witryną. Praktycznie każda profesjonalnie zaprojektowana strona www ma przemyślany layout, a w nim logicznie rozmieszczone takie elementy, żeby korzystanie było intuicyjne i przyjemne. Standardy branżowe, takie jak WCAG czy zalecenia Google dotyczące UX/UI, podkreślają wagę czytelnego rozplanowania layoutu, spójności graficznej i dostępności nawigacji. Dobry layout łączy estetykę z funkcjonalnością – to jest podstawa zarówno dla bloga, sklepu internetowego, jak i dużego portalu. Często nawet drobny widget potrafi zrobić wielką różnicę w odbiorze strony. Warto więc znać te podstawowe elementy i umieć je poprawnie zaprojektować oraz wdrożyć.

Pytanie 34

Wskaż znacznik umożliwiający pozycjonowanie względem siebie bloków zawartości w obrębie strony www.

A.

B.

C. <div>

D. <img>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Znacznik <div> to prawdziwy fundament przy budowaniu struktury strony internetowej i organizowaniu układu elementów. Jest to tzw. znacznik blokowy (block-level), który pozwala grupować różne fragmenty treści, a następnie pozycjonować je względem siebie za pomocą CSS. Bez <div> trudno wyobrazić sobie rozplanowanie całych sekcji (np. nagłówków, menu, głównej treści, stopki). To właśnie dzięki temu znacznikowi możemy stosować flexboxa, grida czy pozycjonowanie absolutne i względne, co daje masę możliwości w praktycznym układaniu layoutu. Moim zdaniem to taki trochę szwajcarski scyzoryk HTML-a – niby prosty, a jakże wszechstronny. W praktyce często używa się <div> nawet do tymczasowego dzielenia sobie strony w fazie projektowania. Warto pamiętać, że według współczesnych standardów (HTML5) powinniśmy używać znaczników semantycznych (np. <section>, <article>, <nav>) tam, gdzie to możliwe, ale <div> wciąż zostaje podstawą wszędzie tam, gdzie nie da się zastosować nic bardziej opisowego. Przykład praktyczny: jeśli chcemy, żeby dwie kolumny treści były obok siebie, wrzucamy je do dwóch <div> i nadajemy im odpowiednie style CSS (np. display: flex albo float). Dzięki temu mamy pełną kontrolę nad wyglądem strony i jej responsywnością. Z doświadczenia wiem, że bez umiejętnego wykorzystywania <div> ciężko zrobić coś sensownego w nowoczesnym web developmencie.

Pytanie 35

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

A. rozpoczęcie nagłówka dokumentu HTML

B. zakończenie nagłówka dokumentu HTML

C. rozpoczęcie dokumentu HTML

D. zakończenie dokumentu HTML

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 36

Które warunki należy spełnić, aby w projekcie multimedialnym wykorzystać materiały graficzne opatrzone widocznym na ilustracji symbolem licencji Creative Commons?

A. Uznanie autorstwa, użycie niekomercyjne.

B. Uznanie autorstwa, użycie niekomercyjne, bez utworów zależnych.

C. Uznanie autorstwa, na tych samych warunkach.

D. Uznanie autorstwa, bez utworów zależnych.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Uznanie autorstwa, na tych samych warunkach" jest poprawna, ponieważ odnosi się do licencji Creative Commons, która pozwala na wykorzystywanie materiałów graficznych pod warunkiem, że autor jest należycie uznany, a wszelkie nowe utwory stworzone na bazie tych materiałów muszą być również udostępniane na tej samej licencji. Przykładem praktycznym może być sytuacja, w której grafik tworzy plakat wykorzystując zdjęcie objęte tą licencją. W takim przypadku musi podać nazwisko autora zdjęcia oraz informacje, że jego plakat także jest udostępniany na licencji CC BY-SA. Standardy branżowe w zakresie praw autorskich i licencji multimedialnych podkreślają znaczenie uznawania pracy innych twórców oraz zapewniania, że nowe utwory nie naruszają wcześniejszych praw autorskich. Dzięki takiemu podejściu budujemy społeczność twórczą, która promuje współdzielenie i rozwój kreatywności.

Pytanie 37

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. <body>

C. <title>

D. <meta>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź <body> jest prawidłowa, ponieważ to właśnie w tej sekcji dokumentu HTML umieszczana jest właściwa treść strony internetowej, która jest wyświetlana użytkownikom. Znaczniki w obrębie <body> definiują wszystkie elementy, które będą widoczne na stronie, takie jak teksty, obrazy, linki, formularze i inne komponenty interaktywne. W praktyce, to właśnie w <body> implementuje się różnorodne style i skrypty, które wpływają na wygląd i funkcjonalność witryny. Dobrą praktyką jest również organizowanie treści w odpowiednie struktury, takie jak nagłówki (np. <h1>, <h2>), akapity () oraz listy (<ul>, <ol>), co wspomaga zarówno dostępność treści, jak i SEO. Warto pamiętać, że semantyka HTML ułatwia przetwarzanie treści przez wyszukiwarki oraz czytniki ekranowe, co z kolei pozytywnie wpływa na doświadczenia użytkowników. W związku z tym, umiejętne zarządzanie zawartością w sekcji <body> jest kluczowym aspektem projektowania stron internetowych.

Pytanie 38

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

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

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

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

D. Opcja edytowania kodu HTML

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Pełna kompatybilność z innymi systemami CMS nie jest cechą charakterystyczną dla Joomla. Joomla jest samodzielnym systemem zarządzania treścią (CMS), który ma swoje unikalne architektury i standardy. Chociaż Joomla oferuje wiele możliwości integracji z innymi systemami i aplikacjami, nie jest zaprojektowana z myślą o pełnej kompatybilności z innymi CMS, co może prowadzić do problemów z migracją treści i ustawień. Przykładowo, podczas przenoszenia danych z WordPressa do Joomla mogą wystąpić trudności związane z różnymi strukturami baz danych oraz sposobem, w jaki każdy system zarządza użytkownikami i treścią. W związku z tym, gdy planujesz rozwój strony internetowej w oparciu o Joomla, warto zwracać uwagę na te ograniczenia oraz stosować najlepsze praktyki, takie jak dokładne sprawdzenie kompatybilności rozszerzeń i wtyczek przed ich zainstalowaniem. Dobre praktyki obejmują także tworzenie kopii zapasowych przed migracją oraz testowanie systemu w środowisku deweloperskim przed wdrożeniem na żywo, aby uniknąć problemów z integracją.

Pytanie 39

Która licencja Creative Commons pozwala na dystrybucję, prezentację i wykonanie utworu zarówno w celach komercyjnych, jak i niekomercyjnych, pod warunkiem zachowania jego oryginalnej formy?

A. Uznanie autorstwa - na tych samych warunkach (CC-BY-SA)

B. Uznanie autorstwa - użycie niekomercyjne (CC-BY-NC)

C. Uznanie autorstwa - bez utworów zależnych (CC-BY-ND)

D. Uznanie autorstwa (CC-BY)

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Licencja Uznanie autorstwa - bez utworów zależnych (CC-BY-ND) umożliwia użytkownikom rozpowszechnianie, przedstawianie i wykonywanie utworu w jego oryginalnej postaci, zarówno w celach komercyjnych, jak i niekomercyjnych, pod warunkiem, że nie zmieniają jego treści. Oznacza to, że korzystający z utworu muszą go publikować w sposób niezmieniony, co może być korzystne w kontekście zachowania integralności przekazu twórcy. Przykładowo, jeśli artysta zdecyduje się na udostępnienie swojej piosenki w tej licencji, inni mogą ją odtwarzać na koncertach czy w mediach, ale nie mogą jej remiksować czy przerabiać. Takie podejście sprzyja ochronie praw autorskich oraz zachowaniu autentyczności dzieła, co jest szczególnie istotne w branżach kreatywnych. Licencja CC-BY-ND wpisuje się w dobre praktyki związane z zarządzaniem prawami autorskimi, umożliwiając twórcom kontrolowanie, w jaki sposób ich dzieła są wykorzystywane, a jednocześnie zapewniając szeroką dostępność dla odbiorców.

Pytanie 40

W jakim trybie kolorów powinna być zapisana fotografia cyfrowa, która ma być opublikowana w internecie?

A. CMY

B. HSL

C. CMYK

D. RGB

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wiesz, wybór trybu RGB do zapisywania zdjęć na strony internetowe to naprawdę dobry ruch. To dlatego, że większość wyświetlaczy, z jakimi mamy do czynienia, korzysta z modelu RGB, gdzie kolory powstają dzięki połączeniu czerwonego, zielonego i niebieskiego światła. Dzięki temu uzyskujemy szeroką paletę kolorów, co jest ważne, zwłaszcza jeśli chcemy, żeby zdjęcia wyglądały atrakcyjnie w sieci. Na przykład, gdy wrzucasz zdjęcia na swoją stronę, to kolory muszą być wyraźne i oddawać to, co widzisz na żywo. Standardy, jak sRGB, wskazują na to, że RGB jest najlepszym wyborem do publikacji online, żeby kolory były poprawnie wyświetlane na różnych urządzeniach. No i nie zapominajmy, że popularne formaty jak JPEG czy PNG idealnie współpracują z RGB, co czyni go naprawdę super rozwiązaniem dla grafik w internecie. Tak więc, RGB to idealna opcja do publikacji w sieci, gdy zależy nam na jakości kolorów.

Rozpocznij nowy egzamin

Powrót do strony głównej