Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik informatyk
Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Data rozpoczęcia: 8 czerwca 2026 00:51
Data zakończenia: 8 czerwca 2026 01:04

Egzamin zdany!

Wynik: 32/40 punktów (80,0%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Jakim formatem plików dźwiękowych charakteryzuje się kompresja bezstratna?

A. MP3

B. WAW

C. FLAC

D. MPEG

FLAC, czyli Free Lossless Audio Codec, to format dźwiękowy, który kompresuje pliki, ale nie traci przy tym żadnych danych. Dzięki temu jakość dźwięku pozostaje taka sama jak w oryginale, co jest super ważne dla audiofilów i profesjonalnych producentów. Wiesz, FLAC jest popularny wśród miłośników muzyki, bo pozwala na przechowywanie wysokiej jakości utworów w mniejszych plikach niż WAV, który potrafi zająć naprawdę dużo miejsca. Poza tym wiele odtwarzaczy audio i programów do edycji dźwięku obsługuje ten format, więc jest naprawdę uniwersalny. Można też dodawać metadane, czyli informacje o wykonawcy czy albumie, co jest bardzo przydatne. No i nie zapominajmy, że FLAC jest otwartym standardem, co oznacza, że każdy może z niego korzystać bez opłat – to na pewno przyczynia się do jego popularności, zarówno wśród amatorów, jak i profesjonalistów.

Pytanie 2

Kolor zapisany w systemie RGB, o wartościach rgb(255,128,16), jaki będzie miał odpowiednik w kodzie szesnastkowym?

A. #008010

B. #ff0f10

C. #ff8010

D. #ff8011

Kod RGB (Red, Green, Blue) to model barw wykorzystywany w grafice komputerowej oraz w technologii wyświetlania. Wartości RGB są określane na podstawie trzech składowych: czerwonej, zielonej i niebieskiej. Każda z tych składowych może przyjmować wartości w zakresie od 0 do 255. W przypadku koloru zapisanym jako rgb(255,128,16), wartość 255 oznacza pełne nasycenie koloru czerwonego, 128 to średnie nasycenie koloru zielonego, a 16 to stosunkowo niskie nasycenie koloru niebieskiego. Aby przekonwertować wartości RGB na format szesnastkowy, należy przekształcić każdą z trzech składowych na system szesnastkowy, co w przypadku podanego koloru daje nam: 255 w systemie dziesiętnym to FF w szesnastkowym, 128 to 80, a 16 to 10. Łącząc te wartości, otrzymujemy #ff8010, co dokładnie odpowiada wartości RGB podanej w pytaniu. Taki zapis jest powszechnie stosowany w CSS i innych formatach związanych z web designem, a jego znajomość jest kluczowa dla każdego projektanta lub developera webowego.

Pytanie 3

Aby wykonać przycisk na stronę internetową zgodnie z przedstawionym wzorem, w programie do grafiki rastrowej należy użyć opcji:

A. propagacja wartości

B. zaznaczenie eliptyczne

C. zniekształcenie i deformacja

D. zaokrąglenie narożników (prostokąt z zaokrąglonymi rogami)

Wzór przedstawia prostokątny przycisk z zaokrąglonymi rogami. Taki kształt rysuje się w edytorze grafiki rastrowej narzędziem prostokąta z zaokrąglonymi rogami (lub zaokrąglając zaznaczenie o zadanym promieniu). Daje to równe, gładkie narożniki zgodne z przykładem. Dlatego poprawna jest opcja zaokrąglenia narożników.

Pytanie 4

Co oznacza jednostka ppi (pixels per inch)?

A. określa rozdzielczość obrazów rastrowych

B. określa rozdzielczość wydruków drukarek i ploterów

C. to parametr cyfrowych urządzeń pomiarowych

D. określa rozdzielczość grafiki wektorowej

Pozostałe opisy mylą ppi z innymi parametrami. Rozdzielczość WYDRUKU drukarek i ploterów wyraża się w dpi (punkty na cal), a nie ppi. Grafika WEKTOROWA nie ma pikseli, więc nie opisuje się jej w ppi. To też nie parametr urządzeń pomiarowych. ppi określa rozdzielczość obrazów rastrowych.

Pytanie 5

Jaką rozdzielczość ma standard HDTV (Full HD)?

A. 704×576 px

B. 720×480 px

C. 1280×1024 px

D. 1920×1080 px

Standard HDTV w wariancie Full HD (1080p) ma rozdzielczość 1920 × 1080 pikseli w proporcjach 16:9. Dlatego Full HD to 1920 × 1080.

Pytanie 6

W którym przypadku plik graficzny należy zapisać w formacie GIF?

A. gdy jest to grafika wektorowa

B. gdy jest to obraz stereoskopowy (3D)

C. gdy potrzebny jest zapis bez kompresji

D. gdy trzeba zapisać obraz lub prostą animację

Format GIF nadaje się do zapisu prostej grafiki i krótkich ANIMACJI - obsługuje ograniczoną paletę (256 kolorów) i sekwencje klatek. Dlatego GIF stosuje się, gdy trzeba zapisać obraz lub prostą animację.

Pytanie 7

Co powinien umożliwiać edytor działający w trybie WYSIWYG?

A. tworzenie podstawowej grafiki wektorowej

B. publikację strony przez wbudowany klient FTP

C. obróbkę plików dźwiękowych

D. uzyskanie wyglądu strony zbliżonego do jej obrazu w przeglądarce

WYSIWYG (What You See Is What You Get) oznacza, że podczas edycji widać efekt zbliżony do finalnego wyglądu strony w przeglądarce - bez konieczności pisania kodu i podglądania osobno. Dlatego edytor WYSIWYG ma dawać wygląd zbliżony do obrazu strony w przeglądarce.

Pytanie 8

Podczas transmisji cyfrowego wideo na jakość wpływa bitrate (przepływność). Wielkość ta określa liczbę:

A. próbek dźwięku w jednostce czasu

B. pikseli obrazu wyświetlanych na ekranie

C. bitów przesyłanych w jednostce czasu

D. pikseli jako stosunek długości obrazu do wysokości

Bitrate (przepływność) to liczba BITÓW przesyłanych w jednostce czasu, podawana zwykle w kb/s lub Mb/s. Im wyższy bitrate, tym więcej danych na sekundę, czyli zwykle lepsza jakość, ale i większy plik. Dlatego bitrate określa liczbę bitów przesyłanych w jednostce czasu.

Pytanie 9

Innym określeniem saturacji koloru jest:

A. jasność koloru

B. nasycenie koloru

C. dopełnienie koloru

D. przezroczystość koloru

Pozostałe pojęcia dotyczą innych cech barwy. Jasność mówi, jak ciemny lub jasny jest kolor (a nie jak intensywny). Dopełnienie to barwa leżąca po przeciwnej stronie koła kolorów. Przezroczystość określa kanał alfa, czyli stopień prześwitywania. Z nasyceniem tożsama jest saturacja.

Pytanie 10

W CSS zapis w formie: p{background-image: url"rysunek.jpg")} spowoduje, że rysunek.png stanie się

