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 10:20
  • Data zakończenia: 23 kwietnia 2026 10:38

Egzamin zdany!

Wynik: 32/40 punktów (80,0%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!
Facebook
X.com
LinkedIn
Szczegółowe wyniki:
Pytanie 1

Wskaź program, w którym można przeprowadzić retusz fotografii, która ma być umieszczona na stronie internetowej?

A. Photoshop
B. Illustrator
C. Painter
D. Studio Artist
Photoshop to wiodący program w dziedzinie edycji grafiki rastrowej, który jest szeroko stosowany w branży kreatywnej do retuszu zdjęć. Oferuje zaawansowane narzędzia, takie jak maski, warstwy oraz filtry, które pozwalają na precyzyjne dostosowanie kolorów, kontrastu i detali zdjęć. Użytkownicy mogą wykorzystać funkcję retuszu, aby usunąć niedoskonałości, zredukować szumy oraz poprawić ogólną jakość obrazu, co jest kluczowe przy publikacji na stronach internetowych. Przykładem zastosowania Photoshopa może być retusz portretów, gdzie program umożliwia wygładzenie skóry, usunięcie cieni oraz podkreślenie oczu. Standardy branżowe sugerują, że zdjęcia publikowane online powinny mieć odpowiednią rozdzielczość oraz być zoptymalizowane pod kątem szybkości ładowania, co Photoshop również wspiera dzięki funkcjom eksportu. Dzięki rozbudowanej dokumentacji oraz aktywnej społeczności, użytkownicy mogą łatwo znaleźć porady i techniki, które pomogą im w efektywnej pracy z tym oprogramowaniem.
Pytanie 2

Podczas tworzenia grafiki wektorowej do serwisu internetowego warto zwrócić uwagę na

A. przeprowadzenie korekty kolorystycznej
B. zmianę obiektu na krzywe
C. dobór palety kolorów
D. wykonanie korekty ekspozycji
Wybór palety barw jest kluczowym elementem podczas tworzenia grafiki wektorowej na potrzeby serwisu internetowego. Odpowiednio dobrana paleta barw nie tylko wpływa na estetykę projektu, ale ma również ważne znaczenie dla doświadczenia użytkownika. Przy wyborze kolorów warto kierować się zasadami teorii kolorów, które pomagają w tworzeniu harmonijnych zestawień. Przykładem może być zastosowanie kolorów komplementarnych, które wzajemnie się uzupełniają i przyciągają uwagę. Dobrą praktyką jest również zachowanie ograniczonej liczby kolorów, co sprzyja spójności wizualnej i ułatwia rozpoznawalność marki. W kontekście web designu ważne jest, aby kolory były również dostosowane do różnych urządzeń i rozdzielczości, co można osiągnąć dzięki zastosowaniu systemów kolorów takich jak RGB dla ekranów. Warto pamiętać o dostępności, dobierając kolory, które są czytelne dla wszystkich użytkowników, w tym osób z zaburzeniami widzenia. Używanie narzędzi takich jak Adobe Color lub Coolors może ułatwić ten proces, umożliwiając tworzenie własnych palet zgodnych z aktualnymi trendami.
Pytanie 3

Która z poniższych nazw pliku graficznego wykorzystuje zasady stosowane przy tworzeniu kodu stron www?

A. przekrój podłużny.jpg
B. przekrój-podłużny.jpg
C. przekroj podluzny.jpg
D. przekroj-podluzny.jpg
Odpowiedź "przekroj-podluzny.jpg" jest poprawna, ponieważ stosuje zasady konwencji nazewnictwa plików, które są rekomendowane w tworzeniu stron internetowych. W tym systemie zaleca się używanie łączników (kreski) do oddzielania słów, co zwiększa czytelność i ułatwia indeksowanie przez wyszukiwarki. Przykładowo, w nazwach plików graficznych oraz URL-ach, łączniki są preferowane nad spacje, ponieważ spacje mogą być interpretowane na różne sposoby przez przeglądarki. Dodatkowo, używanie małych liter w nazwach plików zwiększa zgodność z różnymi systemami operacyjnymi, które mogą być wrażliwe na wielkość liter. W praktyce, dbanie o odpowiednie nazewnictwo plików nie tylko wpływa na SEO, ale także na organizację zasobów w projekcie. Warto również pamiętać o zastosowaniu opisowych nazw, które jasno komunikują zawartość pliku. Stosując te zasady, można znacząco poprawić efektywność zarządzania projektami oraz optymalizację pod kątem wyszukiwarek.
Pytanie 4

W jakim przypadku oba odkrycia w kodzie HTML reprezentują ten sam kolor?

A. yellow; #ffff00
B. green; rgb(0, 255, 0)
C. purple; #ff00ff
D. rgb(128, 255, 0); #ff8000
'yellow; #ffff00' to dobry wybór, bo oba zapisy oznaczają ten sam kolor w różnych formatach. 'yellow' to po prostu nazwa koloru w CSS, a '#ffff00' to jego zapis w systemie HEX. W HEX mamy sześć cyfr, gdzie pierwsze dwie to czerwień, następne dwie to zieleń, a ostatnie dwie to niebieski. Przy '#ffff00' maksymalne wartości czerwonego i zielonego (ff) oraz zerowa niebieskiego (00) dają nam kolor żółty. Wiesz, w praktyce często korzysta się z nazw kolorów w CSS, bo są prostsze, ale jak zaczynasz coś bardziej skomplikowanego, jak programowanie grafiki czy projektowanie stron, to umiejętność obsługi notacji HEX i RGB jest naprawdę przydatna. W CSS3 jest mnóstwo nazw kolorów, które możesz wykorzystać, ale znajomość HEX i RGB jest także ważna, zwłaszcza jeśli chcesz się bawić grafiką i kodowaniem stron.
Pytanie 5

Który z programów jest przeznaczony do projektowania stron WWW?

A. Adobe Illustrator
B. Adobe Lightroom
C. Adobe Premiere
D. Adobe Dreamweaver
Adobe Dreamweaver to zaawansowane narzędzie do tworzenia stron internetowych, które łączy edytor wizualny oraz edytor kodu. Umożliwia projektowanie responsywnych stron internetowych, wspierając jednocześnie standardy HTML, CSS oraz JavaScript. Dzięki intuicyjnemu interfejsowi, użytkownicy mogą łatwo przekształcać swoje pomysły w funkcjonalne witryny, a także korzystać z podglądu na żywo, co pozwala na bieżąco weryfikować wygląd i działanie strony. Dreamweaver wspiera również integrację z systemami zarządzania treścią (CMS) oraz narzędziami do wersjonowania. W praktyce, program ten jest używany przez profesjonalnych web developerów do tworzenia złożonych aplikacji internetowych, gdzie istotna jest nie tylko estetyka, ale również funkcjonalność oraz zgodność z aktualnymi standardami webowymi, co jest kluczowe dla SEO oraz użyteczności witryn.
Pytanie 6

Zawarcie umowy z dostawcą internetu na wynajem przestrzeni serwerowej do przechowywania danych to

A. optymalizacja
B. kolokacja
C. walidacja
D. hosting
Odpowiedź 'hosting' jest poprawna, ponieważ odnosi się do usługi, która umożliwia wynajęcie przestrzeni na serwerze od dostawcy internetowego do przechowywania plików oraz uruchamiania aplikacji. Hosting to kluczowy element w ekosystemie internetowym, umożliwiający przedsiębiorstwom i osobom prywatnym publikację treści online. W praktyce, firmy mogą korzystać z różnych typów hostingu, takich jak hosting współdzielony, VPS (Virtual Private Server) czy dedykowany, w zależności od swoich potrzeb i budżetu. Dobrze zorganizowany hosting zapewnia nie tylko miejsce na dane, ale także wsparcie techniczne, aktualizacje i zabezpieczenia, co jest niezbędne do utrzymania dostępności witryn internetowych. Standardy branżowe, takie jak SLA (Service Level Agreement), określają poziom dostępności i wsparcia oferowanego przez dostawców hostingu, co jest istotne dla zapewnienia ciągłości działania usług online. Warto zwrócić uwagę na wybór odpowiedniego dostawcy hostingu, aby spełnić specyficzne wymagania biznesowe oraz techniczne.
Pytanie 7

Aby zmienić kolor tła witryny internetowej, należy określić atrybut

A. tbody
B. bgcolor
C. colgroup
D. style
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.
Pytanie 8

Baner internetowy skierowany do młodzieży powinien

A. zawierać animacje
B. łączyć jasne tło, intensywny kolor, mały nagłówek
C. nie wyrażać emocji
D. łączyć emocje pozytywne i negatywne
Niektóre koncepcje związane z projektowaniem banerów internetowych skierowanych do młodzieży okazują się nieefektywne lub wręcz błędne. Ignorowanie emocji w reklamie, jak sugeruje jedna z odpowiedzi, jest niezgodne z aktualnymi trendami marketingowymi. Młodzież, będąca często w fazie poszukiwania tożsamości i emocjonalnych doświadczeń, reaguje na emocjonalne przekazy. Przykładami mogą być kampanie, które odwołują się do wartości przyjaźni, akceptacji lub wolności, co jest szczególnie ważne w kontekście młodzieżowym. Pomimo że połączenie pozytywnych i negatywnych emocji może być interesującą strategią, w przypadku banerów internetowych, gdzie kluczowe jest szybkie przyciągnięcie uwagi, zbyt złożony przekaz może być mylący i prowadzić do dezorientacji. Kluczowym błędem jest także założenie, że jasne tło i mocne kolory są wystarczające do przyciągnięcia uwagi. W rzeczywistości, projekt graficzny musi być przemyślany, a dobór kolorów i elementów wizualnych musi współgrać z przesłaniem marki, a także emocjami, jakie chcemy wzbudzić w odbiorcy. Aby osiągnąć skuteczność, baner powinien nie tylko wyglądać atrakcyjnie, ale przede wszystkim być zgodny z preferencjami i zachowaniami grupy docelowej, co w przypadku młodzieży oznacza uwzględnienie nowoczesnych trendów, w tym wykorzystania animacji i interaktywnych elementów, które zwiększają zaangażowanie i zachęcają do działania.
Pytanie 9

Projektując efektywny baner internetowy, należy zwrócić uwagę na

A. różnorodność wizualną i tekstową.
B. duży rozmiar.
C. wielokolorowość.
D. prostość i spójność układu.
Wielobarwność, różnorodność graficzna i tekstowa oraz duży wymiar mogą wydawać się atrakcyjnymi elementami w projektowaniu banerów internetowych, ale w rzeczywistości mogą prowadzić do poważnych problemów z komunikacją i zrozumieniem. Często mylnie zakłada się, że bogato zdobione banery przyciągają więcej uwagi. W rzeczywistości jednak nadmiar kolorów i elementów graficznych może przytłoczyć użytkownika, co prowadzi do zjawiska określanego jako 'cognitive overload', czyli przeciążenia informacyjnego. W rezultacie, kluczowe przesłanie może zostać zagubione. Różnorodność graficzna, chociaż może być użyteczna w niektórych kontekstach, powinna być stosowana z umiarem; zbyt wiele różnych stylów może zniweczyć wrażenie spójności, które jest niezbędne dla budowania zaufania do marki. A co więcej, duży wymiar banera, chociaż może przyciągać uwagę, nie zawsze jest praktyczny. Wiele platform reklamowych ma określone wymagania dotyczące rozmiarów banerów, a zbyt duży format może być po prostu nieadekwatny do kontekstu, w którym będzie wyświetlany. Dlatego kluczowe jest, aby projektować z myślą o prostocie i spójności, co przynosi korzyści zarówno w zakresie efektywności komunikacyjnej, jak i zgodności z najlepszymi praktykami branżowymi.
Pytanie 10

Jaki operator w języku JavaScript służy do obliczania reszty z dzielenia?

A. operator /
B. operator *
C. operator %
D. operator +
Operator % w języku JavaScript jest używany do obliczania reszty z dzielenia dwóch liczb. Zastosowanie tego operatora jest niezwykle przydatne w wielu kontekstach, na przykład podczas ustalania, czy liczba jest parzysta czy nie. Możemy to zweryfikować, dzieląc liczbę przez 2 i sprawdzając, czy reszta wynosi 0. Przykładowo, wyrażenie 4 % 2 zwróci 0, co potwierdza, że liczba 4 jest parzysta. Operator ten jest również kluczowy w algorytmach, które wymagają cyklicznych powtórzeń lub rozdzielenia danych, takich jak w przypadku iteracji przez tablicę. Przykładowo, w przypadku 10 % 3 otrzymujemy 1, co wskazuje, że 10 dzieli się przez 3 z resztą 1. W kontekście najlepszych praktyk programowania, użycie operatora modulo powinno być przemyślane, aby uniknąć błędów logicznych, zwłaszcza w sytuacjach złożonych, jak na przykład w grach, gdzie często trzeba kontrolować stany i cykle. Warto również pamiętać, że operator ten działa zarówno na liczbach całkowitych, jak i zmiennoprzecinkowych, co czyni go wszechstronnym narzędziem w wielu scenariuszach programistycznych.
Pytanie 11

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?

A. Nie, firma powinna dodatkowo nabyć prawo do używania zdjęć na stronie internetowej
B. Tak, ponieważ licencja umożliwia wykorzystanie zdjęć w każdym celu firmy
C. Nie, firma jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu
D. Nie, ponieważ licencja odnosi się wyłącznie do materiałów drukowanych - ulotek, plakatów
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.
Pytanie 12

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. ustawić kanał alfa na kolory czerwony bądź czarny i zapisać plik w formacie PNG
B. wystarczy zapisać plik grafiki w formacie GIF89a lub PNG
C. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie GIF89a lub PNG
D. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie JPG lub TIFF
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 13

Aby stworzyć strony internetowe dla firmowej platformy, która dostosowuje się do różnych rozdzielczości ekranu oraz wygląda i funkcjonuje poprawnie na różnych urządzeniach: komputerze stacjonarnym, tablecie i smartfonie, należy wykorzystać

A. język XHTML oraz strukturę opartą na tabelach
B. język XML oraz oddzielne wersje witryny dla różnych typów urządzeń
C. Responsive Web Design
D. kompleksowe generowanie stron w Flashu
Responsive Web Design (RWD) to podejście do projektowania stron internetowych, które zapewnia ich płynne dostosowanie do różnych rozdzielczości ekranów oraz urządzeń. W praktyce oznacza to, że jedna strona internetowa automatycznie dostosowuje swoje elementy, takie jak układ, rozmiar obrazów oraz czcionek, w zależności od wielkości ekranu, na którym jest wyświetlana. Użycie technik CSS, takich jak media queries, pozwala projektantom na definiowanie stylów specyficznych dla różnych szerokości ekranu. Przykładem może być strona internetowa, która na urządzeniu mobilnym wyświetla menu w formie rozwijanej, a na komputerze stacjonarnym w formie poziomego paska. Dobre praktyki w RWD obejmują także stosowanie elastycznych układów i obrazów, co przyczynia się do optymalizacji ładowania strony. W dobie rosnącej liczby urządzeń mobilnych, wdrożenie RWD nie tylko poprawia doświadczenie użytkowników, ale również wpływa na SEO, ponieważ wyszukiwarki preferują witryny dostosowane do urządzeń mobilnych.
Pytanie 14

Który atrybut znacznika powinien być użyty, aby włączyć grafikę do strony WWW w sposób spełniający wytyczne WCAG dotyczące użyteczności oraz dostępności serwisów internetowych?

A. alt
B. name
C. id
D. target
Podczas rozważania innych atrybutów znacznika <img> w kontekście dostępności, warto zauważyć, że atrybuty takie jak 'target', 'id' i 'name' nie mają zastosowania w kontekście zapewnienia informacji wizualnych dla użytkowników z niepełnosprawnościami. Atrybut 'target' jest używany w kontekście linków, aby określić, w jaki sposób strona powinna się otworzyć (np. w nowej karcie), co nie ma związku z obrazami czy ich opisami. Z kolei 'id' to unikalny identyfikator elementu w dokumencie HTML, który nie dostarcza żadnych informacji o zawartości wizualnej ani nie wpływa na dostępność. Atrybut 'name' jest rzadziej używany w nowoczesnych standardach HTML i w kontekście obrazów nie wnosi wartości informacyjnej. Stosowanie tych atrybutów w miejsce 'alt' może prowadzić do sytuacji, w której osoby z ograniczeniami wzrokowymi nie będą miały możliwości zrozumienia kontekstu wizualnego, co jest sprzeczne z zasadami dostępności. Ignorując istotę atrybutu 'alt', twórcy stron internetowych mogą nieświadomie wykluczać znaczną część użytkowników, co jest nie tylko problemem etycznym, ale i prawnym w świetle regulacji dotyczących dostępności.
Pytanie 15

Jaką regułę stylów należy dopisać do pliku style_list.css w celu zdefiniowania klasy znaczek dla list nienumerowanych z obrazkiem znaczek_logo.gif jako znakiem wypunktowania, jeśli obrazek umieszczony jest w podkatalogu GRAFIKI katalogu z plikami stylów?

A..znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}
B.ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}
C..znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}
D.ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}
A. C.
B. A.
C. D.
D. B.
Niepoprawne odpowiedzi opierają się na niepełnym zrozumieniu zasad działania CSS i jego właściwości. Wiele osób myli koncepcję stylów dla list nienumerowanych, zakładając, że można używać ogólnych selektorów bez uwzględnienia klas. Kluczowym błędem jest brak uwzględnienia właściwej ścieżki do pliku graficznego. Ścieżka do obrazka powinna być określona w kontekście lokalizacji pliku CSS, a nie w innym kontekście, co może prowadzić do nieprawidłowego wyświetlania. Ponadto, niektóre odpowiedzi mogą zapominać o konieczności użycia odpowiedniego selektora, co skutkuje zastosowaniem stylów do wszystkich list, a nie do tych z określoną klasą. Ważne jest, aby stosować dobre praktyki, takie jak unikanie zagnieżdżania selektorów, które nie są logiczne, oraz zapewnienie, że klasy są używane w celu dokładnego targetowania elementów. Poprawne zrozumienie struktury CSS oraz zasad przypisywania stylów do poszczególnych elementów HTML jest kluczowe dla tworzenia funkcjonalnych i estetycznych stron internetowych. Chociaż dostępne odpowiedzi mogą wydawać się na pierwszy rzut oka sensowne, nie spełniają one podstawowych wymagań dotyczących struktury i prawidłowego stosowania CSS.
Pytanie 16

