A.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. <body></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. <head></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. <meta></span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź <body> jest prawidłowa, ponieważ to właśnie w tej sekcji dokumentu HTML umieszczana jest właściwa treść strony internetowej, która jest wyświetlana użytkownikom. Znaczniki w obrębie <body> definiują wszystkie elementy, które będą widoczne na stronie, takie jak teksty, obrazy, linki, formularze i inne komponenty interaktywne. W praktyce, to właśnie w <body> implementuje się różnorodne style i skrypty, które wpływają na wygląd i funkcjonalność witryny. Dobrą praktyką jest również organizowanie treści w odpowiednie struktury, takie jak nagłówki (np. <h1>, <h2>), akapity (<p>) oraz listy (<ul>, <ol>), co wspomaga zarówno dostępność treści, jak i SEO. Warto pamiętać, że semantyka HTML ułatwia przetwarzanie treści przez wyszukiwarki oraz czytniki ekranowe, co z kolei pozytywnie wpływa na doświadczenia użytkowników. W związku z tym, umiejętne zarządzanie zawartością w sekcji <body> jest kluczowym aspektem projektowania 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 30</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktore-oprogramowanie-umozliwia-wykonanie-prezentac-24b24c89" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie oprogramowanie pozwala na stworzenie prezentacji z wykorzystaniem nielinearnej nawigacji oraz układu myśli?</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. Prezi Desktop</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 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>C. Adobe InDesign</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 Viewer</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Prezi Desktop to oprogramowanie, które umożliwia tworzenie interaktywnych prezentacji z nielinearną nawigacją oraz układem przypominającym mapę myśli. Kluczową cechą Prezi jest możliwość dynamicznego poruszania się po różnych elementach prezentacji, co pozwala na elastyczne dostosowywanie narracji do potrzeb odbiorców. Dzięki temu, prezentacje nie są ograniczone do linearnego przechodzenia przez slajdy, jak to ma miejsce w tradycyjnych narzędziach takich jak PowerPoint. Użytkownik może nawigować w dowolnym kierunku, co sprzyja lepszemu zrozumieniu złożonych tematów oraz angażuje publiczność. Zastosowanie tego typu nawigacji jest szczególnie przydatne w edukacji, marketingu oraz wszelkich prezentacjach wymagających interakcji z odbiorcami. Dodatkowo, Prezi Desktop umożliwia integrację z różnorodnymi multimediami i grafiką, co wzbogaca wizualną stronę prezentacji. W branży często stosuje się zasady projektowania wizualnego, które sugerują, że interaktywność może znacząco zwiększać zainteresowanie i zapamiętywanie informacji przez 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 31</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktore-narzedzie-programu-adobe-photoshop-umozliwia-4f843862" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie narzędzie w programie Adobe Photoshop pozwala na rozdzielenie layoutu zapisanego w formacie PSD na elementy, które można edytować w HTML?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. Cięcie na plasterki.</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. Zaznaczenie prostokątne.</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. Pióro.</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. Przycinanie.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Cięcie na plasterki to jedno z kluczowych narzędzi w programie Adobe Photoshop, które umożliwia podział layoutu zapisanego w formacie PSD na elementy edytowalne w kodzie HTML. Dzięki temu narzędziu projektant może wyodrębnić poszczególne sekcje grafiki, które następnie mogą być zastosowane w kontekście tworzenia stron internetowych. Przy użyciu funkcji cięcia na plasterki, użytkownik ma możliwość precyzyjnego określenia, które fragmenty projektu powinny być oddzielone, co jest niezbędne do ich zaimplementowania w kodzie HTML jako osobne obrazy lub linki. To narzędzie stosuje się często w praktyce przy tworzeniu responsywnych stron internetowych, gdzie różne elementy muszą być odpowiednio przystosowane dla różnych urządzeń. Współczesne standardy webowe, takie jak HTML5 i CSS3, podkreślają konieczność efektywnego zarządzania grafiką w projektach internetowych, co czyni cięcie na plasterki niezwykle praktycznym i niezbędnym narzędziem. </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-plikow-muzycznych-na-3a463bce" 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 typów plików audio najlepiej nadaje się do publikacji w sieci?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. WMA</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. WAV</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. MP3</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. MP4</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> MP3 to jeden z tych formatów audio, które praktycznie każdy zna. Jest super popularny, zwłaszcza w sieci. Jego największa zaleta? Dzięki kompresji dźwięku pliki są mniejsze, co sprawia, że łatwo je przesyłać i szybko ładują się na stronach. Z algorytmem stratnej kompresji MP3 da się osiągnąć niezłą jakość dźwięku, mimo że pliki są znacznie mniejsze niż te bezstratne, jak WAV. Z własnego doświadczenia mogę powiedzieć, że sporo platform muzycznych, takich jak Spotify czy Apple Music, używa MP3, żeby dać nam dostęp do ogromnej bazy utworów. Co ważne, MP3 działa na praktycznie wszystkich urządzeniach, co czyni go naprawdę uniwersalnym wyborem dla twórców treści. Warto pamiętać, że przy publikacjach internetowych liczy się nie tylko wybór formatu, ale też jakość dźwięku i czas ładowania – to wszystko wpływa na doświadczenie 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 33</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktorym-znakiem-zawartym-w-cudzysowie-musi-konczyc-151c07c3" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakim znakiem w cudzysłowie powinna kończyć się każda instrukcja w języku skryptowym Perl?</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. .</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. :</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. ,</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. ;</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 znak ';', który jest wymagany do zakończenia każdej komendy w języku skryptowym Perl. W Perl każdy pojedynczy wyraz polecenia musi być zakończony średnikiem, co pozwala interpreterowi na rozróżnienie między kolejnymi instrukcjami. Na przykład, w prostym skrypcie Perl, aby zdefiniować zmienną i przypisać jej wartość, zastosujemy zapis: '$a = 10;'. Zastosowanie średnika na końcu komendy jest standardem, który zapewnia poprawność składni i umożliwia właściwe wykonanie kodu. To podejście jest zgodne z analogicznymi praktykami w wielu językach programowania, takich jak C, C++ czy Java, gdzie również stosuje się średnik do oddzielania instrukcji. Prawidłowe zrozumienie reguł składniowych Perla jest kluczowe nie tylko dla poprawnego działania skryptów, ale również dla ich czytelności i utrzymania, co jest fundamentalne w programowaniu. Dobrą praktyką jest również stosowanie czytelnych nazw zmiennych i struktur, co w połączeniu z odpowiednim formatowaniem kodu, ułatwia jego późniejszą modyfikację oraz debugowanie. </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="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-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. pozycjonowanie</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. 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>C. debugowanie</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. kodowanie znaków</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 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktorego-narzedzia-w-programie-adobe-illustrator-na-4f6458b3" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie narzędzie w programie Adobe Illustrator powinno być zastosowane, aby pokolorować obszary wyznaczone przez kontury?</p> <figure class="figure mt-3"> <img src="/images/53940.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. Modyfikowania krycia symboli</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. Aktywnego wiadra z farbą</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. Rozpylania symboli</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. Generatora kształtów</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Narzędzie aktywnego wiadra z farbą w Adobe Illustrator pozwala na szybkie i łatwe wypełnianie obszarów zamkniętych liniami, niezależnie od tego, czy linie te stanowią rzeczywiste ścieżki czy są tylko wizualnie zamknięte. Wystarczy kliknąć w odpowiedni obszar, aby wypełnić go wybranym kolorem, co znacząco przyspiesza proces kolorowania skomplikowanych kompozycji. </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="ktory-efekt-umozliwia-czasowe-pojawianie-sie-i-zan-5aa7a1cd" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jaki efekt pozwala na tymczasowe ukazywanie się oraz znikanie elementów banera reklamowego?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. Dyfuzji</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Fragmentacji</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. Rasteryzacji</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. Animacji</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Rasteryzacja odnosi się do procesu przekształcania obrazów wektorowych w obrazy rastrowe, co nie ma związku z dynamicznymi efektami wizualnymi. W kontekście banerów reklamowych, rasteryzacja ma swoje zastosowanie, ale nie dotyczy czasowego pojawiania się elementów. Dyfuzja to termin najczęściej używany w kontekście fizyki lub chemii, gdzie oznacza rozprzestrzenianie się cząsteczek. W reklamie internetowej nie jest terminem odnoszącym się do animacji, więc nie ma tu zastosowania. Fragmentacja, z kolei, odnosi się do podziału danych na mniejsze części, co w kontekście banerów reklamowych nie ma zastosowania w kontekście animacji. Często mylone pojęcia prowadzą do nieporozumień, dlatego ważne jest, aby zrozumieć konkretne definicje terminów używanych w obszarze grafiki komputerowej i reklamy. Wiele osób może myśleć, że różne techniki graficzne są wymienne, ale każda z nich ma swoje specyficzne zastosowanie i kontekst. Kluczowe jest, aby przy projektowaniu banerów reklamowych, rozróżniać te pojęcia i stosować odpowiednie techniki do osiągnięcia zamierzonych efektów wizualnych oraz komunikacyjnych. </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="dziaanie-srodka-gasniczego-polega-na-tumieniu-5616c272" 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>Funkcja środka gaśniczego polega na zwalczaniu ognia. Jest on używany do gaszenia w fazie początkowej, zwłaszcza do gaszenia ognia na osobie oraz cieczy łatwopalnych w zbiornikach.</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. Gaśnicy proszkowej</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. Koca gaśniczego</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. Strumienia wody</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. Gaśnicy śniegowej</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Opis dotyczy gaśnicy proszkowej, która jest powszechnie stosowana do gaszenia pożarów w ich wczesnym stadium, w tym pożarów cieczy łatwopalnych oraz palących się materiałów stałych. Gaśnice proszkowe działają na zasadzie rozpraszania proszku gaśniczego, który tłumi ogień poprzez odcięcie dostępu tlenu oraz obniżenie temperatury palącego się materiału. W praktyce, gaśnice te skutecznie gaszą pożary klasy A (materiały stałe), B (cieczy łatwopalne) oraz C (gazy). Z tego powodu są niezwykle wszechstronne i mogą być stosowane w różnych środowiskach, od przemysłu po domowe zastosowanie. Zaleca się, aby gaśnice proszkowe były regularnie serwisowane oraz sprawdzane, aby zapewnić ich skuteczność w razie potrzeby. Wszyscy użytkownicy, szczególnie ci w miejscach pracy, powinni być przeszkoleni w zakresie obsługi gaśnic, co jest zgodne z normami BHP oraz standardami ochrony przeciwpożarowej. Przykładem zastosowania gaśnicy proszkowej może być gaszenie pożaru w warsztacie, gdzie łatwopalne materiały są w powszechnym użyciu, co czyni je szczególnie narażonymi na wystąpienie pożaru. </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="na-ktorej-ilustracji-zastosowano-filtr-o-nazwie-ks-8cd911eb" 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/d33e71bd-c829-49e2-be64-eb53bbea8aba/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 39</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="do-wydrukowania-zdjecia-formatu-a4-odpowiednia-jes-a7262635" 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ą rozdzielczość należy zastosować do wydruku zdjęcia w formacie A4?</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. 300 dpi</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. 72 dpi</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. 150 dpi</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. 96 dpi</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 300 dpi (punktów na cal) jest prawidłowa, ponieważ jest to standardowa rozdzielczość wykorzystywana do druku zdjęć w formacie A4, która zapewnia wysoką jakość wydruku. Przy tej rozdzielczości zdjęcia są wystarczająco szczegółowe, aby zachować ostrość i klarowność detali, co jest szczególnie istotne w przypadku fotografii artystycznej i profesjonalnych wydruków. Na przykład, w druku fotograficznym czy wydrukach reklamowych, 300 dpi to minimalna wartość, która umożliwia uzyskanie zadowalających efektów wizualnych. W praktyce, stosowanie tej rozdzielczości pozwala uniknąć efektu pikselizacji, co jest kluczowe w przypadku dużych formatów druku. Dodatkowo, zgodnie z zaleceniami branżowymi, rozdzielczość 300 dpi jest uznawana za optymalną dla druków, które mają być oglądane z bliska. Na przykład, jeśli planujesz wydrukować zdjęcie na wysokiej jakości papierze fotograficznym, 300 dpi zagwarantuje, że kolory i detale będą odwzorowane z maksymalną precyzją. </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="w-wyniku-digitalizacji-pozytywow-otrzymuje-sie-a6d83d4a" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>W procesie digitalizacji pozytywów uzyskuje się</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. prezentacje</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. obrazy 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>C. animacje</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. obrazy rastrowe</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> W wyniku digitalizacji pozytywów, czyli procesów skanowania lub przekształcania fizycznych materiałów fotograficznych na formaty cyfrowe, otrzymuje się obrazy rastrowe. Obrazy te są zbudowane z pikseli, co oznacza, że każdy piksel reprezentuje określony kolor i jasność. Digitalizacja pozytywów jest powszechnie stosowana w fotografii i archiwizacji, szczególnie w kontekście zachowania dziedzictwa kulturowego. Przykładem może być digitalizacja starych zdjęć, które są następnie przechowywane w formie rastrowej, co pozwala na ich edycję w programach graficznych, takich jak Adobe Photoshop. W praktyce, standardem w archiwizacji jest stosowanie rozdzielczości co najmniej 300 dpi (punktów na cal), co zapewnia odpowiednią jakość obrazu przy wydruku. Dobre praktyki obejmują także formaty plików, takie jak TIFF, które oferują większą elastyczność w zakresie zachowania szczegółów obrazu w porównaniu do formatów skompresowanych, takich jak JPEG. </div> </div> </article> <!-- 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-sterylizacji-medycznej/MED.12/" class="footer-link"> <span>MED.12</span> <small class="text-muted">(625)</small> </a> </div> <div class="col-6"> <a href="/technik-programista/INF.03/" class="footer-link"> <span>INF.03</span> <small class="text-muted">(2 426)</small> </a> </div> <div class="col-6"> <a href="/pracownik-pomocniczy-obsugi-hotelowej/HGT.05/" class="footer-link"> <span>HGT.05</span> <small class="text-muted">(160)</small> </a> </div> <div class="col-6"> <a href="/asystent-kierownika-produkcji-filmowej-i-telewizyjnej/AUD.01/" class="footer-link"> <span>AUD.01</span> <small class="text-muted">(321)</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-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-organizacji-turystyki/HGT.07/" class="footer-link"> <span>HGT.07</span> <small class="text-muted">(822)</small> </a> </div> <div class="col-6"> <a href="/technik-elektronik/ELM.02/" class="footer-link"> <span>ELM.02</span> <small class="text-muted">(564)</small> </a> </div> <div class="col-6"> <a href="/technik-archiwista/EKA.03/" class="footer-link"> <span>EKA.03</span> <small class="text-muted">(277)</small> </a> </div> <div class="col-6"> <a href="/technik-hodowca-koni/ROL.06/" class="footer-link"> <span>ROL.06</span> <small class="text-muted">(271)</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>