Wyniki egzaminu

Informacje o egzaminie:
  • Zawód: Technik fotografii i multimediów
  • Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
  • Data rozpoczęcia: 20 maja 2025 22:53
  • Data zakończenia: 20 maja 2025 23:07

Egzamin zdany!

Wynik: 20/40 punktów (50,0%)

Wymagane minimum: 20 punktów (50%)

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

Jaką operację należy wykonać, aby nadać grafice trójwymiarowej realistyczny wygląd, uwzględniając rodzaje powierzchni obiektów oraz ich oświetlenie?

A. Renderowania
B. Interpolacji
C. Trasowania
D. Rasteryzacji
Chociaż interpolacja, trasowanie i rasteryzacja są technikami związanymi z grafiką komputerową, nie są one odpowiednie do nadawania realistycznego wyglądu obiektom 3D w kontekście ich oświetlenia i powierzchni. Interpolacja, na przykład, to technika używana do wygładzania wartości pomiędzy punktami danych. W grafice stosuje się ją głównie do wygładzania tekstur czy klatek animacji, ale sama w sobie nie generuje realistycznych efektów świetlnych ani nie uwzględnia złożoności materiałów. Trasowanie, z kolei, odnosi się do techniki ray tracing, która rzeczywiście może być używana do realistycznego renderowania, ale jest to bardziej zaawansowana metoda, która w ogromnej mierze opiera się na procesie renderowania jako całości. Rasteryzacja to natomiast technika przekształcania obiektów 3D do przestrzeni 2D, co jest kluczowe w wyświetlaniu grafiki, ale nie wpłynie na ostateczny realizm wizualny, jeśli nie będzie wspierana przez odpowiednie techniki renderowania. Typowym błędem jest mylenie tych procesów i ich funkcji; każda z wymienionych technik ma swoje specyficzne zastosowanie, ale renderowanie pozostaje kluczowym krokiem, by uzyskać pożądany efekt wizualny w grafice 3D.

Pytanie 2

Kolorowi odpowiadającemu zapisowi #000000 jest:

A. czerwony
B. zielony
C. biały
D. czarny
Odpowiedź 'czarny' jest prawidłowa, ponieważ zapis #000000 w systemie kolorów szesnastkowych (hex) odpowiada kolorowi czarnemu. W systemie tym kolory są definiowane przez wartości RGB, gdzie R oznacza czerwoną składową, G zieloną, a B niebieską. W przypadku #000000 każda z tych składowych wynosi 0, co oznacza brak światła i w rezultacie kolor czarny. Przykładowo, w projektowaniu stron internetowych, kolor czarny jest szeroko stosowany w tła, co pozwala na lepsze wyeksponowanie jasnych elementów, takich jak tekst czy grafiki. Zrozumienie systemów kolorów jest kluczowe w grafice komputerowej oraz w tworzeniu interfejsów użytkownika, gdzie odpowiedni dobór kolorów wpływa na estetykę i użyteczność. Inne odcienie czerni, jak np. #1C1C1C, są jedynie bardzo ciemnymi odcieniami szarości i nie powinny być mylone z czernią samą w sobie. Wiedza o tym, jak różne kolory są reprezentowane w systemach cyfrowych, jest niezbędna dla profesjonalistów pracujących w dziedzinach związanych z grafiką i web designem.

Pytanie 3

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

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

Pytanie 4

Jakiego narzędzia w programie Adobe Photoshop lub Gimp powinno się użyć do retuszu twarzy podczas poprawy zdjęcia?

A. Różdżki
B. Stempla
C. Nożyc
D. Lassa
Narzędzie Stempel w programie Adobe Photoshop i Gimp jest kluczowym elementem używanym podczas korekcji zdjęcia, szczególnie w kontekście retuszu twarzy. Działa na zasadzie kopiowania pikseli z jednego obszaru obrazu do drugiego, co umożliwia precyzyjne usuwanie niedoskonałości, takich jak zmarszczki, blizny czy przebarwienia. Przykładowo, retuszer może skopiować zdrową skórę z obszaru policzka i nałożyć ją na miejsce z niedoskonałością, co daje efekt naturalnego wygładzenia. Stempel sprawdza się również w sytuacjach, gdy konieczne jest zredukowanie widocznych porów czy zmian skórnych. W praktyce, dobrym podejściem jest ustawienie odpowiedniej twardości pędzla oraz dostosowanie rozmiaru narzędzia, aby uzyskać jak najlepsze rezultaty. Warto również zaznaczyć, że technika ta, stosując się do norm profesjonalnego retuszu, powinna być używana z umiarem, aby uniknąć efekty "plastikowej" skóry, co jest istotne w zachowaniu naturalności zdjęcia.

Pytanie 5

Aby poprawić osłabioną dominującą barwę cyfrowego obrazu, należy odpowiednio ustawić

A. rozdzielczości
B. balans bieli
C. jasności
D. ekspozycji
Balans bieli to kluczowy parametr w fotografii cyfrowej, który wpływa na odwzorowanie kolorów w obrazach. Jego prawidłowe ustawienie jest niezbędne do eliminacji niepożądanych odcieni, które mogą pojawiać się w wyniku różnorodnych źródeł światła. Na przykład, światło żarowe ma ciepły, pomarańczowy odcień, podczas gdy światło fluorescencyjne ma chłodniejszy, zielonkawy odcień. Ustawiając balans bieli odpowiednio do warunków oświetleniowych, możemy uzyskać bardziej naturalne i wierne odwzorowanie kolorów. W praktyce, korzystając z opcji automatycznego balansu bieli w aparacie lub kamery, można w wielu sytuacjach uzyskać zadowalające rezultaty. Dobrą praktyką jest również ręczne dostosowywanie balansu bieli, aby uzyskać pożądany efekt artystyczny lub skorygować dominujące odcienie. To podejście jest stosowane przez profesjonalnych fotografów, którzy chcą mieć pełną kontrolę nad kolorystyką swoich zdjęć. Wiedza na temat balansu bieli jest nie tylko użyteczna w fotografii, ale także w postprodukcji, gdzie programy do edycji zdjęć oferują zaawansowane narzędzia do korekcji kolorów.

Pytanie 6

Zanim umieścisz na stronach www statyczne obiekty wektorowe, powinieneś