Zawarty w dokumencie elektronicznym odnośnik, który stanowi link umożliwiający błyskawiczny dostęp do informacji z innej sekcji tego dokumentu, to

A. przycisk wyboru
B. widżet
C. pasek przewijania
D. hiperłącze
Hiperłącze to kluczowy element nawigacji w dokumentach elektronicznych, umożliwiający użytkownikom szybkie przenoszenie się do określonych sekcji lub zewnętrznych zasobów bez konieczności przewijania całego dokumentu. W praktyce, hiperłącza stanowią podstawę interaktywności w stronach internetowych oraz w dokumentacji elektronicznej. Przykładem zastosowania mogą być dokumenty PDF, gdzie kliknięcie na hiperłącze przenosi nas bezpośrednio do powiązanej treści, co znacznie zwiększa efektywność przyswajania informacji. Z perspektywy stosowania dobrych praktyk, ważne jest, aby hiperłącza były jasno oznaczone, a ich działanie było intuicyjne dla użytkowników. Standardy WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie nauczania użytkowników o funkcjach linków, co może obejmować właściwe formatowanie tekstu oraz używanie odpowiednich atrybutów, takich jak title, aby zapewnić lepszą dostępność. Dzięki temu, użytkownicy z różnymi umiejętnościami technicznymi mogą w pełni korzystać z zasobów dostępnych w dokumentach elektronicznych.
Pytanie 17

