D.</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 33</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="wskaz-pierwszy-etap-w-przygotowaniu-prezentacji-mu-4c01ab97" 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 jest pierwsze zadanie przy tworzeniu prezentacji multimedialnej?</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. Przygotowanie projektu oraz elementów wizualnych</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. Dobór narzędzi</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. Sporządzenie treści prezentacji</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. Plan i konspekt prezentacji</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Plan i konspekt prezentacji to kluczowy etap, który definiuje strukturę i cel całej prezentacji multimedialnej. Właściwe zaplanowanie prezentacji pozwala na klarowne określenie głównych tematów oraz kolejności ich przedstawiania, co jest istotne dla utrzymania zainteresowania odbiorców. W tym etapie warto określić, jakie informacje będą przekazywane, jakie narzędzia będą używane oraz jakie elementy wizualne wspierać będą przekaz. Dobrze skonstruowany konspekt pomaga również w unikaniu zbędnych dygresji, zapewniając płynność narracji. Przykładem może być prezentacja dotycząca nowego projektu, gdzie konspekt powinien obejmować wprowadzenie, cele projektu, analizę rynku, plan działania oraz zamknięcie. Standardy branżowe, takie jak zasady dotyczące organizacji treści w prezentacjach, wskazują na znaczenie planowania, co przekłada się na efektywność komunikacji oraz zrozumienie przez odbiorców. W związku z tym, odpowiednie przygotowanie planu i konspektu jest fundamentem każdej udanej 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 34</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-czynnosc-wpywa-na-podwyzszenie-pozycji-stro-e7bbef86" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Która z poniższych działań przyczynia się do poprawy pozycji strony w wynikach wyszukiwania?</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. Niekiedy aktualizowanie treści strony internetowej.</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. Wykorzystanie skomplikowanej nawigacji oraz pominięcie opisów zdjęć zamiennymi tekstami.</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. Zastosowanie dodatkowych tekstów niezwiązanych z tematyką danej strony.</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. Regularne aktualizowanie treści strony internetowej.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Częste aktualizowanie zawartości strony internetowej jest kluczowym elementem skutecznej strategii SEO (Search Engine Optimization). Wyszukiwarki internetowe, takie jak Google, wysoko oceniają strony, które regularnie dostarczają świeżej i wartościowej treści. Aktualizacje mogą obejmować dodawanie nowych artykułów, aktualizowanie istniejących wpisów lub modyfikowanie informacji, aby były zgodne z bieżącymi trendami. Przykładem może być blog firmowy, który regularnie publikuje artykuły związane z branżą, co nie tylko przyciąga użytkowników, ale także zwiększa czas spędzany na stronie. Dodatkowo, częste aktualizacje mogą poprawić indeksowanie strony przez roboty wyszukiwarek, co z kolei wpływa na widoczność w wynikach wyszukiwania. Warto również pamiętać o optymalizacji treści pod kątem słów kluczowych oraz zachowaniu odpowiedniej struktury nagłówków i linków wewnętrznych. Takie praktyki są zgodne z wytycznymi Google i przyczyniają się do lepszej pozycji strony w wynikach organicznych. </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="jaka-najmniejsza-pojemnosc-powinien-miec-nosnik-pa-d330c249" 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ą pojemność powinien mieć nośnik danych, aby można było zapisać materiał audio oraz wideo o długości 40 minut i przepustowości 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. 4,7 GB</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. 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-danger bg-opacity-10 border-danger text-danger "> <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-danger mb-0"> Aby zrozumieć, dlaczego inne odpowiedzi są niewłaściwe, należy przyjrzeć się procesowi obliczeń i typowym błędom myślowym. Odpowiedzi, które sugerują pojemności 1,7 GB, 3,7 GB i 4,7 GB, wynikają z błędnych podstaw obliczeniowych lub nieprawidłowych założeń. Na przykład, wybór 1,7 GB jako odpowiedzi mógłby wynikać z niepełnego przeliczenia danych lub założenia, że 8 Mb/s nie jest stałą wartością przez całą długość materiału. Osoby wybierające 3,7 GB mogą nie brać pod uwagę, że podawana pojemność powinna obejmować również pewne zapasy na system plików, co w praktyce czyni 3,7 GB niewystarczającym. Wybór 4,7 GB, choć na pierwszy rzut oka wydaje się rozsądny, jest znacznie bardziej pojemny niż wymagane minimum i nie uwzględnia rzeczywistych potrzeb zapisu. W praktyce, nośniki pamięci są produkowane w standardowych pojemnościach, a wybór zbyt dużego nośnika nie jest konieczny i może prowadzić do nieefektywnego gospodarowania pamięcią. Warto zaznaczyć, że przy obliczeniach związanych z audio i wideo, kluczowe jest uwzględnienie kompresji oraz rzeczywistych warunków zapisu danych, które mogą się różnić od teoretycznych obliczeń. Takie zrozumienie kontekstu jest niezbędne do podejmowania właściwych decyzji dotyczących wyboru odpowiednich nośników pamię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="ktory-z-ponizszych-przykadow-przedstawia-obraz-o-d2e778e0" 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/0b2015fd-6b85-4d49-8f2e-9a69e79e61a1/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Ukryte odpowiedzi dla premium pytań --> <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Ukryty feedback dla premium pytań --> <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 37</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-programach-adobe-photoshop-oraz-illustrator-odwz-89efc1e8" 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 programach Adobe Photoshop oraz Illustrator przekształcenie nieregularnych kształtów z bitmapy na projekt obiektu wektorowego realizuje się przy użyciu narzędzia</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. kroplomierz</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. 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>C. stempel</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. pędzel</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź "pióro" jest poprawna, ponieważ narzędzie to zostało zaprojektowane specjalnie do tworzenia oraz edytowania kształtów wektorowych w programach takich jak Adobe Photoshop i Illustrator. Narzędzie pióro umożliwia precyzyjne odwzorowanie nieregularnych kształtów, co jest kluczowe w projektowaniu graficznym. Dzięki tej funkcji użytkownik może tworzyć krzywe Béziera, które pozwalają na płynne i elastyczne modelowanie kształtów. Przykładem zastosowania narzędzia pióro może być tworzenie logo, gdzie precyzja i szczegółowość są niezwykle ważne. Dodatkowo, korzystając z pióra, można łatwo edytować punkty kontrolne i krzywe, co daje pełną kontrolę nad ostatecznym kształtem obiektu. Warto zaznaczyć, że umiejętność korzystania z narzędzia pióro jest niezbędna w branży projektowej, gdyż pozwala na tworzenie grafik o wysokiej jakości, które spełniają standardy profesjonalnego designu. </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="narzedziem-niezbednym-do-przygotowania-projektu-st-68d6ba0e" 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>Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded 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. próbkowanie kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. zaznaczanie</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. pióro</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 (ang. slicing) jest kluczowym narzędziem w procesie tworzenia projektu strony internetowej w Adobe Photoshop. To technika, która polega na podzieleniu obrazu na mniejsze fragmenty, co umożliwia ich łatwe eksportowanie jako osobne pliki graficzne. Dzięki temu projektanci mogą precyzyjnie kontrolować każdy element interfejsu, zapewniając optymalizację rozmiaru plików i szybkość ładowania strony. Przykładowo, podczas projektowania przycisków czy ikon w Photoshopie, każda część może być wydzielona i zapisana w odpowiednim formacie, co jest istotne dla responsywności strony. Standardy webowe zalecają ograniczenie rozmiaru plików graficznych, aby poprawić doświadczenie użytkownika i SEO. Cięcie na plasterki jest zatem nie tylko praktycznym narzędziem, ale również zgodnym z najlepszymi praktykami projektowania stron internetowych, które koncentrują się na efektywności i jakości. Warto również pamiętać, że odpowiednie cięcie może wpłynąć na estetykę oraz funkcjonalność strony, co jest istotne w kontekście użytkowników mobilnych i ich różnorodnych rozdzielczości ekranó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 39</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="model-barw-rgb-to-560708b9" 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 model barw RGB?</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. model barw addytywnych, który powstaje na skutek sumowania wiązek światł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. model barw addytywnych, który powstaje na skutek odejmowania wiązek światła</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. model barw subtraktywnych, który powstaje na skutek odejmowania wiązek światł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>D. model barw subtraktywnych, który powstaje na skutek sumowania wiązek światła</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Model barw RGB (Red, Green, Blue) jest addytywnym modelem barw, który powstaje na skutek sumowania różnych długości fal świetlnych emitowanych przez źródła światła. W tym modelu podstawowe kolory to czerwony, zielony i niebieski. Gdy te kolory są łączone w różnych proporcjach, tworzą szeroki zakres barw. Na przykład, połączenie wszystkich trzech kolorów w równych ilościach generuje kolor biały, natomiast brak światła prowadzi do koloru czarnego. Model RGB jest powszechnie stosowany w technologiach cyfrowych, takich jak wyświetlacze komputerowe, telewizory oraz kamery, ponieważ bazuje na naturze działania ludzkiego oka, które postrzega światło w trzech podstawowych zakresach. W kontekście standardów branżowych, RGB jest wykorzystywane w systemach graficznych, takich jak Adobe Photoshop, oraz w web designie, gdzie definiowanie kolorów za pomocą wartości RGB jest powszechną praktyką. </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="ktore-z-narzedzi-w-grafice-wektorowej-nadaje-obiek-8cc25897" 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 grafice wektorowej sprawia, że obiekt wygląda na trójwymiarowy?</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. Środki artystyczne</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. Wypełnienie</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. Obwiednia</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. Głębia</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Obwiednia, środki artystyczne oraz wypełnienie to techniki, które nie mają bezpośredniego związku z nadawaniem wrażenia trójwymiarowości, co może prowadzić do nieporozumień. Obwiednia odnosi się głównie do kształtu i konturów obiektów, co jest kluczowe w grafice wektorowej, lecz nie wpływa na percepcję głębi. Może to prowadzić do błędnego przekonania, że same kontury wystarczą, aby nadać obiektom trójwymiarowy charakter. Środki artystyczne, takie jak tekstura czy różne style malarskie, mogą wzbogacać grafikę, ale ich zastosowanie nie gwarantuje efektu głębi. W kontekście grafiki wektorowej, te techniki często są używane do dekoracji, ale nie odpowiadają za tworzenie iluzji przestrzeni. Wypełnienie odnosi się do kolorów i wzorów stosowanych wewnątrz obiektów, co może wpływać na estetykę, ale nie jest wystarczające do generowania głębi. Często projektanci mogą polegać na tych technikach, myśląc, że wystarczą do nadania obiektom trójwymiarowości, co prowadzi do braku pełnej realizacji zamierzonego efektu. Zrozumienie różnicy pomiędzy tymi technikami a koncepcją głębi jest kluczowe dla skutecznego projektowania wizualnego. </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.07/" class="footer-link"> <span>GIW.07</span> <small class="text-muted">(90)</small> </a> </div> <div class="col-6"> <a href="/technik-informatyk/INF.02/" class="footer-link"> <span>INF.02</span> <small class="text-muted">(3 414)</small> </a> </div> <div class="col-6"> <a href="/operator-maszyn-i-urzadzen-przemysu-metalurgicznego/MTL.03/" class="footer-link"> <span>MTL.03</span> <small class="text-muted">(144)</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="/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-urzadzen-i-systemow-energetyki-odnawialnej/ELE.10/" class="footer-link"> <span>ELE.10</span> <small class="text-muted">(493)</small> </a> </div> <div class="col-6"> <a href="/technik-transportu-kolejowego/TKO.08/" class="footer-link"> <span>TKO.08</span> <small class="text-muted">(316)</small> </a> </div> <div class="col-6"> <a href="/technik-logistyk/SPL.04/" class="footer-link"> <span>SPL.04</span> <small class="text-muted">(731)</small> </a> </div> <div class="col-6"> <a href="/technik-gornictwa-odkrywkowego/GIW.03/" class="footer-link"> <span>GIW.03</span> <small class="text-muted">(225)</small> </a> </div> <div class="col-6"> <a href="/technik-elektryk/ELE.02/" class="footer-link"> <span>ELE.02</span> <small class="text-muted">(439)</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>