A. przekształcić obiekty wektorowe w rastrowe
B. wykonać trasowanie obiektów wektorowych
C. zamienić obiekty wektorowe w krzywe Beziera
D. przeprowadzić wektoryzację obiektów wektorowych
Obiekty wektorowe są zapisane w sposób, który sprawia, że ich jakość nie spada, gdy zmieniamy ich rozmiar. To super sprawa, bo oznacza, że można je skalować bez obaw. Ale przy publikacji na stronach www, często musimy je przerobić na format rastrowy, jak PNG czy JPEG, żeby dobrze wyglądały w różnych przeglądarkach i na telefonach. Na przykład, logo, które mamy w formie wektorowej, najczęściej konwertujemy na format rastrowy, co pozwala na szybsze ładowanie ich na stronie. Dobrze jest też korzystać z zaleceń standardów webowych, takich jak W3C, które mówią o optymalizacji grafik, żeby strony się szybko ładowały. Podczas tej konwersji warto myśleć o kompresji i jakości obrazu, bo to wpływa na to, jak strona się prezentuje i jak szybko ładuje. Fajnie też przygotować grafiki w różnych rozmiarach, bo to się sprawdza na różnych ekranach, a użytkownicy będą mieli lepsze doświadczenia w przeglądaniu strony.

Pytanie 7

Jakiego efektu należy użyć w programie Audacity, aby podnieść głośność dźwięku?

A. Wzmocnij
B. Echo
C. Stretch
D. Zmień wysokość
Wybór 'Pogłosu' może być trochę mylący, kiedy chodzi o zwiększanie głośności. Pogłos dodaje przestrzeni i głębi do nagrania, naśladując odbicia dźwięku, co sprawia, że brzmienie staje się bardziej naturalne, ale nie podnosi głośności. Jak za dużo pogłosu, to może zetrzeć detale dźwięku i wtedy nagranie brzmi cicho względem innych elementów miksu. Zmiana tonu to coś innego – modyfikujesz częstotliwości, ale też nie zwiększa to głośności. Często myśli się, że podniesienie tonów wysokich sprawi, że dźwięk będzie głośniejszy, ale to może prowadzić do przesterowania, co w profesjonalnej produkcji audio jest no-no. Rozciąganie dźwięku to zmiana czasu trwania, bez wpływu na ton, więc to też nie ma związku z głośnością. Takie nieporozumienia co do funkcji efektów w Audacity mogą sprawić, że miks będzie nieefektywny i nie spełni oczekiwań słuchaczy. Dlatego ważne jest, żeby zrozumieć, które funkcje są odpowiednie doTwoich zamierzeń w obróbce dźwięku.

Pytanie 8

Jakie formaty są stosowane do tworzenia animowanej grafiki?

A. HTML oraz TIFF
B. EPS oraz XLSX
C. SWF i GIF
D. PPTX oraz PNG
Formaty SWF (Shockwave Flash) i GIF (Graphics Interchange Format) są powszechnie używane do tworzenia animowanej grafiki. SWF, stworzony przez Adobe, początkowo służył do interaktywnych aplikacji i animacji w sieci, oferując zaawansowane możliwości, takie jak wektoryzacja grafiki oraz integracja dźwięku. Jego zastosowanie obejmuje tworzenie gier online, prezentacji multimedialnych oraz interaktywnych treści. Z kolei GIF jest prostym i szeroko akceptowanym formatem, który obsługuje animacje poprzez sekwencje obrazów. Dzięki ograniczonej palecie kolorów (256 kolorów), GIF jest idealnym wyborem dla prostych animacji, takich jak przyciski i ikony. Poprawne użycie tych formatów wymaga znajomości ich specyfikacji oraz zasad optymalizacji, aby zapewnić płynność animacji i minimalizację czasu ładowania. Warto również zauważyć, że standardy branżowe, takie jak HTML5, zaczynają wypierać SWF, co wskazuje na trend przechodzenia do bardziej otwartych i elastycznych rozwiązań.

Pytanie 9

W modelu koloru RGBA litera A oznacza

A. poziom nasycenia koloru.
B. składową jasności.
C. kanał przezroczystości.
D. składową intensywności.
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ść.

Pytanie 10

Które działanie w programie do edycji grafiki rastrowej prowadzi do obniżenia jakości obrazu?

A. Obracanie obrazu o 45°
B. Zmniejszenie wymiarów zdjęcia
C. Lustrzane odbicie obrazu w poziomie
D. Zwiększenie wymiarów zdjęcia
Odbijanie obrazów w poziomie, ich zmniejszanie czy obracanie o 45° to operacje, które zazwyczaj nie niszczą jakości tak jak powiększanie. Odbicie w poziomie to po prostu zamiana pikseli z lewej strony na te z prawej, więc jakość zostaje. Zmniejszając rozmiar zdjęcia, mimo że skracamy liczbę pikseli, może nawet poprawić jego jakość, bo czasem eliminuje szumy. A obracanie zdjęcia o 45° też niczego nie psuje, bo tylko zmienia orientację pikseli, a nie to, co mają w sobie. Często ludzie myślą, że każda manipulacja zawsze pogarsza jakość, ale tak nie jest. Ważne jest, żeby zrozumieć, jakie operacje mogą być szkodliwe i kiedy. No i zawsze warto zachować oryginalne pliki i pracować na kopiach, co daje możliwość eksperymentowania bez obaw o trwałą utratę jakości.

Pytanie 11

To pytanie jest dostępne tylko dla zalogowanych użytkowników. Zaloguj się lub utwórz konto aby zobaczyć pełną treść pytania.

Odpowiedzi dostępne po zalogowaniu.

Wyjaśnienie dostępne po zalogowaniu.


Pytanie 12

Adobe Premiere to oprogramowanie do edycji plików

A. audio i wideo
B. grafiki 3D
C. audio
D. wideo
Adobe Premiere Pro to profesjonalny program do edycji multimediów, który umożliwia pracę zarówno z dźwiękiem, jak i obrazem wideo. Program ten jest szeroko stosowany w branży filmowej, telewizyjnej oraz w produkcji wideo w internecie. Dzięki jego funkcjom, takim jak zaawansowane narzędzia do montażu, korekcji kolorów, efektów wizualnych oraz obsługi różnych formatów plików, użytkownicy mogą tworzyć złożone projekty. Na przykład, w produkcji filmowej często wykorzystuje się Premiere do synchronizacji dźwięku z obrazem, dodawania ścieżek dźwiękowych oraz efektów dźwiękowych, co jest kluczowe dla uzyskania profesjonalnego efektu końcowego. Dodatkowo, integracja z innymi produktami Adobe, takimi jak After Effects czy Audition, pozwala na jeszcze większą elastyczność i możliwości kreatywne, co czyni Premiere jednym z liderów w swojej dziedzinie. Współczesne standardy branżowe kładą duży nacisk na umiejętność pracy z różnymi rodzajami mediów, a Premiere jest narzędziem, które wspiera tę umiejętność.

