Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik fotografii i multimediów
Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Data rozpoczęcia: 23 kwietnia 2026 18:22
Data zakończenia: 23 kwietnia 2026 18:30

Egzamin niezdany

Wynik: 1/40 punktów (2,5%)

Wymagane minimum: 20 punktów (50%)

Nowe

Analiza przebiegu egzaminu- sprawdź jak rozwiązywałeś pytania

Przebieg egzaminu

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Zdjęcia, które mają być umieszczone na stronie internetowego sklepu, powinny mieć

A. zainstalowany dedykowany plug-in

B. zintegrowaną dodatkową paletę kolorów

C. maksymalny rozmiar pliku

D. minimalny rozmiar pliku

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór opcji "jak najmniejszy rozmiar pliku" jest kluczowy dla efektywności działania sklepu internetowego. Zmniejszenie rozmiaru plików graficznych wpływa na szybkość ładowania strony, co jest istotnym czynnikiem w doświadczeniu użytkownika oraz pozycji w wynikach wyszukiwania. Zgodnie z wytycznymi Google, strony ładujące się szybciej mają większe szanse na lepsze pozycjonowanie w wynikach wyszukiwania. Praktyczne zastosowania tej wiedzy obejmują kompresję zdjęć przy użyciu narzędzi takich jak TinyPNG czy ImageOptim, które zmniejszają rozmiar grafik bez zauważalnej utraty jakości. Dodatkowo, korzystanie z odpowiednich formatów plików, takich jak JPEG dla zdjęć i PNG dla grafik z przezroczystością, również przyczynia się do optymalizacji. Warto również pamiętać o responsywności grafik, co oznacza, że obrazy powinny być dostosowane do różnych rozmiarów ekranów, co z kolei wpływa na szybkość ładowania oraz oszczędność danych użytkowników mobilnych. Zastosowanie tych praktyk nie tylko poprawia wydajność strony, ale także zwiększa satysfakcję klientów, co w efekcie prowadzi do lepszych wyników sprzedażowych.

Pytanie 2

Zanim umieścisz na stronach www statyczne obiekty wektorowe, powinieneś

A. wykonać trasowanie obiektów wektorowych

B. przeprowadzić wektoryzację obiektów wektorowych

C. zamienić obiekty wektorowe w krzywe Beziera

D. przekształcić obiekty wektorowe w rastrowe

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Obiekty wektorowe są zapisane w sposób, który sprawia, że ich jakość nie spada, gdy zmieniamy ich rozmiar. To super sprawa, bo oznacza, że można je skalować bez obaw. Ale przy publikacji na stronach www, często musimy je przerobić na format rastrowy, jak PNG czy JPEG, żeby dobrze wyglądały w różnych przeglądarkach i na telefonach. Na przykład, logo, które mamy w formie wektorowej, najczęściej konwertujemy na format rastrowy, co pozwala na szybsze ładowanie ich na stronie. Dobrze jest też korzystać z zaleceń standardów webowych, takich jak W3C, które mówią o optymalizacji grafik, żeby strony się szybko ładowały. Podczas tej konwersji warto myśleć o kompresji i jakości obrazu, bo to wpływa na to, jak strona się prezentuje i jak szybko ładuje. Fajnie też przygotować grafiki w różnych rozmiarach, bo to się sprawdza na różnych ekranach, a użytkownicy będą mieli lepsze doświadczenia w przeglądaniu strony.

Pytanie 3

Która z poniższych działań przyczynia się do poprawy pozycji strony w wynikach wyszukiwania?

A. Wykorzystanie skomplikowanej nawigacji oraz pominięcie opisów zdjęć zamiennymi tekstami.

B. Zastosowanie dodatkowych tekstów niezwiązanych z tematyką danej strony.

C. Niekiedy aktualizowanie treści strony internetowej.

D. Regularne aktualizowanie treści strony internetowej.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Częste aktualizowanie zawartości strony internetowej jest kluczowym elementem skutecznej strategii SEO (Search Engine Optimization). Wyszukiwarki internetowe, takie jak Google, wysoko oceniają strony, które regularnie dostarczają świeżej i wartościowej treści. Aktualizacje mogą obejmować dodawanie nowych artykułów, aktualizowanie istniejących wpisów lub modyfikowanie informacji, aby były zgodne z bieżącymi trendami. Przykładem może być blog firmowy, który regularnie publikuje artykuły związane z branżą, co nie tylko przyciąga użytkowników, ale także zwiększa czas spędzany na stronie. Dodatkowo, częste aktualizacje mogą poprawić indeksowanie strony przez roboty wyszukiwarek, co z kolei wpływa na widoczność w wynikach wyszukiwania. Warto również pamiętać o optymalizacji treści pod kątem słów kluczowych oraz zachowaniu odpowiedniej struktury nagłówków i linków wewnętrznych. Takie praktyki są zgodne z wytycznymi Google i przyczyniają się do lepszej pozycji strony w wynikach organicznych.

Pytanie 4

Jakiego koloru będą teksty akapitów utworzone w oparciu o przedstawiony arkusz stylów?

<style>
 p{color: yellow;}
 p{color: black;}
 p{color: red;}
 </style>

A. Zielony

B. Czerwony

C. Żółty

D. Czarny

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Czerwony" jest prawidłowa, ponieważ w przedstawionym arkuszu stylów zdefiniowane są trzy reguły CSS dla elementu <p>. Jednak w CSS, zasada kaskadowości oznacza, że reguła, która jest zdefiniowana później, ma pierwszeństwo w przypadku konfliktów. W tym przypadku pierwszy przepis przypisuje kolor żółty, drugi czarny, a trzeci czerwony. Ponieważ ostatnia reguła (p{color: red;}) jest rozpatrywana jako dominująca, teksty akapitów przyjmą kolor czerwony. W praktyce ważne jest, aby zrozumieć kaskadowość i specyfikę reguł CSS, ponieważ pozwala to na efektywne zarządzanie stylami w projekcie. Dobrym przykładem jest tworzenie stylów dla różnych stanów elementów, takich jak :hover czy :active, co pozwala na lepsze wykorzystanie kaskadowości. Zrozumienie i wykorzystanie tych zasad jest kluczowe w tworzeniu responsywnych i estetycznych interfejsów użytkownika zgodnych z najlepszymi praktykami web designu.

Pytanie 5

Wskaż parametry, które należy zdefiniować, przygotowując fotografie cyfrowe do projektu galerii internetowej.

A. Rozdzielczość 72 dpi, tryb barwny CMYK.

B. Rozdzielczość 72 lpi tryb barwny RGB.

C. Rozdzielczość 72 spi, tryb barwny CMYK.

D. Rozdzielczość 72 ppi, tryb barwny RGB.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
To jest dokładnie ten zestaw parametrów, który powinien być stosowany przy przygotowaniu zdjęć do publikacji w galerii internetowej. Rozdzielczość 72 ppi (pikseli na cal) jest uznawana za standardową dla grafiki wyświetlanej na ekranach komputerów czy urządzeń mobilnych – to w zupełności wystarcza, żeby zdjęcia wyglądały ostro i nie zajmowały zbyt wiele miejsca, co przekłada się na szybsze ładowanie strony. Z mojego doświadczenia, jeśli użyjemy wyższej rozdzielczości, zdjęcia będą większe i obciążą serwer, a przecież użytkownik nawet nie zauważy różnicy. Tryb barwny RGB to absolutna podstawa w kontekście internetu – większość ekranów obsługuje właśnie ten przestrzeń barwną, więc kolory pozostaną takie, jak zamierzono. W praktyce, wszystkie popularne programy graficzne domyślnie ustawiają tryb RGB dla plików przeznaczonych do sieci. Z kolei CMYK to tryb dedykowany do druku i tu zupełnie się nie sprawdzi. Co ciekawe, czasem spotykam się z opinią, że trzeba wyżej ustawić rozdzielczość, ale to tylko marnuje miejsce na dysku. No i warto pamiętać, by zapisywać zdjęcia w formatach takich jak JPEG czy PNG, bo te najczęściej są obsługiwane przez przeglądarki. Tak więc – 72 ppi i RGB to taki internetowy złoty standard.