Jakie programy umożliwiają tworzenie prezentacji w trybie internetowym?

A. LibreOffice Impress oraz Adobe Photoshop
B. Prezi Viewer oraz CorelDRAW
C. Prezi i PowerPoint
D. LibreOffice Impress oraz LibreOffice Writer
Prezi i PowerPoint to dwa popularne narzędzia, które umożliwiają tworzenie prezentacji online, co jest niezwykle istotne w dzisiejszym środowisku pracy zdalnej. Prezi wyróżnia się interaktywnym podejściem do prezentacji, pozwalając na tworzenie dynamicznych układów oraz nawigacji w niestrukturalny sposób, co przyciąga uwagę odbiorców. Przykładem zastosowania Prezi może być wizualizacja skomplikowanych procesów biznesowych w sposób bardziej przystępny i angażujący. Z kolei PowerPoint, będący częścią pakietu Microsoft Office, oferuje szeroką gamę szablonów, narzędzi graficznych i możliwości animacji, co sprawia, że jest to wszechstronny wybór dla wielu profesjonalistów. Dzięki synchronizacji z chmurą, obie platformy umożliwiają współpracę w czasie rzeczywistym, co znacząco zwiększa efektywność pracy zespołowej. Oba oprogramowania są zgodne z najlepszymi praktykami branżowymi w zakresie tworzenia przejrzystych i profesjonalnych prezentacji, co czyni je niezastąpionymi narzędziami w edukacji i biznesie.
Pytanie 18

