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

Egzamin zdany!

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

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

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

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

C. Opcja edytowania kodu HTML

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

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 2

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

A. Pierwszy akapit. Drugi akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit. Drugi akapit.

D. Pierwszy akapit.

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 3

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

A. Text-Color

B. Color

C. Background-Color

D. Bgcolor

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 4

Ciasteczka (ang. cookie) używane w serwisach internetowych to

A. małe pliki tekstowe przechowywane na dysku użytkownika w trakcie przeglądania stron internetowych

B. zbiór utworów ogólnie dostępnych na stronach internetowych dla ich użytkowników

C. zbiór danych przesyłanych automatycznie na adres e-mail osoby odwiedzającej stronę internetową

D. niewidoczne grafiki zapisywane na dysku użytkownika podczas przeglądania stron internetowych

Ciasteczka, znane również jako pliki cookie, to niewielkie pliki tekstowe, które są zapisywane na urządzeniu użytkownika przez przeglądarki internetowe podczas przeglądania stron. Służą one do przechowywania informacji o użytkowniku oraz jego interakcjach z witryną, co umożliwia jej personalizację i poprawia doświadczenie użytkownika. Przykładowo, ciasteczka mogą zapamiętywać preferencje językowe, zawartość koszyka w sklepie internetowym czy dane logowania, co eliminuje konieczność ponownego wprowadzania tych informacji przy każdej wizycie. Ciasteczka są zgodne z normami i regulacjami, takimi jak RODO, które wymagają informowania użytkowników o ich stosowaniu oraz uzyskania zgody na zbieranie danych. W praktyce, implementacja ciasteczek powinna odbywać się zgodnie z najlepszymi praktykami, co oznacza m.in. stosowanie odpowiednich zabezpieczeń, takich jak HttpOnly i Secure, aby zminimalizować ryzyko nieautoryzowanego dostępu do danych.

Pytanie 5

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

A. Kierunek ewakuacji schodami w dół.

B. Za drzwiami jest miejsce zbiórki.

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

D. Kierunek wyjścia ewakuacyjnego w lewo.

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 6

Który panel należy wybrać w kokpicie Wordpress, aby zmienić layout graficzny strony?

A. Narzędzia.

B. Wygląd.

C. Media.

D. Wtyczki.

Poprawnie wskazany został panel „Wygląd”, bo to właśnie tam w kokpicie WordPressa zarządza się layoutem graficznym strony. W tym miejscu możesz zmieniać motyw (theme), który tak naprawdę definiuje ogólny układ: rozmieszczenie kolumn, nagłówka, stopki, typ nawigacji, a także wiele elementów wizualnych jak kolory czy podstawowa typografia. Z poziomu „Wygląd → Motywy” wybierasz, instalujesz i aktywujesz motywy, co jest zgodne z dobrą praktyką pracy z WordPressem: nie grzebiemy w kodzie rdzenia, tylko korzystamy z gotowych, responsywnych szablonów. W „Wygląd → Dostosuj” (Customizer) można zmieniać układ strony głównej, włączać lub wyłączać paski boczne, ustawiać statyczną stronę startową, a czasem też układ poszczególnych sekcji, jeśli motyw na to pozwala. Moim zdaniem to jest jedno z najważniejszych miejsc w panelu, bo tu realnie kształtujesz doświadczenie użytkownika na stronie. W dobrych motywach znajdziesz tam też ustawienia siatki (gridu), szerokości kontenera, układu bloga (lista, kafelki) czy ustawienia nagłówka typu sticky. Przez „Wygląd → Menu” projektujesz strukturę nawigacji, czyli to, jak użytkownik porusza się po serwisie – to też jest element layoutu, bo decyduje, gdzie i jak wyświetla się menu. W „Wygląd → Widgety” (albo „Obszary widgetów”) zarządzasz zawartością pasków bocznych i stopki, co pozwala zmienić rozmieszczenie dodatkowych bloków: wyszukiwarki, listy kategorii, krótkich informacji kontaktowych itd. W nowoczesnych instalacjach WordPressa dochodzi jeszcze edytor pełnych szablonów (Full Site Editing), gdzie w sekcji „Wygląd → Edytor” można projektować układ całej witryny blokami – nagłówki, stopki, szablony wpisów. Z mojego doświadczenia wynika, że trzymanie wszystkich zmian layoutu właśnie w panelu „Wygląd” ułatwia późniejszą administrację, aktualizacje motywu i zgodność z responsywnością oraz standardami webowymi (HTML5, semantyka, dostępność).

Pytanie 7

Aby umieścić grafikę z logo firmy, przedstawiającą rysunek w kolorach czerwonym i czarnym na białym tle, na stronie internetowej o kremowym tle, należy przeskalować logo, a następnie

A. ustawić kanał alfa na kolory czerwony bądź czarny i zapisać plik w formacie PNG

B. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie GIF89a lub PNG

C. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie JPG lub TIFF

D. wystarczy zapisać plik grafiki w formacie GIF89a lub PNG