A. tłem całej witryny

B. tłem każdego bloku tekstowego

C. wyświetlany obok każdego bloku tekstowego

D. pokazany, jeśli w kodzie użyty będzie znacznik img

Zapis p{background-image: url('rysunek.jpg')} oznacza, że każdy <p>, czyli paragraf, dostanie jako tło obrazek o nazwie rysunek.jpg. To jest po prostu sposób, żeby nadać każdyemu paragrafowi ten sam wygląd. Działa to świetnie, gdy chcesz, żeby cały tekst miał spójny styl czy dodać coś wizualnego do treści. Ważne, żeby ten plik rysunek.jpg był w dobrym miejscu, bo jak go nie znajdziesz, to przeglądarka go nie wczyta. Można to wykorzystać, żeby strona wyglądała bardziej estetycznie i przyciągała wzrok – każdy paragraf z własnym tłem na pewno sprawi, że będzie się lepiej czytało. Możesz też bawić się dodatkowymi właściwościami w CSS, jak background-repeat czy background-size, bo to otwiera drzwi do jeszcze ciekawszych efektów wizualnych.

Pytanie 11

Jaka jest poprawna kolejność procesów przetwarzania dźwięku z analogowego na cyfrowy?

A. próbkowanie, kwantyzacja, kodowanie

B. próbkowanie, kodowanie, kwantyzacja

C. kwantyzacja, próbkowanie, kodowanie

D. kwantyzacja, kodowanie, próbkowanie

Zamiana dźwięku analogowego (ciągłej fali) na cyfrowy przebiega w trzech krokach o ustalonej kolejności. Najpierw PRÓBKOWANIE - mierzymy wartość sygnału w równych odstępach czasu. Potem KWANTYZACJA - każdej próbce przypisujemy wartość z dyskretnej skali. Na końcu KODOWANIE - te wartości zapisujemy w postaci bitów. Dlatego poprawna kolejność to próbkowanie, kwantyzacja, kodowanie.

Pytanie 12

Który format stosuje BEZSTRATNĄ kompresję dźwięku?

A. MP3

B. AAC

C. WWA

D. FLAC

Pozostałe formaty kompresują dźwięk STRATNIE - usuwają część informacji, by mocniej zmniejszyć plik (MP3, AAC). „WWA” nie jest standardowym formatem (mylone z WMA). Bezstratną kompresję zapewnia FLAC.

Pytanie 13

Które stwierdzenie jest poprawne w odniesieniu do grafiki rastrowej?

A. podczas skalowania obraz nie traci na jakości

B. obraz opisany jest figurami geometrycznymi w układzie współrzędnych

C. nie jest zapisywana w formacie WMF

D. to obraz przedstawiony jako siatka odpowiednio kolorowanych pikseli

Grafika rastrowa to obraz zapisany jako SIATKA pikseli, z których każdy ma swój kolor (tak działają zdjęcia, formaty PNG, JPG, BMP). Dlatego poprawne jest stwierdzenie, że to obraz w postaci siatki kolorowanych pikseli.

Pytanie 14

Jaką rozdzielczość należy przyjąć, aby uzyskać proporcje obrazu 16:9, zakładając, że piksel ma formę kwadratu?

A. 320 na 240 pikseli

B. 800 na 480 pikseli

C. 1366 na 768 pikseli

D. 2560 na 2048 pikseli