Wprowadzenie na stronie internetowej to jej składnik w formie

A. formularza online
B. tekstu informacyjnego dostępnego w głównym oknie serwisu
C. animacji wprowadzającej do serwisu internetowego
D. zaawansowanego menu strony www
Pojęcia związane z elementami witryn internetowych, takie jak formularze internetowe, informacje tekstowe, menu czy animacje, często mylone są w kontekście funkcji, jakie pełnią na stronach www. Formularze internetowe są narzędziem umożliwiającym użytkownikom interakcję z serwisem, np. poprzez zbieranie danych osobowych, zapisy na newslettery czy składanie zamówień. Choć są niezwykle ważne, nie są one elementem intro, lecz odrębną częścią interfejsu. Informacje tekstowe widoczne w oknie głównym serwisu są kluczowe dla przekazywania treści, ale ich rola różni się od animacji wprowadzających, które mają za zadanie wciągnąć użytkownika w wizualny i emocjonalny sposób. Dodatkowo, rozbudowane menu strony internetowej odpowiada za nawigację, a nie za wprowadzenie użytkownika w tematykę serwisu. Ostatecznie, animacje wprowadzające są zaprojektowane tak, aby skupiać uwagę użytkownika, zbudować zainteresowanie i prezentować markę w atrakcyjny sposób, co nie jest celem pozostałych wymienionych elementów. Błąd w wyborze odpowiedzi często wynika z mylnego utożsamienia różnych funkcji, które pełnią te elementy w ramach architektury informacji i doświadczeń użytkowników. Dobrze zaprojektowana strona internetowa powinna harmonijnie łączyć wszystkie te elementy, jednak każdy z nich ma swoją unikalną rolę, którą należy zrozumieć, aby skutecznie projektować interfejsy użytkownika.
Pytanie 19

Czym jest mapa witryny internetowej?

A. ilustruje schemat zawierający grafiki umieszczone na stronie
B. umożliwia sprawdzenie kaskadowych arkuszy stylów pod kątem zgodności z normą CSS
C. umożliwia wyszukiwanie błędów w kodzie strony
D. prezentuje w skrótowy i przejrzysty sposób organizację podstron
Niepoprawne odpowiedzi często opierają się na błędnych założeniach dotyczących funkcji mapy witryny. Po pierwsze, odpowiedź sugerująca, że mapa witryny weryfikuje zgodność kaskadowych arkuszy stylów z standardem CSS, myli pojęcia. Mapa witryny nie jest narzędziem do analizy technicznej kodu, lecz graficzną reprezentacją struktury treści. Weryfikacja CSS odbywa się za pomocą narzędzi do analizy stylów, takich jak validator W3C. Drugą mylną interpretacją jest stwierdzenie, że mapa witryny pokazuje diagram z grafikami. Mapa witryny nie zawiera wizualnych elementów, lecz przedstawia ścieżki do podstron w formie tekstowej. Kolejna odpowiedź, która sugeruje, że mapa witryny służy do wyszukiwania błędów w kodzie, jest również błędna, ponieważ błędy w kodzie są identyfikowane za pomocą narzędzi analitycznych i debuggerów, a nie przez mapę witryny. Ostatecznie, takie pomyłki są często wynikiem nieznajomości podstawowych funkcji i celów, jakie pełni mapa witryny. Kluczowe jest zrozumienie, że mapa witryny to narzędzie przede wszystkim ułatwiające nawigację i organizację treści oraz wspierające optymalizację SEO, a nie narzędzie do analizy technicznej lub weryfikacji stylów.
Pytanie 20

Ciasteczka (ang. cookie) używane w serwisach internetowych to