Ustawienie przezroczystości na biały kolor tła i zapis pliku grafiki w formacie GIF89a lub PNG jest kluczowe dla uzyskania estetycznego efektu podczas umieszczania logo na stronie internetowej z tłem kremowym. Oba formaty, GIF89a i PNG, obsługują przezroczystość, co pozwala na uzyskanie płynnego przejścia między elementami grafiki a tłem. GIF89a jest szczególnie przydatny do grafik animowanych, natomiast PNG oferuje lepszą jakość obrazu i większą paletę kolorów, co czyni go bardziej uniwersalnym wyborem w przypadku statycznych obrazów. W praktyce, jeśli logo ma białe tło, które chcemy ukryć, jego przezroczystość powinna być ustawiona na ten sam kolor, co tło strony. W ten sposób logo będzie wyglądać, jakby było wkomponowane w stronę. Stosowanie tych technik jest zgodne z dobrymi praktykami branżowymi, co zapewnia estetykę i profesjonalny wygląd witryn internetowych.

Pytanie 8

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

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

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

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

D. Rozdzielczość 72 lpi tryb barwny RGB.

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 9

Jakie narzędzie w programie Adobe Photoshop pozwala na rozdzielenie layoutu zapisanego w formacie PSD na elementy, które można edytować w HTML?

A. Zaznaczenie prostokątne.

B. Cięcie na plasterki.

C. Przycinanie.

D. Pióro.

Cięcie na plasterki to jedno z kluczowych narzędzi w programie Adobe Photoshop, które umożliwia podział layoutu zapisanego w formacie PSD na elementy edytowalne w kodzie HTML. Dzięki temu narzędziu projektant może wyodrębnić poszczególne sekcje grafiki, które następnie mogą być zastosowane w kontekście tworzenia stron internetowych. Przy użyciu funkcji cięcia na plasterki, użytkownik ma możliwość precyzyjnego określenia, które fragmenty projektu powinny być oddzielone, co jest niezbędne do ich zaimplementowania w kodzie HTML jako osobne obrazy lub linki. To narzędzie stosuje się często w praktyce przy tworzeniu responsywnych stron internetowych, gdzie różne elementy muszą być odpowiednio przystosowane dla różnych urządzeń. Współczesne standardy webowe, takie jak HTML5 i CSS3, podkreślają konieczność efektywnego zarządzania grafiką w projektach internetowych, co czyni cięcie na plasterki niezwykle praktycznym i niezbędnym narzędziem.

Pytanie 10

Mianem domeny publicznej określa się

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

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

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

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

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 11

W jakich formatach powinien być zorganizowany materiał filmowy przeznaczony do umieszczenia w internetowym projekcie multimedialnym?

A. FLV, TIFF

B. WEBM, DOCX

C. MPEG-4, MOV

D. FLA, SVG

Odpowiedź "MPEG-4, MOV" jest prawidłowa, ponieważ oba formaty są szeroko stosowane w branży multimedialnej, szczególnie w kontekście publikacji treści w internecie. MPEG-4 to jeden z najpopularniejszych formatów kompresji wideo, który zapewnia wysoką jakość obrazu przy stosunkowo małym rozmiarze pliku. Jest on używany przez wiele platform wideo, takich jak YouTube, Vimeo czy Facebook. Z kolei format MOV, stworzony przez Apple, jest również powszechnie wykorzystywany do przechowywania wideo i audio, a jego wszechstronność sprawia, że jest on często wybierany w produkcji filmowej i telewizyjnej. Dobre praktyki w branży zalecają stosowanie tych formatów ze względu na ich zgodność z większością odtwarzaczy i platform, co ułatwia dystrybucję materiałów. Na przykład, gdy tworzysz projekt multimedialny, wybór MPEG-4 lub MOV pozwala na lepszą optymalizację materiałów do przesyłania strumieniowego oraz łatwiejszą edycję w popularnych programach, takich jak Adobe Premiere Pro czy Final Cut Pro.

Pytanie 12

W zewnętrznym arkuszu stylów, który jest powiązany z określoną stroną www, znajduje się zapis:
img {border : 3px solid black ; margin: 20px},
natomiast w wewnętrznym arkuszu stylów tej strony:
img {border-color : red}.
Jeśli w sekcji body zostanie umieszczony tekst:
<img src = "obrazki/fotol9.jpg" style = "margin: 15px" />
to obrazek foto19.jpg zostanie wyświetlony z

A. czerwoną ramką oraz marginesem 20 pikseli

B. czarną ramką oraz marginesem 20 pikseli

C. czarną ramką oraz marginesem 15 pikseli

D. czerwoną ramką oraz marginesem 15 pikseli

W przypadku błędnej odpowiedzi warto pomyśleć o tym, jak działa kaskadowość w CSS i jak działają selektory. Sugerowanie, że ramka powinna być czarna, jest błędne. Wiesz, że kolor czerwony z wewnętrznego arkusza dominuje nad zewnętrznymi regułami. Zdarza się, że niektórzy mylą lokalne style z tymi z arkuszy, ale to lokalne style mają pierwszeństwo. Warto zauważyć, że jeśli w zewnętrznym arkuszu byłby jakiś margines, to jego wartość zostałaby zignorowana przez ten zdefiniowany w tagu <img>. Odpowiedzi, które mówią o czarnej ramce lub marginesie 20 pikseli, wskazują na typowe nieporozumienia z priorytetami w CSS. Takie rzeczy, jak kaskadowość, specyficzność i kolejność stylów, są kluczowe. Zawsze warto sprawdzić, które reguły się stosuje i pamiętać, że lokalne style mogą przejąć kontrolę nad resztą.

Pytanie 13

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

A. text-indent

B. font-family

C. font-size

D. font-style

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 14