Proporcje obrazu 16:9 są standardem szerokokątnym, powszechnie stosowanym w telewizji, filmach oraz w grach komputerowych. Przy rozdzielczości 1366 na 768 pikseli, stosunek szerokości do wysokości wynosi 16 do 9, co oznacza, że dla każdego 16 pikseli szerokości przypada 9 pikseli wysokości. Technicznie, aby obliczyć proporcje obrazu, należy podzielić szerokość przez wysokość. W tym przypadku 1366/768 daje wartość równą około 1.77, co odpowiada proporcji 16:9. Takie rozdzielczości są często używane w laptopach oraz monitorach HD, co czyni je idealnym wyborem do zastosowań multimedialnych. Standard 16:9 stał się powszechnie akceptowanym formatem, co wpływa na kompatybilność treści wizualnych, umożliwiając ich odpowiednie wyświetlanie na różnych urządzeniach. Użycie tej rozdzielczości zapewnia również lepszą jakość obrazu w porównaniu z niższymi rozdzielczościami, co jest kluczowe w kontekście nowoczesnych technologii wyświetlania.

Pytanie 15

Który z czterech podstawowych kolorów modelu CMYK to:

A. czarny

B. zielony

C. brązowy

D. pomarańczowy

CMYK to model barw stosowany w druku, oparty na czterech kolorach: Cyan (niebieskozielony), Magenta (purpurowy), Yellow (żółty) oraz Key/blacK, czyli CZARNY. Dlatego jednym z czterech kolorów CMYK jest czarny.

Pytanie 16

W HTML, aby dodać obrazek z tekstem przylegającym, umiejscowionym na środku obrazka, trzeba użyć znacznika

A. <img src="/obrazek.png" alt="obraz1" hspace="30px">tekst

B. <img src="/obrazek.png" alt="obraz2" align="middle">tekst

C. <img src="/obrazek.png" alt="obraz3" height="50%">tekst

D. <img src="/obrazek.png" alt="obraz4">tekst

Aby wstawić obrazek z tekstem przyległym w HTML, należy skorzystać ze znacznika <img> z atrybutem align ustawionym na 'middle'. Atrybut align jest przestarzały w HTML5, ale nadal może być używany w kontekście tekstów przylegających do obrazków. Ustawiając 'middle', obrazek będzie wyśrodkowany w pionie względem linii tekstu, co pozwala na estetyczne umiejscowienie obrazu w odniesieniu do towarzyszącego mu tekstu. Dobrym przykładem jest zastosowanie <img src='/obrazek.png' alt='obraz2' align='middle'>tekst, co sprawia, że obrazek staje się integralną częścią tekstu, a nie tylko jego dodatkiem. W kontekście standardów, warto zauważyć, że HTML5 zaleca stosowanie CSS do pozycjonowania, dlatego bardziej współczesnym podejściem byłoby użycie stylów CSS, np. 'vertical-align: middle'. Można to osiągnąć poprzez dodanie klasy do obrazka oraz odpowiedniego stylu CSS. Chociaż align jest przestarzały, jego rozumienie jest istotne dla osób przystosowujących starsze strony do nowych standardów.

Pytanie 17

Jakie oprogramowanie służy do obróbki dźwięku?

A. Brasero

B. Winamp

C. Audacity

D. RealPlayer

Audacity jest wszechstronnym, darmowym programem typu open source, który służy do edycji dźwięku. Jego funkcjonalność obejmuje nagrywanie, edytowanie i przetwarzanie dźwięku w różnych formatach. Program ten jest często wykorzystywany przez muzyków, podcasterów oraz profesjonalistów zajmujących się dźwiękiem, co czyni go niezwykle popularnym w branży. Audacity obsługuje wiele efektów dźwiękowych, takich jak kompresja, reverb oraz equalizacja, co pozwala na zaawansowaną obróbkę nagrań. Dzięki intuicyjnemu interfejsowi użytkownika, użytkownicy mogą łatwo nawigować w programie oraz korzystać z funkcji takich jak wielościeżkowe nagrywanie i edytowanie. Warto również wspomnieć, że Audacity działa na różnych systemach operacyjnych, w tym Windows, macOS oraz Linux, co zapewnia dostępność dla szerszego kręgu użytkowników. Użytkownicy mogą również korzystać z dodatkowych wtyczek, które rozszerzają możliwości programu, co jest zgodne z najlepszymi praktykami w branży, gdzie elastyczność i rozszerzalność oprogramowania są kluczowe dla profesjonalnych zastosowań.

Pytanie 18

Co oznacza dodanie kanału alfa podczas obróbki grafiki rastrowej?

A. wprowadzenie warstwy z przezroczystością

B. ustalenie balansu bieli

C. zwiększenie głębi ostrości

D. wyostrzenie krawędzi obrazu

Dodanie kanału alfa oznacza wprowadzenie dodatkowej warstwy informacji o PRZEZROCZYSTOŚCI pikseli - dzięki niej fragmenty obrazu mogą być przezroczyste lub półprzezroczyste. Dlatego to wprowadzenie warstwy z przezroczystością.

Pytanie 19

Aby dopasować dźwięk do określonego poziomu głośności, należy zastosować efekt:

A. wyciszenia

B. normalizacji

C. podbicia basów

D. usuwania szumów

Każdy z tych efektów coś robi z dźwiękiem, ale tylko jeden ustawia jego poziom głośności. Wyciszenie działa odwrotnie do wzmocnienia - ścisza lub całkowicie usuwa sygnał, często stopniowo (fade), więc nie wyrównuje głośności do wartości docelowej. Podbicie basów to korekcja barwy: wzmacnia wyłącznie niskie częstotliwości, zmieniając brzmienie, a nie ogólny poziom. Usuwanie szumów oczyszcza nagranie z zakłóceń tła, lecz nie ma wpływu na to, jak głośny jest cały materiał. Dopasowanie nagrania do zadanego poziomu głośności realizuje normalizacja, która skaluje amplitudę całego sygnału.