A. zbiór danych przesyłanych automatycznie na adres e-mail osoby odwiedzającej stronę internetową
B. niewidoczne grafiki zapisywane na dysku użytkownika podczas przeglądania stron internetowych
C. małe pliki tekstowe przechowywane na dysku użytkownika w trakcie przeglądania stron internetowych
D. zbiór utworów ogólnie dostępnych na stronach internetowych dla ich użytkowników
Ciasteczka, znane również jako pliki cookie, to niewielkie pliki tekstowe, które są zapisywane na urządzeniu użytkownika przez przeglądarki internetowe podczas przeglądania stron. Służą one do przechowywania informacji o użytkowniku oraz jego interakcjach z witryną, co umożliwia jej personalizację i poprawia doświadczenie użytkownika. Przykładowo, ciasteczka mogą zapamiętywać preferencje językowe, zawartość koszyka w sklepie internetowym czy dane logowania, co eliminuje konieczność ponownego wprowadzania tych informacji przy każdej wizycie. Ciasteczka są zgodne z normami i regulacjami, takimi jak RODO, które wymagają informowania użytkowników o ich stosowaniu oraz uzyskania zgody na zbieranie danych. W praktyce, implementacja ciasteczek powinna odbywać się zgodnie z najlepszymi praktykami, co oznacza m.in. stosowanie odpowiednich zabezpieczeń, takich jak HttpOnly i Secure, aby zminimalizować ryzyko nieautoryzowanego dostępu do danych.
Pytanie 21

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

A. automatyczne wyświetlanie na witrynie licznych reklam, które są niepowiązane z treścią serwisu
B. brak wsparcia dla języków skryptowych oraz ograniczenia w transferze
C. brak możliwości dostępu do jakiejkolwiek bazy danych
D. możliwość korzystania z serwera bazy danych, na przykład MySQL
Wybierając hosting, warto zrozumieć, jakie usługi są standardowo oferowane i jakie są ich ograniczenia. Odpowiedzi, które sugerują brak dostępu do bazy danych, są nieaktualne i nieodzwierciedlają współczesnych standardów w branży hostingowej. Większość komercyjnych firm hostingowych oferuje co najmniej jedną bazę danych, a często także wiele baz danych, co jest niezbędne do obsługi współczesnych aplikacji internetowych. Twierdzenie, że usługi hostingowe nie obsługują języków skryptowych jest również mylne; w rzeczywistości, większość hostingów wspiera różne języki programowania, takie jak PHP, Python czy Ruby, które są kluczowe dla dynamicznych stron internetowych. Również stwierdzenie, że publikacja na hostingu wiąże się z automatycznym wyświetlaniem reklam, jest nieprawdziwe. Wiele firm hostingowych oferuje plany bez reklam, co daje użytkownikom pełną kontrolę nad treścią ich witryn. Zrozumienie tych aspektów jest kluczowe dla prawidłowego wyboru hostingu, a również dla skutecznej pracy z technologiami webowymi oraz zarządzania treścią, co jest podstawą dla sukcesu w Internecie.
Pytanie 22

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

A. <img>
B. <input>
C. <select>
D. <map>
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 23

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

A. lpi i RGB
B. dpi i CMYK
C. spi i CMYK
D. ppi i RGB
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 24

Wskaż obowiązek spoczywający na właścicielu strony internetowej, który zamierza wykorzystać na stronie zdjęcia oznaczone zamieszczonymi symbolami licencji creative commons.

Ilustracja do pytania
A. Użycia komercyjnego, na tych samych warunkach.
B. Wyłącznie uznania autorstwa.
C. Użycia w celach niekomercyjnych.
D. Uznania autorstwa, na tych samych warunkach.
Odpowiedź 'Uznania autorstwa, na tych samych warunkach.' jest prawidłowa, ponieważ odnosi się do zasad licencji Creative Commons, które są kluczowe dla legalnego korzystania z dzieł chronionych prawem autorskim. Licencje te, w tym szczególnie typ CC BY-SA (Uznanie autorstwa – Na tych samych warunkach), wymagają, aby użytkownik, który zamierza wykorzystać dany utwór, uznał autorstwo oryginalnego twórcy, co oznacza podanie jego imienia i nazwiska lub pseudonimu w sposób zgodny z intencją twórcy. Ponadto, jeśli tworzysz nowe dzieło, bazując na utworze objętym tą licencją, musisz udostępnić je również na takich samych warunkach. Przykładem może być artysta, który tworzy plakat na podstawie zdjęcia objętego licencją CC BY-SA; w takim przypadku musi podać źródło zdjęcia oraz oznaczyć, że plakat jest dostępny na tych samych zasadach. Właściwe stosowanie licencji Creative Commons nie tylko wspiera twórczość i innowacyjność, ale również chroni prawa autorów, co jest zgodne z najlepszymi praktykami w zakresie ochrony własności intelektualnej.
Pytanie 25

Który znacznik HTML umożliwia wyróżnienie konkretnego tekstu za pomocą podświetlenia na stronie www?

A. <mark>
B. <ins>
C. <sub>
D. <small>
Znacznik <mark> w HTML jest używany do wyróżniania tekstu poprzez jego podświetlenie, co ułatwia zwrócenie uwagi na ważne informacje. Standard W3C definiuje ten znacznik jako element semantyczny, który wskazuje, że dany fragment tekstu jest istotny w kontekście treści. Użycie <mark> jest szczególnie przydatne w sytuacjach, gdy chcemy wyróżnić fragmenty tekstu w artykułach, dokumentach lub na stronach internetowych, gdzie kluczowe informacje powinny być łatwo dostrzegalne przez użytkowników. Przykładowo, w aplikacjach edukacyjnych, gdzie uczniowie przeszukują teksty w celu znalezienia informacji, zastosowanie tego znacznika może pomóc im w szybszym dotarciu do istotnych fragmentów. Dobrą praktyką jest również stylizowanie elementu <mark> poprzez CSS, co pozwala na dostosowanie koloru tła i tekstu, aby pasowały do ogólnej estetyki strony. Ponadto, użycie <mark> wspiera dostępność, ponieważ czytniki ekranu mogą interpretować ten znacznik jako wyróżniony tekst, co ułatwia zrozumienie treści osobom z niepełnosprawnościami wzrokowymi.
Pytanie 26

W jakim modelu kolorów powinny być zorganizowane pliki zdjęciowe przeznaczone do umieszczenia w internetowym projekcie multimedialnym?