Zdjęcia, które mają być umieszczone na stronie internetowego sklepu, powinny mieć

A. minimalny rozmiar pliku

B. zintegrowaną dodatkową paletę kolorów

C. maksymalny rozmiar pliku

D. zainstalowany dedykowany plug-in

Wybór opcji "jak najmniejszy rozmiar pliku" jest kluczowy dla efektywności działania sklepu internetowego. Zmniejszenie rozmiaru plików graficznych wpływa na szybkość ładowania strony, co jest istotnym czynnikiem w doświadczeniu użytkownika oraz pozycji w wynikach wyszukiwania. Zgodnie z wytycznymi Google, strony ładujące się szybciej mają większe szanse na lepsze pozycjonowanie w wynikach wyszukiwania. Praktyczne zastosowania tej wiedzy obejmują kompresję zdjęć przy użyciu narzędzi takich jak TinyPNG czy ImageOptim, które zmniejszają rozmiar grafik bez zauważalnej utraty jakości. Dodatkowo, korzystanie z odpowiednich formatów plików, takich jak JPEG dla zdjęć i PNG dla grafik z przezroczystością, również przyczynia się do optymalizacji. Warto również pamiętać o responsywności grafik, co oznacza, że obrazy powinny być dostosowane do różnych rozmiarów ekranów, co z kolei wpływa na szybkość ładowania oraz oszczędność danych użytkowników mobilnych. Zastosowanie tych praktyk nie tylko poprawia wydajność strony, ale także zwiększa satysfakcję klientów, co w efekcie prowadzi do lepszych wyników sprzedażowych.

Pytanie 15

Prawo cytatu pozwala bez zgody twórcy na

A. wykorzystanie fragmentu nierozpowszechnionego utworu.

B. publikowanie całości nierozpowszechnionego utworu.

C. zmodyfikowanie rozpowszechnionego utworu.

D. wykorzystanie fragmentu rozpowszechnionego utworu.

Prawo cytatu jest jednym z najczęściej mylonych fragmentów prawa autorskiego, szczególnie wśród początkujących grafików, fotografów i twórców stron internetowych. Wiele osób ma w głowie prosty, ale błędny skrót myślowy: „skoro to cytat, to mogę prawie wszystko, byle podpisać autora”. Niestety tak to nie działa. Kluczowe jest to, że cytować można utwory już rozpowszechnione, czyli takie, które twórca lub inny uprawniony podmiot legalnie udostępnił publicznie. Jeżeli utwór nie został jeszcze rozpowszechniony – np. ktoś wysłał Ci prywatnie swój projekt, zdjęcie, tekst – to nie możesz go swobodnie cytować ani tym bardziej publikować bez zgody. Równie mylące jest przekonanie, że prawo cytatu pozwala na publikowanie całości cudzego utworu. Ustawa dopuszcza co do zasady korzystanie z fragmentów, a całość tylko w szczególnych, wąskich przypadkach (np. drobne utwory w całości, w ramach własnej twórczości, ale nadal w określonym celu, jak analiza, nauczanie, krytyka). W praktyce w projektach multimedialnych przyjmuje się ostrożne podejście: cytat ma być wyraźnie mniejszy niż Twoja własna twórczość i pełnić funkcję pomocniczą. Kolejny częsty błąd to myślenie, że można zmodyfikować cudzy utwór w ramach cytatu – np. przerobić zdjęcie, dodać efekty, zmienić kolory i traktować to jako „cytat graficzny”. To już wchodzi w obszar opracowania lub utworu zależnego, który co do zasady wymaga zgody twórcy, nawet jeśli podasz autora. Prawo cytatu nie służy do remiksowania cudzych prac bez licencji, tylko do ich ograniczonego przywoływania w celach analitycznych, krytycznych, naukowych lub jako element nowej wypowiedzi twórczej. Moim zdaniem największe nieporozumienie bierze się stąd, że ludzie mieszają pojęcie „cytatu” w potocznym sensie z bardzo konkretną, techniczną definicją z prawa autorskiego. W zawodowej praktyce warto zawsze pamiętać o dwóch filtrach: czy utwór był rozpowszechniony oraz czy wykorzystuję tylko tyle, ile jest naprawdę konieczne do mojego celu. Jeśli odpowiedź jest niejednoznaczna, lepiej poszukać licencji lub zgody, niż ryzykować naruszenie praw autorskich.

Pytanie 16

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.

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 17

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

A. Słowa kluczowe i opis witryny internetowej

B. Typ języka zastosowanego do budowy strony www

C. Nazwa strony www

D. Dane dotyczące praw autorskich

Pierwszy znacznik HTML w szkieletach stron internetowych, czyli deklaracja typu dokumentu (DOCTYPE), ma kluczowe znaczenie, ponieważ określa rodzaj języka używanego do stworzenia danej strony. Wprowadza przeglądarkę w odpowiedni tryb wyświetlania, dzięki czemu możemy korzystać z nowoczesnych funkcji HTML oraz CSS. Przykładowo, deklaracja <!DOCTYPE html> informuje przeglądarki, że strona jest napisana w HTML5, co jest obecnie standardem w branży. Umożliwia to prawidłowe renderowanie elementów, a także korzystanie z wielu zaawansowanych funkcji, takich jak multimedia czy semantyczne znaczniki. Ważne jest, by zawsze stosować poprawny DOCTYPE, ponieważ jego brak może prowadzić do problemów z wyświetlaniem i działaniem strony. Ponadto, strona, która nie ma prawidłowo określonego typu dokumentu, może działać w tzw. trybie quirks, co zmienia sposób interpretacji CSS i HTML przez przeglądarki, a w efekcie może prowadzić do nieprzewidywalnych wyników.