Pytanie 20

Który atrybut znacznika <img> określa lokalizację (ścieżkę) pliku graficznego?

alt

src

href

link

Obraz osadza się znacznikiem <img>, a jego atrybut src (source) wskazuje ścieżkę do pliku graficznego, np. <img src="logo.png" alt="Logo">. Drugi ważny atrybut, alt, podaje tekst alternatywny. Dlatego lokalizację pliku obrazu określa src.

Pytanie 21

Ikona funkcji w edytorze grafiki rastrowej oznaczona jako „różdżka” pozwala na

A. wybiórcze nakładanie koloru przy użyciu pędzla

B. ręczne zaznaczanie fragmentów poprzez przeciąganie kursora

C. zaznaczenie obszaru w oparciu o kolor

D. wybranie konkretnego koloru i ustawienie go jako aktywnego

Funkcja różdżki, znana również jako magiczna różdżka, jest narzędziem powszechnie używanym w edytorach grafiki rastrowej, takich jak Adobe Photoshop czy GIMP. Narzędzie to pozwala użytkownikowi na szybkie zaznaczanie obszarów obrazu na podstawie podobieństwa kolorów. Działa poprzez analizę koloru piksela, na który kliknięto, i automatyczne zaznaczenie sąsiadujących pikseli o podobnych wartościach kolorystycznych. Użytkownik może dostosować czułość narzędzia, co jest określane jako tolerancja, aby precyzyjnie kontrolować zakres zaznaczenia. Ustawienie wyższej tolerancji pozwala na zaznaczenie większej liczby pikseli, które różnią się od koloru docelowego tylko nieznacznie, co jest przydatne przy bardziej złożonych obrazach. Ta funkcjonalność jest szczególnie przydatna podczas pracy z obrazami o jednolitym tle lub podczas edycji zdjęć, gdzie szybkie zaznaczenie obszaru pozwala na skuteczniejsze przeprowadzanie operacji, takich jak zmiana koloru, usuwanie czy kopiowanie wybranych elementów. W praktyce, magiczna różdżka stanowi kluczowy element w arsenale narzędzi grafika, umożliwiając efektywne zarządzanie i manipulowanie obrazem, co jest zgodne z najlepszymi praktykami w branży edycji graficznej.

Pytanie 22

Jakie oznaczenie powinno się zastosować, aby umieścić film na stronie internetowej?

A. <media>

B. <movie>

C. <audio>

D. <video>

Znacznik <video> jest właściwym elementem HTML używanym do osadzania filmów na stronach internetowych. Jest on częścią standardu HTML5, który wprowadził nowoczesne podejścia do multimediów w sieci. Umożliwia on nie tylko osadzanie wideo, ale także dostosowywanie jego odtwarzania, takie jak automatyczne odtwarzanie, powtarzanie oraz kontrolowanie głośności. Przykład użycia znacznika <video>: <video src='film.mp4' controls>Odtwarzacz wideo</video>. Warto również dodać atrybuty, takie jak 'controls', które dodają przyciski do odtwarzania, pauzowania i regulacji głośności, co znacząco poprawia użyteczność dla użytkowników. Dobrą praktyką jest również używanie atrybutu 'poster' do określenia miniatury, która będzie wyświetlana przed rozpoczęciem odtwarzania, co przyciąga uwagę i zwiększa estetykę strony. Znacznik <video> wspiera różne formaty plików, takie jak MP4, WebM i Ogg, co zapewnia szeroką kompatybilność z różnymi przeglądarkami internetowymi, co jest kluczowe w dzisiejszym zróżnicowanym środowisku online.

Pytanie 23

Które z poniższych stwierdzeń odnosi się prawidłowo do grafiki rastrowej?

A. Obraz zapisywany jest w postaci figur geometrycznych zorganizowanych w układzie współrzędnych

B. W trakcie procesu skalowania, jakość obrazu nie ulega zmianie

C. Grafika rastrowa nie jest zapisana w formacie WMF (ang. Windows Metafile Format - format metaplików w Windows)

D. Jest to forma przedstawienia obrazu za pomocą siatki pikseli, które są odpowiednio kolorowane w układzie pionowo-poziomym na monitorze, drukarce lub innym urządzeniu wyjściowym

Grafika rastrowa to technika reprezentacji obrazów, w której obraz składa się z siatki pikseli. Każdy piksel ma przypisany kolor, co pozwala na precyzyjne odwzorowanie detali i kolorystyki. Taki sposób przedstawienia obrazu znajduje zastosowanie w grafice komputerowej, fotografii cyfrowej oraz w druku. W praktyce, obrazy rastrowe są powszechnie wykorzystywane w programach graficznych, takich jak Adobe Photoshop czy GIMP, gdzie edytuje się poszczególne piksele. Publikacje internetowe, jak także różnorodne formy marketingu wizualnego, opierają się na grafice rastrowej, ponieważ umożliwia ona tworzenie złożonych i bogatych w szczegóły obrazów. Ważnym aspektem grafiki rastrowej jest rozdzielczość, która określa ilość pikseli w obrazie; im wyższa rozdzielczość, tym większa jakość. Wydruki, które zyskują na jakości dzięki zastosowaniu technologii rastrowej, są zgodne z najlepszymi praktykami odnośnie do standardów drukarskich, co umożliwia osiągnięcie wysokiej jakości wydruków. Zrozumienie grafiki rastrowej jest kluczowe dla każdego, kto interesuje się tworzeniem i edytowaniem obrazów w kontekście cyfrowym.