A. RGB
B. Bichromia
C. CMY
D. Pantone
Tryb barwny RGB (Red, Green, Blue) jest standardem wykorzystywanym w projektach internetowych oraz na ekranach komputerowych. Działa on na zasadzie additive color mixing, co oznacza, że kolory są tworzone poprzez łączenie różnych intensywności światła czerwonego, zielonego i niebieskiego. W kontekście multimedialnych projektów internetowych, gdzie obrazy są wyświetlane na monitorach, tryb RGB jest najbardziej optymalny, ponieważ wszystkie urządzenia wyświetlające dane na bazie światła, takie jak monitory, telewizory czy projektory, operują właśnie w tym modelu. Przykładem może być stworzenie grafiki na stronę internetową, gdzie każdy kolor użyty w obrazie powinien być definiowany w przestrzeni RGB, aby zapewnić, że będzie on wyglądał tak samo na różnych urządzeniach. Dodatkowo, wiele narzędzi graficznych i edytorów zdjęć, takich jak Adobe Photoshop, domyślnie używa RGB dla projektów przeznaczonych do wyświetlania na ekranie. Warto więc znać ten tryb oraz jego zastosowania, aby efektywnie tworzyć i publikować treści wizualne w Internecie.
Pytanie 27

Programy do tworzenia grafiki trójwymiarowej umożliwiają

A. projektowanie stron internetowych
B. przygotowanie prezentacji multimedialnych
C. tworzenie animacji poklatkowej oraz zaawansowaną obróbkę plików RAW
D. stworzenie modeli postaci z filmów lub bohaterów gier komputerowych
Oprogramowanie do projektowania grafiki trójwymiarowej (3D) jest kluczowym narzędziem w branży gier komputerowych oraz filmowej. Umożliwia tworzenie modeli postaci, które stanowią podstawę dla animacji oraz interakcji w tych mediach. Programy takie jak Blender, Autodesk Maya czy 3ds Max umożliwiają artystom 3D modelowanie, teksturowanie oraz animowanie postaci, co sprawia, że są one niezwykle realistyczne i dynamiczne. W procesie tworzenia modeli, artyści korzystają z technik takich jak sculpting, retopologia oraz rigging, które pozwalają na osiągnięcie wysokiej jakości wyników. Przygotowane modele następnie mogą być używane w grach wideo, filmach animowanych, a także w wirtualnej rzeczywistości. Dobre praktyki obejmują optymalizację modeli pod kątem wydajności, co jest niezbędne, by działały płynnie w czasie rzeczywistym. Warto również zauważyć, że zaawansowane oprogramowanie 3D wspiera standardy, takie jak PBR (Physically Based Rendering), co zapewnia realistyczne odwzorowanie materiałów i oświetlenia.
Pytanie 28

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

A. Adobe Photoshop
B. Puzzle Flow
C. Adobe AfterEffects
D. Audacity
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 29

Tworząc tekst do umieszczenia na stronie internetowej, nie wolno

A. zastosować podkreślenia słów.
B. umieszczać większej ilości tekstu w wersalikach.
C. używać dużych liter w większej ilości tekstu.
D. stosować pogrubienia słów.
Składanie większych ilości tekstu wersalikami jest niewłaściwe, ponieważ może to prowadzić do trudności w czytaniu oraz zniechęcać użytkowników do zapoznania się z treścią. Wersaliki (czyli wielkie litery) są często postrzegane jako krzyk, co może wprowadzać wrażenie agresywności lub nieprzyjazności. W kontekście dostępności, tekst zapisany tylko wielkimi literami jest trudniejszy do zrozumienia dla osób z dysleksją oraz innymi trudnościami w czytaniu. Dobrą praktyką jest stosowanie typografii, która ułatwia percepcję treści, co obejmuje używanie małych liter dla tekstu głównego. Użycie wersalików powinno być ograniczone do nagłówków, akronimów czy innych elementów wyróżniających, aby nie obciążać czytelnika. Warto również zwrócić uwagę na zastosowanie odpowiednich rozmiarów czcionek oraz kontrastów kolorystycznych, które poprawiają czytelność. Przygotowując tekst na stronę internetową, celem powinno być dostarczenie użytkownikom przyjemnych i komfortowych doświadczeń podczas czytania.
Pytanie 30

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. Responsywne
C. Interaktywne
D. Informacyjne
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 31

Który z poniższych systemów nie jest systemem zarządzania treścią?

A. Drupal
B. Wordpress
C. Joomla
D. Teams
Teams jest platformą do współpracy, która koncentruje się na komunikacji i pracy zespołowej, oferując funkcje takie jak czaty, wideokonferencje oraz integrację z innymi aplikacjami. Nie jest to system zarządzania treścią (CMS), który służy do tworzenia, edytowania i publikowania treści na stronach internetowych. W przeciwieństwie do platform CMS, takich jak Drupal, Joomla i WordPress, które umożliwiają zarządzanie treściami w sposób zorganizowany i strukturalny, Teams nie oferuje dedykowanych narzędzi do tworzenia treści w kontekście stron internetowych. Przykładowo, Drupal pozwala na budowanie złożonych stron internetowych z różnymi typami treści, podczas gdy Teams skupia się na udostępnianiu informacji w ramach zamkniętej grupy użytkowników.
Pytanie 32

Podaj właściwą sekwencję działań realizowanych podczas aktualizacji aplikacji Wordpress?

A. Instalacja wtyczek, sprawdzanie znaczników HTML, pozycjonowanie witryny
B. Formatowanie treści, drukowanie projektu witryny, określenie licencji grafik
C. Wykonanie kopii zapasowej, testowanie klonowanej witryny, aktualizacja elementów witryny
D. Testowanie klonowanej witryny, sprawdzanie reguł CSS, projektowanie elementów graficznych
Prawidłowa kolejność czynności podczas aktualizacji aplikacji WordPress obejmuje wykonanie kopii zapasowej, testowanie sklonowanej strony oraz aktualizowanie elementów strony. Formatowanie tekstów, drukowanie projektu strony i oznaczenie licencji grafik nie mają związku z procesem aktualizacji. Instalowanie wtyczek, weryfikowanie znaczników HTML i pozycjonowanie strony to działania związane z zarządzaniem i optymalizacją strony, ale nie są częścią procedury aktualizacji. Testowanie sklonowanej strony, weryfikowanie reguł CSS i projektowanie elementów graficznych to czynności projektowe i testowe, które nie uwzględniają kluczowego etapu tworzenia kopii zapasowej oraz bezpośredniego procesu aktualizacji. Prawidłowe wykonanie procesu aktualizacji minimalizuje ryzyko wystąpienia problemów na stronie produkcyjnej.
Pytanie 33

Jakie parametry obrazu cyfrowego należy wykorzystać do stworzenia internetowej galerii zdjęć?