Pytanie 18

Jaką licencją powinny być objęte dokumenty, aby legalnie uzyskać je bezpłatnie z internetowych repozytoriów i użyć ich na przykład w prezentacji marketingowej firmy?

A. Wyłącznie z domeny publicznej

B. Z domeny publicznej lub na licencji CC BY

C. CC BY SA NC

D. Copyright

Podejście do korzystania z plików objętych różnymi rodzajami licencji wymaga zrozumienia ich specyfiki. Licencja CC BY SA NC, zawężająca możliwość wykorzystania materiałów tylko do celów niekomercyjnych, nie jest odpowiednia w kontekście marketingowej prezentacji firmy, ponieważ większość działań marketingowych ma charakter komercyjny. Powoduje to, że korzystanie z takich materiałów może naruszać warunki licencji, co prowadzi do ryzyka prawnego. Z kolei odpowiedź sugerująca, że pliki powinny być pozyskiwane wyłącznie z domeny publicznej, jest zbyt restrykcyjna. Choć domena publiczna zapewnia pełną swobodę w korzystaniu z materiałów, nie wyczerpuje ona możliwości użycia zasobów pod licencją CC BY, które również oferują szerokie możliwości. Twierdzenie, że korzystanie z materiałów objętych prawami autorskimi (Copyright) jest opcją, jest również mylne w kontekście bezpłatnego pozyskania plików, ponieważ wymaga to zazwyczaj uzyskania zezwolenia od właściciela praw, co wiąże się z dodatkowymi kosztami i formalnościami. W praktyce, posługiwanie się nieodpowiednimi licencjami może prowadzić do nieświadomego naruszenia praw autorskich, co jest częstym błędem wśród osób zajmujących się marketingiem. Dlatego znajomość i zrozumienie różnorodnych licencji oraz ich wymagań jest kluczowe dla unikania problemów prawnych i skutecznego wykorzystania dostępnych zasobów.

Pytanie 19

Jakie parametry mają kluczowe znaczenie przy przygotowywaniu cyfrowego obrazu do publikacji w sieci?

A. Rozdzielczość, tryb barw oraz wielkość obrazu

B. Paleta kolorów oraz typy użytych masek

C. Jakość grafiki, głębia kolorów oraz liczba warstw

D. Format pliku oraz użyte filtry fotograficzne

Wybór rozdzielczości, trybu koloru oraz rozmiaru obrazu jest kluczowy dla uzyskania optymalnej jakości wizualnej w publikacjach internetowych. Rozdzielczość obrazu definiuje liczbę pikseli, co bezpośrednio wpływa na szczegółowość wyświetlanego obrazu. Zazwyczaj dla obrazów internetowych zaleca się rozdzielczość od 72 do 150 dpi, co wystarcza do wyświetlania na ekranach, przy jednoczesnym zmniejszeniu rozmiaru pliku. Tryb koloru, na przykład RGB (Red, Green, Blue), jest najczęściej używany w kontekście prezentacji na stronach internetowych, ponieważ odpowiada sposobowi, w jaki kolory są wyświetlane na monitorach. Z kolei rozmiar obrazu, mierzony w pikselach, powinien być dostosowany do wymagań konkretnej platformy czy urządzenia, aby zapewnić szybkie ładowanie strony. Przykładowo, obrazy o dużych rozmiarach mogą spowolnić ładowanie strony, co negatywnie wpływa na doświadczenia użytkowników i SEO. Optymalizacja tych parametrów zgodnie z najlepszymi praktykami branżowymi przyczynia się do zachowania jakości obrazu przy jednoczesnym minimalizowaniu czasów ładowania.

Pytanie 20

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, bez utworów zależnych.

B. Uznanie autorstwa, na tych samych warunkach.

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

D. Uznanie autorstwa, użycie niekomercyjne.

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 21

Kaskadowe arkusze stylów pozwalają na

A. określanie animacji przejść w nieliniowych prezentacjach

B. określanie pędzli i wzorów

C. tworzenie szablonów prezentacji nieliniowych z opcją powiększania obrazu oraz zmiany jego lokalizacji

D. tworzenie szablonów definiujących wygląd elementów wyświetlanych na stronie internetowej

Wybór niepoprawnych odpowiedzi świadczy o nieporozumieniu w zakresie funkcjonalności kaskadowych arkuszy stylów. Tworzenie szablonów prezentacji nieliniowych z możliwością powiększania obrazu i zmiany jego położenia nie jest domeną CSS. Takie funkcje są zazwyczaj realizowane za pomocą JavaScriptu oraz bibliotek do obsługi interakcji, jak jQuery lub React. CSS skupia się na stylizacji, a nie na logice interakcji. Podobnie, definiowanie animacji przejść w prezentacjach nieliniowych również wykracza poza standardowe zastosowania CSS, które obsługują jedynie podstawowe animacje i efekty przejścia. Oczywiście, istnieją bardziej zaawansowane techniki animacji w CSS, ale ich zastosowanie różni się od pełnej kontroli nad prezentacją, jaką można osiągnąć za pomocą JavaScriptu. Definiowanie pędzli i wzorków również nie jest funkcją CSS. Takie operacje są zazwyczaj związane z grafiką rastrową lub wektorową, a CSS zajmuje się przede wszystkim stylizacją elementów HTML. W kontekście projektowania stron, istotne jest, aby mieć jasne zrozumienie roli CSS oraz innych technologii, aby skutecznie realizować zamierzenia projektowe. Właściwe podejście do projektowania stron internetowych powinno uwzględniać umiejętność korzystania z różnych narzędzi w ich odpowiednich kontekstach, co często prowadzi do lepszej wydajności i doświadczenia użytkownika.