Pytanie 13

Poniżej przedstawiono fragment kodu strony internetowej. Gdy pliki strony znajdują się na lokalnym dysku komputera PC, obrazek obraz01.jpg jest wyświetlany, natomiast po załadowaniu plików na zewnętrzny serwer – już nie. Co jest tego przyczyną?
<div class = “grafika">
<img alt = “widok ogólny" src = “obrazki\obraz01.jpg" />
</div>

A. Niewłaściwa kolejność atrybutów znacznika img.
B. To, że znacznik img nie został zamknięty.
C. Ujęcie znacznika img w znacznik div.
D. Zastosowanie w ścieżce dostępu lewego ukośnika (\).
Wybór poprawnych atrybutów i struktury kodu HTML jest kluczowy dla prawidłowego wyświetlania treści na stronach internetowych. Ujęcie znacznika img w znacznik div jest standardową praktyką w HTML i nie wpływa negatywnie na wyświetlanie obrazków. Element div często używany jest do grupowania innych elementów, co pozwala na lepszą organizację i stylizację strony. Podobnie, stwierdzenie, że znacznik img nie został zamknięty, jest błędne; w HTML5 znaczniki samodzielne, takie jak img, nie wymagają znacznika zamykającego. Co więcej, kolejność atrybutów w znaczniku img nie ma wpływu na jego działanie, o ile wszystkie wymagane atrybuty są poprawnie zdefiniowane. Kluczowym błędem myślowym jest przekonanie, że problemy z wyświetlaniem obrazków są spowodowane błędami w strukturze znaczników, zamiast zwrócenia uwagi na właściwe ścieżki dostępu. Przy przenoszeniu plików na serwer, istotne jest dostosowanie ścieżek do zgodnych z oczekiwaniami serwera, co oznacza użycie ukośnika prawego dla zapewnienia, że zasoby są prawidłowo lokalizowane. Używanie niewłaściwych ukośników może prowadzić do frustracji i problemów w trakcie publikacji stron internetowych, dlatego kluczowe jest przestrzeganie standardów webowych.

Pytanie 14

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

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

Pytanie 15

W kontekście animacji komputerowej, zgrupowanie kilku elementów na jednej warstwie spowoduje

A. przekształcenie kształtów w symbol graficzny
B. że będą poruszały się jakby były ze sobą połączone
C. minimalizowanie widocznych krawędzi wypełnienia
D. zmianę obiektów w symbole
Odpowiedź, że elementy umieszczone na jednej warstwie będą poruszały się tak, jakby były sklejone, jest poprawna, ponieważ w animacji komputerowej warstwy działają jak grupy obiektów. Gdy kilka elementów znajduje się na tej samej warstwie, ich ruch jest synchronizowany, co pozwala na uzyskanie efektu spójnej animacji. Przykładem może być animacja postaci, gdzie wszystkie elementy, takie jak ręce, nogi i głowa, są umieszczone na tej samej warstwie, co pozwala na ich jednoczesne poruszanie. Dobrą praktyką jest grupowanie ze sobą obiektów powiązanych, aby ułatwić ich animację i uniknąć niepotrzebnych komplikacji. Warto również pamiętać, że w programach do animacji, takich jak Adobe After Effects czy Blender, wykorzystanie warstw może znacząco przyspieszyć proces tworzenia skomplikowanych animacji, co jest istotne w profesjonalnej produkcji. Ponadto, zrozumienie zasady działania warstw jest kluczowe dla efektywnego zarządzania złożonymi projektami animacyjnymi.

Pytanie 16

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

A. stempel
B. ścieżki
C. kanały
D. cięcie na plasterki
Wykorzystanie kanałów, stempla czy ścieżek w Adobe Photoshop w kontekście dzielenia obrazu na mniejsze fragmenty jest niewłaściwe. Kanały w Photoshopie to narzędzie służące do zarządzania kolorami i selekcjami, a nie do cięcia obrazów. Umożliwiają one także pracę z maskami i efektami, ale nie mają zastosowania w kontekście przygotowania plików graficznych do publikacji. Z kolei stempel, jako narzędzie klonowania, służy do retuszu i edycji zdjęć, a nie do podziału obrazów. Używanie stempla może prowadzić do błędów w edytowanych materiałach, ponieważ jego funkcjonalność koncentruje się na kopiowaniu części obrazów, a nie na ich dzieleniu. Ścieżki, natomiast, są używane do tworzenia skomplikowanych kształtów i wizualnych selekcji, ale także nie służą do cięcia obrazów na fragmenty. Wybór niewłaściwych narzędzi pokazuje typowy błąd w myśleniu, polegający na nieodpowiednim przypisaniu funkcji danego narzędzia do zadania, co może prowadzić do nieefektywnej pracy i złych rezultatów w projektowaniu graficznym. Dla skutecznego dzielenia obrazów, ważne jest zrozumienie specyfiki narzędzi oraz ich zastosowania w praktyce, co jest podstawą efektywnej pracy w środowisku graficznym.

Pytanie 17

Który z programów jest przeznaczony do projektowania stron WWW?

A. Adobe Illustrator
B. Adobe Premiere
C. Adobe Lightroom
D. Adobe Dreamweaver
Zarówno Adobe Illustrator, jak i Adobe Lightroom oraz Adobe Premiere to programy zaprojektowane do zupełnie innych celów niż tworzenie stron internetowych. Illustrator jest narzędziem do grafiki wektorowej, które służy głównie do projektowania ilustracji, logotypów czy materiałów marketingowych, a nie do budowy stron. Użytkownicy często mylą te aplikacje, myśląc, że mogą używać ich do tworzenia stron, podczas gdy w rzeczywistości są one bardziej odpowiednie do projektowania elementów wizualnych, które mogą być później używane na stronach, lecz nie do ich budowy. Lightroom to aplikacja do obróbki zdjęć, która wspiera fotograficzne aspekty pracy nad wizualnym contentem, ale nie oferuje funkcji związanych z kodowaniem czy rozwijaniem stron internetowych. Z kolei Premiere to program przeznaczony do montażu filmów, który nie ma żadnych zastosowań w kontekście web developmentu. Te błędne założenia mogą prowadzić do nieporozumień, ponieważ użytkownicy mogą myśleć, że każdy program graficzny lub do edycji wideo może być wykorzystywany do tworzenia witryn internetowych. Ważne jest, aby rozumieć, że tworzenie stron wymaga nie tylko umiejętności projektowania, ale również znajomości kodowania oraz zarządzania treścią online, co jest domeną dedykowanych narzędzi takich jak Adobe Dreamweaver.