A. LAB, 300 ppi
B. RGB, 72 ppi
C. CMYK, 150 ppi
D. CMYK, 72 ppi
Odpowiedź 'RGB, 72 ppi' jest prawidłowa, ponieważ RGB jest modelem kolorów idealnym do zastosowań w sieci, z uwagi na to, że wiele urządzeń wyświetlających, takich jak monitory komputerowe i smartfony, używa tego modelu. Rekomendowana rozdzielczość 72 ppi (pikseli na cal) z kolei jest standardem dla obrazów wyświetlanych w internecie. Rozdzielczość ta zapewnia akceptowalną jakość wizualną przy jednoczesnym ograniczeniu rozmiaru pliku, co jest kluczowe dla szybkiego ładowania stron internetowych. W praktyce, przygotowując zdjęcia do galerii internetowej, warto także zastosować kompresję JPEG, co dodatkowo zmniejszy objętość plików bez znaczącej straty jakości. Omijanie formatu CMYK, który jest stosowany głównie w druku, jest istotne, ponieważ obrazy RGB są lepiej dostosowane do wyświetlania na ekranach. Przykładowo, stworzenie galerii zdjęć z użyciem RGB i 72 ppi pozwala na efektywne zarządzanie zasobami oraz lepsze wrażenia użytkowników, co jest zgodne z najlepszymi praktykami webowymi.
Pytanie 34

Który parametr grafiki przygotowanej wcześniej do druku powinien zostać zmieniony przed udostępnieniem jej w sieci?

A. Nazwy warstw
B. Stopień krycia
C. Proporcje obrazu
D. Tryb kolorów
Tryb kolorów to kluczowy parametr, który należy zmienić w grafikach przygotowanych do druku przed ich publikacją w internecie. Na potrzeby druku najczęściej używa się trybu kolorów CMYK (Cyan, Magenta, Yellow, Key/Black), ponieważ odpowiada on kolorom stosowanym w procesie drukarskim. Natomiast w przypadku publikacji w internecie preferowany jest tryb RGB (Red, Green, Blue), który lepiej odwzorowuje kolory na ekranach. Zmiana z CMYK na RGB zapewnia, że grafiki będą prawidłowo wyświetlane na różnych urządzeniach cyfrowych, co jest niezbędne w kontekście standardów webowych. Praktycznym przykładem może być przygotowanie infografiki, która po wydruku może wyglądać inaczej niż na ekranie. Dobrze jest zatem przed publikacją zweryfikować kolory w trybie RGB, aby upewnić się, że są one zgodne z oczekiwaniami. Rekomendowane przez profesjonalistów narzędzia, takie jak Adobe Photoshop, oferują możliwość łatwej konwersji trybów kolorów, co jest standardem w branży projektowania graficznego. Warto także pamiętać o odpowiednich profilach kolorów, które zapewniają spójność kolorystyczną między różnymi urządzeniami.
Pytanie 35

Jaki język nie służy do tworzenia stron internetowych?

A. PHP
B. SQL
C. HTML
D. CSS
SQL to taki język, który używamy do ogarniania danych w bazach danych, a nie do robienia stron. Jak chcesz zbudować stronę, to sięga się po HTML, który strukturyzuje treść, i CSS, co odpowiada za jej wygląd. Z PHP to w ogóle jest fajna sprawa, bo to język skryptowy, który pozwala na generowanie treści HTML na serwerze, co daje nam dynamiczne strony. Wiadomo, w webowych aplikacjach SQL jest ważny, bo ogarnia komunikację z bazami danych, ale sam w sobie nie jest odpowiedzialny za to, jak strona wygląda. Kiedy robimy strony, to często korzystamy z kombinacji HTML, CSS i PHP, które razem tworzą ładne i działające witryny, a SQL wspiera nas w zarządzaniu danymi. Wydaje mi się, że znajomość SQL to must-have dla programistów, ale nie ma co oczekiwać, że będzie wpływało na wygląd stron bezpośrednio.
Pytanie 36

Element kokpitu WordPressa do zarządzania dodatkami widoczny na ilustracji jest oznaczony

Ilustracja do pytania
A. liczbą 3
B. liczbą 1
C. liczbą 4
D. liczbą 2
Prawidłowa odpowiedź to liczba 4, ponieważ właśnie ten element menu kokpitu WordPressa odpowiada za zarządzanie dodatkami, czyli wtyczkami (ang. plugins). Wtyczki w WordPressie to rozszerzenia, które umożliwiają dodawanie nowych funkcjonalności bez konieczności ingerowania w kod źródłowy strony. Moim zdaniem to najważniejsze narzędzie dla każdego administratora – bez znajomości sekcji 'Wtyczki' trudno wyobrazić sobie efektywne prowadzenie nowoczesnej strony. Przykład? Instalując odpowiednią wtyczkę, można szybko wdrożyć formularze kontaktowe, systemy SEO czy integracje z mediami społecznościowymi. Praktyka pokazuje, że regularne aktualizowanie i odpowiedzialne zarządzanie wtyczkami to podstawa dobrych praktyk branżowych – zaniedbanie tego często kończy się kłopotami z bezpieczeństwem albo spadkiem wydajności strony. Zresztą WordPress w oficjalnej dokumentacji mocno podkreśla, by nie instalować zbyt wielu wtyczek i zawsze sprawdzać ich reputację. To element, z którego korzysta się praktycznie codziennie w każdym większym projekcie. Z mojego doświadczenia, sprawne poruszanie się po tej części kokpitu to jedna z najważniejszych kompetencji webmastera WordPress. To tu można aktywować, dezaktywować lub usuwać rozszerzenia oraz instalować nowe prosto z repozytorium, co znacznie usprawnia rozwój funkcjonalności witryny bez ryzyka uszkodzenia systemu bazowego.
Pytanie 37

Projekt graficzny zdigitalizowany w rozdzielczości 72 ppi powinien być wykorzystany do