Pytanie 22

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

A. purple; #ff00ff

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

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 23

Jakie rozwiązanie powinno być wybrane do przechowywania obszernego zbioru (2 TB) cyfrowych materiałów, gdyż ma on być ciągle dostępny w sieci dla uprawnionej grupy użytkowników?

A. Płyty DVD

B. Kasety magnetofonowe

C. Serwer NAS

D. Zewnętrzny, przenośny dysk magnetyczny

Płyty DVD, zewnętrzne przenośne dyski magnetyczne oraz kasety magnetofonowe to rozwiązania, które, choć mogą służyć do przechowywania danych, nie są optymalne w kontekście potrzeb związanych z dużymi zbiorami danych, takimi jak 2 TB materiałów cyfrowych. Płyty DVD mają ograniczoną pojemność, wynoszącą zazwyczaj 4,7 GB dla standardowej płyty jednowarstwowej, co oznaczałoby, że do przechowania 2 TB potrzeba co najmniej 425 płyt DVD. Ta forma przechowywania jest niewygodna, a także czasochłonna przy wczytywaniu i zapisywaniu danych. Zewnętrzne przenośne dyski magnetyczne, choć oferują większą pojemność, są zazwyczaj jednostkami do przechowywania offline, co oznacza, że nie są stale dostępne w sieci. Użytkownicy muszą fizycznie podłączać je do komputerów, co ogranicza możliwość jednoczesnego dostępu wielu osób. Z kolei kasety magnetofonowe, będące technologią przestarzałą, oferują minimalną pojemność i są niepraktyczne w kontekście nowoczesnych wymagań dotyczących dostępu i archiwizacji materiałów cyfrowych. Wybór tych opcji może wynikać z pewnych nieporozumień dotyczących dostępności, pojemności oraz bezpieczeństwa danych, co prowadzi do nieefektywnego zarządzania zasobami cyfrowymi.

Pytanie 24

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ć przezroczystość na biały kolor tła i zapisać grafikę w formacie JPG lub TIFF

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

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

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

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

Pytanie 25

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

A. przeprowadzenie korekty kolorystycznej

B. wykonanie korekty ekspozycji

C. zmianę obiektu na krzywe

D. dobór palety kolorów

Choć przekształcenie obiektu w krzywe, korekta ekspozycji oraz korekta barwna mogą być istotnymi krokami w niektórych kontekstach graficznych, nie są one kluczowe w kontekście tworzenia grafiki wektorowej na potrzeby serwisu internetowego. Przekształcanie obiektów w krzywe jest ważne przede wszystkim w kontekście przygotowywania plików do druku, gdzie zachowanie detali i kształtów jest niezmiernie istotne. W przypadku grafik przeznaczonych do internetu, istotniejszym zagadnieniem jest ograniczenie liczby punktów wektorowych, co ma wpływ na wydajność strony webowej. Korekta ekspozycji to proces, który dotyczy obróbki zdjęć rastracyjnych, a nie wektorów. W kontekście grafiki wektorowej, która opiera się na matematycznych formułach, ekspozycja nie ma zastosowania, ponieważ nie operujemy na pikselach, a jedynie na kształtach. Korekta barwna, chociaż użyteczna, nie jest tak kluczowa w przypadku grafiki przeznaczonej na web, jak odpowiedni dobór kolorów w palecie. Typowym błędem jest mylenie różnych procesów graficznych oraz nieświadome stosowanie technik, które są nieodpowiednie dla danego medium. Zrozumienie różnicy między grafiką wektorową a rastrową, oraz ich zastosowaniem w różnych kontekstach, jest kluczowe dla efektywnego projektowania. Ważne jest, aby kierować się właściwymi praktykami, które odpowiadają specyfikacji danego projektu, aby uniknąć nieefektywności i straty czasu w procesie twórczym.

Pytanie 26

Logo, menu, baner, widgety oraz intro to elementy

A. prezentacji multimedialnej.

B. layoutu strony internetowej.

C. profesjonalnego materiału wideo z eventu.

D. animacji poklatkowej.

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 27

W przypadku gdy dystrybucja utworu będącego własnością innej osoby przynosi stały zysk osobie, która go rozpowszechnia, to takiej osobie może zostać wymierzona kara pozbawienia wolności do

A. 3 lat

B. 2 lat

C. 5 lat

D. 1 roku