Pytanie 6

Jakiego narzędzia w programie Adobe Photoshop należy użyć, aby podzielić layout strony internetowej na fragmenty?

A. Zaznaczanie plasterków

B. Cięcie na plasterki

C. Różdżka

D. Łatka

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Cięcie na plasterki" jest poprawna, ponieważ to narzędzie w programie Adobe Photoshop jest specjalnie zaprojektowane do dzielenia layoutu strony internetowej na mniejsze, łatwe do zarządzania fragmenty, zwane plasterkami. Umożliwia to zarówno projektantom, jak i deweloperom łatwe wyodrębnienie poszczególnych elementów graficznych strony, co jest niezbędne w procesie tworzenia responsywnych i zoptymalizowanych witryn internetowych. W praktyce, po użyciu narzędzia "Cięcie na plasterki", użytkownik może określić, które sekcje layoutu chcą wyeksportować, co jest kluczowe w pracy nad interfejsem użytkownika. Dobrą praktyką jest używanie tego narzędzia podczas projektowania, aby zapewnić, że wszystkie elementy są odpowiednio skompresowane i zoptymalizowane dla szybszego ładowania. W kontekście standardów branżowych, stosowanie plasterków pozwala na efektywne zarządzanie grafiką, co jest istotne dla SEO oraz poprawy doświadczeń użytkowników.

Pytanie 7

Na rysunku przedstawiono projekt multimedialny

A. galerii zdjęć.

B. animacji.

C. prezentacji.

D. strony www.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź, którą zaznaczyłeś, to galeria zdjęć i to jest całkiem dobre! Widać, że na załączonym obrazku mamy do czynienia z interfejsem, który typowo kojarzy się z tym rodzajem aplikacji. Galerie zdjęć są super, bo pozwalają na łatwe przeglądanie wizualnych treści. Użytkownicy mogą zobaczyć miniatury zdjęć z jednej strony, a z drugiej większy widok wybranego zdjęcia. To takie proste i intuicyjne, co zgadza się z zasadami użyteczności. W praktyce galerie używa się wszędzie - od osobistych albumów online po portfolio artystów. Wiele platform, na przykład WordPress, ma wtyczki, które to umożliwiają, co czyni je mega wszechstronnym narzędziem. Poza tym, jeśli myślimy o SEO, to dobrze zrobiona galeria z odpowiednimi tagami alt może naprawdę pomóc w lepszej indeksacji w wyszukiwarkach. To może zwiększyć widoczność Twojego projektu, co przecież jest ważne.

Pytanie 8

Który z poniższych zapisów znaczników w języku XHTML jest poprawny?

A. <xHtMl>

B. <XHtml>

C. <XHTML>

D. <xhtml>

Każda z niepoprawnych odpowiedzi opiera się na błędnym zrozumieniu zasad dotyczących pisania znaczników w XHTML. Zapis <XHTML>, zapisany z dużymi literami, jest niewłaściwy, ponieważ XHTML, jako język oparty na XML, wymaga, aby wszystkie znaczniki były zapisane małymi literami. Ignorowanie tej zasady prowadzi do problemów z interpretacją dokumentu przez przeglądarki, które mogą nie zrozumieć tego znacznika. Zapis <XHtml> również jest niewłaściwy z tego samego powodu, że zawiera mieszane wielkości liter. Taki zapis nie tylko narusza zasady XHTML, ale również powoduje, że kod staje się mniej czytelny i trudniejszy do utrzymania. W przypadku <xHtMl>, pomimo użycia małych liter w niektórych miejscach, zapis ten nie jest zgodny z zasadami XHTML, które wymagają spójności w pisowni. Przy pisaniu kodu ważne jest, aby stosować się do standardów branżowych, a pełne zrozumienie zasad składni XHTML jest kluczowe dla tworzenia poprawnych aplikacji webowych. Utrzymywanie odpowiednich standardów w kodowaniu nie tylko wpływa na wydajność, ale również na bezpieczeństwo aplikacji internetowych, ponieważ niewłaściwe znaczniki mogą prowadzić do błędów w interpretacji lub wycieków danych.

Pytanie 9

Znaczniki w teście: raz <b>dwa</b> trzy spowodują, że w wyświetleniu słowo dwa będzie

A. pochylone.

B. podwyższone.

C. obniżone.

D. pogrubione.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "pogrubiony" jest poprawna, ponieważ znacznik <b> w HTML służy do wyróżniania tekstu przez jego pogrubienie. W kontekście przedstawionego frazowania, tekst "dwa" otoczony znacznikiem <b> zostanie wyświetlony w formie pogrubionej, co przyciągnie uwagę czytelnika. Pogrubienie tekstu jest często stosowane w dokumentacji technicznej, materiałach marketingowych czy prezentacjach, aby podkreślić istotne informacje. Warto zauważyć, że stosowanie odpowiednich znaczników HTML jest kluczowe dla poprawnego renderowania treści w przeglądarkach internetowych. Dobre praktyki obejmują umiejętne użycie znaczników, aby zachować czytelność i estetykę treści. Przykładowo, w artykule naukowym, pogrubienie może wskazywać na kluczowe wyniki badań, co ułatwia ich szybkie zidentyfikowanie przez czytelników.

Pytanie 10

Jaki kolor będą miały teksty akapitów utworzone na podstawie przedstawionego arkusza stylów?

 <style>
 p{color: yellow;}
 p{color: black;}
 p{color: red;}
 </style>

A. Czerwony.

B. Żółty.

C. Czarny.

D. Zielony.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Czerwony" jest poprawna, ponieważ w arkuszu stylów CSS zdefiniowano trzy reguły dotyczące koloru tekstu dla elementów <p>. W CSS, kiedy wiele reguł odnosi się do tego samego elementu, ostatnia reguła, która ma tę samą specyficzność, ma decydujące znaczenie. W naszym przypadku ostatnia reguła to 'p{color: red;}', co wskazuje, że tekst akapitów będzie wyświetlany w kolorze czerwonym. W praktyce oznacza to, że, niezależnie od wcześniejszych przypisanych kolorów, w tym przypadku żółtego i czarnego, ostateczny kolor tekstu to czerwony. To podejście jest zgodne z zasadą kaskadowości w CSS, gdzie przetwarzanie reguł następuje od góry do dołu, a ostatnia reguła ma pierwszeństwo. Warto znać tę zasadę, aby skutecznie zarządzać stylami na stronach internetowych, co jest kluczowe w kontekście responsywnego projektowania oraz optymalizacji wydajności witryn.

Pytanie 11

Wykonanie projektu witryny internetowego sklepu komputerowego wymaga przygotowania fotografii

A. plenerowych.

B. modowych.

C. katalogowych.

