D.</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 7</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-jaki-sposob-nalezy-w-prezentacji-multimedialnej-426b15f6" 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 jaki sposób powinno się zorganizować elementy w prezentacji multimedialnej, aby osiągnąć wrażenie harmonii, równowagi i porządku?</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. Nierównomiernie</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. Na zasadzie grupowania</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. Równomiernie</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. Na zasadzie przenikania</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Dobrze rozmieszczone elementy w prezentacji multimedialnej to naprawdę ważna rzecz. Dzięki temu całość wydaje się bardziej harmonijna i przyjemna dla oka. Jak masz na slajdzie tekst, obrazki czy wykresy, to postaraj się, żeby były poukładane w taki sposób, żeby nie przytłaczały. Chodzi o to, żeby widz mógł łatwiej skupić się na tym, co jest ważne. Fajnie sprawdza się zasada, żeby elementy były w równych odstępach od siebie. Przykładowo, dobrze wygląda slajd, gdzie masz tytuł na górze, tekst w środku i jakieś ilustracje na dole. Jak wszystko jest równo wyrównane, to wygląda lepiej i można łatwiej przyswoić to, co chcesz przekazać. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 8</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="na-ilustracji-przedstawiono-interfejs-uzytkownika-7612e75a" 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/ffe737f0-b52e-4fa8-82f2-960e2ab93972/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 9</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. kodowanie znaków</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. 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>D. debugowanie</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 10</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="do-tworzenia-kompozycji-graficzno-tekstowej-strony-5b5b0908" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Aby stworzyć graficzno-tekstową kompozycję na stronie internetowej, powinno się wykorzystać program</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. Audacity</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. Puzzle Flow</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 AfterEffects</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. Adobe Photoshop</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Adobe Photoshop to jeden z najpopularniejszych programów graficznych, wykorzystywanych do tworzenia kompozycji graficzno-tekstowych na stronach internetowych. Oferuje bogaty zestaw narzędzi do edycji grafiki rastrowej, co czyni go idealnym narzędziem do projektowania wizualnych elementów stron, takich jak banery, przyciski, ikony czy tła. Program pozwala na zaawansowane manipulacje obrazem, w tym warstwy, maski, filtry oraz efekty, które wspierają twórcze podejście w projektowaniu. Przykładem zastosowania Photoshop w praktyce może być stworzenie grafiki promującej nową usługę na stronie internetowej, gdzie projektant łączy tekst z obrazem, dbając o estetykę i czytelność. W kontekście standardów branżowych, korzystanie z Adobe Photoshop umożliwia projektantom przestrzeganie zasad UX/UI, poprzez tworzenie intuicyjnych i atrakcyjnych wizualnie interfejsów. Dlatego też, wybór tego oprogramowania przy tworzeniu stron internetowych jest zgodny z aktualnymi trendami i najlepszymi praktykami w branży. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 11</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-gebia-kolorow-odpowiada-256-kolorom-na-obra-e0200860" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jaka głębia kolorów odpowiada 256 odcieniom na obrazie?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. 24-bitowa</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>B. 8-bitowa</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. 1-bitowa</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. 32-bitowa</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Głębia kolorów 1-bitowa oznacza, że obraz może przyjąć tylko dwa stany, co odpowiada jedynie czerni i bieli. To zbyt ograniczone dla szczegółowych obrazów, które wymagają większej palety kolorów. 32-bitowa głębia kolorów nie jest adekwatna w tym kontekście, ponieważ zazwyczaj odnosi się do głębi, która może obsługiwać miliony kolorów oraz przezroczystość, co nie jest potrzebne przy jedynie 256 kolorach. 24-bitowa głębia kolorów, często mylona z 8-bitową, zapewnia 16,7 miliona kolorów, co również nie pasuje do postawionego pytania. Przy takich nieprawidłowych wyborach, jak te, można zauważyć typowy błąd myślowy polegający na pomieszaniu pojęć związanych z głębią kolorów i ilością kolorów, które mogą być jednocześnie wyświetlane. Dla skutecznego projektowania graficznego i dokładnych prac obrazowych, zrozumienie tych różnic jest kluczowe. Znajomość głębi kolorów oraz ich zastosowań wpływa na wydajność i jakość materiałów graficznych, dlatego istotne jest, aby nie mylić terminologii oraz rozumieć, jakie są ograniczenia narzędzi, które wykorzystujemy w pracy. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 12</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktore-narzedzie-programu-adobe-photoshop-pozwoli-w-a0af9309" 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 umożliwia usunięcie niewielkich "krotek" z zeskanowanej, starej fotografii?</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. Kadrowanie</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. Punktowy pędzel korygujący</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. Gradient</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. Szybkie zaznaczanie</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Punktowy pędzel korygujący to niezwykle przydatne narzędzie w programie Adobe Photoshop, które pozwala na precyzyjne usuwanie drobnych niedoskonałości, takich jak zarysowania, plamy czy 'kropki' występujące na skanowanych zdjęciach. Działa on na zasadzie pobierania tekstury z otoczenia w miejscu, które jest edytowane, i wypełniania wybranej przestrzeni odpowiednią teksturą. Użytkownik może łatwo dostosować jego rozmiar, co pozwala na usunięcie nawet najmniejszych defektów. Przykład zastosowania to edytowanie starych zdjęć rodzinnych, gdzie często pojawiają się kurz czy plamy wynikające z lat przechowywania. Można także wykorzystać to narzędzie do poprawy zdjęć portretowych, eliminując drobne zmarszczki czy inne niedoskonałości skóry. Dobrą praktyką jest używanie punktowego pędzla korygującego w połączeniu z warstwami, co umożliwia nieniszczące retuszowanie, a dzięki temu łatwiejszą edycję i poprawki w późniejszym czasie. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 13</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="dla-poprawy-kompozycji-zdjecia-stosuje-sie-0d02c23c" 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 celu ulepszenia kompozycji fotografii wykorzystuje 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. warstwy korygujące</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. maski warstwy</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. kadrowanie</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. skalowanie</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Kadrowanie jest kluczowym elementem kompozycji zdjęcia, który ma na celu poprawę estetyki oraz przekazu wizualnego. Poprzez odpowiednie kadrowanie, fotograf może skupić uwagę widza na głównym obiekcie, eliminując zbędne elementy, które mogą odwracać uwagę. Przykładem może być zastosowanie zasady trzeciego, gdzie obraz jest dzielony na dziewięć równych części, a kluczowe elementy są umieszczane w punktach przecięcia linii. Oprócz tego, kadrowanie pozwala na stworzenie kontekstu i narracji, co jest niezbędne w profesjonalnej fotografii. Warto również zauważyć, że odpowiednie kadrowanie może wpływać na wrażenie przestrzeni i perspektywy, co jest szczególnie istotne w fotografii architektury czy portretowej. Dobrą praktyką jest eksperymentowanie z różnymi kadrami podczas sesji zdjęciowej, aby uchwycić najlepsze ujęcia, które oddają zamierzony zamysł artystyczny. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 14</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zapisy-fb-i-multigrade-na-opakowaniu-papieru-f-5909dd4b" 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>Oznaczenia „FB” oraz „Multigrade” na opakowaniu papieru fotograficznego odnoszą się do materiału</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. polietylenowego o stałej gradacji</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. barytowanego o stałej gradacji</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. polietylenowego o zmiennej gradacji</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. barytowanego o zmiennej gradacji</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 3 to strzał w dziesiątkę! Mówi nam o papierze barytowanym z różnymi gradacjami, i to jest na pewno trafne. Termin 'FB' odnosi się do papieru barytowego, który słynie z świetnej jakości i możliwości oddania szczegółów oraz kolorów. Główna cecha tego papieru to jego struktura, która pozwala osiągnąć lepszą gradację tonalną w porównaniu do papierów, które nie są barytowane. Zmienne gradacje oznaczają, że można go stosować w różnorodnych technikach wywoływania, co daje fotografom i artystom sporo swobody w wyborze metod obróbki. W praktyce, taki papier często używa się w tradycyjnej fotografii czarno-białej oraz w druku artystycznym, gdzie jakość obrazu jest naprawdę kluczowa. Na przykład, w druku grawirowym lub podczas stosowania technik jak gumowe drukowanie, papier barytowy o zmiennej gradacji pozwala uzyskać ciekawe efekty, co jest naprawdę doceniane w różnych kręgach artystycznych. Co więcej, korzystanie z takiego papieru to naprawdę dobra praktyka w świecie fotografii, dlatego jest tak popularny wśród profesjonalistów i zapaleńcó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 15</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="do-czego-suzy-windows-media-player-992b015b" 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 funkcje pełni Windows Media Player?</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. Nagrywania i montażu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Odtwarzania i montażu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. Odtwarzania, nagrywania i montażu</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. Odtwarzania i nagrywania</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Windows Media Player, czyli WMP, to fajne oprogramowanie do odtwarzania i nagrywania różnych plików audio i wideo. Z tego co wiem, obsługuje sporo formatów, takich jak MP3, WAV czy AVI, więc można z niego korzystać bez większych problemów. Możesz na przykład tworzyć swoje płyty CD z muzyką, co jest super, jeśli lubisz mieć własne kompilacje. Dodatkowo, WMP pozwala na porządkowanie twojej biblioteki multimedialnej, więc łatwiej zorganizować wszystkie pliki. Całkiem przydatne, zwłaszcza dla tych, którzy nie chcą się zbytnio zagłębiać w skomplikowane programy. Moim zdaniem, WMP to świetne rozwiązanie dla tych, którzy cenią sobie prostotę i wygodę w korzystaniu z multimedió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 16</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="efekt-widoczny-na-zdjeciu-umozliwio-fe713da3" 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>Efekt zaprezentowany na fotografii został osiągnięty dzięki</p> <figure class="figure mt-3"> <img src="/images/53920.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-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. wydzieleniu pierwszego planu oraz uzyskaniu rozmytego tł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. rozmyciu obrazu w obszarach o dużym kontraście.</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. wydzieleniu tła poprzez wyostrzenie.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. wyostrzeniu wyłącznie obiektów o nieregularnych kształtach.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź dotycząca wyodrębnienia pierwszego planu i uzyskania rozmytego tła jest prawidłowa, ponieważ opisuje technikę, która pozwala na skoncentrowanie uwagi widza na głównym obiekcie zdjęcia, tworząc efekt głębi. W praktyce, techniki takie jak otwarta przysłona (niska wartość f), która prowadzi do płytkiej głębi ostrości, są powszechnie stosowane w fotografii portretowej i produktowej. Użycie takiej techniki umożliwia uzyskanie ostrości na głównym obiekcie, podczas gdy tło staje się miękkie i mniej wyraźne. Dzięki temu widz łatwiej skupia się na kluczowych elementach kompozycji. Warto podkreślić, że efekty te są zgodne z zasadami kompozycji wizualnej, które wskazują na znaczenie kontrastu i dynamiki w obrazie. W profesjonalnej fotografii stosowanie tej metody pozwala na tworzenie atrakcyjnych wizualnie i emocjonalnych narracji, co jest istotne w kontekście marketingu wizualnego i sztuki fotograficznej. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 17</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="firma-zakupia-zestaw-zdjec-na-licencji-royalty-fr-dedb8267" 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>Firma nabyła zestaw zdjęć na licencji Royalty Free do publikacji drukowanych – ulotek oraz plakatów. Czy można, bez konieczności spełniania dodatkowych warunków, użyć tych materiałów do stworzenia strony internetowej 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-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. Tak, ponieważ licencja umożliwia wykorzystanie zdjęć w każdym celu firmy</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. Nie, firma powinna dodatkowo nabyć prawo do używania zdjęć na stronie 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>C. Nie, ponieważ licencja odnosi się wyłącznie do materiałów drukowanych - ulotek, plakató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>D. Nie, firma jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Licencje Royalty Free umożliwiają korzystanie z zakupionych zdjęć w szerokim zakresie, co oznacza, że można je wykorzystywać zarówno w materiałach drukowanych, jak i cyfrowych, w tym na stronach internetowych. W przypadku licencji Royalty Free, właściciel praw autorskich zezwala na korzystanie z dzieła bez dodatkowych opłat w określonych ramach. Przykładowo, gdy firma wykorzystuje te zdjęcia na swojej stronie internetowej, może to przyczynić się do wzbogacenia treści wizualnej i poprawy estetyki, co jest kluczowe dla przyciągnięcia uwagi klientów. Takie podejście jest zgodne z najlepszymi praktykami w zakresie marketingu online, gdzie atrakcyjna grafika wpływa na pozytywne doświadczenie użytkownika i buduje wizerunek marki. Dlatego, w świetle obowiązujących zasad dotyczących wykorzystania materiałów Royalty Free, odpowiedź wskazująca na możliwość użycia zdjęć w dowolnym celu firmy jest jak najbardziej poprawna. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 18</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="mp3-to-format-zapisu-materiau-audio-ktory-785bc10c" 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>MP3 to format zapisu dźwięku, który</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. pozwala na zapis dźwięków przypisanych wyłącznie do standardowych instrumentów muzycznych</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. jest wykorzystywany ze względu na bezstratny zapis danych w pliku</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. generuje pliki zajmujące znacznie mniej przestrzeni na dysku w porównaniu do plików audio zapisanych w formacie WAV</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. produkuje pliki zajmujące znacznie więcej przestrzeni na dysku niż pliki audio zapisane w formacie FLAC</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Format MP3 (MPEG Audio Layer III) jest popularnym formatem zapisu dźwięku, który skutecznie kompresuje pliki audio, co pozwala na zmniejszenie ich rozmiaru w porównaniu do formatów bezstratnych, takich jak WAV. Pliki WAV są surowymi, niekompresowanymi nagraniami, które zajmują znacznie więcej miejsca na dysku, co może być problematyczne w przypadku przechowywania dużych zbiorów muzycznych lub dźwięków. MP3 wykorzystuje stratną kompresję, co oznacza, że niektóre dane są usuwane z oryginalnego sygnału audio, aby zmniejszyć jego wielkość. Dzięki temu możliwe jest uzyskanie plików, które zajmują nawet 90% mniej miejsca niż ich odpowiedniki w formacie WAV, przy akceptowalnej jakości dźwięku dla przeciętnego słuchacza. Przykładowo, album muzyczny w formacie WAV może zajmować kilka gigabajtów, podczas gdy ten sam album zapisany w formacie MP3 może ważyć zaledwie kilkaset megabajtów. W praktyce MP3 jest szeroko stosowany w serwisach streamingowych i w aplikacjach do odtwarzania multimediów, co czyni go standardem w przemyśle muzycznym. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 19</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-karta-pamieci-posiada-najwieksza-pojemnosc-6c63b0f9" 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 kart pamięci charakteryzuje się najwyższą pojemnością?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. SD (Secure Digital)</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. SDHC (Secure Digital High Capacity)</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. SDXC (Secure Digital Extended Capacity)</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. microSD</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Karta pamięci SDXC (Secure Digital Extended Capacity) to standard, który został wprowadzony, aby zapewnić wyższą pojemność danych w porównaniu do wcześniejszych standardów, takich jak SDHC czy klasyczne karty SD. SDXC obsługuje pojemności od 32 GB do 2 TB, co czyni go idealnym wyborem dla profesjonalnych zastosowań, takich jak nagrywanie wideo w wysokiej rozdzielczości, zdjęcia w formacie RAW czy przechowywanie dużych baz danych. Warto również zauważyć, że karty SDXC są zgodne z protokołem exFAT, co pozwala na efektywniejsze zarządzanie przestrzenią dyskową i eliminację ograniczeń związanych z systemem FAT32, takich jak maksymalna wielkość pliku wynosząca 4 GB. W praktyce oznacza to, że użytkownicy, którzy potrzebują dużych pojemności, powinni wybierać karty SDXC, szczególnie w kontekście nowoczesnych urządzeń, takich jak lustrzanki cyfrowe, kamery 4K i systemy do przechowywania danych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 20</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="jaka-minimalna-pojemnosc-powinna-miec-pyta-na-kt-ce045472" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jaka jest minimalna wielkość nośnika, na którym można zarejestrować materiał audio oraz wideo, gdy czas trwania transmisji to 74 minuty, a prędkość transmisji wynosi 8 Mb/s?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. 1,7 GB</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. 3,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. 4,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. 2,7 GB</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Wybór innej pojemności, takiej jak 1,7 GB, 2,7 GB lub 3,7 GB, jest wynikiem niepoprawnego oszacowania wymagań dotyczących pojemności nośnika. Często błędy te wynikają z niedoszacowania czasu trwania transmisji lub błędnego przeliczenia jednostek. Na przykład, przyjmując, że materiał audio-wideo trwa 74 minuty, nie można pomijać przeliczenia minut na sekundy. Niedostateczne zrozumienie pojęcia przepustowości i jej związku z pojemnością nośnika prowadzi do błędnych wniosków. Przy 8 Mb/s, każdy dodatkowy margines na ewentualne straty lub dodatkowe informacje, takie jak kodeki czy formaty, powinien być brany pod uwagę. Należy również pamiętać, że standardowe nośniki, takie jak płyty DVD, mają określone minimalne pojemności, które są projektowane w sposób, aby zaspokajały potrzeby rynku w zakresie przechowywania materiałów multimedialnych. Dlatego, aby prawidłowo określić, jaka pojemność jest wystarczająca, kluczowe jest zrozumienie podstawowych zasad konwersji jednostek oraz praktycznych aspektów dotyczących pojemności nośnika. Użycie nieodpowiednich wartości może skutkować niedoborem miejsca na nośniku, co w praktyce uniemożliwi zapisanie całego materiału lub wpłynie na jego jakość. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 21</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="materiay-video-nalezy-skompresowac-w-formacie-1e904f93" 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 format należy zastosować do kompresji materiałów wideo?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. JPEG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. RealAudio</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. MP3</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. MPEG</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź z formatem MPEG jest jak najbardziej na miejscu, bo to standard, który zajmuje się kompresją filmów. MPEG, czyli Moving Picture Experts Group, to organizacja, która wymyśla zasady dla kompresji i przesyłania multimediów. Format MPEG-1, MPEG-2 i MPEG-4 znajdziesz wszędzie: w streamingu, telewizji, a nawet na DVD. Dzięki MPEG można zmniejszyć wielkość plików wideo, co jest mega ważne gdy chodzi o przechowywanie i wysyłanie filmów. No i dzięki temu można szybciej przesyłać dane przez sieci, co wszystkim ułatwia życie. W praktyce format MPEG używany jest w serwisach wideo, jak YouTube, i w produkcji filmowej, gdzie trzeba zachować dobrą jakość obrazu, jednocześnie zmniejszając rozmiar pliku. Co ważne, MPEG obsługuje różne poziomy kompresji, więc jest wszechstronny w wielu zastosowaniach multimedialnych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 22</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="aby-zapewnic-odtwarzania-sciezki-dzwiekowej-w-prez-f950395f" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Aby umożliwić odtwarzanie ścieżki dźwiękowej w prezentacji multimedialnej, utwór muzyczny powinien być 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. 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. AIFF</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. WAV</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. AIF</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Wybór formatu WAV do zapisu utworu muzycznego jest optymalny ze względu na jego bezstratną naturę. WAV (Waveform Audio File Format) to standardowy format audio, który zapewnia wysoką jakość dźwięku, ponieważ przechowuje dane w postaci nieskompresowanej. Dzięki temu idealnie nadaje się do aplikacji, w których jakość odtwarzania jest kluczowa, takich jak prezentacje multimedialne. Używając formatu WAV, unikamy utraty jakości, co ma fundamentalne znaczenie w przypadku muzyki, która ma być odtwarzana w tle. Przykładowo, w profesjonalnych prezentacjach, takich jak te wykorzystywane w biznesie czy edukacji, ważne jest, aby dźwięk był czysty i wyraźny. WAV jest szeroko akceptowany przez większość programów do edycji audio oraz aplikacji prezentacyjnych, co czyni go standardowym wyborem dla twórców multimedialnych. Dodatkowo, wspiera on różne parametry dźwięku, takie jak różne częstotliwości próbkowania i głębokości bitowe, co daje twórcy większą elastyczność w zakresie jakości dźwięku. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 23</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="kolejnymi-etapami-projektowania-galerii-internetow-6b56383e" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie są następne kroki w tworzeniu galerii internetowych?</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. tworzenie fotografii, hosting, dobór szablonu, pozycjonowanie, publikacja</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>B. nabycie wybranych zdjęć, testowanie funkcji strony, optymalizacja i walidacja, publikacja, weryfikacja poprawności witryny, prace programistyczne</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. masowa obróbka zdjęć, testy prędkości ładowania galerii, publikacja, działania programistyczne, optymalizacja</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. edycja i katalogowanie zdjęć, działania webmasterskie, prace programistyczne, testy, publikacja, aktualizacja</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Słuchaj, w twoich odpowiedziach jest kilka rzeczy, które mogą wprowadzać w błąd, jeśli chodzi o projektowanie galerii internetowych. Zakup zdjęć i testowanie funkcjonalności mogą być częścią procesu, ale nie są kluczowe. Zazwyczaj kupujesz zdjęcia po ustaleniu, jak ma wyglądać galeria. Testowanie powinno być robione po programowaniu, a nie przed publikacją. Inaczej możesz wpuścić na stronę coś, co nie działa, co jest totalną katastrofą. A co do obróbki zdjęć – to się zgadza, ale najpierw musisz zaplanować, jak będzie wyglądała struktura treści. Obróbka to ważna sprawa, ale nie zastąpi wcześniejszego edytowania i organizowania zdjęć. No i ostatnia rzecz – mówienie o hostingu jako kluczowym etapie pomija rolę prac webmasterskich i programistycznych, które są mega ważne, żeby galeria działała jak należy. Żeby uniknąć błędów, musisz uwzględnić wszystkie etapy i poukładać je sensownie według najlepszych praktyk w web developmencie. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 24</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="programy-audacity-blender-gimp-inkscape-skenc-b6264781" 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>Programy: Audacity, Blender, GIMP, Inkscape, Skencil</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. służą do edytowania i tworzenia grafiki wektorowej</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. są przeznaczone wyłącznie do systemu MacOS</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. są aplikacjami open source i bezpłatnymi</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. służą do edytowania i tworzenia grafiki rastrowej</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Programy takie jak Audacity, Blender, GIMP, Inkscape i Skencil to naprawdę super przykłady open source. Można powiedzieć, że ich kod jest jakby na wyciągnięcie ręki, co znaczy, że każdy może go podrasować czy zmienić wedle swoich potrzeb. Fajna sprawa, bo są za darmo, więc nawet amatorzy czy studenci mogą z nich korzystać bez żadnych przeszkód. Audacity jest świetne do przeróbki dźwięku, Blender to doby wybór, jeśli chcesz bawić się w 3D i animacje, GIMP to król edycji zdjęć, a Inkscape i Skencil fajnie nadają się do grafiki wektorowej. W branży kreatywnej te programy są mega ważne, bo pozwalają na swobodny rozwój. Dzięki open source wszyscy mogą ze sobą współpracować, a to przyspiesza rozwój i poprawia jakość tych narzędzi. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 25</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="pyta-cd-audio-pozwala-na-odwzorowanie-dzwieku-do-e2563a5a" 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>Płyta CD-Audio umożliwia reprodukcję dźwięku do częstotliwości</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. 22,05 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. 11,20 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. 44,10 kHz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. 33,15 kHz</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 innej wartości częstotliwości, takiej jak 33,15 kHz, 44,10 kHz czy 11,20 kHz, wskazuje na zrozumienie, że zadanie pytania wiąże się z wyznaczaniem jakości dźwięku na płycie CD. Częstotliwość 33,15 kHz jest myląca, ponieważ nie ma zastosowania w standardach audio. Częstotliwość 44,10 kHz, chociaż bliska poprawnej odpowiedzi, nie jest bezpośrednio odpowiednia jako maksymalna częstotliwość dźwięku, lecz dotyczy częstotliwości próbkowania. Najważniejsze jest to, że w kontekście audio, aby dźwięk był poprawnie rejestrowany i odtwarzany, jego częstotliwość musi być odpowiednia dla ludzkiego ucha, które nie odbiera dźwięków powyżej 20 kHz. Wybierając 11,20 kHz, użytkownik pokazuje brak zrozumienia zasady Nyquista, ponieważ ta częstotliwość próbkowania jest zbyt niska, aby uchwycić pełen zakres ludzkiego słuchu. Przykłady częstotliwości, które mogą być mylące dla użytkowników, to nie tylko błędne odpowiedzi, ale również koncepcje związane z innymi formatami audio, takimi jak MP3, które mogą wprowadzać w błąd przez różne metody kompresji. Dlatego kluczowe jest zrozumienie, że płyta CD-Audio, jako standard w branży muzycznej, korzysta z określonego zakresu częstotliwości, które umożliwiają osiągnięcie wysokiej jakości dźwięku, co jest fundamentalnym aspektem dla każdego audiofila czy profesjonalisty w dziedzinie nagrań. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 26</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="rysunek-kreskowy-logo-obrazek-clipart-oraz-obraz-bbfebdf3" 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>Kreskówka, logo, grafika clipart oraz obrazek o wysokiej rozdzielczości to określenia</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. efektów dźwiękowych programu Audacity</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. filtrów artystycznych programu GIMP</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. metod trasowania mapy bitowej w programie CorelDRAW</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. efektów przejść pomiędzy poszczególnymi slajdami w programie PowerPoint</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź dotycząca metod trasowania mapy bitowej w programie CorelDRAW jest poprawna, ponieważ rysunek kreskowy, logo, obrazek clipart oraz obrazek wysokiej jakości to różne formy grafiki wektorowej, które można uzyskać poprzez proces trasowania mapy bitowej. Trasowanie mapy bitowej polega na konwersji obrazów rastrowych (bitmapowych) na grafikę wektorową, co umożliwia uzyskanie bardziej skalowalnych i edytowalnych obrazów. W CorelDRAW, użytkownicy mogą wykorzystać narzędzie do trasowania, aby przekształcić bitmapy w wektory, co jest niezwykle przydatne w projektowaniu logo oraz ilustracji. Dzięki metodzie trasowania, możliwe jest uzyskanie wysokiej jakości grafik, które zachowują ostrość i detale bez względu na ich rozmiar. Praktycznie rzecz biorąc, trasowanie jest stosowane w projektach drukowanych oraz cyfrowych, gdzie wymagana jest elastyczność w edycji i skalowaniu obrazów. Umożliwia to projektantom tworzenie unikalnych logo i ilustracji, które są zgodne z jednolitym stylem wizualnym marki. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 27</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="okno-dokowane-ktore-umozliwia-zarzadzanie-kolejno-bb74f547" 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>Okno dokowane, które pozwala na manipulację kolejnością obiektów w aplikacji CorelDRAW, to okno dokowane</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. Przekształcenia</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>B. Menedżer obiektó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. Menedżer widoków</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. Ustawienia obiektu</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 błędnych odpowiedzi można zrozumieć, ale wiąże się z pewnymi nieporozumieniami dotyczących funkcji i zastosowania narzędzi w CorelDRAW. Okno 'Właściwości obiektu' służy do edytowania charakterystyk wybranego obiektu, takich jak kolory, typy linii czy efekty, ale nie oferuje funkcji zarządzania kolejnością wyświetlania i organizacji obiektów w całym projekcie. Z kolei okno 'Transformacje' koncentruje się na zmianach dotyczących rozmiaru, przekształcania i innych operacji na konkretnych obiektach, co również nie wiąże się bezpośrednio z zarządzaniem ich kolejnością. 'Menedżer widoków' natomiast dotyczy organizacji widoków i ustawień wyświetlania w aplikacji, co może być mylące w kontekście zarządzania obiektami. Istotnym błędem myślowym jest zrozumienie tych okien jako pełnoprawnych narzędzi do kompleksowego zarządzania obiektami, podczas gdy każde z nich ma swoje ograniczone i specyficzne funkcje. Aby efektywnie pracować z projektami w CorelDRAW, warto skupić się na zastosowaniu Menedżera obiektów, który in situ oferuje pełną kontrolę nad hierarchią obiektów, co jest kluczowe dla zachowania porządku i wydajności pracy w programie. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 28</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zmiany-wprowadzane-podczas-korekcji-barwnej-obrazu-cb15d6b6" 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>Wprowadzane zmiany podczas korekty kolorów w obrazie cyfrowym <u><strong>nie wpływają na</strong></u></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. tonację obrazu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. rozkład jasności na obrazie</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. rozdzielczość obrazu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. odwzorowanie barw</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Korekcja barwna obrazu cyfrowego ma na celu poprawę jakości wyświetlanych kolorów i ich odwzorowania, co nie wpływa na rozdzielczość obrazu. Rozdzielczość odnosi się do liczby pikseli w obrazie, co jest stałą właściwością pliku graficznego, ustaloną w momencie jego zapisu. Zmiany w kolorze, takie jak nasycenie, kontrast czy balans bieli, są operacjami, które dostosowują wartości kolorów w pikselach, ale nie zmieniają ich liczby ani fizycznych wymiarów. Przykładowo, poprawiając kolory w programach graficznych, takich jak Adobe Photoshop, można uzyskać lepsze odwzorowanie barw, a sama liczba pikseli pozostanie taka sama. W praktyce oznacza to, że niezależnie od wprowadzanych poprawek kolorystycznych, każda zmiana odbywa się w obrębie istniejących pikseli, co podkreśla znaczenie rozdzielczości jako niezależnego parametru obrazu. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 29</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-ktorych-formatach-nalezy-skatalogowac-obrazy-gra-b0e33603" 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 jakich formatach powinny być zarchiwizowane obrazy grafiki rastrowej, które mają być wykorzystane w 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. RAW, CDR</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, AI</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. JPEG, PNG</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. PSD, BMP</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Formaty JPEG i PNG są powszechnie stosowane w prezentacjach multimedialnych z kilku powodów. JPEG (Joint Photographic Experts Group) to format kompresji stratnej, który doskonale nadaje się do zdjęć i obrazów z dużą ilością kolorów, zachowując przy tym rozsądny rozmiar pliku. Dzięki temu, obrazy JPEG są idealne do prezentacji, gdzie szybkie ładowanie i mały rozmiar pliku są kluczowe. Z kolei PNG (Portable Network Graphics) to format bezstratny, który obsługuje przezroczystość oraz zachowuje wysoką jakość obrazu, co czyni go idealnym do grafik z tekstem, logo czy ilustracji. W kontekście dobrych praktyk w projektowaniu prezentacji, użycie tych formatów pozwala na osiągnięcie równowagi pomiędzy jakością a wydajnością, co jest niezwykle ważne w dynamicznych środowiskach profesjonalnych. Używając JPEG do zdjęć oraz PNG do grafik z tekstem, można zapewnić czytelność i estetykę 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 30</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-znacznik-suzy-do-wstawienia-obrazka-na-stro-ee39d8eb" 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 znacznik jest używany do dodawania obrazka na stronę internetową?</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. <map></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. <select></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. <img></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. <input></span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Znacznik <img> to taki standardowy element w HTML, którego używamy do wstawiania obrazków na stronie. Najważniejszy jest atrybut 'src', bo to właśnie on mówi, skąd przeglądarka ma pobrać obrazek. Drugi istotny atrybut to 'alt', który daje alternatywny tekst, gdyby obrazek się nie załadował. To jest bardzo ważne, nie tylko dla osób z niepełnosprawnościami, ale też dla SEO. Przykładowe użycie mogłoby wyglądać tak: <img src='url_do_obrazka.jpg' alt='Opis obrazka'>. Pamiętaj też o dobraniu odpowiednich formatów obrazków, takich jak JPEG, PNG czy GIF, w zależności od tego, co chcesz osiągnąć. Odpowiednie rozmiary i kompresja obrazków są kluczowe, żeby strona ładowała się szybko i dobrze działała dla użytkowników. Dobrym pomysłem jest także korzystanie z atrybutów 'width' i 'height', bo to pomaga przeglądarkom ogarnąć miejsce dla obrazków jeszcze przed ich załadowaniem. Obrazki na stronach nie tylko ładnie wyglądają, ale też pomagają w lepszym zrozumieniu treści przez ludzi. </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="w-ktorym-programie-adobe-dokonuje-sie-obrobki-film-ec23712f" 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 którym programie firmy Adobe odbywa się edycja wideo i zautomatyzowane zestawianie materiałów audio-wideo?</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. Premiere</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Illustrator</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. Lightroom</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. InDesign</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Adobe Premiere Pro to profesjonalne oprogramowanie do edycji wideo, które umożliwia użytkownikom montaż filmów oraz obróbkę materiałów audio-wideo. Program ten charakteryzuje się intuicyjnym interfejsem oraz rozbudowaną funkcjonalnością, co czyni go idealnym narzędziem zarówno dla amatorów, jak i profesjonalnych twórców wideo. Premiere Pro pozwala na importowanie różnych formatów plików, co umożliwia korzystanie z różnorodnych zasobów. Użytkownicy mogą manipulować klipami w czasie rzeczywistym, dodawać efekty specjalne, przejścia, a także korekcję kolorów. Dodatkowo, Premiere Pro oferuje zaawansowane funkcje automatycznego montażu audio-wideo dzięki opcji Auto Reframe i Adobe Sensei, co ułatwia dostosowywanie materiałów do różnych formatów i platform mediów społecznościowych. W branży filmowej i telewizyjnej program ten stał się standardem, a jego zintegrowane narzędzia do współpracy zwiększają efektywność pracy w zespołach produkcyjnych. </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="skalowanie-jest-operacja-polegajaca-na-zmianie-b5a0ce72" 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>Skalowanie to proces, który polega na zmianie</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. rozmiaru obrazu bez zmiany rozdzielczości</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. stylu obrazu oraz rozdzielczości</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. rozdzielczości bez zmiany rozmiaru obrazu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. proporcjonalnie obrazu oraz rozdzielczości</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Skalowanie polega na zmianie wielkości obrazu przy zachowaniu stałej rozdzielczości. Oznacza to, że podczas skalowania zmieniamy fizyczne wymiary obrazu, ale liczba pikseli, która go tworzy, pozostaje taka sama, co pozwala na zachowanie jakości wizualnej. Na przykład, w graficznych programach edycyjnych, takich jak Adobe Photoshop, użytkownik może zwiększyć wielkość obrazu w pikselach, nie zmieniając jego rozdzielczości. Takie podejście jest szczególnie istotne w kontekście druku, gdzie rozdzielczość (wyrażona w DPI - punktach na cal) jest kluczowa dla jakości wydruku. W praktyce, jeśli zwiększymy rozmiar obrazu, ale nie zmienimy jego rozdzielczości, możemy uniknąć niepożądanych zniekształceń i rozmycia, co jest częstym problemem przy niewłaściwym skalowaniu. Dobre praktyki w branży graficznej nakazują zawsze podchodzić do skalowania z uwagą na końcowy produkt, aby zapewnić najwyższą jakość wizualną. </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="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. 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>B. kroplomierz</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. pędzel</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. 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"> 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 34</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-celu-uzyskania-cyfrowej-kopii-fotografii-czarno-06ed3693" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Aby uzyskać cyfrową wersję fotografii czarno-białej, należy wykonać proces</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. skanowania oryginału refleksyjnego</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>B. skanowania oryginału transparentnego</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. kopiowania stykowego</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. kopiowania optycznego</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Kopiowanie optyczne jest metodą, która stosuje technologię optyczną do tworzenia duplikatów, jednak nie jest odpowiednia do skanowania fotografii czarno-białych. Proces ten najczęściej polega na używaniu kamer czy projektorów do rejestrowania obrazu, co w przypadku zdjęć może prowadzić do utraty detali i jakości. W praktyce, efekty tego podejścia mogą być niewystarczające do zachowania walorów artystycznych zdjęcia. Z kolei kopiowanie stykowe polega na umieszczaniu oryginału bezpośrednio na materiale światłoczułym i może być używane głównie do reprodukcji negatywów czy slajdów, ale nie jest skuteczne w przypadku tradycyjnych fotografii czarno-białych. Metoda ta wymaga specjalnych materiałów i jest bardziej czasochłonna. Skanowanie oryginału transparentnego jest natomiast skierowane do negatywów i slajdów, a więc nie ma zastosowania w przypadku zdjęć refleksyjnych. Często błędne przekonanie o możliwości użycia tych metod wynika z ogólnej znajomości terminologii związanej z kopiowaniem i skanowaniem, co prowadzi do nieporozumień. Kluczowym błędem jest niezrozumienie różnicy między fotografią refleksyjną a transparentną, a także niewłaściwe przypisanie metod do odpowiednich typów materiałów fotograficznych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zmiane-koloru-ta-strony-internetowej-uzyska-sie-p-6ed23738" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Aby zmienić kolor tła witryny internetowej, należy określić atrybut</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. tbody</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. bgcolor</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. colgroup</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. style</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Atrybut bgcolor jest specyficznie przeznaczony do definiowania koloru tła elementów HTML, co czyni go właściwym narzędziem do zmiany tła strony internetowej. Historia tego atrybutu sięga czasów, kiedy zaczęto rozwijać HTML, a jego zastosowanie jest szczególnie widoczne w tagach takich jak <table>, <tr> czy <td>. Przykładem użycia atrybutu bgcolor może być zastosowanie go w tabelach do wyróżniania poszczególnych komórek lub wierszy, co poprawia czytelność danych. Należy jednak pamiętać, że w najnowszych standardach HTML, w tym HTML5, preferuje się używanie CSS do stylizacji stron, w tym zmiany koloru tła. Przykładowo, zamiast używać bgcolor, bardziej zaleca się zastosowanie stylu CSS: 'style="background-color: #ff0000;"', co zapewnia lepszą separację treści od prezentacji i umożliwia łatwiejszą modyfikację stylów w przyszłoś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="ktore-okreslenie-jest-charakterystyczne-dla-grafik-d31dd36a" 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 sformułowanie najlepiej opisuje grafikę wektorową?</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. Podczas powiększania obrazów występuje degradacja jakości</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. Podczas powiększania obrazów nie ma degradacji jakości</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. Podczas skalowania grafiki następuje zmniejszenie intensywności 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>D. Podczas skalowania grafiki następuje zwiększenie intensywności kolorów</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ź wskazuje na kluczową cechę grafiki wektorowej, która odróżnia ją od grafiki rastrowej. Grafika wektorowa jest oparta na matematycznych równaniach, co pozwala na skalowanie obrazów do dowolnych rozmiarów bez utraty jakości. Przykładem zastosowania grafiki wektorowej jest tworzenie logotypów, które muszą być wyraźne i czytelne w różnych rozmiarach – od wizytówek po bilboardy. Dzięki temu, projektując logo w programie wektorowym, można je zmieniać w dowolny sposób, nie martwiąc się o pikselizację. Standardy takie jak SVG (Scalable Vector Graphics) oraz EPS (Encapsulated PostScript) są często stosowane w branży, co potwierdza popularność i przydatność grafiki wektorowej w profesjonalnych projektach graficznych. Dodatkowo, grafika wektorowa jest bardziej elastyczna w edytowaniu, co umożliwia łatwe wprowadzanie zmian w projektach bez wpływu na jakość końcowego produktu. </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="popularny-system-barw-w-ktorym-kazdy-kolor-i-jego-1bd2d4d0" 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>Znany system kolorów, w którym każdy barwa oraz jej odcień mają przypisane oddzielne numery, określa się mianem skali</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. kolorów specjalnych</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. tint</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. Pantone</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. kolorów internetowych</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 'Pantone' jest prawidłowa, ponieważ Pantone Color Matching System (PMS) to system kolorów, który przypisuje każdemu kolorowi unikalny numer, co umożliwia precyzyjne odwzorowanie kolorów w różnych materiałach i technikach druku. System ten jest szeroko stosowany w branży kreatywnej, w tym w projektowaniu graficznym, mody oraz druku, co pozwala na zapewnienie spójności kolorystycznej w różnych mediach. Na przykład, jeśli projektant wybiera kolor Pantone 186 C, może być pewny, że ten odcień będzie wyglądał identycznie, niezależnie od tego, czy jest drukowany na papierze, używany w tkaninach, czy też aplikowany w projektach cyfrowych. Ponadto, Pantone regularnie aktualizuje swoją paletę kolorów oraz wprowadza nowe odcienie, co czyni ten system bardzo elastycznym i odpowiednim do różnorodnych zastosowań. Warto również zaznaczyć, że Pantone jest często używane w procesach produkcyjnych, aby zminimalizować ryzyko błędów kolorystycznych, które mogą wystąpić podczas druku, co czyni go standardem w wielu branżach. </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="gebia-kolorow-obrazu-cyfrowego-okresla-6e4acbe6" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Co oznacza głębia kolorów w obrazie cyfrowym?</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. liczbę bitów pamięci przydzielonych do pojedynczego piksela obrazu w celu zapisania danych o jego kolorze</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. rozdzielczość obrazu przedstawiona jako liczba pikseli przypadających na cal</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. tryb kolorystyczny, w jakim obraz został zapisany</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. ilość pikseli, które trzeba dodać do obrazu, by obniżyć kontrast kolorów pomiędzy obiektem a tłem</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Głębia kolorów obrazu cyfrowego odnosi się do liczby bitów pamięci przypisanych do każdego piksela, co bezpośrednio wpływa na ilość informacji o kolorze, jaką można zapisać. W praktyce, większa głębia kolorów oznacza większą paletę kolorów, które mogą być odwzorowane w obrazie. Na przykład, obraz z głębią kolorów 8 bitów na kanał może wyświetlać 256 odcieni dla każdego z trzech podstawowych kolorów (czerwony, zielony, niebieski), co razem daje 16,7 miliona różnych kolorów. W branży graficznej i filmowej standardy takie jak sRGB czy Adobe RGB definiują różne gamy kolorów oraz głębokości kolorów, które są kluczowe dla jakości wyświetlania zdjęć i filmów. Dla profesjonalnych aplikacji, takich jak edycja zdjęć czy filmów, często stosuje się głębię kolorów 10 lub 12 bitów, co pozwala na bardziej płynne przejścia tonalne oraz większą dokładność w reprodukcji kolorów. Warto również zaznaczyć, że odpowiednia głębia kolorów jest kluczowa w kontekście druku, gdzie różnice w odwzorowaniu kolorów mogą wpływać na jakość finalnego produktu. </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="zastosowanie-w-prezentacji-kolorow-neutralnych-ma-f2553ef6" 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>Celem użycia kolorów neutralnych w prezentacji 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. zmiękczenie oraz stonowanie zastosowanych 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>B. podkreślenie świeżości oraz estetyki prezentacji</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. wywołanie odczucia spokoju i odprężenia</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. zwrócenie uwagi oraz uwydatnienie treści</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Kolory neutralne, takie jak odcienie szarości, beżu czy bieli, pełnią kluczową rolę w prezentacjach wizualnych, ponieważ pomagają w zmiękczaniu i stonowaniu intensywnych kolorów, które mogłyby dominować w przekazie. Użycie neutralnych tonów pozwala skupić uwagę odbiorców na istotnych treściach, minimalizując wizualne zakłócenia. W praktyce, stosowanie neutralnych kolorów może być widoczne w różnych elementach prezentacji, takich jak tło slajdów, co ułatwia akcentowanie głównych punktów i informacji. Dobrze dobrane kolory neutralne sprzyjają także lepszej czytelności tekstu, co jest zgodne z zasadami projektowania graficznego. W kontekście standardów branżowych, wiele wytycznych dotyczących projektowania prezentacji zaleca stosowanie kolorów neutralnych, aby utrzymać profesjonalny wygląd oraz zapewnić klarowność przekazu. Przy planowaniu prezentacji warto również rozważyć zastosowanie schematów kolorów, które uwzględniają zarówno kolory główne, jak i neutralne, aby tworzyć zharmonizowane i estetyczne kompozycje wizualne. </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="srodki-wyrazu-takie-jak-sowa-kluczowe-nagowki-1854c815" 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>Elementy wyrazu, takie jak kluczowe słowa, nagłówki oraz wskazówki, używane w projektach multimedialnych, mają na celu</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. zaprezentowanie potencjalnych interakcji</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. prowadzenie po układzie projektu</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. wyróżnienie najważniejszych informacji</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. zademonstrowanie struktury treści oraz organizacji komunikatu</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Środki wyrazu, takie jak słowa kluczowe, nagłówki czy wskazówki, mają kluczowe znaczenie w kontekście projektów multimedialnych, ponieważ pozwalają na zaakcentowanie najważniejszych informacji. W praktyce oznacza to, że odpowiednio dobrane elementy wizualne i tekstowe mogą prowadzić odbiorcę do najbardziej istotnych treści, co jest szczególnie ważne w dobie nadmiaru informacji. Na przykład, w prezentacjach multimedialnych nagłówki i podtytuły wyróżniają kluczowe zagadnienia, co ułatwia ich zapamiętywanie oraz zrozumienie. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), ważne jest, aby struktura treści była przejrzysta i logiczna, co sprzyja akcentowaniu istotnych informacji, a tym samym poprawia dostępność dla różnych grup odbiorców. W kontekście e-learningu, użycie wyróżnionych słów kluczowych może także znacznie zwiększyć efektywność przyswajania wiedzy oraz umożliwić lepsze nawigowanie po kursach online. </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-teleinformatyk/INF.08/" class="footer-link"> <span>INF.08</span> <small class="text-muted">(1 129)</small> </a> </div> <div class="col-6"> <a href="/technik-reklamy/PGF.08/" class="footer-link"> <span>PGF.08</span> <small class="text-muted">(1 274)</small> </a> </div> <div class="col-6"> <a href="/technik-agrobiznesu/ROL.05/" class="footer-link"> <span>ROL.05</span> <small class="text-muted">(622)</small> </a> </div> <div class="col-6"> <a href="/technik-papiernictwa/DRM.07/" class="footer-link"> <span>DRM.07</span> <small class="text-muted">(177)</small> </a> </div> <div class="col-6"> <a href="/technik-weterynarii/ROL.12/" class="footer-link"> <span>ROL.12</span> <small class="text-muted">(1 171)</small> </a> </div> <div class="col-6"> <a href="/technik-mechanik/MEC.08/" class="footer-link"> <span>MEC.08</span> <small class="text-muted">(96)</small> </a> </div> <div class="col-6"> <a href="/asystent-osoby-niepenosprawnej/SPO.01/" class="footer-link"> <span>SPO.01</span> <small class="text-muted">(754)</small> </a> </div> <div class="col-6"> <a href="/florysta/OGR.01/" class="footer-link"> <span>OGR.01</span> <small class="text-muted">(877)</small> </a> </div> <div class="col-6"> <a href="/opiekunka-dziecieca/SPO.04/" class="footer-link"> <span>SPO.04</span> <small class="text-muted">(604)</small> </a> </div> <div class="col-6"> <a href="/technik-rachunkowosci/EKA.07/" class="footer-link"> <span>EKA.07</span> <small class="text-muted">(1 379)</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>