Pytanie 18

To pytanie jest dostępne tylko dla zalogowanych użytkowników. Zaloguj się lub utwórz konto aby zobaczyć pełną treść pytania.

Odpowiedzi dostępne po zalogowaniu.

Wyjaśnienie dostępne po zalogowaniu.


Pytanie 19

Jakie narzędzie w programie Adobe Photoshop jest używane do usuwania niechcianych elementów ze zdjęcia?

A. Narzędzie Gradient
B. Narzędzie Pędzel
C. Narzędzie Łatka
D. Narzędzie Lasso
Narzędzie Łatka w Adobe Photoshop to jedno z najpotężniejszych narzędzi do retuszu zdjęć i usuwania niechcianych elementów. Działa poprzez zaznaczanie obszaru, który chcemy poprawić, a następnie zastępuje go teksturą z innej części obrazu, dopasowując jednocześnie tonację i oświetlenie. To narzędzie idealnie sprawdza się w sytuacjach, gdy chcemy usunąć niedoskonałości skóry, takie jak wypryski czy zmarszczki, a także większe elementy, które nie pasują do całości kompozycji. Z mojego doświadczenia wynika, że Łatka jest niezwykle intuicyjna w użyciu, a efekty są często zaskakująco naturalne. Warto wspomnieć, że narzędzie to jest standardem w branży fotograficznej i graficznej, a jego użycie jest szeroko omawiane w kursach i tutorialach online. Poprawne stosowanie narzędzia Łatka pozwala na zachowanie spójności tekstur i kolorów, co jest kluczowe dla profesjonalnego wyglądu zdjęcia.

Pytanie 20

Który z wymienionych programów nie służy do projektowania stron internetowych?

A. HotDog
B. Adobe Photoshop
C. Microsoft Expression Web
D. Pajączek
Kiedy mówimy o tworzeniu stron internetowych, istotne jest zrozumienie, jakie oprogramowanie i narzędzia są przeznaczone do tego celu. Microsoft Expression Web to program, który pozwala na edytowanie kodu HTML, CSS i JavaScript oraz wspiera tworzenie układów stron, co czyni go przydatnym dla web developerów. Podobnie, Pajączek jest zintegrowanym środowiskiem programistycznym, które umożliwia edycję kodu oraz wizualizację strony, co może znacznie usprawnić proces projektowania. HotDog również wspiera proces tworzenia stron, oferując opcje zarządzania kodem oraz wsparcie dla standardów webowych. W odróżnieniu od tych narzędzi, Adobe Photoshop nie jest przeznaczony do kodowania ani do zarządzania strukturą stron internetowych. Typowym błędem myślowym jest mylenie edytorów graficznych z edytorami kodu. Programy graficzne są niezbędne do tworzenia wizualnych elementów strony, ale sama ich obecność nie wystarcza do zaprojektowania funkcjonalnej strony internetowej. Użytkownicy mogą pomylić Photoshop z narzędziem do budowy stron, co prowadzi do nieporozumień dotyczących ról, jakie poszczególne aplikacje odgrywają w procesie tworzenia strony. Stąd ważne jest, aby pamiętać, że do efektywnego tworzenia stron internetowych nie wystarczy jedynie umiejętność obsługi programów graficznych, ale także zrozumienie języków programowania oraz narzędzi dedykowanych dla web developmentu.

Pytanie 21

W jakich formatach można zapisać projekt statycznego banera lub billboardu przeznaczonego do użytku w internecie?

A. PNG oraz TIFF
B. SVG oraz WMF
C. PDF oraz EPS
D. JPEG oraz GIF
Wybór innych formatów, takich jak PNG, TIFF, PDF, EPS, SVG i WMF, nie jest najlepszym rozwiązaniem dla projektów statycznych banerów czy billboardów przeznaczonych do internetu. Format PNG (Portable Network Graphics) jest znany z obsługi przezroczystości i kompresji bezstratnej, co czyni go odpowiednim dla grafik z dobrze zdefiniowanymi krawędziami, jednak jego rozmiar pliku jest zazwyczaj większy niż w przypadku JPEG, co może wpływać na czas ładowania. TIFF (Tagged Image File Format) natomiast jest formatem stosowanym głównie w profesjonalnej fotografii i druku, charakteryzującym się bardzo wysoką jakością, ale nie jest typowo używany w internecie z powodu dużych rozmiarów plików. PDF i EPS są formatami przeznaczonymi do druku i edytowania grafiki wektorowej, co również nie jest ich optymalnym zastosowaniem w sieci, gdzie istotne są szybkość ładowania i wsparcie dla przeglądarek. SVG (Scalable Vector Graphics) to format wektorowy, idealny do skali bez utraty jakości, jednak nie jest powszechnie stosowany do statycznych banerów reklamowych w kontekście internetu. WMF (Windows Metafile Format) to format stworzony przez Microsoft, również nieprzeznaczony do szerokiego użytku w internecie. Projektanci często mylą zastosowanie tych formatów, co prowadzi do błędnych decyzji przy tworzeniu grafik online. Ważne jest, aby wybierać formaty, które optymalizują zarówno jakość, jak i rozmiar pliku, aby uzyskać najlepsze wyniki w kampaniach internetowych.

Pytanie 22

Technika transformacji animacji, która polega na tworzeniu klatek pośrednich zapewniających płynne przejście z jednego obiektu do innego, to

A. rastrowanie
B. morfing
C. rendering
D. konwersja
Morfing to technika stosowana w animacji i grafice komputerowej, która polega na płynnej transformacji jednego obiektu w inny poprzez generowanie klatek pośrednich. Proces ten angażuje specjalne algorytmy, które analizują kształty i struktury obiektów, aby stworzyć iluzję ruchu i zmiany. W praktyce, morfing jest wykorzystywany w filmach, grach komputerowych oraz w reklamie, gdzie jego efekt wizualny przyciąga uwagę i wzmacnia narrację. Przykładem zastosowania morfingu może być animacja wideo, w której twarz jednej osoby przekształca się w inną, co często wykorzystywane jest w efektach specjalnych w Hollywood. Technika ta jest uznawana za jedną z zaawansowanych metod animacji i jest wykorzystywana zgodnie z najlepszymi praktykami branżowymi, aby osiągnąć płynność i naturalność w ruchu obiektów. Warto również dodać, że morfing ma swoje zastosowanie w aplikacjach fotograficznych oraz w edycji wideo, gdzie użytkownicy mogą tworzyć interesujące efekty za pomocą prostych narzędzi, co czyni tę technikę dostępną nawet dla amatorów.

