Wyniki egzaminu

Informacje o egzaminie:
  • Zawód: Technik fotografii i multimediów
  • Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
  • Data rozpoczęcia: 31 maja 2025 12:43
  • Data zakończenia: 31 maja 2025 12:56

Egzamin zdany!

Wynik: 24/40 punktów (60,0%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!
Szczegółowe wyniki:
Pytanie 1

Kompleksowy program sterujący TWAIN zapewnia

A. tworzenie stykówek oraz powiększeń zdjęć
B. skanowanie za pośrednictwem aplikacji graficznej
C. modyfikację plików RAW
D. przekształcanie obiektów wektorowych w bitmapy
Edycja plików RAW, rasteryzacja obiektów wektorowych i robienie stykówek to zadania, które nie są realizowane przez kompleksowy sterownik TWAIN. Tu chodzi o to, że pliki RAW to takie surowe dane z aparatu, które potrzebują specjalnych programów do obróbki, jak Adobe Lightroom czy Capture One. Sterowniki TWAIN nie mogą edytować tych plików, co jest kluczowe, jak chcesz profesjonalnie obrabiać zdjęcia. Rasteryzacja obiektów wektorowych, czyli zamiana grafiki wektorowej na bitmapę, też nie leży w zasięgu TWAIN. Do tego potrzebne są programy, takie jak Adobe Illustrator, gdzie wektory przerabiasz na piksele. A jeśli chodzi o stykówki i powiększenia, to tu też mamy do czynienia z bardziej specjalistycznym oprogramowaniem graficznym, które zajmuje się drukiem i edycją zdjęć. Wiele osób myli funkcje programów graficznych z możliwościami sterowników, przez co można łatwo wpaść w nieporozumienia. Zrozumienie tych różnic to klucz do efektywnej pracy z obrazem.

Pytanie 2

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

A. zakończenie nagłówka dokumentu HTML
B. rozpoczęcie dokumentu HTML
C. rozpoczęcie nagłówka dokumentu HTML
D. zakończenie dokumentu HTML
Znacznik w dokumentach HTML jest kluczowym elementem, który definiuje początek sekcji nagłówkowej dokumentu. Sekcja ta zawiera meta informacje, które są istotne dla przeglądarek internetowych oraz wyszukiwarek, ale nie są bezpośrednio wyświetlane na stronie. W nagłówku można umieścić takie elementy jak tytuł strony (), odwołania do arkuszy stylów CSS, skrypty JavaScript, a także meta tagi, które informują o autorze, opisie czy słowach kluczowych. Zgodnie z standardami W3C, poprawne zdefiniowanie nagłówka jest niezbędne dla prawidłowego działania dokumentu HTML, co ma wpływ na SEO oraz na sposób, w jaki strona jest renderowana. Przykładowo, title jest kluczowym elementem, ponieważ pojawia się na pasku tytułowym przeglądarki oraz w wynikach wyszukiwania, co podkreśla znaczenie sekcji <HEAD> w kontekście organizacji i prezentacji treści. Dlatego znajomość struktury dokumentów HTML oraz poprawnego użycia znaczników jest niezbędna w codziennej pracy web dewelopera. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 3</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="do-utworzenia-rozmytych-efektow-ruchu-wirowego-naj-8bacfdfc" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Aby uzyskać zamglone efekty ruchu wirowego w Photoshopie, najbardziej odpowiednie jest zastosowanie rozmycia</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. soczewkowego</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. powierzchniowego</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. polowego</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. promienistego</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór rozmycia powierzchniowego, polowego czy soczewkowego jako narzędzia do tworzenia rozmytych efektów ruchu wirowego jest niewłaściwy, ponieważ każde z tych rozmyć ma inny cel i sposób działania. Rozmycie powierzchniowe, na przykład, działa na zasadzie rozmycia wszystkich pikseli na podstawie ich kolorów, co skutkuje uzyskaniem efektu gładkości, a nie dynamiki. W sytuacji, gdy próbujemy oddać wrażenie ruchu, takie podejście nie tylko nie podkreśla dynamiki, ale może wręcz zniekształcić obraz, nadając mu niepożądany efekt. Rozmycie polowe z kolei, które jest często wykorzystywane w fotografii krajobrazowej, skupia się na tworzeniu efektu głębi ostrości, co w kontekście ruchu nie przynosi oczekiwanych rezultatów, ponieważ nie uwydatnia dynamicznych elementów. Z drugiej strony, rozmycie soczewkowe, które symuluje efekt rozmycia występującego przy użyciu obiektywu, również nie jest odpowiednie w przypadku wirowania, ponieważ koncentruje się na deformacjach kształtów, a nie na wrażeniu ruchu. Typowe błędy myślowe w tym zakresie wynikają z braku zrozumienia specyfiki każdego typu rozmycia oraz ich zastosowania w kontekście ruchu. Kluczowe jest zrozumienie, które efekty najlepiej oddają zamierzony dynamizm, co pozwala na skuteczniejsze tworzenie wizualnych narracji i emocji w obrazach. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 4</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-jakiej-jednostce-podaje-sie-wspoczynnik-predkos-fd78c35d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>W jakiej jednostce wyraża się współczynnik odświeżania klatek w programie Adobe Flash?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. kl/s</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. kl/t</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. kl/ms</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. kl/ts</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Poprawna odpowiedź to 'kl/s', co oznacza klatki na sekundę. Współczynnik prędkości wyświetlania klatek jest kluczowym parametrem w produkcji filmowej oraz animacji, a także w programach takich jak Adobe Flash, gdzie płynność animacji jest istotna dla odbiorcy. Standardowa prędkość wyświetlania wynosi zazwyczaj 24 kl/s w filmach, ale w przypadku animacji i gier, może ona wynosić nawet 60 kl/s lub więcej, co zapewnia jeszcze większą płynność ruchu. Zrozumienie tego parametru jest niezbędne przy tworzeniu materiałów multimedialnych, ponieważ wpływa na jakość wizualną oraz doświadczenia użytkownika. Przykładowo, w animacji 3D, odpowiednia liczba klatek na sekundę może decydować o wrażeniu realizmu i dynamiki na ekranie. Warto również zauważyć, że różne platformy mogą mieć różne wymagania dotyczące liczby klatek, dlatego projektanci muszą być elastyczni i dostosowywać swoje materiały do specyfikacji odbiorców. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 5</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="dziaania-ktorych-celem-jest-umieszczenie-strony-466c7710" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Czynności mające na celu uzyskanie jak najwyższej pozycji strony internetowej w wynikach wyszukiwania to</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. formatowanie</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. kodowanie znaków</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. debugowanie</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. pozycjonowanie</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Pozycjonowanie, znane również jako SEO (Search Engine Optimization), to zestaw działań mających na celu poprawę widoczności strony internetowej w wynikach wyszukiwarek internetowych, takich jak Google. Różne techniki pozycjonowania obejmują optymalizację treści, budowanie linków oraz poprawę struktury witryny i jej szybkości ładowania. Na przykład, stosowanie odpowiednich słów kluczowych w treści i meta tagach wpływa na to, w jaki sposób roboty wyszukiwarek indeksują stronę. Według standardów branżowych, kluczowe znaczenie ma także dostosowanie witryny do urządzeń mobilnych, co jest zgodne z aktualnymi wymaganiami Google, które faworyzują strony responsywne. Dobre praktyki obejmują również analizę konkurencji oraz regularne aktualizowanie treści, co pomaga utrzymać stronę na czołowych miejscach wyników wyszukiwania. Współczesne pozycjonowanie to nie tylko techniczne aspekty, ale także zrozumienie intencji użytkowników i dostosowanie się do ich potrzeb. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 6</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="montaz-obrazow-cyfrowych-w-programie-windows-movie-61861594" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Montaż cyfrowych obrazów w aplikacji Windows Movie Maker <u>nie</u> oferuje możliwości</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. włączenia zdjęć do materiału wideo</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. zaimportowania obiektu inteligentnego oraz maski warstwy</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. umieszczenia napisów w edytowanym pliku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. dodania ścieżki dźwiękowej do materiału filmowego</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź "zaimportowania obiektu inteligentnego i maski warstwy" jest trafna, bo Windows Movie Maker, to program do edycji wideo, który nie ma tych bardziej zaawansowanych opcji, co inne aplikacje, jak Adobe Photoshop czy After Effects. Importowanie tych obiektów czy maski to coś, co naprawdę pozwala na lepszą edycję grafiki i efektów. A w Movie Makerze można tylko dodawać zdjęcia do filmów, robić napisy i wrzucać muzykę. To wszystko jest dosyć ograniczone w porównaniu do prawdziwych narzędzi do edycji. Z mojego doświadczenia, używanie Movie Makera jest super dla prostych projektów, na przykład do robienia prezentacji z obrazkami, bo nie trzeba być ekspertem w edycji wideo, żeby to ogarnąć. Warto też wiedzieć, że w profesjonalnych wytwórniach wideo zazwyczaj korzysta się z bardziej rozbudowanych programów, co naprawdę zwiększa możliwości artystyczne i techniczne. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 7</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zdjecia-ktore-sa-umieszczane-w-internecie-w-preze-1347b306" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Obrazy umieszczane w Internecie w prezentacjach multimedialnych są zapisywane w przestrzeni kolorów</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Adobe RGB</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. CMYK</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. ProPhoto RGB</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. sRGB</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór innej przestrzeni barw, takich jak CMYK, Adobe RGB czy ProPhoto RGB, jest nieodpowiedni w kontekście umieszczania zdjęć w Internecie. CMYK (Cyan Magenta Yellow Key) jest przestrzenią barw wykorzystywaną głównie w procesach druku. Zastosowanie tej przestrzeni w publikacji internetowej może prowadzić do poważnych problemów z odwzorowaniem kolorów, ponieważ monitory i urządzenia wyjściowe nie są zaprojektowane do interpretacji danych w tej formie. Adobe RGB, z drugiej strony, ma szerszą gamę kolorów niż sRGB, co czyni ją lepszą dla profesjonalnych fotografów i grafików, którzy pracują nad materiałami przeznaczonymi do druku, a nie do internetu. Podobnie, ProPhoto RGB oferuje jeszcze szerszą gamę kolorów, co może być korzystne w kontekście edycji na poziomie profesjonalnym, ale również nie jest odpowiednie do publikacji w sieci, gdzie różnice w odwzorowaniu mogą skutkować błędami kolorystycznymi. Wybierając jedną z tych opcji, użytkownik często myli pojęcia związane z różnymi zastosowaniami technologii kolorystycznych i nie rozumie, że właściwe odwzorowanie kolorów w Internecie wymaga standardyzacji, a sRGB jest najbardziej odpowiednim rozwiązaniem w tym kontekście. Warto zapamiętać, że przestrzeń barw ma kluczowe znaczenie dla komunikacji wizualnej i jej zrozumienie jest niezbędne dla każdego, kto pracuje z grafiką cyfrową. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 8</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zgodnie-z-zasadami-typografii-internetowej-w-jedne-0fc63400" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Według zasad typografii w sieci, maksymalna liczba znaków w jednej linii tekstu wynosi</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. 25 znaków</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. 37 znaków</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. 95 znaków</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. 50 znaków</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór 95, 37 czy 25 znaków jako odpowiedzi błędnych jest nietrafiony z kilku powodów. Wytypowanie długości 95 znaków może wydawać się kuszące, zwłaszcza w kontekście większej ilości informacji w jednej linii, jednak prowadzi do obniżonej czytelności. Zbyt długa linia tekstu może powodować zmęczenie oczu i trudności w śledzeniu toku myślenia czytelnika, co jest sprzeczne z zasadami ergonomii w projektowaniu treści internetowych. Z kolei wybór 37 znaków jako optymalnej długości ignoruje zalecenia dotyczące efektywnego wykorzystania przestrzeni. Przesadnie krótkie linie mogą fragmentować tekst, co zniechęca do jego kontynuowania. Odpowiedź z 25 znakami jest jeszcze bardziej problematyczna, ponieważ jest to zbyt krótka długość, która nie pozwala na efektywne przedstawienie informacji, co prowadzi do skondensowania myśli i zniechęcania do dalszego czytania. Właściwe podejście do typografii wymaga zastosowania zbalansowanej długości linii, co ma kluczowe znaczenie dla zachowania płynności oraz wygody czytania tekstu. W kontekście designu internetowego, stosowanie odpowiednich długości linii tekstu w połączeniu z innymi aspektami typografii, takimi jak wielkość czcionki, interlinia, kontrast czy kolor, stanowi fundament dobrego UX i UI, które wpływa na zaangażowanie użytkowników. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 9</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="program-adobe-lightroom-umozliwia-0a2945d1" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Program Adobe Lightroom pozwala na</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. tworzenie oraz edytowanie grafiki wektorowej.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>B. definiowanie i modyfikowanie grafiki rastrowej.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. tworzenie obrazu wektorowego.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. wektoryzowanie cyfrowego obrazu.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybrana przez Ciebie odpowiedź o trasowaniu obrazu wektorowego to trochę nieporozumienie, jeśli chodzi o możliwości Adobe Lightroom. Trasowanie, czyli przerabianie bitmap na grafikę wektorową, to coś, czego Lightroom nie obsługuje. Do takich zadań lepiej użyć programów takich jak Adobe Illustrator, które są stworzone do pracy z grafiką wektorową. Podobnie jak wektoryzacja obrazu cyfrowego – to też nie jest w zasięgu Lightrooma, który zajmuje się głównie zdjęciami rastrowymi, a nie manipulacją wektorami. Odpowiedź dotycząca tworzenia i edytowania grafiki wektorowej także jest niepoprawna, bo Lightroom nie ma narzędzi do pracy z grafiką wektorową, jak ścieżki czy punkty kontrolne, które znajdziesz w programach wektorowych. Ważne jest, aby wybierać odpowiednie narzędzia do konkretnego zadania. Lightroom jest super do edycji zdjęć cyfrowych, bo ma narzędzia i workflow zaprojektowane specjalnie dla fotografów, a do grafiki wektorowej używa się innych narzędzi i podejść. Nieprawidłowe zrozumienie tych różnic może prowadzić do nieefektywnej pracy i frustrujących doświadczeń w procesie twórczym. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 10</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zmniejszenie-gebi-bitowej-rejestrowanego-obrazu-s-57fa5d7d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Obniżenie głębi bitowej zarejestrowanego obrazu spowoduje</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. wzrost rozmiaru pliku oraz liczby zarejestrowanych kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. zwiększenie ostrości obrazu i liczby zarejestrowanych kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. redukcję ostrości obrazu i liczby zarejestrowanych kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. zmniejszenie rozmiaru pliku oraz liczby zarejestrowanych kolorów</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Zmniejszenie głębi bitowej obrazu to tak naprawdę zmniejszenie liczby bitów, które używamy do przedstawienia koloru każdego piksela. Często mówi się, że 8-bitowa głębia daje nam 256 kolorów, a 16-bitowa już 65 536. Więc jakby zmniejszając głębię, mamy mniej kolorów w obrazie, co na pewno wpływa na jego jakość. Jak masz mniej kolorów, to może pojawić się efekt posterowania, co nie wygląda najlepiej. Z drugiej strony, zmniejszenie liczby bitów do zapisu piksela to też mniejszy rozmiar pliku, co jest całkiem ważne, szczególnie w aplikacjach mobilnych czy przy transmisjach wideo. W takich sytuacjach, żeby zaoszczędzić czas ładowania i zużycie danych, trzeba dobrze przemyśleć głębię bitową. Programy takie jak JPEG czy PNG mają różne poziomy głębokości, co pokazuje, jak bardzo istotny jest wybór odpowiedniej głębi bitowej, jeśli chodzi o jakość obrazu i efektywność w przechowywaniu danych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 11</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zewnetrznymi-arkuszami-stylow-sa-dla-jezyka-html-b736f989" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie są zewnętrzne arkusze stylów dla języka HTML?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. CSS</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. PHP</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. JAVA</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. BASIC</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> CSS, czyli Kaskadowe Arkusze Stylów, jest standardowym językiem używanym do opisywania wyglądu i formatowania dokumentów HTML. Jego głównym celem jest oddzielenie treści od prezentacji, co umożliwia wprowadzenie zmian w stylach bez konieczności modyfikacji samej treści. Przykładowo, jeśli chcesz zmienić kolor tekstu w całej aplikacji, wystarczy zaktualizować jedną regułę CSS, zamiast przeszukiwać i edytować każdy plik HTML. Standardy CSS pozwalają na tworzenie responsywnych i dobrze wyglądających stron internetowych, co jest kluczowe w dzisiejszym świecie, gdzie użytkownicy korzystają z różnych urządzeń. Dzięki CSS można wprowadzać m.in. style rozkładu, kolory, czcionki oraz zaawansowane techniki, takie jak animacje czy przejścia. Stosowanie CSS zgodnie z dobrymi praktykami, takimi jak użycie klas i identyfikatorów, poprawia czytelność kodu oraz umożliwia łatwiejsze utrzymanie strony. Warto również znać narzędzia takie jak preprocessory CSS (np. SASS, LESS), które znacznie poszerzają możliwości standardowego CSS, wprowadzając elementy takie jak zmienne czy zagnieżdżone reguły. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 12</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="matryce-swiatoczue-stosowane-w-aparatach-fotogra-569d6f3d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Matryce fotosensoryczne używane w aparatach fotograficznych zawierają detektory elektronowe, które przekształcają sygnał</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. świetlny na srebro metaliczne</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. elektryczny na sygnał świetlny</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>C. cyfrowy na ładunek elektryczny</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. optyczny na ładunek elektryczny</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór odpowiedzi dotyczącej konwersji sygnału świetlnego na srebro metaliczne sugeruje zrozumienie postaci chemicznej, która nie jest związana z współczesnymi technologiami cyfrowymi. Wersja analogowa, w której światło wywołuje reakcję chemiczną na kliszach fotograficznych, rzeczywiście opierała się na metalicznym srebrze, jednak nie odnosi się to do działania matryc światłoczułych. Kolejna odpowiedź, mówiąca o konwersji sygnału elektrycznego na sygnał świetlny, jest niepoprawna, ponieważ detektory w aparatach nie przekształcają sygnałów elektrycznych z powrotem na światło, lecz odwrotnie, zamieniają światło na sygnał elektryczny. W przypadku konwersji cyfrowego na ładunek elektryczny, błędnie przyjęto, że sygnał cyfrowy jest bezpośrednio przetwarzany na ładunek elektryczny, co nie jest zgodne z procesem działania matryc. Sygnał cyfrowy to już przetworzony wynik, który wynikł z wcześniejszej konwersji sygnału elektrycznego, a nie jego bezpośrednia forma. Takie błędne przekonania mogą wynikać z mylenia etapów przetwarzania obrazu oraz z nieznajomości podstawowych zasad działania technologii cyfrowych w fotografii. Zrozumienie tych procesów jest kluczowe dla właściwego odbioru nowoczesnych technik fotograficznych oraz ich zastosowań w różnych dziedzinach, w tym w sztuce, reklamie czy nauce. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 13</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="drukarka-3d-nie-wydrukuje-ef40a2cb" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Drukarka 3D nie jest w stanie wydrukować</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. protezy kończyny</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. modeli postaci z filmów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. folderu reklamowego</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. makiety architektonicznej</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Foldery reklamowe to materiały drukowane, które zawierają informacje marketingowe, ale ich stworzenie wymaga przede wszystkim technologii druku tradycyjnego. Drukarki 3D są przeznaczone do wytwarzania trójwymiarowych obiektów z tworzyw sztucznych, metali lub innych materiałów, co nie ma zastosowania w przypadku druku grafiki na papierze. W praktyce, druk 3D znajduje zastosowanie w produkcji prototypów, modeli postaci filmowych, a także specjalistycznych zastosowań medycznych, takich jak protezy kończyn. W przemyśle reklamowym wykorzystuje się druk cyfrowy lub offsetowy do tworzenia folderów, co pozwala na uzyskanie wysokiej jakości druku kolorowego oraz skomplikowanych grafik. Warto zaznaczyć, że technologie druku 3D i tradycyjnego druku różnią się nie tylko zastosowaniem, ale także materiałami i procesami produkcyjnymi, co czyni odpowiedź na to pytanie kluczową w kontekście zrozumienia ich funkcji. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 14</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="kolorowe-wyswietlacze-monitorow-wykorzystuja-synte-b80e9d58" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>W kolorowych monitorach obrazy tworzone są poprzez syntezę addytywną emitowanego światła. Otrzymujemy kolor biały na ekranie dzięki</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. emisyjnej produkcji wszystkich barw</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. połączeniu kolorów podstawowych: czerwonej, niebieskiej oraz żółtej</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. braku emisji światła</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. połączeniu kolorów: czerwonego, zielonego, niebieskiego o maksymalnej intensywności</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź, że kolor biały na ekranie uzyskiwany jest poprzez złożenie kolorów: czerwonego, zielonego, niebieskiego z maksymalną jasnością, jest poprawna, ponieważ odnosi się do zasady syntezy addytywnej światła. W tej metodzie kolory tworzy się przez dodawanie różnych długości fal światła. W przypadku monitorów, które działają na zasadzie RGB (czerwony, zielony, niebieski), każdy z tych kolorów może być emitowany z różną intensywnością. Kiedy wszystkie trzy kolory są wyemitowane z maksymalną jasnością, ich połączenie w percepcji ludzkiego oka daje efekt koloru białego. Praktyczne zastosowanie tego zjawiska widoczne jest w technologii wyświetlania, gdzie stosuje się panele LCD, OLED czy LED, które korzystają z tej samej zasady. Standardy takie jak sRGB czy Adobe RGB definiują, jak kolory są reprodukowane na różnych urządzeniach, co jest kluczowe w projektowaniu graficznym oraz w fotografii. Właściwe zrozumienie syntezy addytywnej jest istotne dla inżynierów i projektantów pracujących w branży wizualnej, aby mogli efektywnie kontrolować i przewidywać, jak kolory będą się prezentować na różnych nośnikach. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 15</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="czego-dotyczy-pierwszy-znacznik-html-zawarty-w-szk-33e4ee15" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jaką informację zawiera pierwszy znacznik HTML w strukturze strony www?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Dane dotyczące praw autorskich</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Nazwa strony www</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. Słowa kluczowe i opis witryny internetowej</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. Typ języka zastosowanego do budowy strony www</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> 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. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 16</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="archiwizacja-materiaow-cyfrowych-w-formacie-mp3-o-5b6fd01f" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Archiwizowanie cyfrowych plików w formacie MP3 dotyczy dokumentów</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. video</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. tekstowych</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. dźwiękowych</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. graficznych</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Archiwizacja materiałów cyfrowych w formacie MP3 odnosi się bezpośrednio do dokumentów dźwiękowych, ponieważ MP3 jest jednym z najpopularniejszych formatów kompresji audio. Użycie tego formatu umożliwia przechowywanie dźwięku w sposób efektywny, ze znaczną redukcją rozmiaru plików, co jest istotne podczas archiwizacji. Przykłady zastosowania obejmują archiwizację nagrań muzycznych, podcastów czy wykładów, które można przechowywać na nośniku cyfrowym lub w chmurze. Zgodnie z najlepszymi praktykami branżowymi, archiwizacja dźwięku powinna uwzględniać również metadane, takie jak tytuł utworu, wykonawca czy daty nagrania, co ułatwia późniejsze przeszukiwanie i odnajdywanie materiałów. Warto także pamiętać o regularnym tworzeniu kopii zapasowych oraz korzystaniu z różnych nośników, aby zminimalizować ryzyko utraty danych. MP3, jako format stratny, może nie być idealnym rozwiązaniem do archiwizacji materiałów, które wymagają najwyższej jakości dźwięku, jednak dla większości zastosowań jest wystarczający, co czyni go popularnym wyborem. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 17</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="interaktywna-prezentacja-multimedialna-bedaca-for-c1008c4d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Interaktywna prezentacja multimedialna, będąca rodzajem przewodnika, powinna koncentrować uwagę odbiorcy na</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. nawigacji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. treści</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. animacji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. kolorystyce</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Interaktywna prezentacja multimedialna, będąca formą poradnika, powinna przede wszystkim skupiać uwagę odbiorcy na treści, ponieważ to ona jest kluczowym elementem skutecznej komunikacji. Treść dostarcza informacji, które mają być przekazane odbiorcy w sposób klarowny i zrozumiały. W kontekście dobrych praktyk w projektowaniu prezentacji, należy pamiętać, że to treść jest podstawą zainteresowania i zaangażowania odbiorcy. Przykładowo, podczas tworzenia multimedialnych szkoleń, istotne jest, aby treść była dobrze zorganizowana, logicznie przedstawiona i dostosowana do poziomu wiedzy uczestników. Rekomendowane standardy, takie jak zasady Mayera dotyczące projektowania multimediów, podkreślają znaczenie dostosowania treści do kanałów percepcji oraz zapewnienia ich spójności. Użytkownicy są bardziej skłonni do przyswajania wiedzy, gdy treść jest poparta odpowiednimi przykładami oraz ilustracjami, które wzbogacają przekaz, a nie dominują nad nim. Ponadto, dobrze opracowana treść powinna być na bieżąco aktualizowana i dostosowywana do zmieniających się potrzeb i oczekiwań odbiorców, co zwiększa jej skuteczność. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 18</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="wskaz-formaty-grafiki-rastrowej-6214db92" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Wymień formaty obrazów rastrowych.</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. AI, SVG, RAW, CR2</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. JPEG, PSD, TIFF, PNG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. MPEG4, DJVU, NEF, JPEG2000</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. GIF, BMP, PDF, CDR</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź zawierająca formaty JPEG, PSD, TIFF i PNG jest poprawna, ponieważ wszystkie te formaty należą do kategorii grafiki rastrowej, która jest oparta na siatce pikseli. JPEG (Joint Photographic Experts Group) to jeden z najpopularniejszych formatów do przechowywania zdjęć, oferujący kompresję stratną, co pozwala na znaczne zmniejszenie rozmiaru pliku, jednak przy pewnej utracie jakości. TIFF (Tagged Image File Format) jest natomiast formatem bezstratnym, używanym głównie w profesjonalnej fotografii i publikacjach graficznych, z zachowaniem wysokiej jakości obrazu. PNG (Portable Network Graphics) to format, który obsługuje przezroczystość i jest preferowany w przypadku obrazów wymagających wysokiej jakości bez strat. PSD (Photoshop Document) to natywny format programu Adobe Photoshop, umożliwiający zachowanie warstw, co jest kluczowe dla edytorów graficznych. Te formaty są wykorzystywane w różnych kontekstach, od publikacji internetowych po druk cyfrowy, co czyni je niezbędnymi w dziedzinie grafiki komputerowej. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 19</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-ktorych-formatach-zapisuje-sie-wyacznie-materia-255c8206" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie formaty służą wyłącznie do zapisu dźwięku?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. WMA, AVI</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. OGG, DWG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. MP3, WAV</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. MP4, WMV</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź MP3, WAV jest poprawna, ponieważ oba formaty są powszechnie wykorzystywane do zapisywania dźwięku. MP3 (MPEG Audio Layer III) to skompresowany format audio, który zyskał na popularności ze względu na swoje właściwości kompresji stratnej, co pozwala na znaczne zmniejszenie rozmiaru pliku przy zachowaniu akceptowalnej jakości dźwięku. Używany jest w aplikacjach muzycznych, serwisach streamingowych oraz odtwarzaczach multimedialnych. WAV (Waveform Audio File Format) to natomiast format bezstratny, który zapewnia wysoką jakość dźwięku, gdyż zapisuje surowe dane audio bez kompresji. Jest często stosowany w produkcji muzycznej i postprodukcji dźwięku, gdzie jakość jest kluczowa. Oba formaty są zgodne z różnymi platformami i urządzeniami, co czyni je standardami w branży audio. Warto również wspomnieć, że istnieją inne formaty audio, takie jak OGG, ale MP3 i WAV pozostają najpopularniejszymi i najbardziej uniwersalnymi. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 20</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-czynnosc-ustrongnie-nalezystrongu-64af60cf" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Która z poniższych czynności <u><strong>nie jest</strong></u> częścią procesu rejestracji obrazu?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Dostosowanie czułości</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. Wprowadzenie współrzędnych GPS</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. Regulacja balansu bieli</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Zamknięcie przysłony</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Wprowadzenie współrzędnych GPS nie jest czynnością bezpośrednio związaną z procesem rejestracji obrazu w kontekście fotografii czy nagrywania wideo. Proces rejestracji obrazu obejmuje działania takie jak zmiana balansu bieli, ustawienie czułości oraz domknięcie przysłony, które mają wpływ na to, jak obraz zostanie uchwycony przez sensor aparatu. Balans bieli odpowiada za odwzorowanie kolorów w danym oświetleniu, czułość (ISO) wpływa na jakość obrazu przy różnych warunkach oświetleniowych, a przysłona kontroluje ilość światła wpadającego na sensor, co ma kluczowe znaczenie dla głębi ostrości. Natomiast wprowadzenie współrzędnych GPS jest elementem dodawanym do metadanych zdjęcia, co może być przydatne w kontekście lokalizacji, ale nie ma wpływu na sam proces rejestracji obrazu. W praktyce, fotografie z GPS mogą być używane do geotagowania, co jest przydatne w aplikacjach turystycznych czy archiwizacyjnych, ale to nie jest integralna część rejestracji obrazu. Zrozumienie tych różnic jest kluczowe dla prawidłowego korzystania z aparatu oraz dla efektywnej obróbki zdjęć w postprodukcji. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 21</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="jaki-jest-zakres-czestotliwosci-syszalnych-przez-61e42d87" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie są częstotliwości, które człowiek jest w stanie usłyszeć?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. 36 Hz ÷ 40 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. 16 Hz ÷ 20 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. 56 Hz ÷ 60 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. 66 Hz ÷ 80 kHz</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Zakres częstotliwości słyszalnych przez człowieka wynosi od 16 Hz do 20 kHz. Ta informacja jest szczególnie istotna w kontekście akustyki, inżynierii dźwięku oraz technologii audio. Wiedza na temat tego zakresu jest kluczowa dla inżynierów dźwięku, projektantów systemów audio, a także producentów sprzętu audio. Na przykład, głośniki i słuchawki są projektowane tak, aby emitować dźwięki w tym zakresie, co pozwala na odtwarzanie muzyki oraz innych dźwięków w sposób, który jest optymalny dla ludzkiego ucha. Ponadto, w kontekście badań nad słuchem oraz w audiologii, znajomość tego zakresu jest niezbędna do diagnozowania i leczenia zaburzeń słuchu. Warto również wspomnieć, że powyższy zakres jest uznawany za standard w wielu normach branżowych, takich jak normy IEC 60268, które regulują specyfikacje i testy dla systemów audio. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 22</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="formatem-zapisu-materiau-wideo-stanowiacym-konten-046fa44b" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Format, w jakim zapisany jest materiał wideo w postaci kontenera multimedialnego, to</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. MP4</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. AAC</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. WMA</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. MP3</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Odpowiedzi MP3, AAC i WMA są błędne, ponieważ reprezentują one formaty kompresji audio, a nie kontenery multimedialne. MP3 jest jednym z najpopularniejszych formatów audio, znanym ze swojej efektywności w kompresji dźwięku. Umożliwia on odtwarzanie muzyki, ale nie obsługuje wideo, co czyni go nieodpowiednim wyborem w kontekście pytania. AAC, czyli Advanced Audio Codec, to również format audio, który oferuje lepszą jakość dźwięku przy mniejszych rozmiarach plików w porównaniu do MP3, ale podobnie jak MP3, nie jest formatem kontenera. Przeznaczony jest głównie do przesyłania dźwięku w mediach strumieniowych, jak Apple Music, jednak brak możliwości obsługi wideo wyklucza go z tej kategorii. WMA, czyli Windows Media Audio, to kolejny format audio opracowany przez Microsoft, który został zaprojektowany do kompresji dźwięku, jednak również nie zawiera wsparcia dla wideo. Wszystkie te formaty są skoncentrowane na audio, a nie na integracji różnych rodzajów mediów, co czyni je nieodpowiednimi w kontekście kontenerów multimedialnych. Wybór formatu kontenera, takiego jak MP4, jest kluczowy dla prawidłowego odtwarzania treści, ponieważ pozwala na współpracę z różnymi kodekami audio i wideo oraz zapewnia większą elastyczność w zarządzaniu multimediami. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 23</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="projektowanie-przebiegu-animacji-w-programie-adobe-705f1882" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Tworzenie animacji w programie Adobe Photoshop realizowane jest poprzez</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. panel Oś czasu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. panel Nawigator</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. skrypt Procesor obrazów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. polecenie Stykówka</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Panel Oś czasu w programie Adobe Photoshop służy do projektowania przebiegu animacji poprzez umożliwienie użytkownikowi zarządzania kluczowymi klatkami oraz czasem ich trwania. W przeciwieństwie do innych narzędzi, takich jak Nawigator czy procesory obrazów, Oś czasu jest dedykowana do animacji, co czyni ją kluczowym elementem w tworzeniu ruchomych obrazów. Umożliwia użytkownikom dodawanie i edytowanie warstw w określonych punktach czasu, co pozwala na precyzyjne kontrolowanie każdego aspektu animacji. Dobrą praktyką jest korzystanie z funkcji wygładzania przejść pomiędzy klatkami, co nadaje animacji bardziej płynny i profesjonalny wygląd. Można również wyeksportować animację do formatu GIF lub jako film, co daje szerokie możliwości prezentacji. Zrozumienie działania panelu Oś czasu i umiejętność jego wykorzystania są kluczowe dla każdego, kto planuje tworzyć efektywne wizualizacje i animacje w Photoshopie. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 24</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-programu-nalezy-uzyc-aby-opracowac-prezenta-c38e3fe3" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie oprogramowanie należy wybrać, aby stworzyć prezentację multimedialną w trybie slideshow?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Adobe Encore</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. Power Point</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. Corel Draw</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Acrobat Reader</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> PowerPoint to jeden z tych programów, które naprawdę rządzą w tworzeniu prezentacji. Używa się go w szkołach, na różnych konferencjach czy w firmach – wszędzie tam, gdzie trzeba pokazać coś w atrakcyjny sposób. Ma sporo fajnych opcji, dzięki którym można stworzyć piękne slajdy z tekstem, obrazkami, a nawet filmikami. Co ciekawe, można też korzystać z gotowych szablonów, co bardzo ułatwia życie i przyspiesza pracę. Zauważyłem, że program pozwala również na współpracę, co jest super, bo kilka osób może pracować nad jednym dokumentem równocześnie. Ogólnie rzecz biorąc, warto pamiętać, żeby prezentacje były krótkie i na temat, bo pomaga to utrzymać uwagę słuchaczy, a PowerPoint w tym całkiem nieźle pomaga, dzięki różnym grafikom i animacjom. No i jeszcze jedna sprawa – zintegrowanie z innymi programami z pakietu Office, jak Excel czy Word, to naprawdę duża zaleta, bo można łatwo wstawić potrzebne dane. W sumie, jeśli chcesz efektywnie przekazywać informacje, PowerPoint to narzędzie, które warto mieć. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 25</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="koncowym-efektem-procesu-dtp-desktop-publishing-85847b95" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Finalnym rezultatem procesu DTP (Desktop Publishing) jest</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. stworzenie pliku PDF lub postscriptowego</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. wydanie animacji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. wybór odpowiedniej palety kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. organizacja nagłówków</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór odpowiedzi dotyczącej publikacji animacji jest nieprawidłowy, ponieważ DTP koncentruje się głównie na tworzeniu statycznych dokumentów, takich jak broszury, ulotki czy książki, a nie na materiałach animacyjnych. Publikacja animacji należy do dziedziny produkcji multimedialnej, gdzie kluczowe są inne narzędzia i techniki, takie jak programy do edycji wideo i animacji. W przypadku uporządkowania nagłówków, choć jest to istotny aspekt procesu DTP, stanowi jedynie część większego procesu, a nie jego końcowy efekt. Kluczowym celem DTP jest nie tylko estetyka układu, ale także zapewnienie prawidłowego formatu pliku, co nie jest osiągane przez samą reorganizację nagłówków. Dobór odpowiedniej palety barw również nie wyczerpuje tematu DTP, ponieważ jest to bardziej związane z projektowaniem graficznym ogólnie, a nie z finalizacją materiałów do druku. W praktyce, ważne jest, aby nie mylić etapów projektowania i przygotowania do druku z gotowym produktem. Celem DTP jest stworzenie pliku, który będzie gotowy do produkcji, a nie tylko estetyczne dopasowanie elementów. Zrozumienie, że DTP to kompleksowy proces kończący się na produkcie, takim jak PDF lub PostScript, pozwala uniknąć błędnych przekonań na temat tego, czym jest ten proces oraz jak powinien być realizowany w praktyce. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 26</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-kolor-okresla-zapis-ffffff-w-kodzie-szesnas-b374745d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jaki kolor reprezentuje kod #FFFFFF w systemie szesnastkowym?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Czarny</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Ciemnoszary</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. Zielony</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. Biały</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> W kontekście koloru #FFFFFF istnieje kilka błędnych interpretacji. Odpowiedzi związane z zielonym, czarnym i ciemnoszarym kolorem wynikać mogą z nieporozumień dotyczących systemu szesnastkowego i wartości RGB. Zielony kolor, reprezentowany w systemie RGB za pomocą wartości (0, 255, 0) w zapisie szesnastkowym zapisywanym jako #00FF00, jest wynikiem braku czerwonego i niebieskiego, co jest całkowicie różne od białego. Czarny natomiast, definiowany jako #000000, uzyskuje się, gdy wszystkie wartości RGB są równe zeru, co stanowi przeciwieństwo białego koloru. Z kolei ciemnoszary, którego zapis to np. #A9A9A9 (RGB: 169, 169, 169), składa się z równych, ale niskich wartości RGB, co również nie ma wspólnego z maksymalnym białym kolorem. Kluczowym błędem myślowym jest nieprawidłowe zrozumienie, jak system szesnastkowy i RGB ze sobą współdziałają. System szesnastkowy składa się z wartości od 00 do FF, gdzie FF oznacza maksymalną wartość w danym kanale koloru, co w przypadku RGB prowadzi do uzyskania białego koloru wyłącznie wtedy, gdy wszystkie trzy kolory składowe są na poziomie maksymalnym. Dlatego ważne jest, aby zrozumieć, że każdy kolor w systemie RGB można opisać za pomocą odpowiednich wartości, a białe zdefiniowane jako #FFFFFF jest wynikiem połączenia pełnych, maksymalnych wartości każdego z kolorów składowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 27</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="gebia-kolorow-obrazu-cyfrowego-okresla-6e4acbe6" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Co oznacza głębia kolorów w obrazie cyfrowym?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. liczbę bitów pamięci przydzielonych do pojedynczego piksela obrazu w celu zapisania danych o jego kolorze</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. tryb kolorystyczny, w jakim obraz został zapisany</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. rozdzielczość obrazu przedstawiona jako liczba pikseli przypadających na cal</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. ilość pikseli, które trzeba dodać do obrazu, by obniżyć kontrast kolorów pomiędzy obiektem a tłem</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Głębia kolorów nie jest związana z liczbą pikseli, które można dodać do obrazu, w celu zmniejszenia kontrastu barw. Pojęcie to jest mylące, ponieważ kontrast barw i liczba pikseli to różne aspekty obrazowania. Liczba pikseli odnosi się do rozdzielczości obrazu, a nie jego barw. Rozdzielczość, z kolei, definiowana jest jako liczba pikseli na jednostkę powierzchni, takie jak piksele na cal (PPI). Wyższa rozdzielczość skutkuje większą ilością szczegółów, ale nie ma bezpośredniego wpływu na głębię kolorów. Również, zrozumienie trybu koloru, w którym obraz został zapisany, nie powinno być mylone z głębią kolorów. Tryb koloru, jak RGB czy CMYK, określa sposób, w jaki kolory są reprezentowane, ale nie mówi nic o liczbie bitów użytych do opisania każdego piksela. W przypadku głębi kolorów, istotne jest, aby zrozumieć, że chodzi o ilość bitów, które przypisuje się do każdego piksela w celu zarejestrowania informacji o kolorze, co bezpośrednio wpływa na jakość i dokładność odwzorowania kolorów w obrazach cyfrowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 28</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktore-formaty-plikow-rastrowych-stosowane-sa-do-za-31fd65cc" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie formaty plików rastrowych są wykorzystywane do zapisu bitmapy, przy zachowaniu przezroczystości tła?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. JPEG oraz BMP</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. AI oraz GIF</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. PDF oraz CDR</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. PNG oraz GIF</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybrane odpowiedzi inne niż PGN i GIF są nieprawidłowe w kontekście zachowania przezroczystości tła w plikach rastrowych. Format AI (Adobe Illustrator) jest wektorowym formatem plików stworzonym do pracy z grafiką wektorową, a nie z obrazami rastrowymi. W związku z tym, nie obsługuje on przezroczystości w kontekście bitmap, co czyni tę odpowiedź nieadekwatną. Z kolei PDF (Portable Document Format) i CDR (CorelDRAW) są również formatami, które mogą obsługiwać przezroczystość, ale nie są typowo wykorzystywane do zapisu bitmap, a raczej do dokumentów i grafiki wektorowej. PDF to format stworzony do wymiany dokumentów, a CDR jest specyficzny dla programu CorelDRAW, co ogranicza jego zastosowanie w standardowych zadaniach związanych z grafiką rastrową. Ponadto, formaty JPEG i BMP również nie są odpowiednie w tym kontekście. JPEG (Joint Photographic Experts Group) jest formatem kompresji stratnej, który nie obsługuje przezroczystości, co oznacza, że każdy obraz w tym formacie ma zdefiniowane tło, co nie pozwala na przejrzystość. BMP (Bitmap) to format, który nie kompresuje danych, ale także nie wspiera przezroczystości, co sprawia, że jego praktyczne zastosowanie w kontekście zachowywania przezroczystości jest ograniczone. Wybór niewłaściwych formatów wynika z błędnego zrozumienia różnic między formatami wektorowymi a rastrowymi oraz ich funkcjonalności w kontekście przezroczystości tła. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 29</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="analogowym-nosnikiem-informacji-dzwiekowej-jest-48fd3c70" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakim nośnikiem analogowym jest informacja dźwiękowa?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. dyskietka</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. pendrive</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>C. płyta winylowa</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. płyta kompaktowa</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Pendrive, dyskietka oraz płyta kompaktowa to nośniki cyfrowe, które nie są analogowym odpowiednikiem płyty winylowej. Pendrive, będący formą pamięci flash, przechowuje dane w postaci elektronicznej, co oznacza, że dźwięk jest zapisywany w formie plików binarnych. Tak samo dyskietki, które były popularnym nośnikiem w latach 80. i 90. XX wieku, zapisują informacje w formie cyfrowej na magnetycznej powierzchni, co zapewnia dużą trwałość, ale nie pozwala na odtworzenie dźwięku w analogowej formie. Płyta kompaktowa, znana również jako CD, również opiera się na technologii cyfrowej, gdzie dźwięk jest kodowany w postaci impulsów cyfrowych. Choć wszystkie te nośniki mają swoje zastosowanie w przechowywaniu informacji dźwiękowej, to jednak różnią się od siebie fundamentalnie w sposobie zapisu i odtwarzania dźwięku. Typowym błędem myślowym jest kojarzenie wszystkich nośników danych z jednym rodzajem technologii, co prowadzi do mylnej interpretacji ich funkcji i możliwości. Dlatego ważne jest zrozumienie, że różne systemy zapisu danych mają różne właściwości dźwiękowe oraz zastosowania, które można analizować w kontekście współczesnych standardów audio i technologii przetwarzania sygnałów. Zrozumienie tych różnic jest kluczowe dla prawidłowego doboru nośnika informacji dźwiękowej w zależności od zamierzonych celów odsłuchowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 30</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zastosowanie-techniki-ocr-podczas-skanowania-obraz-027a6c11" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Wykorzystanie techniki OCR podczas skanowania obrazów tekstowo-graficznych pozwala na wydobycie tekstu z obrazu oraz jego konwersję w celu dalszej edycji w programie</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Adobe Animate</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. Microsoft Word</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. Microsoft Outlook</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Audacity</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Microsoft Word jest programem przetwarzania tekstu, który pozwala na edytowanie i formatowanie tekstu z dokumentów. W połączeniu z technologią OCR (Optical Character Recognition), użytkownicy mogą łatwo wyodrębnić tekst z zeskanowanych obrazów i dokumentów graficznych. Dzięki temu, skany dokumentów mogą być przekształcone w edytowalne pliki, co znacząco ułatwia pracę z tekstem, archiwizację oraz jego dalsze przetwarzanie. Przykładem praktycznego zastosowania jest digitalizacja starych książek lub dokumentów, gdzie tekst jest skanowany, a następnie rozpoznawany przez OCR, co pozwala na zachowanie treści w formie elektronicznej. Zastosowanie OCR w Microsoft Word również wspiera standardy zachowania dostępności dokumentów, umożliwiając osobom z niepełnosprawnościami łatwiejszy dostęp do informacji. To podejście jest zgodne z dobrymi praktykami branżowymi, które promują efektywne zarządzanie informacjami oraz ich digitalizację. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 31</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="efekt-widoczny-na-zdjeciu-umozliwio-fe713da3" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Efekt zaprezentowany na fotografii został osiągnięty dzięki</p> <figure class="figure mt-3"> <img src="/images/53920.png" class="figure-img img-fluid rounded" alt="Ilustracja do pytania" itemprop="image"> </figure> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. wyostrzeniu wyłącznie obiektów o nieregularnych kształtach.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. wydzieleniu pierwszego planu oraz uzyskaniu rozmytego tła.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. rozmyciu obrazu w obszarach o dużym kontraście.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. wydzieleniu tła poprzez wyostrzenie.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź dotycząca wyodrębnienia pierwszego planu i uzyskania rozmytego tła jest prawidłowa, ponieważ opisuje technikę, która pozwala na skoncentrowanie uwagi widza na głównym obiekcie zdjęcia, tworząc efekt głębi. W praktyce, techniki takie jak otwarta przysłona (niska wartość f), która prowadzi do płytkiej głębi ostrości, są powszechnie stosowane w fotografii portretowej i produktowej. Użycie takiej techniki umożliwia uzyskanie ostrości na głównym obiekcie, podczas gdy tło staje się miękkie i mniej wyraźne. Dzięki temu widz łatwiej skupia się na kluczowych elementach kompozycji. Warto podkreślić, że efekty te są zgodne z zasadami kompozycji wizualnej, które wskazują na znaczenie kontrastu i dynamiki w obrazie. W profesjonalnej fotografii stosowanie tej metody pozwala na tworzenie atrakcyjnych wizualnie i emocjonalnych narracji, co jest istotne w kontekście marketingu wizualnego i sztuki fotograficznej. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 32</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-protoko-jest-uzywany-do-szyfrowania-tekstu-ff1f2e20" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Który z protokołów stosowany jest do szyfrowania danych w protokole HTTPS?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. SSH</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. FTP</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. TCP</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. SSL</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór FTP (File Transfer Protocol) jako protokołu używanego do szyfrowania danych w HTTPS jest nieprawidłowy, ponieważ FTP jest protokołem stworzonym do transferu plików w sieci, a nie do zapewniania bezpieczeństwa komunikacji. FTP nie oferuje szyfrowania, co czyni go nieodpowiednim w kontekście ochrony prywatności użytkowników. Używając FTP, dane przesyłane między klientem a serwerem są narażone na podsłuch i modyfikacje przez nieautoryzowane osoby. Z kolei protokół TCP (Transmission Control Protocol) jest podstawowym protokołem transportowym, który zapewnia niezawodność komunikacji w internecie, ale nie ma żadnych mechanizmów szyfrowania. TCP dba o poprawne dostarczenie pakietów danych, lecz nie chroni ich treści przed dostępem osób trzecich. Natomiast SSH (Secure Shell) to protokół stworzony z myślą o bezpiecznym zdalnym dostępie do systemów i nie jest używany do szyfrowania komunikacji HTTP. Chociaż SSH zapewnia silne szyfrowanie, jego zastosowanie jest inne niż w przypadku HTTPS, które wymaga zweryfikowanego certyfikatu SSL/TLS. Użytkownicy często mylą różne protokoły, co prowadzi do błędnych skojarzeń oraz nieporozumień odnośnie do ich funkcjonalności i zastosowania w kontekście bezpieczeństwa sieciowego. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 33</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="materia-cyfrowy-do-modelowania-3d-mozna-pozyskac-242df92f" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Materiał cyfrowy do tworzenia modeli 3D można uzyskać z rzeczywistego obiektu poprzez</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. animację 3D</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. wektoryzację bitmapy przy użyciu efektu 3D</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. stylizację bitmapy w formie bryły 3D</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. skanowanie 3D</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Stylizacja bitmapy bryłą 3D, animowanie 3D oraz wektoryzacja bitmapy z zastosowaniem efektu 3D to procesy, które nie są odpowiednie do pozyskiwania materiału cyfrowego z rzeczywistych przedmiotów. Stylizacja bitmapy bryłą 3D polega na transformacji dwuwymiarowych obrazów w trójwymiarowe modele, co nie pozwala na uchwycenie rzeczywistej geometrii obiektu, a jedynie na jego artystyczną interpretację. To podejście nie jest w stanie odtworzyć detali i proporcji obiektu w rzeczywisty sposób. Animowanie 3D to proces, który dotyczy ruchu i dynamiki modeli 3D, a nie ich pozyskiwania. Chociaż animacja jest kluczowym elementem w produkcji filmów i gier, same modele muszą być najpierw stworzone przy użyciu technik, które pozwalają na odwzorowanie rzeczywistych obiektów. Wektoryzacja bitmapy, z kolei, polega na konwersji obrazów rastrowych w wektory, co również nie odpowiada na potrzebę tworzenia precyzyjnych modeli z rzeczywistych obiektów. Podejścia te mogą prowadzić do błędnych wniosków, ponieważ mogą być mylone z procesami, które mają na celu modelowanie 3D, ale nie spełniają wymogu precyzyjnego odwzorowania rzeczywistości. W kontekście profesjonalnego modelowania 3D kluczowe jest rozróżnienie między procesami kreatywnymi a technikami pozyskiwania danych, aby zapewnić jakość i dokładność końcowego produktu. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 34</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="fotografie-przeznaczone-do-zamieszczenia-na-stroni-0b5ecbac" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Zdjęcia, które mają być umieszczone na stronie internetowego sklepu, powinny mieć</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. zainstalowany dedykowany plug-in</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. maksymalny rozmiar pliku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. zintegrowaną dodatkową paletę kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. minimalny rozmiar pliku</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> 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. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-efekt-umozliwia-czasowe-pojawianie-sie-i-zan-5aa7a1cd" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jaki efekt pozwala na tymczasowe ukazywanie się oraz znikanie elementów banera reklamowego?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Fragmentacji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. Animacji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. Dyfuzji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Rasteryzacji</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Animacja to technika, która umożliwia dynamiczne zmienianie właściwości obiektów graficznych w czasie, co w przypadku banerów reklamowych pozwala na atrakcyjne i interaktywne prezentowanie treści. Animacje mogą obejmować różne efekty, takie jak płynne pojawianie się lub znikanie elementów, co zwiększa zaangażowanie użytkowników. Przykładem zastosowania animacji w reklamie online może być efekt fade-in, w którym elementy banera stopniowo stają się widoczne, co przyciąga wzrok odbiorcy. Zastosowanie animacji powinno jednak być przemyślane – nadmiar ruchomych elementów może być rozpraszający. Standardy branżowe, takie jak W3C dla dostępności, zalecają używanie animacji w sposób, który nie wpłynie negatywnie na użytkowników, zwłaszcza tych z problemami sensorycznymi. Dobrze zaprojektowane animacje mogą zwiększyć konwersję poprzez kierowanie uwagi na kluczowe elementy, jak przyciski CTA (Call to Action). </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 36</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="pyta-cd-audio-pozwala-na-odwzorowanie-dzwieku-do-e2563a5a" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Płyta CD-Audio umożliwia reprodukcję dźwięku do częstotliwości</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. 22,05 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. 11,20 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. 33,15 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>D. 44,10 kHz</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór innej wartości częstotliwości, takiej jak 33,15 kHz, 44,10 kHz czy 11,20 kHz, wskazuje na zrozumienie, że zadanie pytania wiąże się z wyznaczaniem jakości dźwięku na płycie CD. Częstotliwość 33,15 kHz jest myląca, ponieważ nie ma zastosowania w standardach audio. Częstotliwość 44,10 kHz, chociaż bliska poprawnej odpowiedzi, nie jest bezpośrednio odpowiednia jako maksymalna częstotliwość dźwięku, lecz dotyczy częstotliwości próbkowania. Najważniejsze jest to, że w kontekście audio, aby dźwięk był poprawnie rejestrowany i odtwarzany, jego częstotliwość musi być odpowiednia dla ludzkiego ucha, które nie odbiera dźwięków powyżej 20 kHz. Wybierając 11,20 kHz, użytkownik pokazuje brak zrozumienia zasady Nyquista, ponieważ ta częstotliwość próbkowania jest zbyt niska, aby uchwycić pełen zakres ludzkiego słuchu. Przykłady częstotliwości, które mogą być mylące dla użytkowników, to nie tylko błędne odpowiedzi, ale również koncepcje związane z innymi formatami audio, takimi jak MP3, które mogą wprowadzać w błąd przez różne metody kompresji. Dlatego kluczowe jest zrozumienie, że płyta CD-Audio, jako standard w branży muzycznej, korzysta z określonego zakresu częstotliwości, które umożliwiają osiągnięcie wysokiej jakości dźwięku, co jest fundamentalnym aspektem dla każdego audiofila czy profesjonalisty w dziedzinie nagrań. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 37</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="od-czestotliwosci-sygnau-dzwiekowego-ustrongn-2d592a16" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Częstotliwość sygnału dźwiękowego <u><strong>nie wpływa</strong></u> na</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. widmo dźwięku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. rozdzielczość dźwięku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. barwę dźwięku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. wysokość dźwięku</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Rozdzielczość dźwięku odnosi się do zdolności systemu audio do reprodukcji szczegółów w dźwięku i nie jest bezpośrednio związana z częstotliwością dźwięku. Częstotliwość sygnału dźwiękowego, mierzona w hercach, wpływa na inne właściwości dźwięku, takie jak wysokość, barwa i widmo. W praktyce, rozdzielczość związana jest bardziej z bitową głębokością i częstotliwością próbkowania w systemach cyfrowych. Wyższa bitowa głębokość umożliwia lepsze odwzorowanie dynamiki dźwięku, co jest kluczowe w profesjonalnych nagraniach audio. Na przykład, standardy takie jak 24-bit/96 kHz są powszechnie używane w studiach nagraniowych, gdzie istotne jest zachowanie jak największej ilości informacji dźwiękowej. Dobrą praktyką jest zapewnienie, że system audio jest w stanie obsługiwać wysoką rozdzielczość, aby umożliwić najbardziej wierne odwzorowanie dźwięku." </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 38</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-modelu-przestrzeni-barw-rgba-litera-a-oznacza-328d3f0c" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>W modelu koloru RGBA litera A oznacza</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. składową jasności.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>B. kanał przezroczystości.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. poziom nasycenia koloru.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. składową intensywności.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Odpowiedzi, które wskazują na składową jaskrawości, stopień nasycenia barwy lub składową jasności, są niepoprawne, ponieważ mylą podstawowe pojęcia związane z modelem przestrzeni barw. Składowa jaskrawości dotyczy ogólnej intensywności światła emitowanego przez kolor, co jest bardziej złożonym zagadnieniem, które nie ma bezpośredniego odzwierciedlenia w modelu RGBA. Nasycenie barwy odnosi się do intensywności koloru, gdzie wysoka nasycenie oznacza czystszy kolor, a niska stanowi jego przygaszenie. Te koncepcje są istotne w kontekście modelu HSL (Hue, Saturation, Lightness) lub HSV (Hue, Saturation, Value), a nie w RGBA, gdzie każdy z kanałów R, G, B odpowiada za intensywność podstawowych kolorów, a A za przezroczystość. Składowa jasności również nie ma zastosowania w RGBA, ponieważ ta przestrzeń kolorów nie uwzględnia bezpośrednio jasności jako oddzielnego elementu, w przeciwieństwie do innych modeli. Zrozumienie tych różnic jest kluczowe, aby prawidłowo operować na kolorach i ich przedstawieniu w grafice komputerowej i projektowaniu UI, gdyż błędne interpretacje mogą prowadzić do nieprawidłowego zarządzania kolorami w projektach, co z kolei obniża ich jakość wizualną i użyteczność. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 39</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-tryb-barw-stosuje-sie-przy-skanowaniu-fotogr-69464ad1" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakiego modelu kolorów używa się podczas skanowania zdjęć?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Czarno-biały</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Skala szarości</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. CMYK</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. RGB</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Tryb barw RGB (Red, Green, Blue) jest szeroko stosowany w skanowaniu fotografii, ponieważ jest to model koloru adytywnego, co oznacza, że kolory są tworzone poprzez dodawanie światła o różnych długościach fal. Skanery i aparaty cyfrowe zazwyczaj wykorzystują ten model, ponieważ najlepiej odzwierciedla sposób, w jaki ludzkie oko postrzega kolory, bazując na trzech podstawowych barwach. Przy skanowaniu fotografii RGB umożliwia uzyskanie szerokiej gamy kolorów i detali, co jest kluczowe dla zachowania jakości obrazu. Dodatkowo, pliki zapisane w formacie RGB są łatwo przetwarzane w programach graficznych, co jest istotne w kontekście edytowania, poprawiania i publikowania zdjęć. Standardy takie jak sRGB czy Adobe RGB są powszechnie akceptowane w branży, zapewniając spójność kolorystyczną podczas skanowania oraz obróbki graficznej. W praktyce, wybór RGB przy skanowaniu zdjęć jest nie tylko normą, ale również najlepszą praktyką w celu uzyskania najwyższej jakości wyników. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 40</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="systemem-zarzadzania-trescia-ustrongnie-jest-96866769" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Który z poniższych systemów nie jest systemem zarządzania treścią?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Joomla</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Wordpress</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. Teams</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Drupal</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Teams jest platformą do współpracy, która koncentruje się na komunikacji i pracy zespołowej, oferując funkcje takie jak czaty, wideokonferencje oraz integrację z innymi aplikacjami. Nie jest to system zarządzania treścią (CMS), który służy do tworzenia, edytowania i publikowania treści na stronach internetowych. W przeciwieństwie do platform CMS, takich jak Drupal, Joomla i WordPress, które umożliwiają zarządzanie treściami w sposób zorganizowany i strukturalny, Teams nie oferuje dedykowanych narzędzi do tworzenia treści w kontekście stron internetowych. Przykładowo, Drupal pozwala na budowanie złożonych stron internetowych z różnymi typami treści, podczas gdy Teams skupia się na udostępnianiu informacji w ramach zamkniętej grupy użytkowników. </div> </div> </article> <!-- Przyciski nawigacyjne --> <div class="d-grid gap-2 mt-4"> <div class="d-inline-block mb-2"> <a href="/egzamin/?profession=technik-fotografii-i-multimediow&qualification=aud-05" class="btn btn-outline-primary"> <i class="fas fa-redo me-2"></i>Rozpocznij nowy egzamin </a> </div> <div class="d-inline-block"> <a href="/" class="btn btn-outline-secondary"> <i class="fas fa-home me-2"></i>Powrót do strony głównej </a> </div> </div> </div> </div> </div> </main> <!-- Footer --> <footer class="footer mt-auto py-4"> <div class="container"> <div class="row"> <!-- About Section --> <div class="col-lg-4 footer-section"> <h2 class="h5">O Egzaminach Zawodowych</h2> <p> Portal z kompleksową bazą pytań egzaminacyjnych dla uczniów szkół technicznych. Przygotuj się do egzaminu zawodowego z naszymi materiałami. </p> </div> <!-- FRAGMENT CACHE: Random Qualifications --> <div class="col-lg-4 footer-section"> <h2 class="h5">Losowe kwalifikacje</h2> <div class="row"> <div class="col-6"> <a href="/florysta/OGR.01/" class="footer-link"> <span>OGR.01</span> <small class="text-muted">(885)</small> </a> </div> <div class="col-6"> <a href="/koszykarz-plecionkarz/DRM.01/" class="footer-link"> <span>DRM.01</span> <small class="text-muted">(238)</small> </a> </div> <div class="col-6"> <a href="/technik-mechatronik/ELM.03/" class="footer-link"> <span>ELM.03</span> <small class="text-muted">(490)</small> </a> </div> <div class="col-6"> <a href="/technik-teleinformatyk/INF.07/" class="footer-link"> <span>INF.07</span> <small class="text-muted">(338)</small> </a> </div> <div class="col-6"> <a href="/technik-fotografii-i-multimediow/AUD.02/" class="footer-link"> <span>AUD.02</span> <small class="text-muted">(863)</small> </a> </div> <div class="col-6"> <a href="/technik-gornictwa-podziemnego/GIW.02/" class="footer-link"> <span>GIW.02</span> <small class="text-muted">(458)</small> </a> </div> <div class="col-6"> <a href="/technik-gornictwa-odkrywkowego/GIW.03/" class="footer-link"> <span>GIW.03</span> <small class="text-muted">(225)</small> </a> </div> <div class="col-6"> <a href="/technik-grafiki-i-poligrafii-cyfrowej/PGF.04/" class="footer-link"> <span>PGF.04</span> <small class="text-muted">(738)</small> </a> </div> <div class="col-6"> <a href="/technik-handlowiec/HAN.02/" class="footer-link"> <span>HAN.02</span> <small class="text-muted">(525)</small> </a> </div> <div class="col-6"> <a href="/technik-realizacji-naglosnien/AUD.07/" class="footer-link"> <span>AUD.07</span> <small class="text-muted">(121)</small> </a> </div> </div> </div> <!-- Additional Info --> <div class="col-lg-4 footer-section"> <h2 class="h5">O portalu</h2> <p> Baza pytań do egzaminów zawodowych dla uczniów szkół technicznych i branżowych. Materiały zgodne z wymaganiami CKE. </p> </div> </div> <!-- Copyright & Links --> <hr class="footer-divider"> <div class="row align-items-center"> <div class="col-md-8 text-center text-md-start"> <p class="mb-0">© 2025 <a href="https://brylka.net" class="footer-link" aria-label="brylka.net">brylka.net</a> | <a href="/about-me/" class="footer-link" aria-label="O mnie i zawodowe.edu.pl">Bartosz Bryniarski</a></p> </div> <div class="col-md-4 text-center text-md-end"> <!-- <a href="/sitemap.xml" class="footer-link" aria-label="Mapa strony"> <i class="fas fa-sitemap" aria-hidden="true"></i> <span>Mapa strony</span> </a> --> </div> </div> </div> </footer> <!-- Back to top button --> <button id="backToTop" class="btn btn-outline-primary back-to-top" aria-label="Przewiń do góry strony" style="display: none;"> <i class="fas fa-arrow-up" aria-hidden="true"></i> </button> <!-- Cookie Banner --> <div id="cookieConsent" class="position-fixed start-0 bottom-0 py-3 shadow rounded-end" style="display: none; z-index: 1050; max-width: 50%; background-color: rgba(248, 249, 250, 0.95);"> <div class="container-fluid px-4"> <div class="d-flex flex-column gap-2"> <div> <i class="fas fa-cookie-bite me-2 text-secondary" aria-hidden="true"></i> <span class="small"> Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu. <a href="#" class="footer-link" id="cookieDetails" data-bs-toggle="modal" data-bs-target="#cookieModal"> Szczegóły </a> </span> </div> <div class="d-flex gap-2 justify-content-end"> <button id="cookieAccept" class="btn btn-outline-primary btn-sm">Akceptuję</button> <button id="cookieReject" class="btn btn-outline-secondary btn-sm">Odrzuć</button> </div> </div> </div> </div> <!-- Modal z informacjami o cookies --> <div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title fs-5" id="cookieModalLabel">Polityka plików cookies</h2> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button> </div> <div class="modal-body"> <h6 class="fw-bold">Czym są pliki cookies?</h6> <p> Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych. Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu. </p> <h6 class="fw-bold mt-4">Jakie cookies wykorzystujemy?</h6> <ul class="list-unstyled ps-3"> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Niezbędne cookies</strong> - konieczne do prawidłowego działania strony</li> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Funkcjonalne cookies</strong> - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)</li> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Analityczne cookies</strong> - pozwalające zbierać informacje o sposobie korzystania ze strony</li> </ul> <h6 class="fw-bold mt-4">Jak długo przechowujemy cookies?</h6> <p> Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki) lub stałe (pozostają na urządzeniu przez określony czas). </p> <h6 class="fw-bold mt-4">Jak zarządzać cookies?</h6> <p> Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej. Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies, ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Zamknij</button> <button type="button" class="btn btn-outline-primary" id="acceptCookiesModal">Akceptuję wszystkie</button> </div> </div> </div> </div> <!-- JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script> <script src="/static/exams/js/code.67b13d532c53.js" defer></script> <script src="/static/exams/js/report_modal.765118f79d5f.js" defer></script> <script> document.addEventListener('DOMContentLoaded', function() { // Dodaj obsługę motywów dla banera cookie function updateCookieBannerTheme() { const cookieBanner = document.getElementById('cookieConsent'); const currentTheme = document.body.getAttribute('data-theme'); if (!cookieBanner) return; // Ustaw domyślny jasny styl cookieBanner.style.backgroundColor = 'rgba(248, 249, 250, 0.95)'; cookieBanner.style.color = '#212529'; cookieBanner.classList.remove('border-top', 'border-white'); // Zastosuj style zgodnie z motywem if (currentTheme === 'dark') { cookieBanner.style.backgroundColor = 'rgba(52, 58, 64, 0.95)'; cookieBanner.style.color = '#fff'; } else if (currentTheme === 'high-contrast') { cookieBanner.style.backgroundColor = '#000'; cookieBanner.style.color = '#fff'; cookieBanner.classList.add('border-top', 'border-white'); } } // Sprawdź, czy użytkownik już dokonał wyboru if (!localStorage.getItem('cookieConsent')) { // Jeśli nie, pokaż banner const cookieBanner = document.getElementById('cookieConsent'); if (cookieBanner) { cookieBanner.style.display = 'block'; updateCookieBannerTheme(); // Dostosuj szerokość na małych ekranach function adjustWidth() { if (window.innerWidth < 768) { cookieBanner.style.maxWidth = '100%'; } else { cookieBanner.style.maxWidth = '50%'; } } // Wywołaj przy ładowaniu i przy zmianie rozmiaru okna adjustWidth(); window.addEventListener('resize', adjustWidth); } } // Obsługa zmiany motywu const themeButtons = document.querySelectorAll('.theme-btn'); themeButtons.forEach(btn => { btn.addEventListener('click', function() { setTimeout(updateCookieBannerTheme, 50); }); }); // Obsługa przycisku akceptacji document.getElementById('cookieAccept')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); document.getElementById('cookieConsent').style.display = 'none'; }); // Obsługa przycisku odrzucenia document.getElementById('cookieReject')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'rejected'); document.getElementById('cookieConsent').style.display = 'none'; }); // Obsługa przycisku akceptacji w modalu document.getElementById('acceptCookiesModal')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); document.getElementById('cookieConsent').style.display = 'none'; // Zamknij modal var cookieModal = bootstrap.Modal.getInstance(document.getElementById('cookieModal')); cookieModal?.hide(); }); }); </script> <!-- Toast messages initialization --> <script> document.addEventListener('DOMContentLoaded', function() { const copyButton = document.getElementById('copy-link-button'); if (copyButton) { copyButton.addEventListener('click', function() { const input = document.getElementById('share-link-input'); input.select(); document.execCommand('copy'); // Zmień tekst przycisku na potwierdzenie const originalText = this.innerHTML; this.innerHTML = '<i class="fas fa-check me-1"></i> Skopiowano!'; // Przywróć oryginalny tekst po 2 sekundach setTimeout(() => { this.innerHTML = originalText; }, 2000); }); } }); </script> </body> </html>