D. okazjonalnych.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Fotografie katalogowe to taki rodzaj zdjęć, który jest absolutną podstawą w branży e-commerce, zwłaszcza jeśli chodzi o sklepy komputerowe czy szeroko pojętą elektronikę. W praktyce chodzi o profesjonalne zdjęcia produktów – na białym lub neutralnym tle, bez zbędnych ozdobników. Takie fotografie są wykonywane z myślą o jak najlepszej prezentacji cech technicznych produktu: pokazują detale, porty, tekstury, a czasem nawet wymiary. Moim zdaniem nie ma lepszego sposobu na to, żeby klient online mógł „obejrzeć” sprzęt prawie jak w sklepie stacjonarnym. Standardy branżowe jasno wskazują, że dobre zdjęcie katalogowe zwiększa sprzedaż, bo buduje zaufanie. Bez nich klient po prostu nie wie, co kupuje. Ważne jest też, by fotografie były spójne pod względem oświetlenia, kolorystyki i kadrowania, bo to podnosi profesjonalizm witryny – dokładnie tak robią największe sklepy jak x-kom czy Komputronik. Dla projektanta strony takie zdjęcia są też łatwiejsze do obróbki i integracji z layoutem – po prostu wrzucasz i wszystko „siedzi”. Z mojego doświadczenia wynika, że nawet średniej jakości fotografia katalogowa lepiej spełnia swoje zadanie niż artystyczne ujęcia, bo klient szuka konkretu, a nie nastroju. Warto o tym pamiętać!

Pytanie 12

Poniżej przedstawiono fragment kodu strony internetowej. Gdy pliki strony znajdują się na lokalnym dysku komputera PC, obrazek obraz01.jpg jest wyświetlany, natomiast po załadowaniu plików na zewnętrzny serwer – już nie. Co jest tego przyczyną?
<div class = “grafika">
<img alt = “widok ogólny" src = “obrazki\obraz01.jpg" />
</div>

A. Niewłaściwa kolejność atrybutów znacznika img.

B. To, że znacznik img nie został zamknięty.

C. Zastosowanie w ścieżce dostępu lewego ukośnika (\).

D. Ujęcie znacznika img w znacznik div.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwa odpowiedź wskazuje na zastosowanie lewego ukośnika w ścieżce dostępu do pliku graficznego jako przyczynę problemu z wyświetlaniem obrazka po załadowaniu plików na zewnętrzny serwer. W systemach operacyjnych Windows, do oddzielania folderów w ścieżkach plików używany jest lewy ukośnik ('\'). Jednak w kontekście stron internetowych oraz standardów HTML, obowiązującym znakiem do oddzielania folderów jest ukośnik prawy ('/'). To oznacza, że podczas przenoszenia plików na serwer, ścieżka do obrazka powinna być zapisana jako 'obrazki/obraz01.jpg', aby poprawnie wskazać lokalizację pliku na serwerze. Zastosowanie właściwego ukośnika jest kluczowe, ponieważ serwery internetowe zwykle działają na systemach uniksowych, w których tylko prawy ukośnik jest akceptowany. W praktyce, aby uniknąć takich problemów, zawsze należy stosować ukośnik prawy, co jest zgodne z rekomendacjami W3C. Dobrą praktyką jest również testowanie lokalnych ścieżek przed publikacją na serwerze, aby upewnić się, że wszystkie obrazy oraz zasoby są poprawnie wyświetlane."

Pytanie 13

Jakie odcienie powinny zostać uwzględnione w układzie strony internetowej opracowywanej w oparciu o kolory podstawowe?

A. Fioletowy, czarny, biały

B. Czerwony, żółty, niebieski

C. Fioletowy, pomarańczowy, zielony

D. Czerwony, fioletowy, pomarańczowy

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Poprawna odpowiedź to czerwony, żółty, niebieski, ponieważ są to kolory podstawowe w teorii koloru. W kontekście projektowania stron internetowych, wykorzystanie tych kolorów jako bazowych pozwala na łatwe tworzenie palety barwnej, która jest harmonijna i estetyczna. Barwy podstawowe są fundamentem dla tworzenia innych kolorów, co daje projektantom dużą elastyczność w dopasowywaniu odcieni do specyfikacji wizualnych projektu. Na przykład, czerwony może być użyty jako kolor akcentujący, żółty dodaje energii i optymizmu, a niebieski wprowadza spokój i profesjonalizm. Stosowanie kolorów podstawowych jest zgodne z zasadami kontrastu i kompozycji, co jest kluczowe dla czytelności i użyteczności strony. Warto również zaznaczyć, że zgodnie z teorią Gestalt, harmonijna kompozycja kolorów wpływa na percepcję i zachowanie użytkowników, co jest istotne przy projektowaniu interaktywnych elementów na stronach internetowych.

Pytanie 14

Jaki kod należy umieścić między znacznikami <map> </map> podczas modyfikacji istniejącej strony internetowej, która musi być zgodna ze standardem HTML5, aby utworzyć kołowy obszar aktywny w mapie obrazu, odsyłający do http://www.firma.pl ?

A.	<area shape="circle" coords="50, 50, 40" href=http:// www.firma.pl />
B.	<area shape="circle" coords="50, 50, 40" href="http://www.firma.pl" alt="firma" />
C.	<area circle="circle" coords="50, 50, 40" href="http://www.firma.pl" alt="firma" />
D.	<area shape="rect" coords="50, 50, 100, 150" href="http://www.firma.pl" alt="firma" />

A. A.

B. D.

C. C.

D. B.

Odpowiedź B jest poprawna, ponieważ wykorzystuje właściwe znaczniki HTML5 do stworzenia kołowego obszaru aktywnego na mapie obrazu. W HTML5, aby utworzyć obszar aktywny, należy użyć znacznika <area>, który umożliwia wskazanie formy i właściwości obszaru na mapie. Ustawienie atrybutu shape na 'circle' informuje przeglądarkę, że obszar ma być kołem. Atrybut coords określa współrzędne środka koła oraz jego promień, co jest kluczowe dla prawidłowego wyświetlenia obszaru aktywnego. Przykładowo, jeśli współrzędne wynoszą '50,50,40', oznacza to, że środek koła znajduje się w punkcie (50,50) na obrazie, a jego promień wynosi 40 pikseli. Dodatkowo, atrybut href z wartością 'http://www.firma.pl' określa link, do którego użytkownik zostanie przekierowany po kliknięciu w ten obszar. Użycie atrybutu alt jest również istotne, ponieważ poprawia dostępność strony, umożliwiając osobom korzystającym z technologii wspomagających zrozumienie, co reprezentuje dany obszar. Zastosowanie tych zasad zgodnych z aktualnymi standardami sprawia, że HTML staje się nie tylko bardziej użyteczny, ale także przyjazny dla wszystkich użytkowników.

Pytanie 15

W zewnętrznym arkuszu stylów, który jest powiązany z określoną stroną www, znajduje się zapis:
img {border : 3px solid black ; margin: 20px},
natomiast w wewnętrznym arkuszu stylów tej strony:
img {border-color : red}.
Jeśli w sekcji body zostanie umieszczony tekst:
<img src = "obrazki/fotol9.jpg" style = "margin: 15px" />
to obrazek foto19.jpg zostanie wyświetlony z

A. czarną ramką oraz marginesem 20 pikseli

B. czerwoną ramką oraz marginesem 20 pikseli

C. czerwoną ramką oraz marginesem 15 pikseli

D. czarną ramką oraz marginesem 15 pikseli

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Twoja odpowiedź jest trafna! Wiem, że korzystając z wewnętrznego arkusza stylów (CSS), zmieniasz kolor ramki na czerwony. A jak zewnętrzny arkusz ustawiał właściwości dla obrazków, takie jak szerokość ramki czy marginesy, to lokalne style mają wyższy priorytet. Więc gdy w <img> dodasz style='margin: 15px', to margines będzie wynosił 15 pikseli, a ramka na pewno pozostanie czerwona. To wszystko mówi nam o tym, jak ważne jest zrozumienie kaskadowego działania stylów i jak to wpływa na wygląd elementów. Z mojego doświadczenia, dobrze mieć porządek w arkuszach i unikać konfliktów między stylami. Zastosowanie systematycznego nazewnictwa naprawdę pomaga.

Pytanie 16

Każdy obraz rastrowy umieszczony na stronach internetowych powinien mieć dodane opisy alternatywne

A. animacje

B. obrazy wektorowe

C. teksty

D. miniatury rastrowe

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Dodanie zastępczych tekstów do obrazów rastrowych na stronach internetowych jest kluczowym elementem zapewnienia dostępności treści dla wszystkich użytkowników, w tym osób z niepełnosprawnościami wzrokowymi. Zastępczy tekst, znany również jako 'alt text', opisuje zawartość obrazu i umożliwia czytnikom ekranu właściwe interpretowanie jego znaczenia. Przykładowo, jeśli na stronie znajduje się obraz przedstawiający kotka, zastępczy tekst mógłby brzmieć 'czarny kot na zielonym tle'. Taki opis nie tylko informuje o tym, co znajduje się na obrazie, ale także może dostarczać kontekstu, który jest ważny dla zrozumienia treści strony. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), dodawanie takich tekstów jest nie tylko zalecane, ale i wymagane dla zapewnienia dostępności strony. Ponadto, zastępczy tekst ma również wpływ na SEO, ponieważ wyszukiwarki mogą lepiej indeksować treści, kiedy zawierają odpowiednie opisy obrazów.