Pytanie 24

Poprawny zapis znacznika , za pomocą którego można umieścić na stronie internetowej obraz rys.jpg przeskalowany do szerokości 120 px i wysokości 80 px z tekstem alternatywnym "krajobraz" to

A. <img href="rys.jpg" height="120px" width="80px" info="krajobraz">

B. <img src="rys.jpg" width="120px" height="80px" alt="krajobraz">

C. <img src="rys.jpg" height="120px" width="80px" info="krajobraz">

D. <img image="rys.jpg" width="120px" height="80px" alt="krajobraz">

Odpowiedź <img src="rys.jpg" width="120px" height="80px" alt="krajobraz"> jest na pewno dobra! Używasz fajnego atrybutu 'src' do wskazania, skąd bierzesz obrazek, co jest super ważne. Atrybuty 'width' i 'height' też są dobrze ustawione, bo określają, jak duży ma być obrazek na stronie. To naprawdę przydaje się, zwłaszcza jak robimy responsywne strony. A ten 'alt', to świetny pomysł – daje tekst alternatywny, co bardzo pomaga osobom, które korzystają z czytników ekranu. Bez tego mogą nie wiedzieć, co jest na obrazku, a to jest spoko, bo dba o dostępność. Co do pikseli, używasz ich standardowo, ale pomyśl, że w CSS można też iść w procenty czy jednostki względne, żeby było jeszcze elastyczniej. W sumie, gdybyś chciał, mógłbyś bawić się CSS-em do stylizacji obrazów tła, co też sprawia, że wszystko lepiej się dopasowuje do różnych ekranów.

Pytanie 25

Który z poniższych formatów NIE umożliwia zapis plików animowanych?

A. SWF

B. SVG

C. ACE

D. GIF

Wybór formatu SWF sugeruje, że użytkownik myli zastosowania różnych formatów plików. SWF, czyli Shockwave Flash, to format, który był powszechnie używany do tworzenia animacji i interaktywnych aplikacji internetowych. Jest on oparty na wektorowej grafice i obsługuje dźwięk oraz skrypty, co czyni go idealnym do tworzenia złożonych animacji. Z kolei SVG, czyli Scalable Vector Graphics, to format oparty na XML, który pozwala na tworzenie grafiki wektorowej i również obsługuje animacje przy użyciu CSS oraz JavaScript. Poprzez błędne przypisanie funkcji animacyjnych do ACE, użytkownik może nie dostrzegać, jak różne formaty są projektowane z myślą o określonych zastosowaniach. GIF to format, który od lat jest popularny w sieci do prezentacji prostych animacji, zwłaszcza w mediach społecznościowych. Użytkownicy często mylą różne zastosowania formatów i mogą nie być świadomi, że istnieją formaty, które są specjalnie zaprojektowane do obsługi animacji, podczas gdy inne służą zupełnie innym celom, jak kompresja danych. Właściwe zrozumienie tych różnic jest kluczowe dla efektywnego projektowania treści multimedialnych oraz optymalizacji ich działania w różnych środowiskach.

Pytanie 26

Aby wykonać przycisk na stronę internetową zgodnie z przedstawionym wzorem, w programie graficznym należy skorzystać z opcji:

A. wybór eliptyczny

B. zniekształcenie i deformacja

C. zaokrąglenie narożników (prostokąt z zaokrąglonymi rogami)

D. propagacja wartości

Wzór przedstawia prostokątny przycisk z zaokrąglonymi rogami. Taki kształt rysuje się w programie graficznym narzędziem prostokąta z zaokrąglonymi rogami (albo zaokrąglając zaznaczenie o zadanym promieniu), co daje równe, gładkie narożniki zgodne z przykładem. Dlatego poprawna jest opcja zaokrąglenia narożników.

Pytanie 27

W CSS, co spowoduje poniższy kod z plikiem rysunek.png?

p {background-image: url("rysunek.png");}

A. tłem całej witryny

B. widoczny, jeśli zastosowany zostanie znacznik img w kodzie

C. pokazany obok każdego akapitu

D. tłem dla każdego akapitu

Wybrana odpowiedź jest poprawna ponieważ w arkuszach stylów CSS zastosowanie selektora elementu p z właściwością background-image powoduje że obraz rysunek.png zostanie ustawiony jako tło dla każdego elementu paragrafu na stronie. Jest to przydatna technika gdy chcemy nadać spójny wygląd wszystkim paragrafom w dokumencie. Tło to może być używane do celów estetycznych lub jako część identyfikacji wizualnej strony. Warto pamiętać że w CSS można dodatkowo kontrolować sposób wyświetlania obrazka tła za pomocą właściwości takich jak background-repeat background-size i background-position co pozwala na precyzyjne dostosowanie wyświetlania. Dobre praktyki zalecają aby obrazy tła były odpowiednio zoptymalizowane pod kątem rozmiaru aby nie wpływały negatywnie na szybkość ładowania strony. W praktyce stosowanie obrazów jako tła w paragrafach może wspierać wizualne narracje oraz zwiększać zaangażowanie użytkowników szczególnie gdy są stosowane w przemyślany sposób w kontekście projektowania doświadczeń użytkownika UX.

Pytanie 28

Ile klatek na sekundę zapewnia PŁYNNY obraz w filmie (minimalny typowy zakres)?

A. 31-36 fps

B. 20-23 fps

C. 24-30 fps

D. 16-19 fps

