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: 4 maja 2026 08:17
Data zakończenia: 4 maja 2026 08:32

Egzamin zdany!

Wynik: 27/40 punktów (67,5%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Jakiego znacznika należy użyć, aby wprowadzić indeks dolny w tekście?

A. <ins>

B. <sub>

C. <sup>

D. <del>

Znacznik <sub> jest przeznaczony do tworzenia indeksu dolnego w tekście HTML. To zdecydowanie najprostszy i najpewniejszy sposób, jeśli chodzi o semantykę i zgodność ze standardami. W praktyce, indeks dolny przydaje się na przykład przy zapisie wzorów chemicznych (H<sub>2</sub>O, czyli woda) albo matematycznych (a<sub>n</sub> – n-ty wyraz ciągu). Z mojego doświadczenia wynika, że używanie <sub> jest bardzo czytelne i nie prowadzi do nieporozumień podczas odczytywania lub stylowania tekstu, szczególnie w dokumentach naukowych lub na stronach edukacyjnych. Warto pamiętać, że <sub> to element zgodny z zaleceniami W3C, dzięki czemu przeglądarki interpretują go prawidłowo, a czytniki ekranu przekazują jego znaczenie użytkownikom. Moim zdaniem stosowanie tego znacznika zamiast kombinacji CSS lub innych sztuczek jest po prostu wygodniejsze i bardziej uniwersalne. Zwróć uwagę, że w podobny sposób działa <sup> dla indeksu górnego – fajnie wiedzieć, kiedy który stosować. Przy okazji, warto się upewnić, że nie przesadzasz z indeksami, bo mogą zaburzać czytelność tekstu, ale w technicznych materiałach to często niezbędny detal. Dobre praktyki to dbanie o semantykę i unikanie niepotrzebnego stosowania innych tagów czy inline’owego stylowania, jeśli HTML daje gotowe narzędzia.

Pytanie 2

Kluczowym elementem kodu, który zarządza aplikacją internetową, jest

A. kontroler

B. wzorzec

C. model

D. widok

Wybór widoku, modelu lub wzorca jako najważniejszej części aplikacji internetowej nie oddaje pełni ich roli w architekturze MVC. Widok odpowiada za prezentację danych użytkownikowi, ale nie ingeruje w logikę aplikacji, przez co jest mniej kluczowy w kontekście zarządzania interakcją użytkownika. Widok może być zmieniany niezależnie od logiki aplikacji, co czyni go bardziej sferą estetyczną, a nie funkcjonalną. Z kolei model zarządza danymi i ich logiką, ale jego rola jest również ograniczona do przechowywania informacji i interakcji z bazą danych. Nie decyduje on o tym, jak dane są prezentowane lub jak użytkownik wchodzi w interakcję z aplikacją. Współczesne standardy projektowania aplikacji, takie jak RESTful API, wskazują na znaczenie rozdzielenia odpowiedzialności pomiędzy te elementy, gdzie kontroler pełni rolę pośrednika. W przypadku wzorca, choć jest to ważny koncept w programowaniu, nie jest to bezpośrednio komponent aplikacji, lecz raczej sposób organizacji kodu, który może być zaimplementowany w różnych częściach architektury. Warto zauważyć, że mylenie tych elementów prowadzi do niewłaściwego zrozumienia struktury aplikacji, co może skutkować trudnościami w jej rozwijaniu i utrzymywaniu.

Pytanie 3

Obrazy umieszczane w Internecie w prezentacjach multimedialnych są zapisywane w przestrzeni kolorów

A. CMYK

B. Adobe RGB

C. ProPhoto RGB

D. sRGB

Odpowiedź sRGB jest poprawna, ponieważ standard sRGB (standard Red Green Blue) jest najczęściej używaną przestrzenią barw w Internecie i w aplikacjach multimedialnych. Został on zaprojektowany przez HP i Microsoft w celu zapewnienia spójności kolorystycznej na różnych urządzeniach, takich jak monitory, drukarki i aparaty fotograficzne. sRGB definiuje sposób, w jaki kolory są reprezentowane i odtwarzane, co jest kluczowe dla użytkowników publikujących zdjęcia online. W praktyce oznacza to, że zdjęcia zapisane w tej przestrzeni barw będą wyświetlane w sposób zbliżony na większości ekranów, co minimalizuje ryzyko nieporozumień związanych z różnicą w odwzorowaniu kolorów. W kontekście publikacji w sieci, stosowanie sRGB jest uznawane za najlepszą praktykę, a wiele platform społecznościowych automatycznie konwertuje przesyłane obrazy do tej właśnie przestrzeni. Warto pamiętać, że jeśli zdjęcia są przygotowywane do druku, należy rozważyć inne przestrzenie barw, takie jak CMYK, które są bardziej odpowiednie dla druku offsetowego.

Pytanie 4

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. Zastosowanie w ścieżce dostępu lewego ukośnika (\).

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

C. Ujęcie znacznika img w znacznik div.

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

Wybór poprawnych atrybutów i struktury kodu HTML jest kluczowy dla prawidłowego wyświetlania treści na stronach internetowych. Ujęcie znacznika img w znacznik div jest standardową praktyką w HTML i nie wpływa negatywnie na wyświetlanie obrazków. Element div często używany jest do grupowania innych elementów, co pozwala na lepszą organizację i stylizację strony. Podobnie, stwierdzenie, że znacznik img nie został zamknięty, jest błędne; w HTML5 znaczniki samodzielne, takie jak img, nie wymagają znacznika zamykającego. Co więcej, kolejność atrybutów w znaczniku img nie ma wpływu na jego działanie, o ile wszystkie wymagane atrybuty są poprawnie zdefiniowane. Kluczowym błędem myślowym jest przekonanie, że problemy z wyświetlaniem obrazków są spowodowane błędami w strukturze znaczników, zamiast zwrócenia uwagi na właściwe ścieżki dostępu. Przy przenoszeniu plików na serwer, istotne jest dostosowanie ścieżek do zgodnych z oczekiwaniami serwera, co oznacza użycie ukośnika prawego dla zapewnienia, że zasoby są prawidłowo lokalizowane. Używanie niewłaściwych ukośników może prowadzić do frustracji i problemów w trakcie publikacji stron internetowych, dlatego kluczowe jest przestrzeganie standardów webowych.

Pytanie 5

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

A. obniżone.

B. pogrubione.

C. pochylone.

D. podwyższone.

Wybór odpowiedzi dotyczący obniżenia lub podwyższenia tekstu jest nieprawidłowy, ponieważ nie odnosi się do właściwego działania znacznika <b>. Podwyższenie lub obniżenie tekstu w kontekście HTML oznaczałoby zastosowanie odpowiednich stylów CSS, takich jak `vertical-align` lub `line-height`, co nie jest związane z używaniem znaczników HTML. Z kolei wybranie odpowiedzi wskazującej na pochylony tekst, co sugerowałoby zastosowanie znacznika <i> lub <em>, jest również niepoprawne w kontekście pytania, ponieważ <b> nie ma żadnego wpływu na nachylenie tekstu. Pojęcia te często wprowadzają w błąd, prowadząc do mylnych wniosków, w szczególności u użytkowników, którzy dopiero poznają podstawy HTML i CSS. Dlatego kluczowe jest zrozumienie, iż różne znaczniki mają różne funkcje i zastosowania, a ich mylenie może skutkować niepoprawnym przetwarzaniem i prezentacją treści. W praktyce, znajomość zastosowania odpowiednich znaczników HTML oraz stylów CSS jest niezbędna dla tworzenia dostępnych i estetycznych stron internetowych. Zrozumienie, jakie efekty wizualne każdy znacznik lub styl wywołuje, jest podstawą efektywnego projektowania i układu treści.

Pytanie 6

Zamieszczenie w sieci prezentacji w formacie plików PPT jest możliwe dzięki użyciu narzędzia

A. Adobe Flash

B. Prezi

C. SlideShare

D. Adobe Dreamweaver

Prezi, Adobe Flash i Adobe Dreamweaver to narzędzia, które w pewnym zakresie mogą być używane do tworzenia treści wizualnych, jednak nie są dedykowane do publikowania prezentacji w formacie PPT. Prezi to platforma oparta na prezentacjach dynamicznych, które różnią się od tradycyjnych slajdów, co powoduje, że nie obsługuje ona plików PPT w standardowy sposób. Użytkownicy mogą napotkać trudności przy próbie przesłania swoich prezentacji z PowerPoint, ponieważ wymaga to konwersji, co nie zawsze zachowuje oryginalny układ i formatowanie. Z kolei Adobe Flash, mimo że był popularny przez wiele lat do tworzenia animacji i interaktywnych treści, został wycofany z użycia, a wiele przeglądarek już go nie wspiera, co czyni go nieodpowiednim wyborem dla prezentacji w sieci. Adobe Dreamweaver to narzędzie do tworzenia stron internetowych, które również nie ma funkcji umożliwiających publikowanie prezentacji PPT bezpośrednio. Użytkownicy często myślą, że te narzędzia mogą zastąpić SlideShare, ponieważ są znane i używane w innych kontekstach, jednak ich zastosowanie jest ograniczone i nie odpowiada specyficznym potrzebom udostępniania prezentacji w formacie PPT. Wybierając niewłaściwe narzędzie, można napotkać problemy z dostępnością, formatowaniem oraz interakcją z widownią, co wpływa negatywnie na efektywność prezentacji.

Pytanie 7

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

A. Adobe Dreamweaver

B. Adobe Lightroom

C. Adobe Premiere

D. Adobe Illustrator

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 8

Jakie fonty mogą być wyświetlane przez przeglądarki internetowe?

A. do których mają dostęp

B. w każdym formacie

C. które zostały zrasteryzowane

D. które zostały zamienione na krzywe

Wybór fontów, które zostały zamienione na krzywe, jest podejściem stosowanym głównie w kontekście druku, a nie w wyświetlaniu treści w przeglądarkach internetowych. Krzywe to wektorowe reprezentacje fontów, które eliminują potrzebę posiadania zainstalowanego fontu na urządzeniu, jednakże w kontekście internetu nie mają one zastosowania, gdyż przeglądarki nie interpretują krzywych w sposób, w jaki robią to programy graficzne. W przypadku fontów rasteryzowanych, ich użycie również jest ograniczone. Rasteryzacja fontu oznacza przekształcenie go w obraz rastrowy, co prowadzi do utraty jakości przy powiększaniu oraz braku możliwości zmiany stylu czy rozmiaru fontu. Ostatnia koncepcja, czyli wyświetlanie fontów w dowolnym formacie, jest mylna, ponieważ przeglądarki mają określone wspierane formaty fontów, takie jak WOFF, WOFF2, TTF i OTF. Wybór niewłaściwego formatu może prowadzić do problemów z renderowaniem fontów na stronie. W praktyce więc, aby zapewnić prawidłowe wyświetlanie tekstu, należy kierować się dostępnością fontów oraz ich zgodnością z używanymi standardami internetowymi.

Pytanie 9

Który atrybut tagu <img> należy wskazać, aby dodać obrazek do strony internetowej w sposób zgodny z wytycznymi WCAG dotyczącymi użyteczności i dostępności stron www?

A. target

B. alt

C. id

D. name

Wybór odpowiedzi, które nie dotyczą atrybutu 'alt' w kontekście dostępności obrazów, może prowadzić do nieporozumień. Atrybut 'id' jest używany do unikalnego identyfikowania elementów na stronie, co nie ma zastosowania w kontekście dostępności treści wizualnych. Użycie 'id' do oznaczenia grafik w żaden sposób nie poprawia ich dostępności ani nie przekazuje informacji osobom z dysfunkcją wzroku. Z kolei atrybut 'target' jest powszechnie stosowany w hiperlącach i definiuje, gdzie ma się otworzyć link (np. w nowej karcie), co również jest nieistotne w przypadku obrazów. Atrybut 'name' był kiedyś używany w kontekście formularzy, ale obecnie nie ma zastosowania w kontekście znaczników <img>. Podejście do dostępności treści wizualnych powinno koncentrować się na zapewnieniu, że wszystkie osoby, niezależnie od ich umiejętności, mogą uzyskać dostęp do informacji. Ignorowanie atrybutu 'alt' i poleganie na innych atrybutach, które nie mają takiego samego celu, może prowadzić do wykluczenia znaczącej grupy użytkowników. Dlatego kluczowe jest zrozumienie, że tylko właściwe zastosowanie atrybutu 'alt' jest zgodne z wytycznymi WCAG i przyczynia się do efektywnej i dostępnej komunikacji wizualnej w Internecie.

Pytanie 10

Użycie pętli w ActionScript umożliwia

A. wypełnianie bitmapy pikselami będącymi reprezentacją losowego szumu

B. wstrzymanie strumienia zdarzeń

C. wielokrotne realizowanie tych samych poleceń

D. powielanie kroków

Wybór odpowiedzi dotyczącej wielokrotnego wykonania tych samych instrukcji jest poprawny, ponieważ pętle w języku ActionScript umożliwiają efektywne przetwarzanie powtarzalnych zadań bez potrzeby ręcznego duplikowania kodu. Pętle, takie jak 'for', 'while' czy 'do...while', są kluczowe w programowaniu, ponieważ pozwalają na automatyzację procesów, oszczędzając czas i zmniejszając ryzyko błędów. Na przykład, jeśli chcemy wyświetlić 10 razy ten sam komunikat na ekranie, możemy użyć pętli 'for', co znacznie upraszcza kod i czyni go bardziej czytelnym. Dodatkowo, dobre praktyki programistyczne sugerują, aby używać pętli tam, gdzie to możliwe, aby unikać redundancji kodu i zwiększać jego elastyczność. Pętla w ActionScript może również interagować z danymi dynamicznymi, na przykład iterując przez tablice, co jest niezwykle przydatne w aplikacjach internetowych i gier. Zrozumienie i umiejętność stosowania pętli to fundamenty efektywnego programowania w ActionScript.

Pytanie 11

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

A. tbody

B. style

C. bgcolor

D. colgroup

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 12

Na prędkość ładowania strony internetowej najmniejszy wpływ ma

A. ilość elementów multimedialnych zawartych na stronie

B. wybór przeglądarki internetowej

C. szybkość serwera, na którym umieszczono stronę

D. kolorystyka strony

Wybór przeglądarki internetowej, szybkość serwera oraz ilość elementów multimedialnych mają znaczący wpływ na szybkość wczytywania strony. Przeglądarki różnią się między sobą w zakresie wydajności i obsługi różnych standardów webowych. Na przykład, nowsze wersje przeglądarek są zoptymalizowane pod kątem wydajności i oferują lepszą obsługę skryptów JavaScript oraz renderowanie stron. Wybór przestarzałej przeglądarki może prowadzić do dłuższego czasu ładowania strony ze względu na braki w obsłudze nowoczesnych technologii. Szybkość serwera to kolejny kluczowy czynnik. Serwery o wyższej wydajności, które korzystają z nowoczesnych technologii i odpowiedniej konfiguracji, znacznie przyspieszają czas odpowiedzi na żądania HTTP. Wreszcie, ilość elementów multimedialnych na stronie, takich jak obrazy, filmy czy dźwięki, ma bezpośredni wpływ na czas ładowania. Większa liczba i większe rozmiary plików multimedialnych wymagają większych zasobów, co prowadzi do wydłużenia czasu wczytywania. Często spotykanym błędem jest niedocenianie znaczenia tych aspektów, co może prowadzić do frustracji użytkowników i obniżenia współczynnika konwersji. Dlatego tak ważne jest, aby projektanci stron internetowych koncentrowali się na optymalizacji tych elementów zgodnie z najlepszymi praktykami branżowymi, takimi jak kompresja obrazów, minimalizacja skryptów oraz korzystanie z systemów cache'owania.

Pytanie 13

Który z protokołów stosowany jest do szyfrowania danych w protokole HTTPS?

A. SSH

B. TCP

C. SSL

D. FTP

Protokół SSL (Secure Sockets Layer) jest kluczowym elementem protokołu HTTPS (Hypertext Transfer Protocol Secure), który zapewnia bezpieczną komunikację w sieci. SSL działa poprzez szyfrowanie danych przesyłanych między klientem (np. przeglądarką internetową) a serwerem, co uniemożliwia osobom trzecim ich odczytanie lub modyfikację. Protokół ten gwarantuje nie tylko poufność danych, ale również ich integralność oraz autentyczność, co jest szczególnie ważne w kontekście transakcji online, takich jak zakupy czy bankowość internetowa. W praktyce, gdy użytkownik łączy się z witryną zabezpieczoną protokołem HTTPS, jego przeglądarka nawiązuje bezpieczne połączenie z serwerem za pomocą mechanizmu SSL/TLS. Warto dodać, że SSL w praktyce jest często zastępowany przez jego nowszą wersję – protokół TLS (Transport Layer Security), jednak termin SSL nadal jest powszechnie używany. Zastosowanie SSL/TLS w HTTPS jest zgodne z najlepszymi praktykami bezpieczeństwa stosowanymi w branży IT, co czyni tę technologię niezbędną dla każdej witryny, która przetwarza wrażliwe dane.

Pytanie 14

W jakim trybie kolorów powinna być zapisana fotografia cyfrowa, która ma być opublikowana w internecie?

A. HSL

B. RGB

C. CMY

D. CMYK

Wiesz, wybór trybu RGB do zapisywania zdjęć na strony internetowe to naprawdę dobry ruch. To dlatego, że większość wyświetlaczy, z jakimi mamy do czynienia, korzysta z modelu RGB, gdzie kolory powstają dzięki połączeniu czerwonego, zielonego i niebieskiego światła. Dzięki temu uzyskujemy szeroką paletę kolorów, co jest ważne, zwłaszcza jeśli chcemy, żeby zdjęcia wyglądały atrakcyjnie w sieci. Na przykład, gdy wrzucasz zdjęcia na swoją stronę, to kolory muszą być wyraźne i oddawać to, co widzisz na żywo. Standardy, jak sRGB, wskazują na to, że RGB jest najlepszym wyborem do publikacji online, żeby kolory były poprawnie wyświetlane na różnych urządzeniach. No i nie zapominajmy, że popularne formaty jak JPEG czy PNG idealnie współpracują z RGB, co czyni go naprawdę super rozwiązaniem dla grafik w internecie. Tak więc, RGB to idealna opcja do publikacji w sieci, gdy zależy nam na jakości kolorów.

Pytanie 15

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. D.

B. C.

C. B.

D. A.

W przypadku niepoprawnych odpowiedzi, kluczowym błędem jest brak zrozumienia, jak działa znacznik <area> w kontekście tworzenia aktywnych obszarów w mapach obrazów w standardzie HTML5. Niezrozumienie zasadności atrybutu shape oraz jego wartości prowadzi do niewłaściwego definiowania kształtów obszarów. Na przykład, nieokreślenie atrybutu coords sprawia, że przeglądarka nie ma informacji o lokalizacji oraz wymiarach obszaru, co skutkuje brakiem interakcji z użytkownikiem. Wiele osób może również nie zdawać sobie sprawy, że bez wskazania atrybutu href, mapy obrazów stają się nieużyteczne, jako że kliknięcie w nie nie prowadzi do żadnej akcji. Często pojawia się również nieprawidłowe założenie, że inne znaczniki HTML mogą zastąpić <area>, co jest błędnym wnioskiem, ponieważ <area> jest jedynym odpowiednim elementem do tego celu. Zrozumienie standardów HTML5 jest kluczowe dla tworzenia dostępnych i funkcjonalnych stron internetowych, a ignorowanie tych zasad prowadzi do poważnych problemów w projektowaniu. Ponadto, pomijanie atrybutu alt nie tylko obniża dostępność strony, ale także może naruszać wymogi prawne dotyczące dostępności w sieci. Edukacja w zakresie właściwego użycia znaczników HTML5 jest niezbędna dla każdego, kto chce tworzyć nowoczesne i responsywne strony internetowe.

Pytanie 16

Obrazy cyfrowe zapisane w przestrzeni kolorów sRGB w rozdzielczości 72 ppi są wykorzystywane do

A. realizacji całostronicowej reklamy w prasie

B. przygotowania reklamy w formie druku wielkoformatowego

C. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci

D. umieszczenia na opakowaniu kartonowym w formie druku wysokiej jakości

Odpowiedź dotycząca umieszczenia obrazów cyfrowych w trybie barwnym sRGB w projekcie multimedialnym przeznaczonym do publikacji w internecie jest poprawna, ponieważ sRGB to standardowy model kolorów używany w internecie. Obrazy zapisane w tym formacie są zoptymalizowane do wyświetlania na ekranach komputerów oraz innych urządzeń, co sprawia, że idealnie nadają się do zastosowań online. Rozdzielczość 72 ppi oznacza, że obrazy te są przystosowane do wyświetlania, a nie do druku, gdzie zwykle wymagana jest wyższa rozdzielczość (na przykład 300 ppi). W praktyce, użycie sRGB w projektach internetowych pozwala na zachowanie spójności kolorystycznej podczas wyświetlania na różnych urządzeniach, co jest kluczowe w kontekście marketingu cyfrowego oraz designu stron internetowych. Przykładem może być umieszczanie grafik na stronach internetowych, w banerach reklamowych lub w prezentacjach multimedialnych. Ponadto, sRGB jest często domyślnym profilem kolorów w większości aplikacji graficznych, co ułatwia pracę projektantom. Wskazanie na ten standard w kontekście publikacji online jest zatem zgodne z najlepszymi praktykami branżowymi.

Pytanie 17

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

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.

Pytanie 18

Jakie są poszczególne kroki w procesie tworzenia stron internetowych?

A. Przygotowanie layoutu, zgłoszenie strony do wyszukiwarek, pozycjonowanie, tworzenie kodu witryny

B. Przygotowanie layoutu, kodowanie i programowanie strony, publikacja oraz optymalizacja strony

C. Rejestracja domeny i usług hostingu, testowanie poprawności działania serwisu www, hosting, rozwój witryny, tworzenie layoutu oraz kodu wyświetlanego w przeglądarkach internetowych

D. Rejestracja domeny i usług hostingowych, optymalizacja i aktualizacja strony, projektowanie graficzne strony

Wybór odpowiedzi dotyczącej kolejnych etapów tworzenia stron internetowych jest poprawny, ponieważ obejmuje kluczowe fazy tego procesu. Przygotowanie layoutu to fundament, który definiuje wizualny aspekt strony oraz jej użyteczność. W tej fazie ważne jest, aby uwzględnić zasady UX/UI, co ma na celu zapewnienie, że strona będzie atrakcyjna i funkcjonalna dla użytkowników. Następnie następuje kodowanie i programowanie strony, co obejmuje tworzenie struktury HTML, nadawanie stylów za pomocą CSS oraz dodawanie interaktywności z wykorzystaniem JavaScript. Publikacja i optymalizacja strony to ostatni krok, który obejmuje umieszczenie witryny na serwerze oraz jej optymalizację pod kątem wydajności i SEO, co wpływa na pozycjonowanie w wyszukiwarkach. Dobrą praktyką jest regularne aktualizowanie treści oraz technologii używanych w witrynie, co wpływa na jej bezpieczeństwo i przyciąganie odwiedzających. Właściwe podejście do wszystkich tych etapów jest kluczowe dla sukcesu każdej witryny internetowej.

Pytanie 19

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

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

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

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

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

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 20

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

A. <img>

B. <map>

C. <input>

D. <select>

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 21

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

A. Przejrzysty i prosty layout strony

B. Duża liczba elementów animacyjnych

C. Obrazy o wysokiej jakości

D. Niestandardowe style czcionek

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 22

W jakich formatach powinien być zorganizowany materiał filmowy przeznaczony do umieszczenia w internetowym projekcie multimedialnym?

A. WEBM, DOCX

B. FLA, SVG

C. FLV, TIFF

D. MPEG-4, MOV

Odpowiedź "MPEG-4, MOV" jest prawidłowa, ponieważ oba formaty są szeroko stosowane w branży multimedialnej, szczególnie w kontekście publikacji treści w internecie. MPEG-4 to jeden z najpopularniejszych formatów kompresji wideo, który zapewnia wysoką jakość obrazu przy stosunkowo małym rozmiarze pliku. Jest on używany przez wiele platform wideo, takich jak YouTube, Vimeo czy Facebook. Z kolei format MOV, stworzony przez Apple, jest również powszechnie wykorzystywany do przechowywania wideo i audio, a jego wszechstronność sprawia, że jest on często wybierany w produkcji filmowej i telewizyjnej. Dobre praktyki w branży zalecają stosowanie tych formatów ze względu na ich zgodność z większością odtwarzaczy i platform, co ułatwia dystrybucję materiałów. Na przykład, gdy tworzysz projekt multimedialny, wybór MPEG-4 lub MOV pozwala na lepszą optymalizację materiałów do przesyłania strumieniowego oraz łatwiejszą edycję w popularnych programach, takich jak Adobe Premiere Pro czy Final Cut Pro.

Pytanie 23

Aby opublikować rastrowy obraz cyfrowy w sieci, należy ustalić jego parametry:

A. tryb barwny CMYK, rozdzielczość 96 ppi, jak największy rozmiar pliku

B. tryb barwny CMYK, rozdzielczość 96 ppi, jak najmniejszy rozmiar pliku

C. tryb barwny RGB, rozdzielczość 72 ppi, jak największy rozmiar pliku

D. tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku

Poprawna odpowiedź to tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku. Tryb RGB (Red, Green, Blue) jest standardem dla mediów elektronicznych, ponieważ jest oparty na sposobie, w jaki monitory wyświetlają kolory. W przeciwieństwie do CMYK, który jest używany głównie w druku, RGB zapewnia lepszą jakość wyświetlania na stronach internetowych. Rozdzielczość 72 ppi (pixels per inch) jest wystarczająca dla większości zastosowań internetowych, ponieważ obrazy o wyższej rozdzielczości nie oferują zauważalnie lepszej jakości przy standardowych ekranach. Minimalizacja rozmiaru pliku jest kluczowa dla szybkości ładowania strony oraz jej optymalizacji pod kątem SEO. Praktyczne przykłady zastosowania obejmują publikowanie obrazów w galeriach internetowych, na blogach, czy w social mediach, gdzie szybkość wczytywania i jakość obrazu mają kluczowe znaczenie dla doświadczenia użytkowników i ogólnej wydajności strony.

Pytanie 24

W dokumencie hipertekstowym, przy pomocy znacznika , określa się

A. rozpoczęcie dokumentu HTML

B. rozpoczęcie nagłówka dokumentu HTML

C. zakończenie dokumentu HTML

D. zakończenie nagłówka dokumentu HTML

Wybór błędnych odpowiedzi świadczy o niepełnym zrozumieniu struktury dokumentu HTML. Odpowiedzi wskazujące na koniec dokumentu HTML, początek dokumentu, czy koniec nagłówka są nieprecyzyjne w kontekście roli znacznika <HEAD>. Koniec dokumentu HTML oznaczany jest przez znacznik </HTML>, co jednoznacznie definiuje, że wszystkie elementy dokumentu zostały już zdefiniowane. Z kolei początek dokumentu HTML jest sygnalizowany przez znacznik <HTML>, który wskazuje na rozpoczęcie całej struktury dokumentu. Zrozumienie, że <HEAD> dotyczy tylko nagłówka, a nie całego dokumentu, jest kluczowe. Nagłówek z kolei nie kończy się na <HEAD>, ale jest zakończony przez </HEAD>, co również może wprowadzać w błąd. Typowym błędem myślowym jest mylenie kontekstu użycia tagów w HTML - każdy znacznik ma swoją określoną funkcję i miejsce w hierarchii dokumentu. Wiedza o tym, co znajduje się w sekcji nagłówkowej, jest niezbędna do prawidłowego rozumienia, jak struktura HTML wpływa na sposób wyświetlania treści oraz na optymalizację dla wyszukiwarek. Właściwe umiejscowienie i użycie znaczników są fundamentalne dla tworzenia dobrze działających stron internetowych.

Pytanie 25

Grafika cyfrowa stworzona w rozdzielczości 72 ppi powinna znaleźć zastosowanie w

A. publikacji książkowej

B. wydruku plakatów w formacie A2

C. wydruku przestrzennego 3D

D. publikacji internetowej

Odpowiedź 'publikacja internetowa' jest poprawna, ponieważ projekty graficzne zdigitalizowane w rozdzielczości 72 ppi (pikseli na cal) są odpowiednie do wykorzystania głównie w mediach elektronicznych. Rozdzielczość ta jest wystarczająca dla wyświetlania na ekranach komputerów, tabletów i smartfonów, gdzie obraz jest renderowany w pikselach. W przypadku publikacji internetowych, takich jak strony internetowe, blogi czy media społecznościowe, nie ma potrzeby stosowania wyższej rozdzielczości, ponieważ ekran nie potrafi wyświetlić większej liczby szczegółów. Standardowe praktyki branżowe wskazują, że dla druku, zwłaszcza w formacie książek lub plakatów, zaleca się wyższą rozdzielczość, zazwyczaj 300 ppi, aby zapewnić odpowiednią jakość i ostrość obrazu. Przykładem zastosowania 72 ppi mogą być grafiki na stronach internetowych czy banerach reklamowych, gdzie szybkość ładowania strony i estetyka są kluczowe. Ważne jest, aby projektanci rozumieli różnice w wymaganiach dotyczących rozdzielczości, aby dostarczyć odpowiednie pliki graficzne w zależności od medium, w którym będą one prezentowane.

Pytanie 26

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

A. modowych

B. plenerowych

C. katalogowych

D. okazjonalnych

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 27

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

A. /*komentarz*/

B. */komentarz/*

C. <!komentarz*

D. *komentarz!>

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 28

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

A. Czerwony, żółty, niebieski

B. Fioletowy, pomarańczowy, zielony

C. Czerwony, fioletowy, pomarańczowy

D. Fioletowy, czarny, biały

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 29

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

A. miniatury rastrowe

B. teksty

C. obrazy wektorowe

D. animacje

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 30

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

A. Joomla

B. Wordpress

C. Drupal

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 31

Weryfikacja poprawności realizacji projektu responsywnej strony internetowej polega na

A. zliczeniu liczby znaków na stronie

B. skalowaniu kolorów prezentowanych na ekranie

C. ustaleniu liczby odsłon strony

D. prezentacji jej na urządzeniach o zróżnicowanej wielkości ekranów

Ocena poprawności wykonania projektu responsywnej strony internetowej w dużej mierze polega na jej wyświetleniu na różnych urządzeniach o różnych rozmiarach ekranów. Responsywność strony odnosi się do zdolności strony internetowej do dostosowywania swojego układu, treści i elementów graficznych w zależności od wielkości i orientacji ekranu, na którym jest wyświetlana. Testowanie responsywności zapewnia, że użytkownicy na smartfonach, tabletach i komputerach stacjonarnych mają podobne doświadczenia z przeglądaniem strony. W praktyce oznacza to, że projektanci i deweloperzy mogą używać narzędzi, takich jak Chrome DevTools, by symulować różne urządzenia, co pozwala na identyfikację problemów z układem, nawigacją czy czytelnością treści. Dobrym przykładem jest użycie techniki fluid grid, która pozwala na elastyczne rozmieszczanie elementów w oparciu o procentowe wartości, co daje lepszą adaptację do zmieniających się rozmiarów ekranu. Zgodność z zasadami WCAG (Web Content Accessibility Guidelines) jest również kluczowa, ponieważ wspiera dostępność treści na różnych urządzeniach, co jest istotnym aspektem oceny responsywności.

Pytanie 32

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 33

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

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 34

Wskaż znacznik umożliwiający pozycjonowanie względem siebie bloków zawartości w obrębie strony www.

A. <img>

B. <b>

C. <div>

D. <br>

Wiele osób myli zastosowanie podstawowych znaczników HTML, co jest całkiem zrozumiałe na początku nauki front-endu. <b> jest używany wyłącznie do pogrubiania tekstu, nie tworzy żadnych bloków ani nie wpływa na organizację układu strony – to znacznik wewnętrzny (inline), więc nawet nie przerwie linii. <br> natomiast to bardzo prosty element służący tylko do łamania linii, zupełnie nie daje możliwości pozycjonowania czy grupowania jakichkolwiek bloków treści – jego użycie do budowy układu byłoby wręcz błędem i niezgodne z dobrymi praktykami. <img> wprowadza grafikę na stronę, ale sam z siebie jest elementem liniowym i nie nadaje się do zarządzania blokami zawartości. Spotykam się czasem z błędnym podejściem, że można układać stronę na <br> czy <img>, ale to prowadzi do nieczytelnego, trudnego do edycji kodu. Współczesne standardy zdecydowanie zalecają wykorzystywanie znaczników blokowych oraz CSS do stylowania i pozycjonowania, zamiast przełamywania linii czy wciskania grafik dla uzyskania efektów wizualnych. To, co naprawdę pozwala sensownie zarządzać układem, to korzystanie ze znaczników blokowych (np. <div>, <section>, <header>), a potem nakładanie na nie reguł CSS – czy to flexbox, grid czy pozycjonowanie absolutne. Z mojego doświadczenia wynika, że próby „oszukania” przeglądarki za pomocą <br> albo nadmiernego stosowania <img> do budowy layoutu szybko kończą się frustracją, chaosem w kodzie i problemami z responsywnością. Warto od początku wyrabiać sobie dobre nawyki i rozumieć, do czego realnie służy każdy znacznik HTML.

Pytanie 35

W celu wykonania reklamy internetowej o maksymalnej szerokości do 800 pikseli należy zdefiniować właściwość

A. background-position

B. max-width

C. background size

D. max-height

Właściwość CSS max-width to jeden z najprostszych i najbardziej przydatnych sposobów, żeby ograniczyć szerokość elementu – na przykład reklamy internetowej – do maksymalnej wartości, jakiej sobie życzymy. Dzięki temu nawet jeśli ktoś otworzy naszą stronę na ogromnym monitorze albo reklama „wpadnie” do większego kontenera, nie rozciągnie się ona poza wskazany limit, czyli w tym przypadku 800 pikseli. Moim zdaniem to absolutna podstawa przy projektowaniu responsywnych interfejsów. max-width nie zmusza elementu do konkretnej szerokości, tylko pozwala mu się kurczyć i rosnąć do określonej granicy. To ma duże znaczenie, szczególnie gdy reklama ma wyglądać dobrze zarówno na desktopie, jak i na smartfonie. Takie podejście jest też zgodne z najnowszymi standardami CSS oraz rekomendacjami Google dotyczących reklam displayowych. Warto dodać, że max-width działa lepiej niż width w sytuacji, gdy zależy nam na elastyczności – width ustawia sztywną wartość, a max-width daje nam trochę więcej swobody, bo pozwala elementowi się automatycznie dopasowywać. Przykładowy kod: .banner { max-width: 800px; width: 100%; } – dzięki temu nawet jeśli użytkownik zmieni rozmiar okna, baner nigdy nie przekroczy 800 pikseli, ale nadal może się zmniejszyć na mniejszych ekranach. Szczerze mówiąc, ciężko mi sobie wyobrazić robienie serwisu bez tej właściwości.

Pytanie 36

W języku HTML znacznik zawiera

A. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.

B. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.

C. treść dokumentu.

D. nazwę dokumentu.

Wiele osób zaczynających naukę HTML myli się w kwestii roli znacznika <meta>, czasem zakładając, że odpowiada on za główną treść dokumentu, jego nazwę czy nawet jakieś ukryte, rozwijane fragmenty. W rzeczywistości <meta> nie służy do przechowywania widocznych elementów strony ani do nadawania jej nazw. Treść dokumentu, czyli to, co użytkownik widzi na stronie, umieszcza się w sekcji <body> za pomocą takich znaczników jak <p>, <div>, <h1> itd. <meta> znajduje się natomiast w sekcji <head> i nigdy nie pokazuje niczego bezpośrednio użytkownikowi. Nazwę dokumentu ustala się przez <title>, a nie <meta>, co jest częstym problemem – tytuł pojawia się np. na karcie przeglądarki i jako nagłówek wyników wyszukiwania. Wersje HTML nie przewidują też żadnego mechanizmu, w którym <meta> przechowuje bloki danych rozwijane przez użytkownika – do tego służą zupełnie inne narzędzia, jak <details> czy skrypty w JavaScript. Typowy błąd to także założenie, że <meta> działa automatycznie na pozycjonowanie, podczas gdy obecnie niektóre wyszukiwarki ignorują wybrane tagi meta (np. keywords), a większą wagę przykładają do realnej treści i struktury strony. W praktyce dobre wykorzystanie <meta> polega na świadomym umieszczaniu opisów (meta description), słów kluczowych, informacji o kodowaniu czy instrukcji dla robotów, co wynika bezpośrednio ze specyfikacji HTML5. Rozumienie, gdzie umieścić <meta> i jakie dane może zawierać, jest kluczowe dla każdego, kto chce tworzyć profesjonalne i nowoczesne strony internetowe. Warto też pamiętać, że meta tagi są narzędziem dla maszyn, a nie dla końcowego użytkownika – to subtelna, ale istotna różnica, której pominięcie prowadzi do wielu nieporozumień.

Pytanie 37

Logo, menu, baner, widgety oraz intro to elementy

A. animacji poklatkowej.

B. profesjonalnego materiału wideo z eventu.

C. layoutu strony internetowej.

D. prezentacji multimedialnej.

Logo, menu, baner, widgety oraz intro to właśnie te elementy, które najczęściej spotyka się w layoutach, czyli szablonach stron internetowych. Takie komponenty pełnią kluczowe funkcje – logo oczywiście odpowiada za identyfikację wizualną firmy lub marki, menu służy do nawigacji, baner często promuje najważniejsze treści lub wydarzenia, widgety dodają różne funkcjonalności (np. pogodę, wyszukiwarkę, kalendarz), a intro bywa wykorzystywane do przyciągnięcia uwagi użytkownika przy pierwszym wejściu na stronę. Moim zdaniem przy projektowaniu strony internetowej nie da się pominąć tych podstawowych części, bo one tworzą pierwszy kontakt użytkownika z witryną. Praktycznie każda profesjonalnie zaprojektowana strona www ma przemyślany layout, a w nim logicznie rozmieszczone takie elementy, żeby korzystanie było intuicyjne i przyjemne. Standardy branżowe, takie jak WCAG czy zalecenia Google dotyczące UX/UI, podkreślają wagę czytelnego rozplanowania layoutu, spójności graficznej i dostępności nawigacji. Dobry layout łączy estetykę z funkcjonalnością – to jest podstawa zarówno dla bloga, sklepu internetowego, jak i dużego portalu. Często nawet drobny widget potrafi zrobić wielką różnicę w odbiorze strony. Warto więc znać te podstawowe elementy i umieć je poprawnie zaprojektować oraz wdrożyć.

Pytanie 38

Wskaż prawidłowy zapis dotyczący tworzenia akapitu tekstu w języku HTML.

A. <p>Pierwszy akapit.</p> <p>Drugi akapit.</p>

B. </p>Pierwszy akapit.</p> </p>Drugi akapit.</p>

C. <p>Pierwszy akapit. <p>Drugi akapit.</p></p>

D. <p>Pierwszy akapit .<p> <p>Drugi akapit.<p>

Tworzenie akapitu w HTML to nie jest tylko kwestia wrzucenia tekstu między jakieś tam tagi, ale chodzi o jasne określenie początku i końca każdego akapitu. Niestety, wiele osób na początku popełnia błędy, myśląc, że wystarczy sam tag <p>, albo, co gorsza, tag zamykający </p> na początku tekstu. Takie podejścia wynikają chyba po trochę z przyzwyczajeń z edytorów tekstu, gdzie entery czy spacje robią za oddzielenie akapitów. W HTML to tak nie działa. Gdy użyje się samego <p> bez zamknięcia, przeglądarki czasem próbują sobie poradzić, ale efekt jest nieprzewidywalny – w jednej przeglądarce zobaczysz dwa akapity, w innej wszystko się zleje w jeden. Jeszcze gorzej, gdy ktoś stosuje zagnieżdżone <p> albo przypadkowo dodaje tag zamykający przed tekstem – HTML tego w ogóle nie akceptuje poprawnie i może całkowicie rozjechać strukturę strony. W sumie, takie błędy to też duży problem dla dostępności: czytniki ekranu mogą źle odczytać tekst, a Google może nie zauważyć poprawnie podzielonych treści – więc to wpływa na pozycjonowanie. Dobrą praktyką jest zawsze używać kompletnego otwarcia i zamknięcia tagu akapitu dla każdego fragmentu tekstu, który chcesz oddzielić, no i nie kombinować z dziwnymi wersjami zapisu, których nie przewiduje standard. W pracy webdevelopera to wręcz codzienność – można się zdziwić, jak bardzo drobny błąd w strukturze HTML potrafi namieszać w wyglądzie i funkcjonalności strony. Najlepiej od razu wyrabiać sobie nawyk pisania pełnych, poprawnych znaczników.

Pytanie 39

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 spi, tryb barwny CMYK.

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

D. Rozdzielczość 72 lpi tryb barwny RGB.

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 40

Który panel należy wybrać w kokpicie Wordpress, aby zmienić layout graficzny strony?

A. Media.

B. Wtyczki.

C. Narzędzia.

D. Wygląd.

Poprawnie wskazany został panel „Wygląd”, bo to właśnie tam w kokpicie WordPressa zarządza się layoutem graficznym strony. W tym miejscu możesz zmieniać motyw (theme), który tak naprawdę definiuje ogólny układ: rozmieszczenie kolumn, nagłówka, stopki, typ nawigacji, a także wiele elementów wizualnych jak kolory czy podstawowa typografia. Z poziomu „Wygląd → Motywy” wybierasz, instalujesz i aktywujesz motywy, co jest zgodne z dobrą praktyką pracy z WordPressem: nie grzebiemy w kodzie rdzenia, tylko korzystamy z gotowych, responsywnych szablonów. W „Wygląd → Dostosuj” (Customizer) można zmieniać układ strony głównej, włączać lub wyłączać paski boczne, ustawiać statyczną stronę startową, a czasem też układ poszczególnych sekcji, jeśli motyw na to pozwala. Moim zdaniem to jest jedno z najważniejszych miejsc w panelu, bo tu realnie kształtujesz doświadczenie użytkownika na stronie. W dobrych motywach znajdziesz tam też ustawienia siatki (gridu), szerokości kontenera, układu bloga (lista, kafelki) czy ustawienia nagłówka typu sticky. Przez „Wygląd → Menu” projektujesz strukturę nawigacji, czyli to, jak użytkownik porusza się po serwisie – to też jest element layoutu, bo decyduje, gdzie i jak wyświetla się menu. W „Wygląd → Widgety” (albo „Obszary widgetów”) zarządzasz zawartością pasków bocznych i stopki, co pozwala zmienić rozmieszczenie dodatkowych bloków: wyszukiwarki, listy kategorii, krótkich informacji kontaktowych itd. W nowoczesnych instalacjach WordPressa dochodzi jeszcze edytor pełnych szablonów (Full Site Editing), gdzie w sekcji „Wygląd → Edytor” można projektować układ całej witryny blokami – nagłówki, stopki, szablony wpisów. Z mojego doświadczenia wynika, że trzymanie wszystkich zmian layoutu właśnie w panelu „Wygląd” ułatwia późniejszą administrację, aktualizacje motywu i zgodność z responsywnością oraz standardami webowymi (HTML5, semantyka, dostępność).

Rozpocznij nowy egzamin

Powrót do strony głównej