Pytanie 23

Które z transformacji umożliwia zachowanie proporcji obrazu?

A. Wypaczenie
B. Skalowanie
C. Pochylenie
D. Perspektywa
Skalowanie jest techniką, która pozwala na zmianę rozmiaru obiektu w przestrzeni, zachowując jego proporcje. Oznacza to, że jeżeli powiększamy lub pomniejszamy obraz, wszystkie jego wymiary zmieniają się w tym samym stosunku, co zapobiega zniekształceniom. Przykładem zastosowania skalowania może być przygotowanie grafik do druku, gdzie istotne jest, aby proporcje obrazu pozostały nienaruszone, aby uniknąć rozmycia lub deformacji. W praktyce w programach graficznych, takich jak Adobe Photoshop czy GIMP, można ustawić opcję 'Zachowaj proporcje' podczas skalowania, co jest zgodne z najlepszymi praktykami w branży. Ponadto, w kontekście stron internetowych, odpowiednie skalowanie obrazów zapewnia ich estetyczny wygląd na różnych urządzeniach, co jest kluczowe w designie responsywnym. Posiadanie umiejętności poprawnego skalowania jest więc istotne dla każdej osoby pracującej w obszarze grafiki komputerowej oraz web designu.

Pytanie 24

W pracy mobilnej, aby szybko zeskanować małą ilość tekstu, powinno się użyć skanera

A. ręcznego
B. płaskiego
C. bębnowego
D. przestrzennego
Te skanery, które mówimy, czyli przestrzenne, płaskie i bębnowe, wcale nie są najlepsze, gdy chodzi o skanowanie tekstu w mobilnych warunkach. Skanery przestrzenne, które działają w 3D, są robione głównie do skanowania obiektów, a nie dokumentów, więc ich użycie do skanowania tekstu to raczej kiepski pomysł. Skanery płaskie są super do większych dokumentów jak książki, ale są duże i ciężkie, przez co ciężko je zabrać ze sobą, co w przypadku mobilności jest dość istotne. Skanery bębnowe natomiast są głównie dla profesjonalistów w grafice lub archiwizacji. Oferują świetną jakość, ale znowu potrzebują stałego miejsca i zasilania. Trzeba dobrze przemyśleć, które urządzenie pasuje do Twoich potrzeb, bo można łatwo się pomylić, kierując się tylko ogólnymi informacjami, a nie rzeczywistymi możliwościami tych sprzętów.

Pytanie 25

Który typ pliku stanowi format dźwięku o kompresji bezstratnej?

A. FLAC
B. MP3
C. WMA
D. AAC
Wybór MP3, WMA, czy AAC jako formatu bezstratnej kompresji dźwięku to kiepski pomysł. MP3 to najpopularniejszy format audio, ale działa na stratnej kompresji, co oznacza, że część danych dźwiękowych znika, żeby zmniejszyć rozmiar pliku. Co za tym idzie, jakość spada i nie da się tego potem naprawić. Pewnie niektórzy wybierają MP3, bo jest wszędzie i pliki są małe, ale muszą liczyć się z tym, że dźwięk będzie gorszy. WMA (Windows Media Audio) też ma stratną kompresję, chociaż oferuje różne opcje jakości, w tym bezstratną wersję, ale ta jest mniej popularna niż FLAC. AAC (Advanced Audio Codec) ma lepszą jakość niż MP3 przy zbliżonym rozmiarze plików, ale także działa na zasadzie stratnej kompresji. Warto zrozumieć różnicę między kompresją bezstratną a stratną, bo jeżeli wybierzemy format bezstratny jak FLAC, to jakość dźwięku zostaje zachowana, co jest ważne dla profesjonalistów i audiofilów. Wybierając format, który nie traci danych, inwestujemy w długotrwałą jakość i lepsze wrażenia podczas odsłuchu.

Pytanie 26

W jakich formatach powinien być zapisany projekt statycznego banera, aby można go było opublikować w internecie?

A. PNG i TIFF
B. JPEG i PNG
C. BMP i WMF
D. RAW i GIF
Odpowiedzi RAW i GIF, BMP i WMF oraz PNG i TIFF zawierają formaty, które nie są optymalne do publikacji statycznych banerów w internecie. Format RAW jest używany głównie w fotografii do przechowywania nieprzetworzonych danych z matrycy aparatu, co czyni go niepraktycznym do użytku webowego, gdzie potrzebne są pliki o mniejszej wielkości. GIF (Graphics Interchange Format) obsługuje ograniczoną paletę kolorów (do 256 kolorów), co sprawia, że nie nadaje się do zdjęć ani skomplikowanych grafik. Choć doskonale sprawdza się w animacjach, nie jest najlepszym wyborem dla statycznych banerów, które powinny mieć bogatszą kolorystykę. BMP (Bitmap) i WMF (Windows Metafile Format) to formaty, które zazwyczaj generują bardzo duże pliki, co nie jest praktyczne w kontekście szybkiego ładowania pomocy wizualnych w sieci. Format TIFF (Tagged Image File Format) natomiast, mimo że oferuje wysoką jakość, jest zbyt ciężki i często nieobsługiwany przez przeglądarki internetowe. W związku z tym, korzystanie z tych formatów prowadzi do nieefektywnego wykorzystania zasobów, co negatywnie wpływa na doświadczenia użytkowników oraz wydajność stron internetowych. Ważne jest, aby przy publikacji w sieci stosować formaty, które zbalansują jakość obrazu i rozmiar pliku, co jest kluczowe dla zapewnienia szybkiego i przyjemnego użytkowania serwisów online.

Pytanie 27

Który z podanych formatów, określany jako cyfrowy negatyw, pozwala na wielokrotne i odwracalne uzyskiwanie różnych wersji obrazów z tego samego pliku zdjęciowego?