Zakresy poniżej (16-19, 20-23 fps) dają widoczne zacinanie ruchu, a 31-36 fps to już wartości powyżej typowego minimum płynności. Standardowy zakres płynnego obrazu to 24-30 fps.

Pytanie 29

Czy możliwa jest przedstawiona transformacja obrazu rastrowego dzięki funkcji?

A. zmniejszenie liczby kolorów

B. odcienie szarości

C. barwienie

D. ustawienia jasności i kontrastu

Barwienie to proces edycji obrazu rastrowego, który polega na modyfikacji istniejących kolorów poprzez nałożenie nowego odcienia na całość lub część obrazu. Dzięki temu możemy uzyskać efekt jak na przedstawionym obrazie, gdzie oryginalne kolory zostały zastąpione jednolitą barwą. Barwienie jest powszechnie stosowane w grafice komputerowej do nadawania dramatyzmu lub zmiany nastroju obrazu, co jest szczególnie przydatne w fotografii artystycznej czy projektach reklamowych. Narzędzia takie jak Adobe Photoshop czy GIMP oferują funkcje barwienia, pozwalając artystom na twórcze eksperymenty z kolorami. Technika ta może być stosowana również w procesie tworzenia materiałów wizualnych w branży marketingowej, gdzie spójna kolorystyka jest kluczowa dla budowania rozpoznawalności marki. Ważne jest, aby pamiętać o zachowaniu naturalnego balansu i harmonii w barwach, co jest zgodne z zasadami dobrych praktyk w projektowaniu graficznym. Barwienie umożliwia również korektę kolorystyczną, co jest istotne w procesie przygotowania materiałów do druku, gdzie kolory muszą być dostosowane do specyfikacji technicznych drukarni.

Pytanie 30

Zapis CSS postaci:

 ul {
    list-style-image: url('rys.gif');
}

sprawi, że na stronie internetowej

A. wyświetli się rysunek rys.gif jako tło listy nienumerowanej.

B. rys.gif będzie stanowił ramkę dla listy nienumerowanej.

C. punktorem listy nienumerowanej będzie rys.gif

D. każdy z punktów listy będzie miał osobne tło pobrane z grafiki rys.gif

Gratulacje! Poprawnie zidentyfikowałeś, że w podanym kodzie CSS, obrazek 'rys.gif' będzie służył jako punktor listy nienumerowanej. Według standardów CSS, właściwość list-style-image jest używana do określenia obrazka, który będzie używany jako punktor w liście nienumerowanej. Zasada ta jest bardzo przydatna, kiedy chcemy stworzyć niestandardowe punktory listy, które lepiej pasują do designu naszej strony. Możemy użyć dowolnego obrazka, który jest dostępny online lub zasobu z naszej lokalnej przestrzeni roboczej. Pamiętaj jednak, że obrazek powinien być mały i czytelny. W tym konkretnym przypadku, obrazek 'rys.gif' zostanie ustawiony jako punktor dla każdego elementu listy <li> wewnątrz listy nienumerowanej <ul>. Używając tej techniki, możemy stworzyć atrakcyjniejsze i bardziej interaktywne listy na naszej stronie internetowej.

Pytanie 31

W programie INKSCAPE / COREL aby uzyskać przedstawiony efekt napisu, należy

A. zastosować funkcję sumy z kołem.

B. skorzystać z funkcji wstaw / dopasuj tekst do ścieżki.

C. zastosować funkcję wykluczenia z kołem.

D. skorzystać z funkcji gradientu.

Twoja odpowiedź jest prawidłowa. W programach graficznych takich jak Inkscape czy CorelDRAW, aby ułożyć tekst wzdłuż zakrzywionej ścieżki, stosuje się funkcję dopasowania tekstu do ścieżki. Taka funkcja pozwala na zastosowanie tekstu w dowolnym kierunku, co daje dużą swobodę w projektowaniu grafik. Można to robić na różne sposoby, na przykład poprzez ręczne rysowanie ścieżki, a następnie dopasowanie do niej tekstu lub poprzez użycie gotowych kształtów. W CorelDRAW funkcja ta nosi nazwę 'fit text to path', natomiast w Inkscape nazywa się 'text to path'. Jest to technika często stosowana w projektowaniu logo, plakatów, czy też w innych projektach, gdzie tekst musi być dostosowany do niestandardowych kształtów. Prawidłowe zrozumienie i umiejętność wykorzystania tej funkcji znacząco podnosi efektywność pracy w programach graficznych.

Pytanie 32

W zapisie rgba(100, 40, 50, 0.2) czego dotyczy OSTATNIA wartość?

A. przezroczystości, gdzie 0 = pełna przezroczystość, 1 = brak

B. nasycenia koloru czarnego

C. przezroczystości, gdzie 1 = pełna przezroczystość, 0 = brak

D. saturacji barw RGB

Pozostałe opisy są błędne. Ostatnia wartość nie dotyczy nasycenia ani saturacji - te należą do modelu HSL/HSV, a nie RGBA. Myląca jest też odwrócona skala: to 0 daje PEŁNĄ przezroczystość, a 1 jej brak (nie odwrotnie). Czwarta wartość rgba to alfa: 0 = przezroczyste, 1 = kryjące.

Pytanie 33

Do przechowywania jakich danych służy w tabeli pole typu BLOB?

A. danych logicznych, np. true

B. łańcuchów znaków o nieokreślonej długości

C. dużych danych binarnych, np. grafiki

D. liczb całkowitych większych od zakresu INT