Pytanie 17

Wskaż prawidłową kolejność czynności wykonywanych podczas aktualizacji aplikacji Wordpress.

A. Instalowanie wtyczek, weryfikowanie znaczników HTML, pozycjonowanie strony.

B. Wykonanie kopii zapasowej, testowanie sklonowanej strony, aktualizowanie elementów strony.

C. Formatowanie tekstów, drukowanie projektu strony, oznaczenie licencji grafik.

D. Testowanie sklonowanej strony, weryfikowanie reguł CSS, projektowanie elementów graficznych.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowa kolejność działań przy aktualizacji WordPressa to: najpierw wykonanie kopii zapasowej, potem testowanie sklonowanej strony, a dopiero na końcu aktualizowanie elementów strony (silnik WP, motyw, wtyczki). To jest dokładnie ten schemat, który znajdziesz w większości profesjonalnych procedur DevOps czy instrukcjach firm hostingowych. Kopia zapasowa (backup) to absolutna podstawa. I chodzi nie tylko o pliki strony (wp-content, motywy, wtyczki, uploady), ale też o bazę danych MySQL. W praktyce robi się to albo wtyczką typu UpdraftPlus, Duplicator, All-in-One WP Migration, albo z poziomu panelu hostingu (np. cPanel – Backup, phpMyAdmin – eksport bazy). Dzięki temu, jeśli aktualizacja rozsypie motyw, wtyczkę lub całą stronę, można jednym krokiem przywrócić działającą wersję. Drugi krok to testowanie sklonowanej strony, czyli tzw. środowisko stagingowe. Moim zdaniem to jest różnica między amatorskim a profesjonalnym podejściem. Klonuje się stronę na subdomenę typu staging.domena.pl albo dev.domena.pl, czasem w ogóle na osobny serwer. Tam wykonuje się aktualizacje, sprawdza kompatybilność wtyczek, testuje logowanie użytkowników, formularze, koszyk w sklepie, szybkość ładowania, zgodność z motywem i child theme. Dzięki temu nie ryzykujesz, że klient wchodzi na stronę i widzi białą stronę śmierci (white screen of death) albo fatal error z PHP. Dopiero trzeci krok to aktualizowanie elementów strony na produkcji. Najczęściej zaczyna się od wtyczek, potem motyw, na końcu silnik WordPress, choć bywa odwrotnie w zależności od sytuacji i wymagań. Po każdej większej aktualizacji warto wyczyścić cache (wtyczka cache + cache serwera + ewentualnie CDN), sprawdzić front-end, panel admina, formularze, panel klienta w WooCommerce. W dobrych praktykach zaleca się też robienie tzw. punktów przywracania przed każdą dużą zmianą i prowadzenie krótkiej dokumentacji: kiedy, co i z jakiej wersji na jaką wersję zostało zaktualizowane. W realnej pracy przy stronach produkcyjnych taka procedura naprawdę oszczędza sporo nerwów.

Pytanie 18

Jakie rodzaje stron internetowych są zoptymalizowane do prawidłowego wyświetlania na ekranach różnych urządzeń, takich jak: monitor komputera, laptop, tablet czy smartfon?

A. Statyczne

B. Informacyjne

C. Responsywne

D. Interaktywne

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź 'responsywne' jest poprawna, ponieważ strony responsywne są projektowane w taki sposób, aby automatycznie dostosowywały się do rozmiaru ekranu urządzenia, na którym są wyświetlane. Umożliwia to optymalne doświadczenie użytkownika, niezależnie od tego, czy korzysta on z komputera stacjonarnego, laptopa, tabletu czy smartfona. W praktyce oznacza to, że elementy takie jak tekst, obrazy i przyciski zmieniają swoje układ i rozmiar w odpowiedzi na różne rozdzielczości ekranu. Wytyczne wypracowane przez World Wide Web Consortium (W3C) oraz zasady projektowania opartego na siatce (grid-based design) są podstawą tworzenia takich stron. Przykładem mogą być witryny sklepów internetowych, gdzie responsywność jest kluczowa, umożliwiając zakupy na różnych urządzeniach, co przekłada się na wyższą konwersję i lepsze doświadczenie klienta. Ponadto użycie technologii CSS3, takich jak media queries, jest standardem w responsywnym projektowaniu, co zapewnia elastyczność i funkcjonalność stron w różnych kontekstach użytkowych.

Pytanie 19

Jakie aspekty powinny być brane pod uwagę przy projektowaniu układu strony internetowej?

A. Przejrzysty i prosty layout strony

B. Obrazy o wysokiej jakości

C. Niestandardowe style czcionek

D. Duża liczba elementów animacyjnych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prosty i czytelny układ strony jest kluczowy dla skutecznej nawigacji i doświadczeń użytkowników. Taki layout umożliwia użytkownikom szybkie odnalezienie potrzebnych informacji, co zwiększa ich satysfakcję oraz czas spędzony na stronie. Przykładem dobrego układu może być zastosowanie siatki (grid) w projektowaniu, co pozwala na łatwe rozmieszczanie elementów w sposób uporządkowany. Standardy takie jak WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie czytelności w kontekście dostępności treści dla osób z różnymi niepełnosprawnościami. Dobrze zorganizowany layout powinien także uwzględniać hierarchię informacji, co oznacza, że najważniejsze elementy powinny być bardziej wyróżnione. Dodatkowo, stosowanie odpowiednich odstępów, kontrastów kolorystycznych oraz typografii wpływa na estetykę i użyteczność strony, co jest istotne dla utrzymania uwagi użytkowników.

Pytanie 20

Określ jednostkę rozdzielczości oraz tryb kolorystyczny, które powinny zostać ustalone przy przygotowywaniu zdjęć cyfrowych do projektu witryny internetowej.

A. spi i CMYK

B. dpi i CMYK

C. lpi i RGB