Odpowiedź "5 lat" jest prawidłowa, ponieważ zgodnie z ustawodawstwem dotyczącym ochrony praw autorskich, w sytuacjach, gdy osoba uzyskuje zyski z rozpowszechniania utworów będących cudzą własnością, może jej grozić kara pozbawienia wolności do 5 lat. Prawo to ma na celu ochronę twórców i ich praw do własności intelektualnej, co jest kluczowe w kontekście zachowania zdrowego ekosystemu kulturowego i ekonomicznego. Przykładem może być sytuacja, w której osoba rozpowszechnia filmy, muzykę lub inne utwory bez odpowiednich zezwoleń, czerpiąc z tego zyski finansowe. Takie działanie narusza prawa autorskie i jest traktowane jako poważne przestępstwo, które może prowadzić do wysokich kar. W branży kreatywnej, przestrzeganie praw autorskich jest absolutnie kluczowe, a ich naruszanie staje się coraz bardziej złożonym problemem, szczególnie w erze cyfrowej, gdzie dostęp do treści jest łatwiejszy, a ich ochrona wymaga zaawansowanych strategii.

Pytanie 28

Jakie są poszczególne kroki w procesie tworzenia stron internetowych?

A. Rejestracja domeny i usług hostingowych, optymalizacja i aktualizacja strony, projektowanie graficzne strony

B. Rejestracja domeny i usług hostingu, testowanie poprawności działania serwisu www, hosting, rozwój witryny, tworzenie layoutu oraz kodu wyświetlanego w przeglądarkach internetowych

C. Przygotowanie layoutu, zgłoszenie strony do wyszukiwarek, pozycjonowanie, tworzenie kodu witryny

D. Przygotowanie layoutu, kodowanie i programowanie strony, publikacja oraz optymalizacja strony

Analizując inne odpowiedzi, można zauważyć, że wiele z nich pomija istotne etapy w procesie tworzenia strony internetowej. Na przykład, rejestracja domeny i usług hostingowych jest tylko wstępnym krokiem, który nie jest kluczowy dla samego tworzenia strony, lecz jedynie jej uruchomienia. Zgłoszenie strony do wyszukiwarek i pozycjonowanie to działania, które powinny być podejmowane po stworzeniu serwisu, a nie na etapie jego tworzenia. Przygotowanie layoutu oraz tworzenie kodu to kroki, które powinny następować w konkretnej kolejności, aby zapewnić spójność i funkcjonalność witryny. Optymalizacja i aktualizacja strony, chociaż ważne, również nie są częścią fazy tworzenia, lecz powinny być traktowane jako działania konserwacyjne. Często pojawiają się błędne założenia, że wszystkie te procesy są wymienne lub mogą być realizowane równocześnie, co prowadzi do niewłaściwego zrozumienia cyklu życia projektu webowego. Kluczowe jest zrozumienie, że każdy etap ma swoje specyficzne cele i wymagania, a ich odpowiednia sekwencja wpływa na końcowy wynik projektu.

Pytanie 29

Który zapis w arkuszu stylów CSS umożliwia ustawienie wartości górnego marginesu?

A. margin-top

B. margin-right

C. margin-bottom

D. margin-left

margin-top to właściwa właściwość CSS, żeby ustawić wartość marginesu tylko od góry elementu. W praktyce, jeśli chcesz np. przesunąć nagłówek w dół od krawędzi przeglądarki, wystarczy dodać: h1 { margin-top: 40px; } i już, bez ruszania marginesów po bokach czy na dole. Takie podejście jest bardzo wygodne, bo pozwala precyzyjnie sterować odstępami wokół elementów, zamiast zmieniać wszystkie marginesy naraz. Zresztą, większość projektantów stron internetowych właśnie tak robi – oddzielnie ustawia marginesy dla każdej strony, zależnie od potrzeb układu. margin-top jest zgodny z oficjalną specyfikacją CSS W3C, więc nie musisz się martwić o kompatybilność czy dziwne zachowania w przeglądarkach. Moim zdaniem warto pamiętać, że istnieją też margin-bottom, margin-right i margin-left, które działają analogicznie dla pozostałych krawędzi. Przy złożonych layoutach, manipulowanie tylko jednym marginesem często ratuje skórę przed niechcianymi przesunięciami. Fajne jest też to, że można stosować jednostki px, em, %, co daje dużo swobody. Ogólnie, umiejętne korzystanie z margin-top pomaga w zapanowaniu nad przestrzenią w projekcie i sprawia, że strona jest czytelniejsza i bardziej estetyczna. Dobrze znać ten trik, bo przy responsywnych stronach jeszcze częściej trzeba kombinować z odstępami.

Pytanie 30

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

A.

B. <div>

C. <img>

D.

Wiele osób myli zastosowanie podstawowych znaczników HTML, co jest całkiem zrozumiałe na początku nauki front-endu. jest używany wyłącznie do pogrubiania tekstu, nie tworzy żadnych bloków ani nie wpływa na organizację układu strony – to znacznik wewnętrzny (inline), więc nawet nie przerwie linii. natomiast to bardzo prosty element służący tylko do łamania linii, zupełnie nie daje możliwości pozycjonowania czy grupowania jakichkolwiek bloków treści – jego użycie do budowy układu byłoby wręcz błędem i niezgodne z dobrymi praktykami. <img> wprowadza grafikę na stronę, ale sam z siebie jest elementem liniowym i nie nadaje się do zarządzania blokami zawartości. Spotykam się czasem z błędnym podejściem, że można układać stronę na czy <img>, ale to prowadzi do nieczytelnego, trudnego do edycji kodu. Współczesne standardy zdecydowanie zalecają wykorzystywanie znaczników blokowych oraz CSS do stylowania i pozycjonowania, zamiast przełamywania linii czy wciskania grafik dla uzyskania efektów wizualnych. To, co naprawdę pozwala sensownie zarządzać układem, to korzystanie ze znaczników blokowych (np. <div>, <section>, <header>), a potem nakładanie na nie reguł CSS – czy to flexbox, grid czy pozycjonowanie absolutne. Z mojego doświadczenia wynika, że próby „oszukania” przeglądarki za pomocą albo nadmiernego stosowania <img> do budowy layoutu szybko kończą się frustracją, chaosem w kodzie i problemami z responsywnością. Warto od początku wyrabiać sobie dobre nawyki i rozumieć, do czego realnie służy każdy znacznik HTML.