Typ BLOB (Binary Large Object) służy do przechowywania DUŻYCH danych binarnych - np. grafiki, plików audio czy dokumentów zapisanych bezpośrednio w bazie. Trzyma surowe bajty, a nie tekst czy liczby. Dlatego BLOB przechowuje duże dane binarne.

Pytanie 34

System baz danych gromadzi multimedia, co wiąże się z przechowywaniem znacznych ilości danych binarnych. Jakiego typu danych należy użyć w tym przypadku?

A. BLOB

B. ENUM

C. DOUBLE

D. LONGTEXT

Typ BLOB (Binary Large Object) służy do przechowywania dużych ilości danych binarnych, takich jak obrazy, dźwięki, filmy czy inne multimedia. BLOBy są niezwykle przydatne w aplikacjach, które wymagają zarządzania danymi o dużych rozmiarach, ponieważ pozwalają na efektywne przechowywanie i manipulowanie tymi danymi w bazie danych. Przykładem zastosowania BLOBów może być system zarządzania treścią (CMS), w którym użytkownicy mogą przesyłać zdjęcia i filmy. BLOBy umożliwiają przechowywanie tych plików w bazie, co ułatwia ich późniejsze pobieranie i wyświetlanie. W praktyce, stosując BLOBy, należy pamiętać o odpowiednich indeksach oraz optymalizacji zapytań, aby zminimalizować czas dostępu do danych. Warto również rozważyć zastosowanie systemów zarządzania bazami danych, które są dostosowane do pracy z danymi multimedialnymi, takich jak PostgreSQL czy MySQL, które obsługują typy BLOB i inne odpowiednie struktury danych. Standardy SQL definiują BLOB jako typ danych, co sprawia, że jego użycie jest zgodne z najlepszymi praktykami programowania baz danych.

Pytanie 35

Efekt AutoDuck w obróbce dźwięku jest stosowany do

A. ocieplenia głosu i dźwięków pochodzących z tła.

B. wyrównania głośności całej ścieżki dźwiękowej.

C. eliminacji szumów pochodzących z dźwięków w tle.

D. ściszenia dźwięku w tle, gdy pojawia się dźwięk pierwszoplanowy.

Efekt AutoDuck dokładnie robi to, co opisuje poprawna odpowiedź: automatycznie ścisza dźwięk w tle (np. muzykę), gdy pojawia się dźwięk pierwszoplanowy, zwykle głos lektora lub prowadzącego. W praktyce wygląda to tak, że masz dwie ścieżki: na jednej mówiony komentarz, na drugiej muzykę w tle. AutoDuck „podgląda” poziom głośności ścieżki z głosem i gdy wykryje, że ktoś zaczyna mówić, automatycznie obniża poziom głośności ścieżki z muzyką o zadaną liczbę decybeli. Kiedy mówienie się kończy, muzyka wraca płynnie do poprzedniego poziomu. To jest klasyczny przykład tzw. duckingu, bardzo często stosowany w radiu, podcastach, vlogach, prezentacjach wideo, a nawet w prostych materiałach szkoleniowych. Z mojego doświadczenia to jedna z tych funkcji, które naprawdę oszczędzają czas – zamiast ręcznie rysować obwiednię głośności, ustawiasz próg zadziałania, czas narastania i opadania (attack/release) oraz głębokość tłumienia. Dobre praktyki mówią, żeby nie przesadzać z tłumieniem tła – zwykle wystarcza w okolicach 10–18 dB, tak żeby głos był czytelny, ale muzyka nadal była słyszalna. Ważne jest też ustawienie odpowiednio długiego „release”, żeby muzyka nie „podskakiwała” nerwowo pomiędzy pauzami w mowie. W narzędziach typu Audacity, Adobe Audition czy Reaper AutoDuck (lub sidechain ducking) jest standardowym narzędziem w pracy z multimediami na potrzeby internetu: spoty reklamowe, intro do kanałów YouTube, kursy e-learningowe – wszędzie tam, gdzie chcesz, żeby głos był zawsze na pierwszym planie, a tło samo się grzecznie cofa, gdy ktoś coś mówi.

Pytanie 36

Barwy reprezentowane graficznie na stożku (barwa, nasycenie, jasność) uzyskuje się w modelu:

A. CIEXYZ

B. RGB

C. HSV

D. CMYK

Model HSV opisuje kolor trzema parametrami: barwą (Hue), nasyceniem (Saturation) i jasnością (Value). Graficznie przedstawia się go jako stożek (lub walec): kąt to barwa, odległość od osi to nasycenie, a wysokość to jasność. Taki układ jest intuicyjny dla człowieka. Dlatego barwy na stożku reprezentuje model HSV.

Pytanie 37

Które rozszerzenie pliku jest związane z formatem wideo?

A. *.jpg

B. *.png

C. *.avi

D. *.bmp

Rozszerzenie *.avi (Audio Video Interleave) oznacza plik wideo - to format kontenera przechowującego obraz i dźwięk. Do plików wideo należą też m.in. *.mp4, *.mkv czy *.mov. Pozostałe podane rozszerzenia to formaty obrazów statycznych. Rozpoznawanie typu pliku po rozszerzeniu ułatwia dobór odpowiedniego programu do jego otwarcia. Dlatego z formatem wideo związane jest rozszerzenie *.avi.

Pytanie 38

Który z formatów to format grafiki WEKTOROWEJ?

A. JPG

B. GIF

C. PNG

D. SVG