D. ppi i RGB

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Poprawna odpowiedź to ppi i RGB, ponieważ 'ppi' (pixels per inch) jest jednostką rozdzielczości wskazującą, ile pikseli znajduje się na jednym calu obrazu. Jest to istotne w kontekście przygotowywania fotografii cyfrowych do wyświetlania w Internecie, gdzie wyższa rozdzielczość ppi przekłada się na lepszą jakość wizualną na ekranach. Z kolei 'RGB' (Red, Green, Blue) to tryb koloru, który jest standardem w elektronice oraz w grafice komputerowej, idealnym do wyświetlania obrazów na monitorach. Przygotowując zdjęcia do galerii internetowej, zaleca się używanie RGB, ponieważ większość urządzeń wyświetlających, takich jak monitory komputerowe czy smartfony, wykorzystuje ten model kolorów. Zastosowanie ppi i RGB pozwala na uzyskanie optymalnej jakości wizualnej oraz efektywności wyświetlania, co wpływa na pozytywne doświadczenie użytkowników przeglądających galerię. Przykładowo, zdjęcia przygotowane w rozdzielczości 72 ppi są wystarczające do wyświetlania w Internecie, a w przypadku druku warto zadbać o wyższą rozdzielczość, na poziomie 300 ppi.

Pytanie 21

Zastosowanie usług komercyjnej firmy hostingowej do publikacji strony internetowej oznacza

A. brak możliwości dostępu do jakiejkolwiek bazy danych

B. możliwość korzystania z serwera bazy danych, na przykład MySQL

C. brak wsparcia dla języków skryptowych oraz ograniczenia w transferze

D. automatyczne wyświetlanie na witrynie licznych reklam, które są niepowiązane z treścią serwisu

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Opublikowanie strony internetowej przy użyciu komercyjnych usług hostingowych zazwyczaj wiąże się z dostępem do serwera bazy danych, takiego jak MySQL. To kluczowy element umożliwiający dynamiczne zarządzanie treścią witryny, co jest szczególnie istotne w przypadku aplikacji webowych i stron opartych na systemach zarządzania treścią (CMS) takich jak WordPress czy Joomla. Dzięki dostępowi do bazy danych, możliwe jest przechowywanie i przetwarzanie informacji, co pozwala na interaktywność oraz personalizację doświadczeń użytkowników. Na przykład, w sklepie internetowym bazy danych umożliwiają przechowywanie informacji o produktach, użytkownikach oraz zamówieniach, co jest niezbędne do prawidłowego funkcjonowania e-commerce. W kontekście najlepszych praktyk branżowych, zaleca się, aby wybierać usługodawców hostingowych, którzy oferują solidne wsparcie dla baz danych oraz mechanizmy ich zabezpieczania, co zwiększa niezawodność i bezpieczeństwo operacji.

Pytanie 22

W jakim formacie powinien być zapisany obraz, aby zapewnić na stronie internetowej gładkie przejścia do przezroczystości (z częściowymi przezroczystościami)?

A. PDF

B. BMP

C. PNG

D. JPEG

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Format PNG (Portable Network Graphics) jest idealnym wyborem do zapisu obrazów przedstawiających płynne przejścia do przezroczystości, ponieważ obsługuje kanał alfa, który pozwala na definiowanie przezroczystości dla każdego piksela. Dzięki temu możemy uzyskać efekty takie jak cienie, wygładzone krawędzie i złożone przezroczystości, które są niezwykle przydatne w projektowaniu stron internetowych i grafice. PNG jest również formatem bezstratnym, co oznacza, że nie traci jakości podczas kompresji, co jest kluczowe dla zachowania detali obrazu. Przykłady zastosowania obejmują logo firm, które muszą być wyświetlane na różnych kolorach tła, gdzie przezroczystość w PNG pozwala na eleganckie wpasowanie się w każdą aranżację wizualną. Dodatkowo, format ten jest szeroko wspierany przez wszystkie przeglądarki internetowe oraz narzędzia do edycji grafiki, co czyni go standardem w branży. Warto również wspomnieć, że PNG obsługuje paletę kolorów, co sprawia, że nadaje się do grafiki, która potrzebuje przejrzystości bez utraty jakości, co jest istotne w nowoczesnym web designie.

Pytanie 23

W którym formacie należy zapisać wielostronicową publikację interaktywną przeznaczoną do zamieszczenia w internecie?

A. CDR

B. JPEG

C. EPUB

D. PSD

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Poprawna odpowiedź to EPUB, bo jest to standardowy format do publikacji wielostronicowych, interaktywnych dokumentów przeznaczonych do dystrybucji cyfrowej, głównie w internecie i na urządzeniach mobilnych. EPUB jest w praktyce takim „HTML-em w paczce” – w środku ma strony oparte na XHTML/HTML, style w CSS, grafiki, czasem multimedia i interaktywne elementy. Dzięki temu publikacja może się dopasowywać do różnych ekranów: telefonu, tabletu, czytnika e-booków czy przeglądarki. To jest właśnie duża przewaga nad formatami statycznymi. W nowocześniejszych wersjach EPUB (szczególnie EPUB 3) można dodawać wideo, audio, hiperłącza, spisy treści generowane automatycznie, zakładki, a nawet proste skrypty. W branży wydawniczej to podstawowy standard dla e-booków, katalogów, broszur szkoleniowych czy podręczników online. Z mojego doświadczenia, jeśli ktoś myśli o nowoczesnej publikacji, którą da się wygodnie czytać na różnych urządzeniach i którą można łatwo aktualizować, to EPUB jest pierwszym wyborem, bo jest otwarty, dobrze udokumentowany i wspierany przez większość czytników i aplikacji. Co ważne, wiele programów DTP i edytorów (np. InDesign) ma bezpośredni eksport do EPUB, więc cały profesjonalny workflow wydawniczy jest do niego dostosowany. W przeciwieństwie do formatów graficznych czy plików roboczych, EPUB jest właśnie projektowany jako końcowy format publikacji dla użytkownika końcowego, a nie tylko do pracy wewnątrz jednego programu.

Pytanie 24

Aby stworzyć graficzno-tekstową kompozycję na stronie internetowej, powinno się wykorzystać program

A. Adobe Photoshop

B. Puzzle Flow

C. Adobe AfterEffects

D. Audacity

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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.

Pytanie 25

Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?

A.	<head>… <style type="text/css">… </style> </head>
B.	<body> … <style type="text/css">... </style> </body>
C.	<head>… <link rel=stylesheet type=css href=style/style.css /> </head>
D.	<head>… <link rel="stylesheet" type="text/css" href="style/style.css" /> </head>

A. C.

B. A.

C. D.

D. B.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowe zastosowanie zagnieżdżonych deklaracji CSS w dokumencie HTML polega na umieszczeniu ich wewnątrz sekcji <head>, między znacznikami <style type="text/css">...</style>. Odpowiedź A ilustruje tę zasadę, przedstawiając odpowiednią strukturę dokumentu. W praktyce, umieszczając style w sekcji <head>, zapewniasz, że przeglądarka załaduje i zastosuje je przed renderowaniem treści strony. To kluczowe dla wydajności i poprawnego wyświetlania elementów na stronie. Standardy W3C oraz dobre praktyki w zakresie SEO zalecają tę metodę, ponieważ zewnętrzne style mogą przyczynić się do opóźnienia w renderowaniu strony. Dobrym przykładem może być zastosowanie zagnieżdżania dla określenia wyglądu nagłówków, linków, czy tła elementów. Na przykład, można zdefiniować style dla <h1>, <p>, czy <a>, co pozwala na pełną kontrolę nad wyglądem strony bez konieczności odwoływania się do zewnętrznych plików CSS, co bywa uciążliwe w zarządzaniu projektem.

Pytanie 26

Dlaczego zamieszczony kod jest niezgodny z XHTML 1.1?