Pytanie 31

CC-NC to licencja pozwalająca na

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

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

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

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

Oznaczenie CC-NC, czyli Creative Commons NonCommercial, często mylone jest z pełną swobodą użytkowania materiałów albo z brakiem konieczności wskazywania autora. To błąd, bo NC wyraźnie ogranicza prawo do korzystania do tzw. zastosowań niekomercyjnych. W praktyce oznacza to, że materiały można kopiować, remiksować, udostępniać czy nawet przerabiać, ale nie wolno na nich zarabiać ani używać ich do celów reklamowych, sprzedażowych czy promocji odpłatnych usług. Jeśli ktoś uzna, że wystarczy podać autora i można używać dowolnie – to nie do końca tak działa, bo samo NC nie zawiera wymogu podania autora (za to odpowiada oznaczenie BY). Spotkałem się też z przekonaniem, że można wykorzystywać takie treści komercyjnie po śmierci autora, ale prawa autorskie według polskiego prawa wygasają dopiero 70 lat po śmierci twórcy, niezależnie od warunków licencji. Kolejny błąd, często powtarzany, to przekonanie, że materiały CC-NC można używać komercyjnie, jeśli jest to w celach prywatnych – co logicznie się wyklucza. Licencja ta nie pozwala w żadnym przypadku na wykorzystanie w działalności zarobkowej, nawet jeśli odbywa się to u osoby fizycznej. Branża IT i świat kreatywny bardzo tego pilnują; wielokrotnie widziałem przypadki, gdzie nieświadome użycie CC-NC w komercyjnych projektach prowadziło do poważnych sporów prawnych. Największym problemem jest nadinterpretacja pojęcia „niekomercyjny” – dla niektórych osób granica jest niejasna, ale zgodnie z praktyką międzynarodową każda forma czerpania korzyści majątkowych, nawet pośrednia, łamie warunki NC. Podsumowując – zawsze trzeba dokładnie analizować symbole licencji CC i nie sugerować się domysłami, jak można używać dany utwór.

Pytanie 32

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.

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 33

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

A.

B.

C. <del>

D. <ins>

Wybór niewłaściwych znaczników do umieszczenia indeksu dolnego w tekście może prowadzić do nieporozumień oraz nieczytelności zawartości. Znacznik <del> jest używany do oznaczania tekstu, który został usunięty, co nie ma związku z tworzeniem indeksów dolnych. Użycie tego znacznika w kontekście indeksów dolnych może wprowadzać w błąd, ponieważ użytkownicy mogą pomyśleć, że tekst oznaczony tym znacznikiem jest nieaktualny lub nieważny, co jest sprzeczne z zamiarem używania indeksu dolnego. Z kolei znacznik jest przeznaczony do oznaczania tekstu jako indeksu górnego, co również nie spełnia wymagań dotyczących indeksów dolnych. Zastosowanie w miejscu prowadzi do błędnego przedstawienia informacji, co może wpłynąć na interpretację treści przez odbiorców. Znacznik <ins> z kolei oznacza wstawiony tekst, co również jest nieodpowiednie w kontekście indeksów dolnych. Typowe błędy myślowe, takie jak pomylenie funkcji poszczególnych znaczników, mogą wynikać z braku znajomości semantyki HTML oraz ich zastosowania. Dlatego ważne jest, aby zrozumieć, że każdy znacznik ma swoją specyfikę i zastosowanie, co ma kluczowe znaczenie w kontekście tworzenia dostępnych i poprawnych dokumentów HTML.

Pytanie 34

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.

Wiele osób zaczynających naukę HTML myli się w kwestii roli znacznika <meta>, czasem zakładając, że odpowiada on za główną treść dokumentu, jego nazwę czy nawet jakieś ukryte, rozwijane fragmenty. W rzeczywistości <meta> nie służy do przechowywania widocznych elementów strony ani do nadawania jej nazw. Treść dokumentu, czyli to, co użytkownik widzi na stronie, umieszcza się w sekcji <body> za pomocą takich znaczników jak , <div>, <h1> itd. <meta> znajduje się natomiast w sekcji <head> i nigdy nie pokazuje niczego bezpośrednio użytkownikowi. Nazwę dokumentu ustala się przez <title>, a nie <meta>, co jest częstym problemem – tytuł pojawia się np. na karcie przeglądarki i jako nagłówek wyników wyszukiwania. Wersje HTML nie przewidują też żadnego mechanizmu, w którym <meta> przechowuje bloki danych rozwijane przez użytkownika – do tego służą zupełnie inne narzędzia, jak <details> czy skrypty w JavaScript. Typowy błąd to także założenie, że <meta> działa automatycznie na pozycjonowanie, podczas gdy obecnie niektóre wyszukiwarki ignorują wybrane tagi meta (np. keywords), a większą wagę przykładają do realnej treści i struktury strony. W praktyce dobre wykorzystanie <meta> polega na świadomym umieszczaniu opisów (meta description), słów kluczowych, informacji o kodowaniu czy instrukcji dla robotów, co wynika bezpośrednio ze specyfikacji HTML5. Rozumienie, gdzie umieścić <meta> i jakie dane może zawierać, jest kluczowe dla każdego, kto chce tworzyć profesjonalne i nowoczesne strony internetowe. Warto też pamiętać, że meta tagi są narzędziem dla maszyn, a nie dla końcowego użytkownika – to subtelna, ale istotna różnica, której pominięcie prowadzi do wielu nieporozumień.