A. wydruku plakatów w formacie A2.
B. publikacji książkowej.
C. wydruku przestrzennego 3D.
D. publikacji internetowej.
Obraz w rozdzielczości 72 ppi (pikseli na cal) to standard, który od dawna funkcjonuje przy projektowaniu na potrzeby internetu. Takie pliki świetnie sprawdzają się na ekranach monitorów, laptopów czy smartfonów, gdzie ważniejsza jest lekka waga pliku i szybkość ładowania niż szczegółowość obrazu. Praktyka pokazuje, że większość stron internetowych czy mediów społecznościowych spokojnie radzi sobie z grafikami w tej rozdzielczości. Moim zdaniem, jeśli chodzi o zastosowania cyfrowe, to 72 ppi jest wystarczające – nawet jeśli obecne wyświetlacze typu Retina potrafią więcej, to i tak sieciowo dostarczane obrazy często są kompresowane. Co ciekawe, już od czasów początków projektowania stron WWW przyjęło się, że 72 ppi to taki branżowy „must-have” minimum dla online. Natomiast do druku ta rozdzielczość absolutnie się nie nadaje – tam wymaga się minimum 300 ppi, żeby uzyskać ostry i profesjonalny efekt. Tak więc w praktyce, jeśli masz plik w tej jakości, możesz go spokojnie wrzucać na stronę internetową czy tworzyć grafiki na Facebooka lub Instagram. To też dobry wybór, gdy zależy ci na szybkim ładowaniu strony i wygodzie użytkownika. Takie grafiki nie obciążą serwera i nie będą zamulać strony, co jest ważne zwłaszcza przy słabszym internecie użytkownika.
Pytanie 38

Które narzędzie programu Adobe Photoshop umożliwia podział layoutu zapisanego w formacie PSD na elementy edytowalne w kodzie HTML?

A. Pióro.
B. Cięcie na plasterki.
C. Zaznaczenie prostokątne.
D. Kadrowanie.
Wybrałeś narzędzie „Cięcie na plasterki”, które faktycznie jest najbardziej odpowiednie, jeśli celem jest przygotowanie layoutu PSD do wdrożenia w HTML. To narzędzie (ang. Slice Tool) pozwala dzielić projekt na mniejsze fragmenty, tzw. plasterki (ang. slices), które można następnie wyeksportować jako oddzielne obrazy. Takie podejście szczególnie było popularne w czasach, gdy strony internetowe mocno bazowały na grafice i tabelkach, ale do dziś jest wykorzystywane, gdy projektanci chcą szybko wyciągnąć elementy graficzne (np. bannery, ikonki, przyciski). W praktyce działa to tak, że po podzieleniu makiety na plasterki, Photoshop pozwala na eksport każdego wybranego fragmentu jako osobny plik JPG, PNG czy GIF. Potem można te fragmenty łatwo wstawić do kodu HTML albo CSS jako tła, obrazki czy elementy UI. Z mojego doświadczenia to narzędzie znacząco przyspiesza pracę, szczególnie przy dużych, skomplikowanych layoutach. Dobrą praktyką jest odpowiednie nazywanie plasterków, żeby później nie pogubić się w plikach, ale też korzystać z nich tylko tam, gdzie nie można zastąpić grafiki czystym CSS lub SVG – obecnie standardy webowe mocno stawiają na wydajność i responsywność. Warto też pamiętać, żeby zoptymalizować eksportowane obrazy pod kątem wielkości i jakości, żeby strona ładowała się szybko. Generalnie, jeżeli chcesz zamienić statyczną grafikę PSD na zestaw plików, które programista webowy łatwo ogarnie w kodzie, to właśnie cięcie na plasterki jest najrozsądniejszą opcją.
Pytanie 39

Które określenie odnosi się do akronimu HTML?

A. Hipertekstowy język znaczników.
B. Hierarchiczna struktura danych.
C. Zewnętrzne arkusze stylów.
D. Kaskadowe arkusze stylów.
HTML to skrót od HyperText Markup Language, czyli hipertekstowy język znaczników. W praktyce HTML jest fundamentem każdej strony internetowej – to on odpowiada za strukturę i podstawową treść witryny. Każdy element, który widzisz w przeglądarce, jak nagłówki, akapity, obrazki czy linki, jest opisany właśnie za pomocą znaczników HTML. Moim zdaniem nie da się przesadzić z podkreśleniem, jak istotny jest ten język dla całego internetu. Standard HTML jest utrzymywany przez organizację W3C, co zapewnia spójność i kompatybilność pomiędzy różnymi przeglądarkami. W codziennej pracy webdevelopera prawie zawsze zaczynasz projektowanie strony od pliku .html – nawet jeśli później korzystasz z CSS, JS czy innych technologii. Warto pamiętać, że HTML nie jest językiem programowania, a językiem opisu struktury dokumentów – nie wykonuje żadnych obliczeń czy logiki, tylko porządkuje treść. Przykładowo, znacznik <a> pozwala tworzyć odnośniki, a <div> dzieli stronę na sekcje. Dobra praktyka nakazuje pisać semantyczny HTML, czyli używać znaczników zgodnie z ich przeznaczeniem (np. <header>, <nav>, <footer>). To nie tylko poprawia czytelność kodu, ale też pomaga w pozycjonowaniu (SEO) czy dostępności strony dla osób niepełnosprawnych.
Pytanie 40

W dokumencie HTML znacznik <img> stosowany jest do osadzania na stronie www

A. dźwięku.
B. tabeli.
C. filmu.
D. obrazu.
Poprawnie – znacznik <img> w HTML służy do osadzania obrazu (grafiki) na stronie internetowej. Jest to tzw. element pusty, czyli nie ma znacznika zamykającego, a całe jego działanie opiera się głównie na atrybutach. Kluczowy jest atrybut src, w którym podajemy adres pliku graficznego, np. JPG, PNG, GIF, SVG: <img src="logo.png" alt="Logo firmy">. Równie ważny jest atrybut alt – opis alternatywny. To nie jest ozdoba, tylko dobra praktyka i wymóg dostępności (WCAG). Tekst z alt jest czytany przez czytniki ekranu dla osób niewidomych, wyświetla się też, gdy obraz się nie załaduje. Z mojego doświadczenia w projektach webowych brak sensownych opisów alt jest jednym z częstszych błędów początkujących. W praktyce <img> wykorzystuje się do logotypów, zdjęć produktów w sklepie internetowym, ikon, banerów, miniaturek artykułów czy wykresów zapisanych jako grafika. W nowoczesnych projektach warto stosować też atrybut loading="lazy" do leniwego ładowania obrazów oraz srcset i sizes, żeby serwować różne rozdzielczości grafiki na różne urządzenia (responsywne obrazy zgodne ze standardem HTML Living Standard). Dzięki temu strona działa szybciej i jest lepiej zoptymalizowana pod SEO. Moim zdaniem dobrze opanowany znacznik <img> to absolutna podstawa dla każdego, kto na serio myśli o front-endzie i profesjonalnym tworzeniu stron www.
Rozpocznij nowy egzamin
Powrót do strony głównej