<!DOCTYPE html>
 <html>
 <head>
  <title>Agencja Grafiki Użytkowej GRAFA</title>
  <link rel="stylesheet" href="css/styles.css"/>
 </head>
 <body>
 <table> <tr><td id="menu">..tu menu... </td>
 <td id="header">Nasza agencja została stworzona przez ludzi dla ludzi.
 Jesteśmy na rynku od 1999 roku, stale zmieniając się dla WAS.
   <blockquote><p> Nasze motto: ....</p> </blockquote></td> </tr>
 <tr> <td colspan="2" id="content"> … tu opis oferty.... </td> </tr>
 </table>
 </body>
 </html>

A. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).

B. Brakuje znacznika <meta> i jego atrybutów.

C. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.

D. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór odpowiedzi dotyczącej braku odniesienia do definicji typu dokumentu (DTD) w deklaracji !DOCTYPE jest słuszny, ponieważ zgodnie z normą XHTML 1.1 każda strona internetowa musi zawierać poprawną deklarację do DTD. Deklaracja ta informuje przeglądarki o tym, jak interpretować dokument, co jest kluczowe dla zachowania zgodności i poprawnego renderowania. Przykładowa poprawna deklaracja dla XHTML 1.1 to: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">. Brak takiej deklaracji może prowadzić do nieprawidłowego wyświetlania strony oraz błędów w interpretacji kodu przez różne przeglądarki. Zgodność z DTD zapewnia również, że nasz dokument jest zgodny z obowiązującymi standardami, co jest kluczowe w kontekście SEO i dostępności. Dlatego ważne jest, aby zawsze uwzględniać odpowiednią deklarację, aby uniknąć problemów z kompatybilnością.

Pytanie 27

Aby stworzyć strony internetowe dla firmowej witryny, która elastycznie przystosowuje się do różnych rozdzielczości ekranu i dobrze prezentuje się oraz działa na różnych urządzeniach, takich jak komputer stacjonarny, tablet czy smartfon, konieczne jest użycie

A. języka XML i oddzielnych wersji strony dla różnych typów urządzeń

B. Responsive Web Design

C. języka XHTML i struktury opartej na tabelach

D. całkowitego generowania stron w Flashu

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Responsive Web Design (RWD) to podejście do projektowania stron internetowych, które umożliwia ich płynne dostosowywanie się do różnych rozdzielczości ekranów i urządzeń. Kluczowym elementem RWD jest elastyczna siatka, która wykorzystuje jednostki względne, takie jak procenty, zamiast jednostek stałych, co pozwala na automatyczne dostosowanie elementów strony do wymiarów ekranu. Przykłady zastosowania RWD obejmują techniki takie jak media queries, które umożliwiają stosowanie różnych stylów CSS w zależności od rozmiaru wyświetlacza. Dzięki temu użytkownicy korzystający z komputerów stacjonarnych, tabletów czy smartfonów mają zapewnione optymalne doświadczenia na stronie. Współczesne standardy, takie jak HTML5 i CSS3, w pełni wspierają RWD, co czyni je najlepszą praktyką w projektowaniu nowoczesnych witryn. Korzystając z RWD, programiści mogą zredukować czas i wysiłek związany z tworzeniem osobnych wersji witryny dla różnych urządzeń, co przekłada się na niższe koszty utrzymania i aktualizacji witryny.

Pytanie 28

Jakie rozwiązanie powinno być wybrane do przechowywania obszernego zbioru (2 TB) cyfrowych materiałów, gdyż ma on być ciągle dostępny w sieci dla uprawnionej grupy użytkowników?

A. Płyty DVD

B. Kasety magnetofonowe

C. Serwer NAS

D. Zewnętrzny, przenośny dysk magnetyczny

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Serwer NAS (Network Attached Storage) to specjalistyczne urządzenie zaprojektowane do przechowywania i udostępniania danych w sieci komputerowej. Wybór serwera NAS do przechowywania dużego zbioru materiałów cyfrowych (2 TB) ma wiele zalet. Przede wszystkim umożliwia on łatwy dostęp do danych dla upoważnionej grupy osób, co jest kluczowe w kontekście współpracy zespołowej. Serwery NAS są wyposażone w różne mechanizmy zabezpieczeń, takie jak autoryzacja użytkowników oraz szyfrowanie danych, co zapewnia bezpieczeństwo przechowywanych informacji. Dodatkowo, serwery NAS często oferują możliwość tworzenia kopii zapasowych oraz replikacji danych, co jest niezbędne w przypadku utraty danych. Dzięki wsparciu dla protokołów takich jak SMB, NFS czy FTP, użytkownicy mogą łatwo integrować NAS z różnymi systemami operacyjnymi. Przykłady zastosowania to udostępnianie plików w biurze, przechowywanie mediów oraz backupowanie danych z komputerów. W kontekście standardów, NAS spełnia wymagania związane z dostępnością i ciągłością działania, co czyni je idealnym rozwiązaniem dla wymagających środowisk.

Pytanie 29

Zrealizowanie projektu strony internetowej dla sklepu komputerowego wymaga uzyskania zdjęć

A. katalogowych

B. okazjonalnych

C. plenerowych

D. modowych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór fotografii katalogowych do projektu witryny internetowej sklepu komputerowego jest kluczowy, ponieważ te zdjęcia mają na celu prezentację oferowanych produktów w sposób, który przyciąga uwagę klientów i ułatwia im podejmowanie decyzji zakupowych. Fotografie katalogowe powinny być wysokiej jakości, dobrze oświetlone i przedstawiać każdy produkt z różnych kątów, co pozwala klientom na lepsze zrozumienie cech i funkcji artykułów. W branży e-commerce, zgodnie z wytycznymi opracowanymi przez organizacje takie jak E-commerce Foundation, stosowanie profesjonalnych zdjęć produktów znacząco zwiększa zaangażowanie użytkowników oraz konwersję. Przykładem mogą być zdjęcia laptopów, które powinny pokazywać zarówno ich wygląd zewnętrzny, jak i detale, takie jak porty i klawiatura. Dodatkowo, warto zadbać o spójność stylu zdjęć na stronie, co pozwoli na stworzenie estetycznego i profesjonalnego wrażenia, wpływając pozytywnie na postrzeganie marki przez konsumentów.

Pytanie 30

Aby przeprowadzić seryjną edycję zdjęć przeznaczonych do projektu strony internetowej, należy skorzystać z panelu programu Adobe Photoshop o nazwie

A. Kompozycje warstw

B. Duplikowanie źródła

C. Style

D. Operacje

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Operacje" jest prawidłowa, ponieważ w Adobe Photoshop panel Operacje umożliwia automatyzację procesów obróbczych, co jest kluczowe przy seryjnej edycji fotografii. Dzięki temu narzędziu można zarejestrować sekwencję działań, takich jak zmiana rozmiaru, dostosowywanie kolorów czy stosowanie filtrów, a następnie zastosować te same operacje na wielu plikach jednocześnie. Przykładowo, jeśli pracujemy nad zestawem zdjęć do galerii internetowej, możemy stworzyć zestaw operacji, które automatycznie dostosują jasność, kontrast i nałożą odpowiedni filtr na wszystkie wybrane obrazy. Użycie panelu Operacje jest zgodne z najlepszymi praktykami w branży, które zalecają automatyzację powtarzających się czynności, aby zaoszczędzić czas i zminimalizować ryzyko błędów ludzkich. To narzędzie pozwala również na zapisanie i późniejsze powtórzenie procesów, co znacząco zwiększa efektywność pracy, zwłaszcza w projektach wymagających edycji dużej liczby zdjęć.

Pytanie 31

Jakie znaczenie ma poniższa deklaracja kodu CSS:

li span {font-size: 10pt; color:green;} ?

A. Tekst w każdym z znaczników span będzie miał rozmiar 10 pt i kolor zielony

B. Jedynie tekst znajdujący się w obrębie wszystkich znaczników l oraz tych wewnątrz znaczników span będzie miał rozmiar 10 pt i kolor zielony