Pytanie 35

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

A. margin-top

B. margin-right

C. margin-bottom

D. margin-left

Wybór margin-top jako sposobu na ustawienie górnego marginesu jest jak najbardziej poprawny. Zapis ten jest częścią standardu CSS, który definiuje, jak elementy są rozmieszczane na stronie internetowej. Margin-top pozwala na dodanie przestrzeni powyżej danego elementu, co jest kluczowe w projektowaniu układu strony. Na przykład, jeżeli chcemy, aby nagłówek był wyraźnie oddzielony od elementów znajdujących się nad nim, możemy użyć margin-top do ustawienia odpowiedniego odstępu. W praktyce, stosując margin-top, możemy także poprawić czytelność treści i zadbać o estetykę projektu. Ważne jest, aby pamiętać, że wartości marginesów mogą być podawane w różnych jednostkach, takich jak piksele (px), em, rem, czy procenty (%), co daje projektantom elastyczność w dostosowywaniu układu. Dobrym nawykiem jest także testowanie układu na różnych rozdzielczościach ekranu, aby zapewnić responsywność projektu. Warto również zaznaczyć, że zgodnie z zasadami CSS, określenie marginesów dla poszczególnych stron (top, right, bottom, left) pozwala na precyzyjne kształtowanie układów i oddzielania elementów wizualnych, co jest kluczowe w nowoczesnym web designie.

Pytanie 36

Tworząc tekst do umieszczenia na stronie internetowej, nie wolno

A. używać dużych liter w większej ilości tekstu.

B. stosować pogrubienia słów.

C. zastosować podkreślenia słów.

D. umieszczać większej ilości tekstu w wersalikach.

Składanie większych ilości tekstu wersalikami jest niewłaściwe, ponieważ może to prowadzić do trudności w czytaniu oraz zniechęcać użytkowników do zapoznania się z treścią. Wersaliki (czyli wielkie litery) są często postrzegane jako krzyk, co może wprowadzać wrażenie agresywności lub nieprzyjazności. W kontekście dostępności, tekst zapisany tylko wielkimi literami jest trudniejszy do zrozumienia dla osób z dysleksją oraz innymi trudnościami w czytaniu. Dobrą praktyką jest stosowanie typografii, która ułatwia percepcję treści, co obejmuje używanie małych liter dla tekstu głównego. Użycie wersalików powinno być ograniczone do nagłówków, akronimów czy innych elementów wyróżniających, aby nie obciążać czytelnika. Warto również zwrócić uwagę na zastosowanie odpowiednich rozmiarów czcionek oraz kontrastów kolorystycznych, które poprawiają czytelność. Przygotowując tekst na stronę internetową, celem powinno być dostarczenie użytkownikom przyjemnych i komfortowych doświadczeń podczas czytania.

Pytanie 37

Czynnikiem prowadzącym do niepożądanego zachowania pracownika w miejscu pracy jest?

A. rejestrowanie godzin pracy

B. długotrwały stres

C. przestrzeganie regulaminowych przerw

D. terminowe wypłacanie wynagrodzenia

Długotrwały stres jest jedną z kluczowych przyczyn niepożądanego zachowania pracowników w miejscu pracy. Przewlekły stres może prowadzić do obniżenia wydajności, a także do negatywnych skutków zdrowotnych, takich jak wypalenie zawodowe. Pracownicy narażeni na stres mogą wykazywać zachowania agresywne, apatyczne lub nieodpowiedzialne, co w dłuższym okresie wpływa na atmosferę w zespole oraz na wyniki całej organizacji. Przykładowo, w firmach, gdzie pracownicy są obciążeni nadmiernymi wymaganiami bez odpowiedniego wsparcia, często można zaobserwować wysoki wskaźnik rotacji kadry i absencji. Z punktu widzenia dobrych praktyk zarządzania zasobami ludzkimi, istotne jest wdrażanie programów wsparcia psychologicznego oraz szkoleń dotyczących zarządzania stresem. Warto również prowadzić regularne badania satysfakcji pracowników, aby na bieżąco identyfikować źródła stresu i podejmować odpowiednie działania. Efektywne zarządzanie stresem w miejscu pracy jest zgodne z normami ISO 45001, które odnoszą się do systemów zarządzania bezpieczeństwem i higieną pracy, oraz promują zdrowe i bezpieczne środowisko pracy.

Pytanie 38

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

A. <select>

B. <input>

C. <img>

D. <map>

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 39

Na rysunku przedstawiono projekt multimedialny

A. strony www.

B. galerii zdjęć.

C. prezentacji.

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 40

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

A. HSL

B. RGB

C. CMY

D. CMYK

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