SVG (Scalable Vector Graphics) to format grafiki WEKTOROWEJ - obraz opisany jest kształtami i krzywymi (w XML), dzięki czemu skaluje się bez utraty jakości. Sprawdza się przy logo i ikonach. Dlatego formatem wektorowym jest SVG.

Pytanie 39

W przedstawionym filmie, aby połączyć tekst i wielokąt w jeden obiekt tak, aby operacja ta była odwracalna zastosowano funkcję

A. sumy.

B. grupowania.

C. wykluczenia.

D. części wspólnej.

Prawidłowo – w filmie została użyta funkcja grupowania. W grafice wektorowej, np. w programach typu Inkscape, CorelDRAW czy Illustrator, grupowanie służy właśnie do logicznego połączenia kilku obiektów w jeden „zestaw”, ale bez trwałego mieszania ich geometrii. To znaczy: tekst dalej pozostaje tekstem, wielokąt dalej jest wielokątem, tylko są traktowane jak jeden obiekt przy przesuwaniu, skalowaniu czy obracaniu. Dzięki temu operacja jest w pełni odwracalna – w każdej chwili możesz rozgrupować elementy i edytować każdy osobno.
Moim zdaniem to jest podstawowa dobra praktyka w pracy z projektami, które mogą wymagać późniejszych poprawek: podpisy, etykiety, logotypy, schematy techniczne. Jeśli połączysz tekst z kształtem za pomocą operacji boolowskich (suma, część wspólna, wykluczenie), to tekst zwykle zamienia się na krzywe, przestaje być edytowalny jako tekst. To bywa potrzebne przy przygotowaniu do druku czy eksportu do formatu, który nie obsługuje fontów, ale nie wtedy, gdy zależy nam na łatwej edycji.
Z mojego doświadczenia: przy projektowaniu interfejsów, ikon, prostych banerów na WWW czy grafik do multimediów, najrozsądniej jest najpierw grupować logicznie elementy (np. ikona + podpis), a dopiero na samym końcu, gdy projekt jest ostateczny, ewentualnie zamieniać tekst na krzywe. Grupowanie pozwala też szybko zaznaczać całe moduły projektu, wyrównywać je względem siebie, duplikować całe zestawy (np. kafelki menu, przyciski z opisami) bez ryzyka, że coś się rozjedzie. W grafice komputerowej to taka podstawowa „organizacja pracy” – mniej destrukcyjna niż różne operacje na kształtach i zdecydowanie bardziej elastyczna przy późniejszych zmianach.

Pytanie 40

Która rozdzielczość jest wyrażana za pomocą jednostki ppi (ang. pixels per inch)?

A. Skanerów.

B. Obrazów rastrowych.

C. Cyfrowych urządzeń wykonujących pomiary.

D. Obrazów tworzonych przez drukarki i plotery.

Jednostka ppi (pixels per inch) wielu osobom myli się z innymi rodzajami rozdzielczości, co jest całkiem zrozumiałe, bo w grafice i poligrafii mamy kilka podobnie brzmiących pojęć. Ppi opisuje gęstość pikseli w obrazie rastrowym, czyli informację, jak gęsto ułożone są piksele w danym fizycznym rozmiarze. To cecha samego obrazu lub projektu, a nie cecha urządzenia pomiarowego czy drukarki.
Częsty błąd polega na kojarzeniu ppi z rozdzielczością skanera. Skaner co prawda pracuje na pikselach, ale standardowo jego rozdzielczość określa się w dpi (dots per inch). W uproszczeniu: mówimy o tym, ile punktów skaner jest w stanie „odczytać” z jednego cala skanowanego dokumentu. Efektem pracy skanera jest obraz rastrowy i to właśnie ten wynikowy plik ma swoją rozdzielczość w pikselach i może mieć zdefiniowaną wartość ppi, ale sama specyfikacja urządzenia jest zwykle opisana w dpi.
Podobnie mylące bywa kojarzenie ppi z cyfrowymi urządzeniami pomiarowymi. One najczęściej operują na zupełnie innych parametrach: dokładności pomiaru, częstotliwości próbkowania, rozdzielczości przetwornika ADC, liczbie bitów itp. Tam nie ma siatki pikseli w sensie graficznym, więc jednostka ppi po prostu nie pasuje do charakteru tych urządzeń.
Dużo osób utożsamia też ppi z rozdzielczością drukarek i ploterów. W świecie druku standardową jednostką jest dpi, bo urządzenie fizycznie „strzela” punktami tuszu lub toneru na papier. Drukarka może z jednego piksela obrazu rastrowego wygenerować wiele mikroskopijnych punktów farby, aby uzyskać odpowiedni kolor i odcień, dlatego jej rozdzielczość w dpi bywa znacznie wyższa niż rozdzielczość samego pliku. Tu właśnie tkwi subtelna różnica: ppi opisuje obraz, dpi opisuje urządzenie drukujące. Pomylenie tych pojęć prowadzi do złego przygotowania materiałów – np. za niska rozdzielczość obrazu rastrowego przy wysokiej rozdzielczości drukarki da nieostry, „rozmyty” wydruk, mimo że specyfikacja drukarki wygląda imponująco.
Z mojego doświadczenia, dobrą praktyką jest zawsze pytać: „czy mówimy o pliku graficznym (rastrowym), czy o urządzeniu?” – wtedy łatwiej poprawnie zastosować ppi i dpi i uniknąć nieporozumień przy projektach graficznych i webowych.

Rozpocznij nowy egzamin

Powrót do strony głównej