B.</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. <head></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. <body></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 spośród <meta>, <title> oraz <head> pokazuje pewne nieporozumienia co do struktury dokumentu HTML i roli, jaką pełnią poszczególne komponenty. Znacznik <meta> jest używany do dostarczania dodatkowych informacji o stronie, takich jak opis, słowa kluczowe czy dane o autorze. Jego funkcje są bardziej związane z SEO i nie mają wpływu na zawartość widoczną dla użytkowników, co może prowadzić do błędnych przekonań, że jest on odpowiedzialny za przedstawienie treści. Sekcja <title> ma na celu określenie tytułu strony, który jest wyświetlany w pasku zakładek przeglądarki oraz w wynikach wyszukiwania, ale nie zawiera żadnych elementów, które są widoczne na stronie. Z kolei <head> to obszar, w którym umieszczane są metadane, arkusze stylów oraz skrypty JavaScript, które wpływają na działanie strony, nie zaś na jej zewnętrzny wygląd czy treść. Warto zrozumieć, że struktura dokumentu HTML jest kluczowa dla organizacji treści oraz dla prawidłowego funkcjonowania strony, a odpowiednie umiejscowienie i zrozumienie funkcji tych znaczników jest istotne dla każdego twórcy stron 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 7</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="jaka-minimalna-pojemnosc-powinna-miec-pyta-na-kt-ce045472" 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>Jaka jest minimalna wielkość nośnika, na którym można zarejestrować materiał audio oraz wideo, gdy czas trwania transmisji to 74 minuty, a prędkość transmisji wynosi 8 Mb/s?</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. 1,7 GB</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. 2,7 GB</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. 4,7 GB</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. 3,7 GB</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 4,7 GB jest poprawna, ponieważ pozwala na zapisanie materiału audio i wideo trwającego 74 minuty przy prędkości transmisji wynoszącej 8 Mb/s. Aby obliczyć wymaganą pojemność nośnika, należy pomnożyć czas trwania transmisji przez prędkość transmisji. W tym przypadku: 74 minuty to 4440 sekund (74 minut * 60 sekund/minutę). Zatem wymagana pojemność wynosi: 4440 sekund * 8 Mb/s = 35520 Mb. Następnie przeliczamy megabity na gigabajty, stosując przeliczniki: 1 GB = 8 Mb, co daje 35520 Mb / 8 = 4440 MB. Przeliczając MB na GB, otrzymujemy wynik 4,44 GB, co w praktyce oznacza, że dla wygodnego zapisu i uwzględnienia dodatkowych danych (takich jak metadane czy system plików), płyta powinna mieć co najmniej 4,7 GB. Z perspektywy praktycznej, standardowe płyty DVD mają pojemności 4,7 GB, co czyni je odpowiednimi do przechowywania dłuższych materiałów audio-wideo. Tego typu analizy są kluczowe w produkcji multimediów, gdzie odpowiednie zaplanowanie nośnika jest niezbędne do zapewnienia jakości i dostępności materiałó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 8</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-format-ustrongnie-jeststrongu-form-7250d2f6" 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 formatów <u><strong>nie stanowi</strong></u> formatu plików graficznych w sieci z powodu wielkości pliku?</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. JPEG</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. 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. 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>D. SWG</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Format BMP (Bitmap) jest formatem plików graficznych, który jest znany z dużych rozmiarów plików. Pliki BMP przechowują dane o każdym pikselu obrazu w wysokiej jakości, co sprawia, że są mniej efektywne pod względem rozmiaru w porównaniu do innych formatów graficznych. W praktyce, BMP jest rzadko używany w Internecie, ponieważ nie oferuje kompresji i jest mało wydajny w przesyłaniu przez sieć. Zamiast tego do zastosowań internetowych preferowane są formaty takie jak JPEG, GIF czy PNG, które stosują różne metody kompresji, co pozwala na znaczne zmniejszenie rozmiaru pliku, zachowując jednocześnie akceptowalną jakość obrazu. Standardy branżowe sugerują używanie formatu JPEG dla zdjęć ze względu na efektywną kompresję stratną, natomiast GIF jest popularny dla animacji, a PNG dla grafiki z przezroczystościami. Używając odpowiednich formatów, możemy znacząco poprawić wydajność i czas ładowania stron 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 9</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-grupa-formatow-suzy-wyacznie-do-zapisu-mat-76c2cbd6" 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óre typy formatów są przeznaczone 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. AVI, IPEG, OGG</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. CDR, AI, WMV</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. MPEG, SVF, WMV</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. MP3, WMA, OGG</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 3, która zawiera formaty MP3, WMA i OGG, jest całkiem trafna. Te formaty są dość popularne do przechowywania i odtwarzania muzyki. MP3 to chyba jeden z najbardziej znanych formatów, bo można go znaleźć wszędzie. Dzięki niemu można mieć muzykę w dobrej jakości, a pliki są przy tym małych rozmiarów – to chyba najwygodniejsza opcja. WMA, stworzony przez Microsoft, też często się używa, zwłaszcza na komputerach z Windowsem. OGG za to to fajna alternatywa, bo jest otwarty i obsługuje różne kodeki, w tym Vorbis. Osobiście uważam, że OGG ma naprawdę dobrą jakość dźwięku i nie ma tych wszystkich ograniczeń licencyjnych, jak inne formaty. W sumie, każdy z tych formatów ma swoje miejsce, a ich wybór może mieć duże znaczenie na jakość dźwięku w różnych sytuacjach, dlatego są dość powszechnie wykorzystywane w branży muzycznej i 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 10</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-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. 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>B. 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>C. Wordpress</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> <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="avi-jest-formatem-zapisu-6cafc2cc" 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>AVI to format przechowywania</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. wyłącznie ścieżek audio</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. wyłącznie ścieżek wideo</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. ścieżek dźwiękowych oraz obrazów wideo</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. szablonu witryny internetowej</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 ograniczają się tylko do ścieżek wideo lub audio, nie biorą pod uwagę podstawowej funkcji formatu AVI, który został zaprojektowany do równoczesnej obsługi obu typów danych. Często pojawia się mylne przekonanie, że formaty multimedialne mogą obsługiwać wyłącznie jeden typ danych, co prowadzi do niepełnego zrozumienia ich możliwości. Format AVI jest zdefiniowany przez różne specyfikacje, które umożliwiają przechowywanie danych w różnych kodekach, co oznacza, że jeden plik AVI może zawierać zarówno dźwięk, jak i obraz, co jest kluczowe w kontekście produkcji wideo. Stwierdzenie, że AVI służy jedynie do przechowywania ścieżek wideo lub audio, nie uwzględnia faktu, że w branży multimedialnej często zachodzi potrzeba synchronizacji tych elementów, co czyni AVI bardzo wszechstronnym rozwiązaniem. Oprócz tego, pominięcie możliwości zapisu danych w formacie AVI w kontekście szablonów stron internetowych pokazuje brak zrozumienia dla podziału pomiędzy formatami plików multimedialnych a formatami związanych z treściami statycznymi. Szablony stron internetowych są zupełnie innym rodzajem plików, służących do budowy witryn i nie mają związku z przechowywaniem ścieżek audio i wideo. Dlatego kluczowe jest, aby zrozumieć podstawowe różnice pomiędzy różnymi formatami plików oraz ich zastosowaniami, aby uniknąć błędnych wniosków i nieprawidłowych odpowiedzi. </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="programy-przeznaczone-do-synchronizacji-sciezki-au-8a1c40c6" 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>Aplikacje służące do synchronizacji dźwięku z filmem 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-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. Adobe Premiere, Movie Maker</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. Audacity, Movie Maker</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, Adobe Premiere</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 Illustrator, Corel Draw</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź oprogramowanie Adobe Premiere i Movie Maker jest prawidłowa, ponieważ oba te programy są powszechnie stosowane do synchronizacji audio z wideo. Adobe Premiere to profesjonalne narzędzie do edycji wideo, które oferuje zaawansowane funkcje synchronizacji ścieżek dźwiękowych z obrazem, w tym możliwość automatycznego dopasowania dźwięku do obrazu za pomocą funkcji 'merge clips'. Użytkownicy mogą pracować z wieloma ścieżkami audio i wideo, co pozwala na szczegółowe dostosowanie synchronizacji. Movie Maker, chociaż mniej zaawansowany, również umożliwia podstawową synchronizację dźwięku z obrazem, co czyni go odpowiednim narzędziem dla początkujących użytkowników. Przykładem zastosowania Adobe Premiere może być produkcja filmów reklamowych, w których kluczowe jest precyzyjne dopasowanie dźwięku do wizualizacji, co znacznie zwiększa jakość finalnego produktu. W kontekście branżowych standardów, oba programy są zgodne z najlepszymi praktykami edycji wideo, co czyni je odpowiednimi wyborami w pracy nad projektami multimedialnymi. </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="ktory-schemat-koa-barw-ilustruje-dobor-kolorow-do-a0c96674" 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/20681d96-bc94-4b27-a4cb-0c1ddc33b409/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 14</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-jaki-sposob-nalezy-zaktualizowac-witryne-interne-9f01d215" 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 kroki należy podjąć, aby zaktualizować stronę internetową firmy w celu jej prawidłowego wyświetlania na urządzeniach mobilnych, jeżeli korzysta ona z szablonu opartego na tabelach, zawiera dużą ilość prezentacji Flash i została napisana w kodzie XHTML 1.01?</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. Opracować szablon na podstawie elementów blokowych CSS, przepisać kod w HTML5, usunąć wszystkie prezentacje Flash</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. Całą witrynę stworzyć w Flashu</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. Przepisać kod w HTML5, w tym znaczniki tabeli szablonu, a także usunąć wszystkie prezentacje Flash</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. Opracować szablon oparty na elementach blokowych CSS, zastąpić prezentacje Flash formatami, które nie wymagają wtyczek (pluginów), ładowanymi "na żądanie"</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Prawidłowa odpowiedź polega na zaprojektowaniu szablonu w oparciu o elementy blokowe CSS oraz zastąpieniu prezentacji Flash formatami niewymagającymi wtyczek, a ładowanymi 'na żądanie'. Przede wszystkim, stosowanie CSS do budowy layoutu witryny zamiast tabel zapewnia większą elastyczność i responsywność. Elementy blokowe CSS umożliwiają lepsze dostosowanie treści do różnych rozmiarów ekranów, co jest kluczowe w kontekście użytkowników mobilnych. Ponadto, Flash, jako technologia, stał się przestarzały i nie jest wspierany na większości nowoczesnych urządzeń mobilnych. Z tego względu, warto zastąpić go alternatywnymi formatami, takimi jak HTML5 czy SVG, które są zgodne z zasadami dostępności oraz pozwalają na lepszą optymalizację wydajności. Ładowanie zasobów 'na żądanie' to praktyka, która polega na pobieraniu elementów tylko wtedy, gdy są one potrzebne, co zmniejsza czas ładowania strony i zużycie danych. Przykładem może być użycie techniki lazy loading dla obrazów oraz wideo, co znacząco poprawia doświadczenia użytkowników mobilnych. Cały proces aktualizacji witryny do standardów HTML5 dodatkowo podnosi jej jakość i zapewnia lepszą zgodność z nowoczesnymi przeglądarkami. </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="w-ktorym-programie-jest-mozliwe-projektowanie-obie-36dc4f22" 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 można tworzyć obiekty wektorowe?</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. MovieMaker</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 Bridge</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. 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. Adobe Acrobat X Pro</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Corel Draw to jeden z wiodących programów do projektowania obiektów wektorowych, który jest powszechnie wykorzystywany w branży graficznej. Program ten umożliwia tworzenie precyzyjnych grafik, które można skalować bez utraty jakości, co jest kluczowe w projektach wymagających różnorodnych rozmiarów wydruku, takich jak ulotki, plakaty czy logotypy. Corel Draw oferuje bogaty zestaw narzędzi do rysowania, edytowania kształtów oraz pracy z tekstem, które są zgodne z najlepszymi praktykami projektowania graficznego. Przykładowo, zastosowanie narzędzi do tworzenia krzywych Bezier pozwala na uzyskanie płynnych linii i kształtów, co jest niezbędne w profesjonalnym projektowaniu. Dodatkowo, Corel Draw obsługuje różne formaty plików wektorowych, takie jak SVG czy EPS, co ułatwia współpracę z innymi programami graficznymi. W branży często wykorzystuje się ten program do tworzenia identyfikacji wizualnej firm oraz innowacyjnych projektów reklamowych. </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="jesli-w-prezentacji-beda-pojawiac-sie-znaki-towaro-7989daa9" 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/20681d96-bc94-4b27-a4cb-0c1ddc33b409/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 17</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-celu-skatalogowania-danych-na-nosniku-cd-nalezy-0a619700" 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 poprawnie skatalogować dane na płycie CD, należy wziąć pod uwagę jej maksymalną pojemność, która 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 bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. 700 MB</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. 470 MB</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. 9,4 GB</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. 4,7 GB</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 innych wartości pojemności jest błędny ze względu na nieporozumienie dotyczące standardów nośników optycznych. 4,7 GB odnosi się do pojemności standardowej płyty DVD, co jest mylone z CD. Płyty DVD są w stanie pomieścić znacznie więcej danych dzięki zastosowaniu wyższej gęstości zapisu i różnym metodom kompresji. Odpowiedź 9,4 GB dotyczy natomiast podwójnej warstwy płyty DVD, co ponownie potwierdza różnice między standardami nośników. Co więcej, wartości 470 MB i 4,7 GB wynikają z zamieszania związane z różnymi formatami płyt. 470 MB nie jest standardową pojemnością dla żadnego powszechnie używanego nośnika optycznego, co może prowadzić do nieporozumień w kontekście archiwizacji danych. Ważne jest, aby pamiętać o tym, że każda technologia ma swoje specyfikacje, które są kluczowe dla efektywnego wykorzystania nośników. Dlatego też, znajomość pojemności oraz różnic między formatami nośników optycznych jest niezbędna dla właściwego zarządzania danymi i ich archiwizacji. </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="parametrem-decydujacym-o-pynnosci-ruchu-podczas-n-3bd35a1d" 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>Czym jest parametr, który wpływa na płynność ruchu w trakcie filmowania?</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. jakość rozdzielczości filmu</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. typ formatu nagrywanego materiału</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. czas trwania ujęcia</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. ilość klatek na sekundę</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Liczba klatek na sekundę, czyli FPS, to naprawdę ważny aspekt, który wpływa na to, jak płynnie widzimy ruch w filmach. Jak masz 60 FPS, to wszystko wygląda bardziej naturalnie, zwłaszcza w szybkich scenach akcji. Zwykle filmy w kinach kręci się w 24 FPS, co jest ok dla większości fabuł, ale w telewizji czy grach, gdzie dzieje się więcej, warto postawić na 30 lub 60 FPS. Gdy klatki są zbyt niskie, to może się wydawać, że obraz skacze, co nie jest miłe dla oka. Warto dostosować liczbę klatek do tego, co oglądamy, żeby jak najlepiej cieszyć się tym, co widzimy. </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="ktory-kolor-odpowiada-zapisowi-00ff00-9915f1b8" 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 zapis #00FF00?</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. Zielony</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. Czerwony</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. 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>D. Biały</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź zielona (#00FF00) jest prawidłowa, ponieważ kod HEX #00FF00 oznacza kolor zielony w systemie kolorów RGB, gdzie pierwsza para cyfr (00) reprezentuje wartość czerwonego, druga para (FF) wartość zielonego, a ostatnia para (00) wartość niebieskiego. W praktyce, kolor zielony jest szeroko stosowany w projektowaniu graficznym, tworzeniu stron internetowych i w aplikacjach mobilnych. Jego intensywność i jasność mogą być dostosowywane przy użyciu różnych wartości HEX, co daje projektantom elastyczność w osiąganiu pożądanych efektów wizualnych. W standardach webowych, takich jak CSS, kolor zielony jest często używany jako kolor akcentujący lub tło, szczególnie w kontekście reprezentacji natury, zdrowia i zrównoważonego rozwoju. Wiedza o kolorach i ich kodach HEX jest niezbędna w pracy kreatywnych profesjonalistów, aby skutecznie komunikować przekazy wizualne i budować estetykę marki. </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="ile-wynosi-najmniejsza-czestotliwosc-probkowania-s-5be53f68" 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ą minimalną częstotliwość próbkowania musi mieć sygnał audio, aby móc zarejestrować cały zakres dźwięków słyszalnych przez człowieka?</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. 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>B. 10 kHz</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. 40 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. 60 kHz</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Odpowiedzi takie jak 60 kHz, 20 kHz i 10 kHz pokazują pewne nieporozumienia dotyczące zasad próbkowania sygnałów audio. Częstotliwość 60 kHz jest wyższa niż wymagana do rejestracji dźwięków słyszalnych przez człowieka, co może prowadzić do nieefektywnego wykorzystania pamięci i zasobów przetwarzania. Z kolei częstotliwość 20 kHz nie spełnia wymogów jakości dźwięku, ponieważ nie pozwala na uchwycenie pełnego pasma słyszalnego od 20 Hz do 20 kHz. Ponadto, przy częstotliwości 10 kHz znacząco zniekształcone byłyby dźwięki na najwyższych rejestrach, co w praktyce oznaczałoby utratę detali i jakości dźwięku. Nieprawidłowe podejścia w zakresie częstotliwości próbkowania mogą prowadzić do tzw. aliasingu, czyli błędnego odwzorowania sygnału, co jest kluczowym zagadnieniem w inżynierii dźwięku. Dlatego ważne jest, aby zawsze wybierać częstotliwości próbkowania zgodne z zasadami Nyquista, które zapewniają właściwe odwzorowanie dźwięków i ich pełne zachowanie w nagraniach. Standardy branżowe, takie jak 44,1 kHz czy 48 kHz, są właśnie odpowiedzią na te wyzwania, gwarantując jakość audio w różnych zastosowaniach. </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="jakie-kolory-powinien-zawierac-layout-strony-inter-75c278b1" 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 odcienie powinny zostać uwzględnione w układzie strony internetowej opracowywanej w oparciu o kolory podstawowe?</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. Fioletowy, pomarańczowy, zielony</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. Czerwony, żółty, niebieski</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. Fioletowy, czarny, 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>D. Czerwony, fioletowy, pomarańczowy</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 czerwony, żółty, niebieski, ponieważ są to kolory podstawowe w teorii koloru. W kontekście projektowania stron internetowych, wykorzystanie tych kolorów jako bazowych pozwala na łatwe tworzenie palety barwnej, która jest harmonijna i estetyczna. Barwy podstawowe są fundamentem dla tworzenia innych kolorów, co daje projektantom dużą elastyczność w dopasowywaniu odcieni do specyfikacji wizualnych projektu. Na przykład, czerwony może być użyty jako kolor akcentujący, żółty dodaje energii i optymizmu, a niebieski wprowadza spokój i profesjonalizm. Stosowanie kolorów podstawowych jest zgodne z zasadami kontrastu i kompozycji, co jest kluczowe dla czytelności i użyteczności strony. Warto również zaznaczyć, że zgodnie z teorią Gestalt, harmonijna kompozycja kolorów wpływa na percepcję i zachowanie użytkowników, co jest istotne przy projektowaniu interaktywnych elementów na stronach 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 22</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-algorytm-renderowania-barw-w-systemach-zarza-b1162eef" 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 algorytmów renderowania kolorów w systemach zarządzania barwą utrzymuje wizualne proporcje między kolorami na obrazie?</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. Absolutny kolorymetryczny</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. Nasyceniowy</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. Percepcyjny</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. Względny kolorymetryczny</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybierając względny kolorymetryczny, absoluteny kolorymetryczny, czy nasyceniowy, można wprowadzić istotne zniekształcenia kolorów, co negatywnie wpłynie na wizualną spójność obrazu. Względny kolorymetryczny stara się zachować relacje kolorów w odniesieniu do białego punktu, jednak nie zawsze oddaje prawdziwe odczucie kolorów w kontekście ich percepcyjnej wartości. Ta metoda może prowadzić do sytuacji, w której niektóre kolory są zniekształcone, szczególnie w przypadku ograniczonych palet barw. Natomiast absolutny kolorymetryczny, choć zachowuje biel, może powodować, że kolory poza zakresem druku lub wyświetlania stają się nieosiągalne, co również odbiega od naturalnych relacji między kolorami. Nasyceniowy algorytm z kolei skupia się na intensywności kolorów, co może prowadzić do przerysowania i nadmiernego uwydatnienia niektórych odcieni, kosztem innych, co negatywnie wpływa na ogólną estetykę obrazu. Problemy te wynikają z niepełnego zrozumienia, jak percepcja kolorów wpływa na naszą interpretację obrazu, co prowadzi do błędów w wyborze odpowiedniego algorytmu do konkretnego zastosowania. W kontekście profesjonalnego zarządzania barwą, zrozumienie różnic między tymi podejściami jest kluczowe dla uzyskania satysfakcjonujących i estetycznie spójnych rezultató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 23</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="jedna-z-technik-druku-3d-polega-na-2d2739f6" 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>Jedna z metod druku 3D polega 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. termicznym wgrzaniu wcześniej przygotowanego rysunku w materiał</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. tworzeniu obrazu z proszku, który następnie jest przenoszony na powierzchnię drukującą</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. wykonaniu formy drukarskiej, którą naciąga się na perforowany cylinder do druku</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. nakładaniu kolejnych warstw materiału, które tworzą obiekt na stole roboczym</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wśród błędnych odpowiedzi znajdują się koncepcje, które nie odzwierciedlają rzeczywistych procesów druku 3D. Tworzenie obrazu proszkowego, który następnie jest przenoszony na podłoże drukowe, przypomina bardziej techniki druku tradycyjnego, takie jak offset czy sitodruk. W 3D, kluczowe jest to, że proces produkcji odbywa się warstwa po warstwie bez przenoszenia gotowych obrazów. Termiczne wgrzanie wcześniej przygotowanego rysunku do materiału nie ma zastosowania w technologii druku 3D, gdyż w druku FDM czy SLS nie wykorzystuje się takich metod. Koncepcja wykonania formy drukowej z naciąganiem na perforowany cylinder nie ma zastosowania w kontekście druku addytywnego. Druk 3D opiera się na modelowaniu obiektów w przestrzeni 3D, a nie na wykorzystywaniu form wtryskowych czy cylinderków. Typowe błędy myślowe prowadzące do takich nieprawidłowych wniosków to mylenie technologii druku 3D z innymi metodami produkcji, które nie uwzględniają zasadniczej różnicy w podejściu do tworzenia obiektów. W praktyce, druk 3D umożliwia tworzenie skomplikowanych geometrii, które byłyby niemożliwe do uzyskania przy użyciu tradycyjnych metod, co podkreśla jego innowacyjność i znaczenie w nowoczesnym przemyśle. </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="program-audacity-przeznaczony-jest-do-edycji-3bf388e0" 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>Aplikacja Audacity służy do obróbki</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. plików audio</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. grafik wektorowych</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. grafik rastrowych</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. plików filmowych</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Audacity jest popularnym, open-source'owym oprogramowaniem do edycji dźwięku, które obsługuje wiele formatów plików audio. Umożliwia użytkownikom nagrywanie dźwięku z różnych źródeł, takich jak mikrofony, linie audio czy instrumenty muzyczne. Oprócz nagrywania, Audacity oferuje szeroki wachlarz funkcji edycyjnych, w tym cięcie, kopiowanie, wklejanie oraz stosowanie efektów dźwiękowych, takich jak pogłos, echo czy korekcja tonów. Dzięki temu program jest szeroko stosowany w różnych dziedzinach, od amatorskiego nagrywania podcastów, przez produkcję muzyki, aż po analizy akustyczne. Standardy branżowe podkreślają znaczenie używania odpowiednich narzędzi do edycji audio, co czyni Audacity istotnym ogniwem w procesie twórczym. Użytkownicy mogą także eksportować swoje projekty do różnych formatów, takich jak WAV, MP3 czy OGG, co zapewnia elastyczność w dystrybucji i publikacji 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 25</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="fotokast-to-projekt-multimedialny-stanowiacy-poac-f5d7e364" 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>Fotokast to projekt multimedialny, który łączy</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. efekty animacji zdjęć i ścieżkę muzyczną</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. slajdy z negatywami oraz efekty 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. internetowe galerie oraz obiekty wektorowe</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. statyczne obiekty wektorowe i ścieżkę muzyczną</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Fotokast to nowoczesna forma prezentacji multimedialnej, która łączy efekty animacji zdjęć z odpowiednio dobraną ścieżką muzyczną. Takie połączenie pozwala na dynamiczne i angażujące przedstawianie informacji oraz emocji. W praktyce fotokasty mogą być wykorzystywane w różnych kontekstach, takich jak edukacja, promocja produktów czy relacje z wydarzeń. Na przykład, nauczyciele mogą tworzyć fotokasty ilustrujące przebieg zajęć, co zwiększa zaangażowanie uczniów. W branży marketingowej fotokasty mogą stanowić efektywną formę reklamy wizualnej, przyciągając uwagę potencjalnych klientów. Dobrze zaprojektowany fotokast wykorzystuje zasady narracji wizualnej, w której sekwencja obrazów i dźwięków współgra ze sobą, tworząc spójną opowieść. Kluczowe w tym procesie jest zastosowanie odpowiednich narzędzi do edycji, które umożliwiają synchronizację animacji z dźwiękiem oraz jakość używanych zdjęć. Zgodnie z najlepszymi praktykami, fotokasty powinny być także optymalizowane pod kątem różnych platform prezentacyjnych, aby zapewnić ich dostępność dla szerokiego grona 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 26</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-z-histogramow-adobe-photoshop-przedstawia-751f84e9" 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/20681d96-bc94-4b27-a4cb-0c1ddc33b409/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 27</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="podczas-edycji-ksztatu-pokazanej-na-rysunku-krzy-3f37fb98" 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/20681d96-bc94-4b27-a4cb-0c1ddc33b409/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 28</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="montaz-przedstawiony-na-rysunku-mozliwy-jest-do-wy-37baff6b" 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/20681d96-bc94-4b27-a4cb-0c1ddc33b409/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 29</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ilustracja-przedstawia-a5bdba41" 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>Rysunek ilustruje</p> <figure class="figure mt-3"> <img src="/images/53934.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. obiektyw</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. wizjer</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. mikrofon</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. stativ</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Na ilustracji widzimy statyw, który jest super przydatny, jeśli chodzi o robienie zdjęć czy kręcenie filmów. Zdecydowanie ułatwia życie w sytuacjach, gdy trzeba ustawić aparat na dłużej, na przykład w ciemniejszych warunkach. Te regulowane nogi i głowica są naprawdę fajne, bo można je dopasować do różnych wysokości i kątów, co daje duże możliwości w różnorodnych warunkach fotograficznych. </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="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. 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>B. 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>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 31</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="domena-publiczna-gromadzi-materiay-cyfrowe-ktore-385fc4b0" 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>Domena publiczna zawiera zasoby cyfrowe, które nie są objęte ochroną prawną, ponieważ od momentu zgonu twórcy minęło co najmniej</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. 125 lat</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. 100 lat</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. 25 lat</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. 70 lat</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 70 lat jest prawidłowa, ponieważ zgodnie z międzynarodowymi standardami praw autorskich, w tym zgodnie z Konwencją Berneńską, czas ochrony praw autorskich trwa przez życie autora oraz przez 70 lat po jego śmierci. Oznacza to, że po upływie tego okresu, dzieła stają się częścią domeny publicznej, co umożliwia ich swobodne wykorzystywanie bez konieczności uzyskiwania zgody spadkobierców. Przykładem może być literatura klasyczna, jak na przykład dzieła Williama Szekspira czy Fryderyka Chopina, które po upływie 70 lat od śmierci swoich twórców mogą być w pełni wykorzystywane, adaptowane i publikowane bez obaw o naruszenie praw autorskich. W praktyce, artyści, twórcy i badacze mogą czerpać z tych zasobów, aby tworzyć nowe dzieła, co przyczynia się do rozwoju kultury i sztuki. Dzięki przestrzeganiu tych zasad, rozwija się także innowacyjność i współpraca w obszarze twórczości. </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-z-wymienionych-formatow-wideo-jest-najczesci-bc0baa00" 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 wymienionych formatów wideo jest najczęściej używany do przesyłania strumieniowego?</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. MKV</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. MOV</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. 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>D. AVI</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> MP4 to jeden z najpopularniejszych formatów plików wideo, szczególnie w kontekście przesyłania strumieniowego. Jego popularność wynika z doskonałej równowagi między jakością a wielkością pliku. MP4, czyli MPEG-4 Part 14, jest formatem kontenera multimedialnego, który może przechowywać wideo, audio oraz napisy, co czyni go wszechstronnym narzędziem do dystrybucji treści multimedialnych. Co więcej, MP4 jest kompatybilny z większością urządzeń i platform, w tym z popularnymi przeglądarkami internetowymi i urządzeniami mobilnymi, co dodatkowo zwiększa jego zastosowanie w strumieniowaniu. Warto również dodać, że MP4 obsługuje kompresję danych wideo za pomocą kodeka H.264, co jest obecnie standardem w branży. Ten kodek pozwala na wysoką jakość obrazu przy stosunkowo niskiej przepustowości, co jest kluczowe w kontekście przesyłania strumieniowego. Dzięki temu, MP4 jest preferowanym wyborem dla dostawców treści internetowych, takich jak YouTube czy Netflix. W praktyce, wybierając format MP4 dla strumieniowania, zapewniamy zarówno szeroką dostępność, jak i efektywność transmisji danych, co jest krytyczne w dobie rosnącego zapotrzebowania na treści multimedialne online. </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="obejrzenie-tekstu-na-wszystkich-komputerach-bez-w-1ebe206a" 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>Wyświetlenie tekstu na wszystkich komputerach, niezależnie od zainstalowanych fontów, jest możliwe dzięki uruchomieniu w programie graficznym polecenia</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. Przekształć w krzywe</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. Automatyzuj</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. Debuguj</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. Przekształć kontur w obiekt</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź "Przekształć w krzywe" jest na pewno dobra, bo ta funkcja w programach graficznych, takich jak Adobe Illustrator czy CorelDRAW, pozwala zamienić tekst na obiekty wektorowe. Dzięki temu, niezależnie od tego, jakie czcionki są zainstalowane na komputerze, na którym otworzysz plik, tekst będzie wyglądał tak, jak zaplanował to projektant. Jak zamienisz tekst w krzywe, to nie musisz się martwić, że coś się zepsuje, gdy czcionka nie jest dostępna na danym urządzeniu. To jest bardzo ważne, szczególnie przy przygotowywaniu plików do druku, bo wtedy masz pewność, że wszystkie elementy graficzne będą odwzorowane poprawnie, a jakość druku się nie pogorszy. Właściwie to przekształcanie tekstu w krzywe to standardowa rzecz przed eksportem plików do pdf-a. Dzięki temu masz pewność, że wszystko będzie działać na różnych systemach operacyjnych. To jest właściwa praktyka, żeby zabezpieczyć swoje projekty przed nieoczekiwanymi problemami z czcionkami. </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="ekspozycja-podczas-rejestracji-obrazu-to-30ce7f31" 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 ekspozycja w kontekście 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-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. naświetlenie elektronicznego detektora obrazu</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. rozszczepienie światła na składnikowe barwy</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. zapisanie obrazu optycznego na nośniku 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>D. wyświetlenie obrazu na wyświetlaczu LCD aparatu</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Ekspozycja podczas rejestracji obrazu odnosi się do procesu naświetlania elektronicznego detektora obrazu, co jest kluczowe w cyfrowym przetwarzaniu obrazów. W praktyce oznacza to, że światło pada na matrycę sensora, która rejestruje intensywność i kolor światła, tworząc finalny obraz. W przypadku aparatów cyfrowych detektor obrazu, najczęściej w postaci matrycy CCD lub CMOS, odpowiada za przekształcenie światła na sygnał elektryczny. Zrozumienie tego procesu jest niezbędne dla każdego fotografa, ponieważ odpowiednia ekspozycja wpływa na jakość zdjęć, ich jasność oraz szczegółowość. W praktyce, dobór czasu naświetlania, przysłony oraz czułości ISO pozwala na kontrolowanie ekspozycji i w efekcie uzyskanie pożądanych rezultatów wizualnych. Profesjonalni fotografowie często posługują się histogramami i technikami bracketingu, aby zapewnić optymalną ekspozycję w różnych warunkach oświetleniowych, co jest zgodne z najlepszymi praktykami branżowymi. </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="publikujac-projekt-multimedialny-w-ktorym-uzyto-c-3f8b2172" 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>Przy publikacji projektu multimedialnego, w którym wykorzystano cytaty z dzieł literackich, należy pamiętać, aby umieszczone fragmenty tekstu</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. oznakować wypunktowaniem.</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. pogrubić.</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. pochylić.</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. oznakować jako cytat.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Oznaczanie cytatów w projektach multimedialnych jest kluczowym elementem poszanowania praw autorskich oraz zachowania przejrzystości w prezentacji treści. Umieszczając cytaty, należy je wyraźnie oznaczyć, aby odbiorca mógł łatwo zidentyfikować, które fragmenty tekstu pochodzą od innych autorów. W praktyce oznaczenie cytatu może obejmować użycie cudzysłowów, a także wskazanie źródła, z którego pochodzi dany fragment. Takie podejście jest zgodne z ogólnymi zasadami cytowania oraz standardami akademickimi, które zalecają, aby cytaty były wyraźnie oddzielone od tekstu głównego. Na przykład, w publikacjach naukowych często stosuje się format APA lub MLA, które proponują specifikę w oznaczaniu cytatów, podkreślając wagę etyki w badaniach. Dobre praktyki wskazują, że poprawne oznaczenie cytatu nie tylko zwiększa wiarygodność projektu, ale także pozwala uniknąć zarzutów o plagiat, co jest kluczowe w każdej formie publikacji. </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="do-zaprojektowania-strony-tytuowej-prezentacji-s-2a039d0c" 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 stworzyć stronę tytułową prezentacji opartej na kolażu zdjęć, należy skorzystać z oprogramowania</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. Ashampoo Snap</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. Picture Manager</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. Adobe Photoshop</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. Prezi</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Adobe Photoshop jest uznawany za jeden z najpotężniejszych programów do edycji grafiki rastrowej, co czyni go idealnym narzędziem do zaprojektowania strony tytułowej prezentacji opartej na kolażu zdjęć. Jego zaawansowane funkcje pozwalają na precyzyjne manipulowanie obrazami, co umożliwia tworzenie profesjonalnie wyglądających kompozycji. Można swobodnie korzystać z warstw, co ułatwia organizację elementów graficznych. Dzięki bogatej bibliotece filtrów i efektów, użytkownik może dodać unikalne akcenty, które wyróżnią prezentację. Przykładowo, użycie narzędzia do korekcji kolorów pozwala na harmonizację tonów zdjęć, a funkcja maskowania umożliwia płynne łączenie różnych obrazów bez widocznych krawędzi. Ponadto, Photoshop wspiera różne formaty plików, co pozwala na łatwe eksportowanie gotowego projektu do formatu odpowiedniego dla prezentacji multimedialnych, jak np. JPEG lub PNG. Warto również podkreślić, że znajomość Photoshopa to powszechnie ceniona umiejętność w branży kreatywnej, co sprawia, że inwestycja w naukę tego programu przynosi długoterminowe korzyś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 37</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-celu-uzyskania-cyfrowej-kopii-fotografii-czarno-06ed3693" 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ć cyfrową wersję fotografii czarno-białej, należy wykonać proces</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. kopiowania stykowego</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. kopiowania optycznego</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. skanowania oryginału transparentnego</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. skanowania oryginału refleksyjnego</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Skanowanie oryginału refleksyjnego to proces digitizacji, który polega na przekształceniu fizycznych odcisków czarno-białych fotografii w postać cyfrową. Używa się w tym celu skanera, który oświetla zdjęcie i rejestruje odbite światło. To podejście jest standardem w profesjonalnej archiwizacji i konserwacji fotografii, ponieważ pozwala na uzyskanie wysokiej jakości obrazów z zachowaniem detali oraz tonalności. W praktyce, podczas skanowania oryginału refleksyjnego, istotne jest dobranie odpowiednich ustawień skanera, takich jak rozdzielczość (najlepiej minimum 300 dpi dla zdjęć) oraz głębia kolorów. Dobrą praktyką jest także stosowanie skanerów dedykowanych dla fotografii, które często oferują funkcje poprawy jakości obrazu. Dzięki temu możemy uzyskać wierne odwzorowanie oryginału, co jest niezwykle ważne w kontekście archiwizacji dzieł sztuki czy dokumentów historycznych. Skanowane obrazy mogą być następnie edytowane czy publikowane w zasobach internetowych, co otwiera nowe możliwości ich popularyzacji. </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-uzyskania-efektu-maej-gebi-ostrosci-na-zdjeci-9a76f29e" 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ć efekt niewielkiej głębi ostrości na fotografii poza pierwszym planem, co należy zastosować?</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. wypaczenie</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. wyostrzenie</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. rozmycie</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. odszumienie</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Rozmycie jest techniką używaną do uzyskania efektu małej głębi ostrości na zdjęciu, co pozwala na izolowanie pierwszego planu od tła. Efekt ten można osiągnąć poprzez zastosowanie dużej przysłony (małej liczby f), co powoduje, że pole ostrości jest ograniczone do najbliższych obiektów, a wszystko poza tym obszarem staje się rozmyte. Technika ta jest szczególnie cenna w fotografii portretowej, gdzie fotograf może skupić uwagę widza na modelu, eliminując niepotrzebne detale z tła. Rozmycie tła nie tylko podkreśla główny obiekt, ale również może dodać artystycznego charakteru zdjęciu, tworząc przyjemny efekt bokeh. Warto zwrócić uwagę na różne rodzaje obiektywów, które oferują różne możliwości w zakresie rozmycia, na przykład obiektywy o dużej przysłonie, takie jak f/1.4 lub f/1.8, są często preferowane do tego celu. Dobrym przykładem może być zdjęcie portretowe, gdzie tło jest miękko rozmyte, co sprawia, że postać staje się centralnym punktem kompozycji, co jest praktyką szeroko stosowaną w branży 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 39</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 40</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="wsporzedne-modelu-kolorow-hsl-to-d5614672" 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ą współrzędne w modelu kolorów HSL?</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. barwa, nasycenie, jasność</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. kontrast, nasycenie, jasność</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. barwa, saturacja, oświetlenie</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. odcień, separacja, oświetlenie</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Odpowiedź 'barwa, saturacja, oświetlenie' ma kilka problemów. W modelu HSL rzeczywiście mamy barwę i nasycenie, ale zamiast 'oświetlenia', powinno być 'jasność'. Oświetlenie zazwyczaj dotyczy tego, jak światło wpływa na postrzeganie kolorów, więc to inna bajka. Jeśli zaś chodzi o 'kontrast, nasycenie, jasność', to też nie jest to poprawny zestaw – kontrast to różnica w jasności pomiędzy kolorami, a nie jeden z elementów HSL. W ostatniej odpowiedzi 'odcień, separacja, oświetlenie' znowu pojawia się nieporozumienie. Odcień to synonim barwy, ale separacja nie ma nic wspólnego z HSL. Te zamieszania pokazują, że jest sporo błędów w interpretacji kolorów, co może zaowocować kłopotami przy pracy z narzędziami graficznymi. Dobrze jest znać definicje terminów związanych z kolorami, by lepiej się czuć w branży kreatywnej. </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-organizacji-turystyki/HGT.08/" class="footer-link"> <span>HGT.08</span> <small class="text-muted">(316)</small> </a> </div> <div class="col-6"> <a href="/technik-analityk/CHM.04/" class="footer-link"> <span>CHM.04</span> <small class="text-muted">(500)</small> </a> </div> <div class="col-6"> <a href="/technik-turystyki-na-obszarach-wiejskich/HGT.09/" class="footer-link"> <span>HGT.09</span> <small class="text-muted">(363)</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="/tapicer/DRM.05/" class="footer-link"> <span>DRM.05</span> <small class="text-muted">(328)</small> </a> </div> <div class="col-6"> <a href="/technik-stylista/MOD.03/" class="footer-link"> <span>MOD.03</span> <small class="text-muted">(545)</small> </a> </div> <div class="col-6"> <a href="/technik-eksploatacji-portow-i-terminali/SPL.02/" class="footer-link"> <span>SPL.02</span> <small class="text-muted">(525)</small> </a> </div> <div class="col-6"> <a href="/technik-budowy-jednostek-pywajacych/TWO.03/" class="footer-link"> <span>TWO.03</span> <small class="text-muted">(146)</small> </a> </div> <div class="col-6"> <a href="/technik-mechanik-okretowy/TWO.06/" class="footer-link"> <span>TWO.06</span> <small class="text-muted">(139)</small> </a> </div> <div class="col-6"> <a href="/technik-drog-kolejowych-i-obiektow-inzynieryjnych/TKO.03/" class="footer-link"> <span>TKO.03</span> <small class="text-muted">(230)</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>