A. RAW
B. TIFF
C. JPG
D. GIF
Format RAW, często uznawany za cyfrowy negatyw, jest preferowany przez profesjonalnych fotografów i entuzjastów ze względu na swoją elastyczność w obróbce. Pliki RAW zawierają surowe dane z matrycy aparatu, co pozwala na szeroką gamę korekcji, takich jak zmiana ekspozycji, balansu bieli czy nasycenia kolorów, bez utraty jakości. Dzięki temu użytkownicy mogą wielokrotnie dostosowywać zdjęcia, uzyskując różne wersje z tego samego pliku, co jest kluczowe w pracy nad projektami, gdzie precyzja i jakość są priorytetami. W praktyce, fotografowie często wykonują zdjęcia w formacie RAW, aby mieć pełną kontrolę nad procesem edycji, co jest zgodne z najlepszymi praktykami branżowymi. Warto zauważyć, że pliki RAW wymagają specjalistycznego oprogramowania do edycji, takiego jak Adobe Lightroom czy Capture One, co umożliwia wykorzystanie zaawansowanych narzędzi do obróbki obrazu, spełniając wymagania zawodowych standardów jakości.

Pytanie 28

Metoda skanowania rzeczywistego obiektu w celu przekształcenia go w cyfrową formę trójwymiarową to

A. fotoanaliza
B. renderowanie
C. digitalizacja
D. optymalizacja
Optymalizacja, jako koncepcja, odnosi się do procesu dostosowywania systemów i procesów w celu osiągnięcia najlepszego wyniku. W kontekście pracy z danymi przestrzennymi, optymalizacja może polegać na minimalizacji czasu renderowania lub maksymalizacji efektywności wykorzystania zasobów. Jednak nie ma ona bezpośredniego związku z samym procesem skanowania obiektów, co jest kluczowe dla digitalizacji. Fotoanaliza, z drugiej strony, jest metodą oceny obrazów, które mogą być używane do analizy zdjęć obiektów z perspektywy 2D, ale nie odnosi się do trójwymiarowego skanowania obiektów. To podejście jest ograniczone w kontekście pełnego odwzorowania przestrzennego, które wymaga znacznie większej ilości danych i informacji o trzecim wymiarze. Renderowanie to proces przetwarzania modeli 3D na obraz 2D poprzez symulację oświetlenia, cieni i tekstur, co również nie jest równoznaczne z digitalizacją. W kontekście błędnych odpowiedzi, istnieje typowy błąd myślowy związany z myleniem pojęć związanych z przetwarzaniem danych 3D oraz z ich pozyskiwaniem. Istotne jest zrozumienie, że digitalizacja to etap wstępny, który umożliwia dalszą obróbkę i analizę przy użyciu technik takich jak renderowanie czy optymalizacja, a każda z wymienionych koncepcji ma swoją specyfikę i zastosowanie w różnych obszarach technologii i inżynierii.

Pytanie 29

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

