Znacznik w dokumentach HTML jest kluczowym elementem, który definiuje początek sekcji nagłówkowej dokumentu. Sekcja ta zawiera meta informacje, które są istotne dla przeglądarek internetowych oraz wyszukiwarek, ale nie są bezpośrednio wyświetlane na stronie. W nagłówku można umieścić takie elementy jak tytuł strony (
), odwołania do arkuszy stylów CSS, skrypty JavaScript, a także meta tagi, które informują o autorze, opisie czy słowach kluczowych. Zgodnie z standardami W3C, poprawne zdefiniowanie nagłówka jest niezbędne dla prawidłowego działania dokumentu HTML, co ma wpływ na SEO oraz na sposób, w jaki strona jest renderowana. Przykładowo, title jest kluczowym elementem, ponieważ pojawia się na pasku tytułowym przeglądarki oraz w wynikach wyszukiwania, co podkreśla znaczenie sekcji <HEAD> w kontekście organizacji i prezentacji treści. Dlatego znajomość struktury dokumentów HTML oraz poprawnego użycia znaczników jest niezbędna w codziennej pracy web dewelopera. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 30</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="przedstawiony-na-ilustracji-szablon-kompozycji-gra-e41909c0" 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/5310a4fc-5f70-43d7-8d4f-d757a381d077/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 31</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="tworzac-prezentacje-multimedialna-o-charakterze-me-addde53c" 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>Przygotowując multimedialną prezentację o tonie melancholijnym i spokojnym, powinniśmy wybrać kolor</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. szarobłękitny.</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. pomarańczowy.</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. 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>D. zielony.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Szarobłękitna barwa jest idealnym wyborem do tworzenia prezentacji o charakterze melancholijnym i spokojnym, ponieważ jej tonacja wywołuje uczucia refleksji i wyciszenia. W psychologii kolorów, zimne odcienie, takie jak błękit i szarość, są często kojarzone z tranquillity i introspekcją. Wywołują one uczucia spokoju, co jest kluczowe w kontekście melancholijnym. Przykładem zastosowania tej barwy może być użycie szarobłękitnego tła w slajdach, które wspiera przekaz emocjonalny prezentacji oraz ułatwia skupienie się na treści. Dobrym standardem w projektowaniu prezentacji jest również zapewnienie kontrastu między tekstem a tłem, co sprawia, że informacje są bardziej czytelne. Warto również dodać, że w praktyce artystycznej i graficznej, szarobłękitna paleta barw często używana jest w dziełach, które mają na celu wywołanie nostalgii lub głębszej refleksji, co idealnie pasuje do tematu prezentacji. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 32</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-efekt-specjalny-zastosowano-na-prezentowanym-573397e4" 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/5310a4fc-5f70-43d7-8d4f-d757a381d077/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 33</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="cyfrowy-obraz-rastrowy-skada-sie-z-9333a89e" 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>Rastrowy obraz cyfrowy jest zbudowany z</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. krzywych</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. ścieżek</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. węzłó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. pikseli</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 'pikseli' jest jak najbardziej trafna, bo obraz rastrowy to nic innego jak właśnie siatka pikseli. Każdy z tych pikseli ma przypisany kolor, co sprawia, że cały obraz wygląda tak, a nie inaczej. W codziennym życiu raczej często spotykamy się z obrazami rastrowymi – weźmy na przykład zdjęcia w formacie JPEG czy PNG. Zmiana koloru tylko jednego piksela może naprawdę wpłynąć na to, jak całość się prezentuje. Fajnie jest też wiedzieć, że rozdzielczość obrazu ma znaczenie, bo im wyższa, tym lepsza jakość. To ważne, zwłaszcza jak myślimy o druku czy wyświetlaniu na dużych ekranach. Na koniec dodam, że obrazy rastrowe różnią się od wektorowych, które nie są oparte na pikselach, lecz na krzywych i ścieżkach, przez co mogą być powiększane bez straty jakoś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 34</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="na-ktorym-histogramie-adobe-photoshop-przedstawi-2f0ca722" 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/5310a4fc-5f70-43d7-8d4f-d757a381d077/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 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="najmniej-miejsca-na-dysku-zajmie-ten-sam-obraz-cyf-2505e067" 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>Najmniej przestrzeni na dysku zajmie ten sam cyfrowy obraz zapisany w formacie</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. RAW</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. TIFF</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. PSD</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. JPEG</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź JPEG jest poprawna, ponieważ ten format kompresji obrazu jest zaprojektowany tak, aby zmniejszać rozmiar plików przy zachowaniu akceptowalnej jakości wizualnej. JPEG stosuje stratną kompresję, co oznacza, że część danych dotyczących obrazu jest usuwana, aby zmniejszyć objętość pliku. Dzięki temu format JPEG jest idealny do fotografii cyfrowej oraz publikacji internetowych, gdzie ograniczenia dotyczące miejsca na dysku i szybkości ładowania są kluczowe. Na przykład, zdjęcia publikowane w serwisach społecznościowych są często konwertowane na format JPEG, co pozwala na efektywne zarządzanie przestrzenią dyskową oraz szybkie przesyłanie danych. Jest to powszechny standard w branży, stosowany zarówno przez amatorów, jak i profesjonalnych fotografów. JPEG jest również obsługiwany przez większość programów graficznych i platform, co czyni go uniwersalnym wyborem dla użytkowników na całym świecie. W przypadku obrazów, które nie wymagają edycji, JPEG jest najlepszym wyborem, aby zminimalizować rozmiar pliku bez znacznej utraty jakoś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 36</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="wskaz-jednostke-rozdzielczosci-i-tryb-koloru-ktor-a78d8b4c" 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>Określ jednostkę rozdzielczości oraz tryb kolorystyczny, które powinny zostać ustalone przy przygotowywaniu zdjęć cyfrowych do projektu witryny internetowej.</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. lpi i RGB</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. ppi i RGB</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. spi i CMYK</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. dpi i CMYK</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 ppi i RGB, ponieważ 'ppi' (pixels per inch) jest jednostką rozdzielczości wskazującą, ile pikseli znajduje się na jednym calu obrazu. Jest to istotne w kontekście przygotowywania fotografii cyfrowych do wyświetlania w Internecie, gdzie wyższa rozdzielczość ppi przekłada się na lepszą jakość wizualną na ekranach. Z kolei 'RGB' (Red, Green, Blue) to tryb koloru, który jest standardem w elektronice oraz w grafice komputerowej, idealnym do wyświetlania obrazów na monitorach. Przygotowując zdjęcia do galerii internetowej, zaleca się używanie RGB, ponieważ większość urządzeń wyświetlających, takich jak monitory komputerowe czy smartfony, wykorzystuje ten model kolorów. Zastosowanie ppi i RGB pozwala na uzyskanie optymalnej jakości wizualnej oraz efektywności wyświetlania, co wpływa na pozytywne doświadczenie użytkowników przeglądających galerię. Przykładowo, zdjęcia przygotowane w rozdzielczości 72 ppi są wystarczające do wyświetlania w Internecie, a w przypadku druku warto zadbać o wyższą rozdzielczość, na poziomie 300 ppi. </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="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-1 border-secondary "> <div class="flex-grow-1"> <span>A. Adobe InDesign</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. 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>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 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 38</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="formatami-zapisu-broszury-informacyjnej-w-postaci-3a9f5e2d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie formaty zapisu broszury informacyjnej w formie publikacji elektronicznej są przeznaczone do wyświetlania 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. DWG, EPUB</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. CSV, PSD</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. AI, PDF</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. PDF, EPUB</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Formaty PDF i EPUB są powszechnie stosowane w publikacjach elektronicznych, szczególnie w kontekście broszur informacyjnych. PDF (Portable Document Format) to format stworzony przez firmę Adobe, który zapewnia zachowanie układu dokumentu niezależnie od platformy, na której jest wyświetlany. Jest to idealny wybór dla dokumentów, które muszą wyglądać identycznie na różnych urządzeniach, co czyni go standardem w branży. PDF obsługuje zarówno tekst, jak i grafikę, co czyni go uniwersalnym narzędziem do dystrybucji dokumentów, broszur i raportów. EPUB (Electronic Publication) z kolei to format oparty na standardzie OEB (Open eBook), który jest zoptymalizowany do wyświetlania na urządzeniach mobilnych i czytnikach e-booków. EPUB pozwala na płynne dopasowanie treści do rozmiaru ekranu, co zwiększa komfort czytania. Umożliwia również interaktywność oraz wsparcie dla multimediów. W praktyce, organizacje używają PDF do formalnych raportów i dokumentów, a EPUB do bardziej interaktywnych i angażujących treści, takich jak broszury marketingowe, co jest zgodne z aktualnymi trendami w digital marketingu. </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="ktore-z-narzedzi-nalezy-wykorzystac-do-zapewnienia-952e8935" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie narzędzia powinny być zastosowane w celu zabezpieczenia transmisji danych przy użyciu protokołu HTTP w module zamawiania/opłacania w sklepie internetowym firmy?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Szyfrowanie PGP</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. Mechanizmy szyfrowania SSL i TLS</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. Hasło przekazywane klientowi w automatycznie generowanej wiadomości e-mail</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Kwalifikowany podpis elektroniczny</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Słuchaj, mechanizmy szyfrowania SSL i TLS to naprawdę ważne sprawy, jeśli chodzi o bezpieczeństwo w sieci. Jak robisz zakupy w internecie, te protokoły pomagają chronić twoje dane między przeglądarką a serwerem. Dzięki nim nikt nie ma szansy na podsłuchanie tego, co wysyłasz. To szczególnie istotne dla informacji, które mogą być dość wrażliwe, jak dane kart płatniczych. Przykład? Kiedy płacisz w sklepie online, twoje dane są szyfrowane, a więc hakerzy nie mają dostępu. Zauważyłeś pewnie, że przeglądarki często pokazują kłódkę obok adresu strony – to oznacza, że połączenie jest bezpieczne, więc możesz być spokojny. Poza tym, korzystanie z SSL/TLS jest zgodne z najlepszymi praktykami, a także z normami bezpieczeństwa, które regulują, jak powinny wyglądać płatności w sieci. </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="kolorymetr-to-urzadzenie-umozliwiajace-32f41369" 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>Kolorymetr to sprzęt, który pozwala na</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. kalibrację rzutnika lub monitora</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. optymalizację karty dźwiękowej</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. optymalizację karty graficznej</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. czyszczenie głowicy drukarki</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Kolorymetr to urządzenie, które służy do kalibracji rzutników i monitorów, co jest kluczowe w zapewnieniu odpowiedniej jakości wyświetlanego obrazu. Kalibracja polega na dostosowywaniu ustawień urządzenia wyświetlającego, aby uzyskać jak najwierniejsze odwzorowanie kolorów. Dzięki zastosowaniu kolorymetru możliwe jest osiągnięcie zgodności z normami kolorystycznymi, takimi jak sRGB, Adobe RGB czy DCI-P3, co jest niezwykle istotne w branży filmowej, fotograficznej oraz w projektowaniu graficznym. Przykładowo, profesjonalni graficy i fotografowie wykorzystują kolorymetry do dokładnego ustawienia kolorów w monitorach, co pozwala na precyzyjne edytowanie zdjęć i grafik. W praktyce, kolorymetr mierzy wartości kolorów wyświetlanych przez monitor, a następnie generuje profil kolorów, który jest używany przez system operacyjny do korekty tych wartości w celu uzyskania bardziej realistycznego obrazu. Właściwe kalibrowanie sprzętu jest kluczowe w kontekście produkcji multimedialnej, aby zapewnić spójność kolorystyczną na różnych urządzeniach. </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-gornictwa-odkrywkowego/GIW.03/" class="footer-link"> <span>GIW.03</span> <small class="text-muted">(225)</small> </a> </div> <div class="col-6"> <a href="/technik-budownictwa/BUD.12/" class="footer-link"> <span>BUD.12</span> <small class="text-muted">(419)</small> </a> </div> <div class="col-6"> <a href="/technik-budowy-drog/BUD.13/" class="footer-link"> <span>BUD.13</span> <small class="text-muted">(622)</small> </a> </div> <div class="col-6"> <a href="/technik-technologii-drewna/DRM.04/" class="footer-link"> <span>DRM.04</span> <small class="text-muted">(332)</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="/technik-budownictwa/BUD.14/" class="footer-link"> <span>BUD.14</span> <small class="text-muted">(430)</small> </a> </div> <div class="col-6"> <a href="/technik-technologii-zywnosci/SPC.04/" class="footer-link"> <span>SPC.04</span> <small class="text-muted">(293)</small> </a> </div> <div class="col-6"> <a href="/technik-budowy-jednostek-pywajacych/TWO.05/" class="footer-link"> <span>TWO.05</span> <small class="text-muted">(56)</small> </a> </div> <div class="col-6"> <a href="/technik-gornictwa-odkrywkowego/GIW.07/" class="footer-link"> <span>GIW.07</span> <small class="text-muted">(90)</small> </a> </div> <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> </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>