C. Tekst znajdujący się we wszystkich znacznikach l oraz wszystkich znacznikach span będzie miał rozmiar 10 pt i kolor zielony

D. Tylko tekst w obrębie wszystkich znaczników span znajdujących się w znacznikach l będzie miał rozmiar 10 pt i kolor zielony

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Deklaracja CSS 'li span {font-size: 10pt; color:green;}' precyzyjnie określa stylizację dla elementów <span>, które są zagnieżdżone w elementach <li>. Oznacza to, że tylko tekst wewnątrz znaczników <span>, które znajdują się bezpośrednio w <li>, będzie miał rozmiar czcionki 10 punktów i kolor zielony. Taka selekcja jest szczególnie przydatna, gdy chcemy stylizować tylko konkretne fragmenty tekstu w listach, pozostawiając resztę elementów <li> z ich domyślnymi stylami. W praktyce, aby wprowadzić tę deklarację, należy upewnić się, że odpowiednie znaczniki <li> i <span> są prawidłowo zagnieżdżone w dokumencie HTML. Używanie tego typu selektorów jest zgodne z najlepszymi praktykami CSS, które zalecają selekcję elementów w sposób jak najbardziej specyficzny, aby uniknąć niepożądanych zmian w stylach innych elementów na stronie. Daje to większą kontrolę nad wyglądem strony oraz umożliwia łatwiejsze zarządzanie kodem.

Pytanie 32

Aby umieścić grafikę z logo firmy, przedstawiającą rysunek w kolorach czerwonym i czarnym na białym tle, na stronie internetowej o kremowym tle, należy przeskalować logo, a następnie

A. wystarczy zapisać plik grafiki w formacie GIF89a lub PNG

B. ustawić kanał alfa na kolory czerwony bądź czarny i zapisać plik w formacie PNG

C. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie JPG lub TIFF

D. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie GIF89a lub PNG

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Ustawienie przezroczystości na biały kolor tła i zapis pliku grafiki w formacie GIF89a lub PNG jest kluczowe dla uzyskania estetycznego efektu podczas umieszczania logo na stronie internetowej z tłem kremowym. Oba formaty, GIF89a i PNG, obsługują przezroczystość, co pozwala na uzyskanie płynnego przejścia między elementami grafiki a tłem. GIF89a jest szczególnie przydatny do grafik animowanych, natomiast PNG oferuje lepszą jakość obrazu i większą paletę kolorów, co czyni go bardziej uniwersalnym wyborem w przypadku statycznych obrazów. W praktyce, jeśli logo ma białe tło, które chcemy ukryć, jego przezroczystość powinna być ustawiona na ten sam kolor, co tło strony. W ten sposób logo będzie wyglądać, jakby było wkomponowane w stronę. Stosowanie tych technik jest zgodne z dobrymi praktykami branżowymi, co zapewnia estetykę i profesjonalny wygląd witryn internetowych.

Pytanie 33

Jakim zapisem w pliku CSS można zdefiniować komentarz?

A. */komentarz/*

B. /*komentarz*/

C. *komentarz!>

D. <!komentarz*

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Komentarze w plikach CSS są kluczowym elementem umożliwiającym programistom i projektantom wprowadzenie dodatkowych informacji w kodzie, które nie będą interpretowane przez przeglądarki. Prawidłowym sposobem na zdefiniowanie komentarza w CSS jest użycie zapisu /*komentarz*/. Taki zapis pozwala na umieszczanie dowolnych notatek, które mogą wyjaśniać funkcjonalność danego fragmentu kodu, co jest szczególnie przydatne w większych projektach. Przykładem może być sytuacja, gdy w kodzie CSS używasz sekcji dotyczącej układu strony: /* Ustawienia dla układu strony */. Dzięki temu, każdy, kto będzie pracował nad tym kodem, zrozumie, jakie elementy są związane z układem. Zastosowanie komentarzy jest zgodne z najlepszymi praktykami programistycznymi, ponieważ zwiększa czytelność kodu i ułatwia utrzymanie oraz rozwijanie projektu w przyszłości. Komentarze pomagają również w współpracy zespołowej, gdzie różne osoby mogą pracować nad tym samym plikiem. "

Pytanie 34

Który znacznik HTML pozwala na dodanie grafiki do strony internetowej?

A. <map>

B. <input>

C. <img>

D. <select>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Znacznik <img> to coś, co jest naprawdę ważne w HTML, bo dzięki niemu możemy wstawiać różne grafiki do naszych stron. W praktyce działa to tak, że mamy składnię: <img src="ścieżka/do/obrazu" alt="opis obrazu">, gdzie 'src' to ścieżka, gdzie leży nasz obraz, a 'alt' to tekst, który pokazuje się, gdy obrazek się nie załadował. Używanie tego 'alt' to nie tylko dobra praktyka, ale też pomaga osobom, które korzystają z czytników ekranu. Aha, no i pamiętajmy, by nie przesadzać z wielkością obrazków - niewłaściwie zoptymalizowane zdjęcia mogą strasznie spowolnić ładowanie strony. Generalnie, <img> jest świetnym narzędziem, które dodaje fajne wizualne doznania i poprawia SEO, jeśli użyjemy obrazków rozmiarowo dostosowanych do różnych urządzeń - tu wkraczają media responsywne i techniki lazy loading. Po prostu, dobrze mieć to wszystko na uwadze, bo to naprawdę kluczowe w web designie.

Pytanie 35

Formatami zapisu broszury informacyjnej w postaci publikacji elektronicznej przeznaczonej do wyświetlania w internecie są

A. CSV, PSD

B. DWG, EPUB

C. AI, PDF

D. PDF, EPUB

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
PDF oraz EPUB to faktycznie najczęściej stosowane formaty przy publikacji broszur informacyjnych w internecie. Format PDF (Portable Document Format) zachowuje oryginalny układ graficzny dokumentu, czcionki, kolory i obrazy bez względu na system operacyjny czy urządzenie użytkownika. To sprawia, że PDF jest wręcz standardem dla wszelkich oficjalnych dokumentów, które muszą wyglądać identycznie u każdego odbiorcy – broszury reklamowe, katalogi firmowe, instrukcje. Z drugiej strony EPUB (Electronic Publication) to format stworzony z myślą o publikacjach elektronicznych typu e-book. Pozwala on na dynamiczne dopasowywanie tekstu do wielkości ekranu, co super się sprawdza na smartfonach, tabletach czy czytnikach e-booków. W praktyce, jeśli chcemy by broszura była czytana na różnych urządzeniach i dostępna szeroko w internecie, to właśnie PDF i EPUB zapewniają największą kompatybilność. Co ciekawe, coraz więcej narzędzi do publikacji online (jak Canva, Adobe InDesign) eksportuje gotowe projekty bezpośrednio do tych formatów, bo są po prostu wygodne i uniwersalne. Moim zdaniem warto znać oba – nie tylko z teorii, ale też praktyki pracy z klientem. PDF do druku i prezentacji, EPUB do czytania na urządzeniach mobilnych. To taki branżowy must-have.

Pytanie 36

Jeśli na stronie internetowej, gdzie umieszczone są prezentacje multimedialne, widnieje zapis Wszelkie prawa zastrzeżone, to co to oznacza?

A. prezentacje mogą być udostępnione jedynie po zarejestrowaniu się

B. informacje zawarte na stronie nie mogą być wykorzystywane bez zgody twórcy

C. prezentacje są chronione hasłem