A. Nazwa strony www
B. Dane dotyczące praw autorskich
C. Słowa kluczowe i opis witryny internetowej
D. Typ języka zastosowanego do budowy strony www
Wybierając odpowiedzi dotyczące tytułu strony, informacji o prawach autorskich lub słów kluczowych, można zauważyć powszechne nieporozumienia dotyczące struktury dokumentu HTML. Tytuł strony, definiowany w znaczniku, jest ważnym elementem, ale jego funkcja to przede wszystkim informowanie użytkowników oraz systemów wyszukiwania o zawartości strony. To nie wpływa na interpretację kodu HTML. Informacje o prawach autorskich są umieszczane w stopce dokumentu i nie mają wpływu na jego strukturę ani na sposób wyświetlania strony. Słowa kluczowe oraz opisy, z kolei, są często umieszczane w meta tagach w sekcji <head>, ale ich rola w kontekście przeglądarek jest ograniczona i nie wpływają one na podstawową strukturę strony. Często mylące jest myślenie, że elementy te są tak samo istotne jak deklaracja DOCTYPE. W rzeczywistości, brak odpowiedniego DOCTYPE powoduje, że przeglądarka przestaje prawidłowo interpretować HTML, co prowadzi do problemów z renderowaniem. Zrozumienie, że pierwszym znakiem HTML jest deklaracja DOCTYPE, pozwala lepiej zrozumieć, jak przeglądarki interpretują dokumenty oraz jak ważne jest przestrzeganie standardów, aby zapewnić spójność i przewidywalność w działaniu aplikacji internetowych. </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="ktore-z-narzedzi-nalezy-wykorzystac-do-zapewnienia-952e8935" 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 narzędzia powinny być zastosowane w celu zabezpieczenia transmisji danych przy użyciu protokołu HTTP w module zamawiania/opłacania w sklepie internetowym firmy?</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. Kwalifikowany podpis elektroniczny</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. Szyfrowanie PGP</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. Hasło przekazywane klientowi w automatycznie generowanej wiadomości e-mail</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. Mechanizmy szyfrowania SSL i TLS</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Słuchaj, używanie haseł przesyłanych przez e-maile jako sposobu na zabezpieczenie danych to nie jest najlepszy pomysł. Jasne, hasła są ważne, ale jeśli przesyłasz je w e-mailach, to narażasz je na przechwycenie przez hakerów. Bo te maile mogą być łatwe do odczytania przez niepowołane osoby, co prowadzi do nieautoryzowanego dostępu do kont. Co do kwalifikowanego podpisu cyfrowego, to on wprawdzie dodaje jakąś warstwę zabezpieczeń, ale nie szyfruje danych w trakcie ich przesyłania. Podpisy są bardziej do potwierdzania autentyczności, a nie do szyfrowania. PGP to jeszcze inna sprawa, bo to głównie służy do szyfrowania wiadomości e-mail, ale w przypadku szyfrowania połączeń w internecie nie jest to zbyt powszechne. Dużo ludzi myśli, że skoro coś jest szyfrowane, to już jest wszystko ok, ale w rzeczywistości SSL i TLS są niezbędne do zapewnienia bezpieczeństwa. Ignorowanie tego może prowadzić do sporych problemów z bezpieczeństwem. </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="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-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. barwę dźwięku</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. 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. widmo 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-danger mb-0"> Częstotliwość sygnału dźwiękowego ma kluczowe znaczenie dla różnych właściwości dźwięku, co może prowadzić do błędnych wniosków o jej wpływie na inne aspekty. Wysokość dźwięku jest bezpośrednio związana z częstotliwością – dźwięki o wyższej częstotliwości postrzegane są jako wyższe, co jest podstawą skali muzycznej i oceny tonacji. Na przykład, dźwięk o częstotliwości 440 Hz uznawany jest za ton A w muzyce. Barwa dźwięku z kolei wyznaczana jest przez harmoniczne, które są liczbami całkowitymi wielokrotności częstotliwości podstawowej. To oznacza, że różne instrumenty grające tę samą nutę mogą brzmieć inaczej dzięki unikalnemu zestawowi harmonicznych, co jest ściśle związane z ich częstotliwością. Widmo dźwięku, które przedstawia rozkład energii dźwięku w funkcji częstotliwości, również jest determinowane przez częstotliwość, ponieważ to ona decyduje o tym, jakie częstotliwości są obecne w danym sygnale. W związku z tym, rozumienie tych związków jest kluczowe w dziedzinie inżynierii dźwięku, gdzie ważne jest zarówno nagrywanie, jak i przetwarzanie dźwięku. Kluczowym błędem myślowym jest zatem błędne utożsamienie rozdzielczości dźwięku z częstotliwością, co prowadzi do nieporozumień w zakresie jakości dźwięku i jego właściwości." </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="w-ktorym-programie-wystepuje-narzedzie-word-art-be4de9c8" 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 jakim oprogramowaniu znajduje się narzędzie Word Art?</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. 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>B. Adobe Illustrator</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. 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>D. Adobe Photoshop</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 popularny program służący do tworzenia prezentacji, który zawiera wiele narzędzi wspierających tworzenie atrakcyjnych wizualnie slajdów. Jednym z takich narzędzi jest WordArt, które umożliwia użytkownikom tworzenie stylizowanych tekstów, dodających charakteru i kreatywności do prezentacji. WordArt oferuje różnorodne efekty, takie jak cienie, tekstury i kontury, co pozwala na dostosowanie wyglądu tekstu do tematyki prezentacji. Przykładowo, w prezentacji dotyczącej nowego produktu w firmie, zastosowanie WordArt do wyróżnienia kluczowych nazw lub sloganów może przyciągnąć uwagę publiczności. Zgodnie z dobrymi praktykami branżowymi, wizualne elementy, takie jak WordArt, powinny być używane z umiarem, aby nie przytłoczyć odbiorców, ale wzbogacić przekaz. Ponadto, umiejętność korzystania z takich narzędzi, jak WordArt, jest istotna w kontekście wysokiej jakości komunikacji wizualnej, która powinna być kluczowym elementem każdej prezentacji. </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="ktory-format-umozliwia-zapis-obrazu-cyfrowego-z-pr-6d58d762" 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 format pozwala na zapis cyfrowego obrazu z przeplotem oraz wspiera animacje?</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. 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>B. 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>C. JPEG</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. TIFF</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Format GIF (Graphics Interchange Format) jest jednym z najpopularniejszych formatów umożliwiających zapis obrazu cyfrowego z przeplotem oraz obsługę animacji. GIF obsługuje paletę do 256 kolorów z przestrzeni kolorów RGB, co sprawia, że jest idealny do prostych grafik, które nie wymagają dużej głębi kolorów. Jego zdolność do kompresji bezstratnej pozwala na zachowanie jakości obrazów, co czyni go odpowiednim formatem do przesyłania i wyświetlania animacji w Internecie. GIF jest szeroko używany w mediach społecznościowych, na stronach internetowych oraz w marketingu, gdzie krótkie animacje mogą przyciągać uwagę użytkowników. Standardy takie jak RFC 20476 definiują sposób, w jaki GIF powinien być implementowany, co umożliwia jego szeroką kompatybilność z różnymi przeglądarkami oraz platformami. Warto również zwrócić uwagę na fakt, że GIF obsługuje przezroczystość, co zwiększa jego wszechstronność w zastosowaniach graficznych. Przykłady zastosowania GIF-a obejmują krótkie animacje reklamowe, emotikony oraz klipy wideo przekształcone w formę animacji, co czyni go niezbędnym narzędziem w dzisiejszym cyfrowym świecie. </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="ktore-okreslenie-odnosi-sie-do-akronimu-html-7bff7391" 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 znaczenie ma akronim 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-1 border-secondary "> <div class="flex-grow-1"> <span>A. Hierarchiczna struktura danych</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. Zewnętrzne arkusze styló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. Kaskadowe arkusze styló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. Hipertekstowy język znaczników</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> HTML, czyli Hipertekstowy Język Znaczników, to podstawowy język służący do tworzenia stron internetowych. Jego celem jest strukturalne definiowanie treści, co pozwala przeglądarkom internetowym prawidłowo interpretować i wyświetlać zawartość. HTML pozwala na użycie znaczników (tagów), które definiują różne elementy, takie jak nagłówki, akapity, linki, obrazy czy formularze. Przykładem zastosowania HTML może być stworzenie prostego dokumentu, w którym zastosujemy znacznik <h1> do stworzenia tytułu strony oraz <p> do wprowadzenia tekstu. Ponadto HTML wspiera elementy semantyczne, co poprawia dostępność treści oraz wspiera SEO, co jest kluczowe w tworzeniu nowoczesnych stron internetowych. Standardy HTML są zarządzane przez World Wide Web Consortium (W3C), co gwarantuje ich zgodność i powszechne uznanie w branż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 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-z-rysunkow-przedstawia-zastosowanie-narzedzi-c3cd2ee2" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Informacja o ograniczonym dostępie dla pytań premium --> <div class="alert alert-info"> <p class="mb-0"> <i class="fas fa-lock me-2"></i> To pytanie jest dostępne tylko dla zalogowanych użytkowników. <a href="/login/?next=/egzamin/156b451e-6eb8-42a8-a456-2f3f8a43cc85/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Ukryte odpowiedzi dla premium pytań --> <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Ukryty feedback dla premium pytań --> <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </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="na-podstawie-modyfikacji-ksztatu-krzywej-tonalnej-42371cbc" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Informacja o ograniczonym dostępie dla pytań premium --> <div class="alert alert-info"> <p class="mb-0"> <i class="fas fa-lock me-2"></i> To pytanie jest dostępne tylko dla zalogowanych użytkowników. <a href="/login/?next=/egzamin/156b451e-6eb8-42a8-a456-2f3f8a43cc85/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Ukryte odpowiedzi dla premium pytań --> <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Ukryty feedback dla premium pytań --> <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </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="w-wyniku-digitalizacji-pozytywow-otrzymuje-sie-a6d83d4a" 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 procesie digitalizacji pozytywów uzyskuje się</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. animacje</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. prezentacje</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. obrazy wektorowe</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. obrazy rastrowe</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> W wyniku digitalizacji pozytywów, czyli procesów skanowania lub przekształcania fizycznych materiałów fotograficznych na formaty cyfrowe, otrzymuje się obrazy rastrowe. Obrazy te są zbudowane z pikseli, co oznacza, że każdy piksel reprezentuje określony kolor i jasność. Digitalizacja pozytywów jest powszechnie stosowana w fotografii i archiwizacji, szczególnie w kontekście zachowania dziedzictwa kulturowego. Przykładem może być digitalizacja starych zdjęć, które są następnie przechowywane w formie rastrowej, co pozwala na ich edycję w programach graficznych, takich jak Adobe Photoshop. W praktyce, standardem w archiwizacji jest stosowanie rozdzielczości co najmniej 300 dpi (punktów na cal), co zapewnia odpowiednią jakość obrazu przy wydruku. Dobre praktyki obejmują także formaty plików, takie jak TIFF, które oferują większą elastyczność w zakresie zachowania szczegółów obrazu w porównaniu do formatów skompresowanych, takich jak JPEG. </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="do-odtworzenia-dzwieku-na-komputerze-niezbedne-jes-02b5a6e6" 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 móc odtwarzać dźwięk na komputerze, konieczne jest posiadanie</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. karty sieciowej</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. odtwarzacza CD</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. odtwarzacza DVD</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. karty dźwiękowej</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 odtwarzacza CD, karty sieciowej lub odtwarzacza DVD jako elementu niezbędnego do odtwarzania dźwięku na komputerze jest błędny z kilku powodów. Odtwarzacz CD jest urządzeniem przeznaczonym do odczytu danych z nośników optycznych i nie ma bezpośredniego wpływu na proces przetwarzania dźwięku w systemie komputerowym. Choć może być używany do odtwarzania muzyki, konieczna jest obecność karty dźwiękowej, która konwertuje cyfrowe dane audio na dźwięk. Karta sieciowa, z drugiej strony, jest odpowiedzialna za komunikację z siecią komputerową i nie ma nic wspólnego z przetwarzaniem dźwięku. Jej rola ogranicza się do przesyłania danych, co może obejmować pliki dźwiękowe, ale nie ma wpływu na ich odtwarzanie. Odtwarzacz DVD, podobnie jak odtwarzacz CD, jest urządzeniem do odczytu danych, które mogą zawierać dźwięk, ale również wymaga karty dźwiękowej, aby dźwięk mógł być odtwarzany. Wiele osób myli te urządzenia z funkcją odtwarzania dźwięku, nie zdając sobie sprawy, że kluczowym elementem jest właśnie karta dźwiękowa, która wykonuje całą pracę związana z konwersją sygnału audio. Niedostateczna znajomość roli, jaką odgrywa karta dźwiękowa w architekturze sprzętowej komputera, prowadzi do mylnych przekonań o możliwości odtwarzania dźwięku bez niej. </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="programem-do-archiwizacji-plikow-jest-7e5a279e" 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 służy do kompresji plikó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-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. 7-ZIP</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. WaveShop</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. 3ds Max</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. Canva</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedzią, która poprawnie identyfikuje program do archiwizacji plików, jest 7-ZIP. Jest to narzędzie open-source, które umożliwia kompresję i dekompresję plików w różnych formatach, w tym ZIP i RAR. 7-ZIP wykorzystuje własny format archiwum o nazwie 7z, który oferuje znacznie lepszy stopień kompresji niż tradycyjne formaty. Program jest dostępny na wielu platformach, co czyni go uniwersalnym rozwiązaniem dla użytkowników systemów Windows, macOS oraz Linux. W praktyce, 7-ZIP jest często wykorzystywany do archiwizacji danych przed ich przeniesieniem na nośniki zewnętrzne lub wysyłką przez Internet, ponieważ pozwala na zmniejszenie rozmiaru plików, co ułatwia transport i oszczędza miejsce na dysku. Dobrą praktyką jest również zabezpieczanie archiwów hasłem, co można zrealizować w 7-ZIP. Warto podkreślić, że korzystanie z oprogramowania open-source, takiego jak 7-ZIP, jest często preferowane w środowiskach korporacyjnych ze względu na dostępność kodu źródłowego i możliwość modyfikacji zgodnie z potrzebami organizacji. </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="ktory-efekt-animacji-obiektu-obrazuje-rysunek-d4c2520e" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Informacja o ograniczonym dostępie dla pytań premium --> <div class="alert alert-info"> <p class="mb-0"> <i class="fas fa-lock me-2"></i> To pytanie jest dostępne tylko dla zalogowanych użytkowników. <a href="/login/?next=/egzamin/156b451e-6eb8-42a8-a456-2f3f8a43cc85/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Ukryte odpowiedzi dla premium pytań --> <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Ukryty feedback dla premium pytań --> <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </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> <!-- Popular Qualifications --> <div class="col-lg-4 footer-section"> <h2 class="h5">Losowe kwalifikacje</h2> <div class="row"> <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-ochrony-srodowiska/CHM.05/" class="footer-link"> <span>CHM.05</span> <small class="text-muted">(934)</small> </a> </div> <div class="col-6"> <a href="/technik-elektronik/ELM.05/" class="footer-link"> <span>ELM.05</span> <small class="text-muted">(232)</small> </a> </div> <div class="col-6"> <a href="/technik-papiernictwa/DRM.06/" class="footer-link"> <span>DRM.06</span> <small class="text-muted">(65)</small> </a> </div> <div class="col-6"> <a href="/technik-weterynarii/ROL.12/" class="footer-link"> <span>ROL.12</span> <small class="text-muted">(1 171)</small> </a> </div> <div class="col-6"> <a href="/technik-renowacji-elementow-architektury/BUD.24/" class="footer-link"> <span>BUD.24</span> <small class="text-muted">(149)</small> </a> </div> <div class="col-6"> <a href="/technik-budownictwa/BUD.14/" class="footer-link"> <span>BUD.14</span> <small class="text-muted">(430)</small> </a> </div> <div class="col-6"> <a href="/technik-mechanizacji-rolnictwa-i-agrotroniki/ROL.02/" class="footer-link"> <span>ROL.02</span> <small class="text-muted">(805)</small> </a> </div> <div class="col-6"> <a href="/terapeuta-zajeciowy/MED.13/" class="footer-link"> <span>MED.13</span> <small class="text-muted">(543)</small> </a> </div> <div class="col-6"> <a href="/technik-spedytor/SPL.05/" class="footer-link"> <span>SPL.05</span> <small class="text-muted">(868)</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.js" defer></script> <script src="/static/exams/js/report_modal.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>