D. informacje umieszczone na stronie mogą być wykorzystywane bez zgody twórcy

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Oznaczenie <i>Wszelkie prawa zastrzeżone</i> na stronie internetowej sygnalizuje, że autorzy lub właściciele treści zastrzegają sobie pełne prawa do wykorzystania, reprodukcji oraz dystrybucji zamieszczonych informacji. Oznacza to, że osoby trzecie nie mogą wykorzystywać tych materiałów bez uzyskania wcześniejszej zgody autora. Przykładowo, jeśli ktoś chciałby skorzystać z prezentacji zamieszczonej na takiej stronie w celach edukacyjnych lub komercyjnych, musi najpierw skontaktować się z właścicielem praw autorskich i uzyskać odpowiednie pozwolenie. Tego typu zabezpieczenia są zgodne z międzynarodowymi standardami prawnymi, w tym z Ustawą o prawie autorskim i prawach pokrewnych. W praktyce oznacza to, że naruszenie tych praw może prowadzić do konsekwencji prawnych, w tym roszczeń odszkodowawczych. W związku z tym, warto zawsze zwracać uwagę na informacje prawne zamieszczone na stronach internetowych, aby uniknąć nieporozumień oraz potencjalnych problemów prawnych związanych z niewłaściwym wykorzystaniem treści.

Pytanie 37

Według zasad typografii w sieci, maksymalna liczba znaków w jednej linii tekstu wynosi

A. 50 znaków

B. 25 znaków

C. 37 znaków

D. 95 znaków

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź 50 znaków jest zgodna z zaleceniami typografii internetowej, które sugerują, że optymalna długość linii tekstu powinna wynosić od 50 do 75 znaków. Długość 50 znaków jest szczególnie efektywna, ponieważ wspomaga czytelność i ułatwia skanowanie tekstu przez użytkowników. W praktyce oznacza to, że na stronach internetowych, które stosują tę zasadę, użytkownicy mogą łatwiej przyswajać informacje, co ma pozytywny wpływ na ich doświadczenie. Dobrą praktyką jest także zastosowanie odpowiedniego odstępu między liniami oraz marginesów, co dodatkowo poprawia estetykę i ułatwia czytanie. Warto również zauważyć, że w kontekście urządzeń mobilnych, gdzie przestrzeń jest ograniczona, dąży się do zachowania podobnych zasad, jednak z uwzględnieniem ich specyfiki. Wspierając czytelność, możemy również zwiększyć czas spędzony na stronie oraz zmniejszyć wskaźniki odrzuceń, co jest korzystne z perspektywy SEO.

Pytanie 38

Pierwszym krokiem weryfikacji poprawności struktury kodu strony internetowej stworzonego w aplikacji Notepad++ jest

A. przekazanie folderów zawierających pliki na serwer.

B. utworzenie tablicy wielowymiarowej.

C. sprawdzenie, jak kod jest interpretowany przez przeglądarkę internetową.

D. użycie wyrażeń regularnych, które umożliwiają określenie ogólnych zasad.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Sprawdzanie sposobu interpretacji kodu przez przeglądarkę internetową to kluczowy pierwszy krok w testowaniu poprawności struktury kodu strony internetowej. Gdy piszemy kod HTML, CSS lub JavaScript, musimy mieć pewność, że jest on zgodny z obowiązującymi standardami webowymi, co zapewniają organizacje takie jak W3C. Przeglądarki internetowe są narzędziami, które interpretują ten kod i renderują go w formie stron internetowych. Aby weryfikować poprawność kodu, programiści mogą używać narzędzi deweloperskich wbudowanych w przeglądarki, które umożliwiają podgląd struktury DOM, stylów CSS oraz konsoli JavaScript. Na przykład, w Google Chrome można używać narzędzia 'Inspect Element', które pozwala na dynamiczne sprawdzanie, jak zmiany w kodzie źródłowym wpływają na wyświetlanie strony. To podejście nie tylko identyfikuje błędy, ale także pozwala na optymalizację wydajności i poprawę użyteczności strony. Dobre praktyki sugerują regularne testowanie w różnych przeglądarkach, aby zapewnić spójne doświadczenia użytkownika.

Pytanie 39

Jakie kroki należy podjąć, aby zaktualizować stronę internetową firmy w celu jej prawidłowego wyświetlania na urządzeniach mobilnych, jeżeli korzysta ona z szablonu opartego na tabelach, zawiera dużą ilość prezentacji Flash i została napisana w kodzie XHTML 1.01?

A. Opracować szablon oparty na elementach blokowych CSS, zastąpić prezentacje Flash formatami, które nie wymagają wtyczek (pluginów), ładowanymi "na żądanie"

B. Całą witrynę stworzyć w Flashu

C. Przepisać kod w HTML5, w tym znaczniki tabeli szablonu, a także usunąć wszystkie prezentacje Flash

D. Opracować szablon na podstawie elementów blokowych CSS, przepisać kod w HTML5, usunąć wszystkie prezentacje Flash

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowa odpowiedź polega na zaprojektowaniu szablonu w oparciu o elementy blokowe CSS oraz zastąpieniu prezentacji Flash formatami niewymagającymi wtyczek, a ładowanymi 'na żądanie'. Przede wszystkim, stosowanie CSS do budowy layoutu witryny zamiast tabel zapewnia większą elastyczność i responsywność. Elementy blokowe CSS umożliwiają lepsze dostosowanie treści do różnych rozmiarów ekranów, co jest kluczowe w kontekście użytkowników mobilnych. Ponadto, Flash, jako technologia, stał się przestarzały i nie jest wspierany na większości nowoczesnych urządzeń mobilnych. Z tego względu, warto zastąpić go alternatywnymi formatami, takimi jak HTML5 czy SVG, które są zgodne z zasadami dostępności oraz pozwalają na lepszą optymalizację wydajności. Ładowanie zasobów 'na żądanie' to praktyka, która polega na pobieraniu elementów tylko wtedy, gdy są one potrzebne, co zmniejsza czas ładowania strony i zużycie danych. Przykładem może być użycie techniki lazy loading dla obrazów oraz wideo, co znacząco poprawia doświadczenia użytkowników mobilnych. Cały proces aktualizacji witryny do standardów HTML5 dodatkowo podnosi jej jakość i zapewnia lepszą zgodność z nowoczesnymi przeglądarkami.

Pytanie 40

Przygotowując graficzny projekt reklamy do publikacji w sieci,

A. konwertuje się obrazy cyfrowe na obiekty inteligentne

B. zmienia się obiekty wektorowe na grafikę rastrową

C. wprowadza się linie bigowania

D. dodaje się spady

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Zamiana obiektów wektorowych na grafikę rastrową jest istotną praktyką w procesie dostosowywania projektów graficznych do publikacji w internecie. Wektorowe elementy graficzne, takie jak ilustracje i logotypy stworzone w programach takich jak Adobe Illustrator, są oparte na matematycznych definicjach kształtów, co pozwala im na bezstratne skalowanie w różnych rozmiarach. Jednak w przypadku publikacji internetowych, gdzie elementy często są renderowane w zdefiniowanej rozdzielczości, konwersja tych obiektów na grafikę rastrową (np. PNG, JPEG) pozwala na lepsze dopasowanie do wymogów przeglądarek i oszczędność zasobów. Przykładem może być strona internetowa, która wykorzystuje obrazy rastrowe w celu osiągnięcia szybszego ładowania oraz optymalizacji dla urządzeń mobilnych. Ważne jest, aby podczas konwersji zachować odpowiednią rozdzielczość, co jest kluczowe dla jakości wizualnej. W kontekście standardów branżowych, praktyka ta odnosi się do zasad optymalizacji zasobów graficznych, co jest fundamentalne w nowoczesnym web designie.

Rozpocznij nowy egzamin

Powrót do strony głównej