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: 11 maja 2026 12:53
  • Data zakończenia: 11 maja 2026 13:06

Egzamin niezdany

Wynik: 19/40 punktów (47,5%)

Wymagane minimum: 20 punktów (50%)

Nowe
Analiza przebiegu egzaminu- sprawdź jak rozwiązywałeś pytania
Udostępnij swój wynik
Facebook
X.com
LinkedIn
Szczegółowe wyniki:
Pytanie 1

Logo, menu, baner, widgety oraz intro to składniki

A. animacji poklatkowej
B. prezentacji multimedialnej
C. profesjonalnego materiału wideo z wydarzenia
D. układu strony internetowej
Odpowiedzi dotyczące prezentacji multimedialnej, profesjonalnego materiału wideo z eventu oraz animacji poklatkowej nie są trafne w kontekście wymienionych elementów. Prezentacja multimedialna, jako forma przekazu, skupia się na dynamicznym przedstawieniu informacji, często poprzez slajdy, co nie odnosi się do stałych elementów layoutu strony internetowej. Materiał wideo z eventu ma na celu dokumentację wydarzenia i interakcję z publicznością, a nie kreowanie struktury witryny, podczas gdy animacja poklatkowa to technika filmowa, która nie ma zastosowania w kontekście układu strony. Tego rodzaju pomyłki mogą wynikać z nieporozumienia dotyczącego zakresu funkcji każdego z tych elementów. Wiele osób myli pojęcia, ponieważ wszystkie te formy treści mogą być używane w ramach strony internetowej, ale nie są to elementy, które definiują layout. Layout strony internetowej jest narzędziem do organizowania treści w sposób, który ułatwia użytkownikom nawigację i interakcję, co jest zupełnie innym podejściem niż tworzenie złożonych prezentacji lub filmów. Dobrze zrozumiane podstawy web designu powinny koncentrować się na hierarchii wizualnej, dostępności i użyteczności, co nie znajduje odzwierciedlenia w wymienionych niepoprawnych odpowiedziach.
Pytanie 2

Jakie znaczenie ma poniższa deklaracja kodu CSS:

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

A. Tekst znajdujący się we wszystkich znacznikach l oraz wszystkich znacznikach span będzie miał rozmiar 10 pt i kolor zielony
B. Jedynie tekst znajdujący się w obrębie wszystkich znaczników l oraz tych wewnątrz znaczników span będzie miał rozmiar 10 pt i kolor zielony
C. Tekst w każdym z znaczników span będzie miał rozmiar 10 pt i kolor zielony
D. Tylko tekst w obrębie wszystkich znaczników span znajdujących się w znacznikach l będzie miał rozmiar 10 pt i kolor zielony
Analizując dostępne odpowiedzi, wiele z nich błędnie interpretuje zakres zastosowania reguły CSS. Na przykład, mówienie, że 'tekst wewnątrz wszystkich znaczników l i oraz wszystkich znaczników span będzie wielkości 10 pt i zielonego koloru' nie uwzględnia faktu, że reguła dotyczy tylko spanów wewnątrz li. Ponadto, pomylenie selektora z ogólnymi znacznikami <li> prowadzi do nieporozumień, ponieważ reguła nie zmienia stylu wszystkich znaczników <li>, ale tylko tych, które zawierają <span>. Właściwości CSS są w rzeczywistości stosowane na podstawie hierarchii zagnieżdżonych elementów, co oznacza, że niepoprawne jest stosowanie stylów do rodziców, kiedy reguła dotyczy tylko ich dzieci. Innym typowym błędem jest stwierdzenie, że styl dotyczy 'wszystkich znaczników span', co jest błędne, ponieważ reguła odnosi się tylko do tych spanów zagnieżdżonych w li. Aby uniknąć takich nieporozumień, ważne jest, aby dokładnie zrozumieć, jak działają selektory CSS i jak specyfikacja CSS wpływa na dziedziczenie i kaskadowość stylów. Właściwe zrozumienie zasięgu selektorów pozwala na efektywniejsze pisanie stylów i lepsze zarządzanie prezentacją treści na stronach internetowych.
Pytanie 3

Podział obrazu z myślą o publikacji na stronach www blokuje

A. przypisanie różnych łączy URL
B. możliwość zastosowania nawigacji witryny
C. optymalizację tylko jednej części grafiki
D. przy użyciu ustawień optymalizacji
Podział obrazu na różne segmenty w kontekście publikacji na stronach internetowych rzeczywiście uniemożliwia przypisanie różnych łączy URL do poszczególnych części obrazu. W praktyce oznacza to, że gdy obraz jest rozdzielany na mniejsze fragmenty, nie można bezpośrednio linkować każdego z tych fragmentów do odrębnych stron lub zasobów. W branży webowej standardem jest, aby obrazy były osadzone w sposób, który pozwala na efektywną nawigację i przypisanie unikalnych adresów URL. Na przykład, jeśli mamy obraz przedstawiający różne produkty, lepiej jest użyć jednego, spójnego obrazu z linkiem do strony produktu niż dzielić go na segmenty, które mogą być trudniejsze do zarządzania. W ten sposób zachowujemy również lepszą optymalizację SEO, ponieważ pozwalamy wyszukiwarkom na jednoznaczne zrozumienie, do jakiego zasobu odnosi się dany link. Dlatego pamiętajmy, że przy projektowaniu stron internetowych kluczowe jest zachowanie integralności linków i ich przypisanie do odpowiednich zasobów.
Pytanie 4

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>
Znacznik <div> to prawdziwy fundament przy budowaniu struktury strony internetowej i organizowaniu układu elementów. Jest to tzw. znacznik blokowy (block-level), który pozwala grupować różne fragmenty treści, a następnie pozycjonować je względem siebie za pomocą CSS. Bez <div> trudno wyobrazić sobie rozplanowanie całych sekcji (np. nagłówków, menu, głównej treści, stopki). To właśnie dzięki temu znacznikowi możemy stosować flexboxa, grida czy pozycjonowanie absolutne i względne, co daje masę możliwości w praktycznym układaniu layoutu. Moim zdaniem to taki trochę szwajcarski scyzoryk HTML-a – niby prosty, a jakże wszechstronny. W praktyce często używa się <div> nawet do tymczasowego dzielenia sobie strony w fazie projektowania. Warto pamiętać, że według współczesnych standardów (HTML5) powinniśmy używać znaczników semantycznych (np. <section>, <article>, <nav>) tam, gdzie to możliwe, ale <div> wciąż zostaje podstawą wszędzie tam, gdzie nie da się zastosować nic bardziej opisowego. Przykład praktyczny: jeśli chcemy, żeby dwie kolumny treści były obok siebie, wrzucamy je do dwóch <div> i nadajemy im odpowiednie style CSS (np. display: flex albo float). Dzięki temu mamy pełną kontrolę nad wyglądem strony i jej responsywnością. Z doświadczenia wiem, że bez umiejętnego wykorzystywania <div> ciężko zrobić coś sensownego w nowoczesnym web developmencie.
Pytanie 5

Podczas projektowania layoutu witryny internetowej powinno się zapewnić

A. wysoką jakość rozdzielczości obrazów
B. prosty i czytelny układ strony
C. niestandardowe typy czcionek
D. dużą liczbę elementów animowanych na stronie głównej
Dobrze zaprojektowana strona internetowa ma ogromne znaczenie, jeśli chodzi o to, jak użytkownicy ją odbierają. Kiedy layout jest prosty i przejrzysty, znacznie łatwiej jest znaleźć to, czego się szuka. Warto pamiętać, że powinna się dostosowywać do różnych urządzeń – wszyscy korzystamy z telefonów i tabletów, więc responsywność to podstawa. Moim zdaniem, fajnie jest na przykład używać siatki do organizacji treści, bo to sprawia, że wszystko wygląda schludnie. Gdy na stronie jest zbyt wiele informacji, użytkownicy mogą się czuć zagubieni, więc lepiej trzymać się zasady, że mniej znaczy więcej. A jeszcze, jak chcemy, żeby strona była dostępna dla każdego, to warto zapoznać się z zasadami WCAG – to naprawdę daje do myślenia, jak ważna jest użyteczność dla osób z różnymi potrzebami.
Pytanie 6

Jakie są zewnętrzne arkusze stylów dla języka HTML?

A. CSS
B. JAVA
C. PHP
D. BASIC
CSS, czyli Kaskadowe Arkusze Stylów, jest standardowym językiem używanym do opisywania wyglądu i formatowania dokumentów HTML. Jego głównym celem jest oddzielenie treści od prezentacji, co umożliwia wprowadzenie zmian w stylach bez konieczności modyfikacji samej treści. Przykładowo, jeśli chcesz zmienić kolor tekstu w całej aplikacji, wystarczy zaktualizować jedną regułę CSS, zamiast przeszukiwać i edytować każdy plik HTML. Standardy CSS pozwalają na tworzenie responsywnych i dobrze wyglądających stron internetowych, co jest kluczowe w dzisiejszym świecie, gdzie użytkownicy korzystają z różnych urządzeń. Dzięki CSS można wprowadzać m.in. style rozkładu, kolory, czcionki oraz zaawansowane techniki, takie jak animacje czy przejścia. Stosowanie CSS zgodnie z dobrymi praktykami, takimi jak użycie klas i identyfikatorów, poprawia czytelność kodu oraz umożliwia łatwiejsze utrzymanie strony. Warto również znać narzędzia takie jak preprocessory CSS (np. SASS, LESS), które znacznie poszerzają możliwości standardowego CSS, wprowadzając elementy takie jak zmienne czy zagnieżdżone reguły.
Pytanie 7

Który program pozwala na stworzenie prezentacji, która jest wyświetlana slajdami i nie oferuje możliwości tworzenia skomplikowanych struktur?

A. Macromedia Director
B. Adobe Flash
C. Power Point
D. Adobe Dreamweaver
PowerPoint jest programem stworzonym z myślą o tworzeniu prezentacji wizualnych, które są wyświetlane w formie slajdów. Dzięki intuicyjnemu interfejsowi użytkownika, PowerPoint umożliwia łatwe dodawanie tekstów, obrazów oraz multimediów, co czyni go idealnym narzędziem do przedstawiania pomysłów w sposób klarowny i zorganizowany. Program ten jest szeroko stosowany w edukacji oraz biznesie, co świadczy o jego popularności i użyteczności. Przykładowo, nauczyciele mogą wykorzystać PowerPoint do tworzenia interaktywnych wykładów, a menedżerowie do prezentacji wyników finansowych lub strategii firmy. W kontekście standardów branżowych, PowerPoint wspiera formaty plików, które są powszechnie akceptowane i łatwe do udostępnienia, co jest niezwykle ważne w pracy zespołowej. Warto również zaznaczyć, że PowerPoint umożliwia współpracę w czasie rzeczywistym dzięki funkcjom chmurowym, co zwiększa efektywność pracy grupowej.
Pytanie 8

Użycie pętli w ActionScript umożliwia

A. wielokrotne realizowanie tych samych poleceń
B. powielanie kroków
C. wypełnianie bitmapy pikselami będącymi reprezentacją losowego szumu
D. wstrzymanie strumienia zdarzeń
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 9

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

Ilustracja do pytania
A. liczbą 4
B. liczbą 3
C. liczbą 2
D. liczbą 1
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 10

Aby ułatwić interpretację treści w publikacji online, w zgodzie z zasadami typografii internetowej, w jednej linii może znajdować się

A. 95 znaków
B. 55 znaków
C. 37 znaków
D. 25 znaków
Odpowiedzi "25 znaków", "37 znaków" oraz "95 znaków" nie są poprawne z perspektywy typografii internetowej. Odpowiedź z wartością 25 znaków jest zbyt krótka, co może prowadzić do rozdrobnienia tekstu, a tym samym obniżenia jego spójności i czytelności. Takie podejście sprawia, że czytelnik może mieć trudności z przyswajaniem informacji, ponieważ zbyt mała liczba znaków w linii zmusza do częstszego skanowania wzrokiem, co w rezultacie może powodować zmęczenie. Z kolei 37 znaków jest również niewystarczające, aby tekst był odpowiednio płynny i angażujący; nie daje to czytelnikowi możliwości zanurzenia się w treści. Zbyt krótka długość linii ogranicza również kontekst, który może być przekazywany w danym zdaniu, co jest niezbędne do pełnego zrozumienia tematu. Odpowiedź "95 znaków" z drugiej strony przekracza optymalny zakres, co może prowadzić do tzw. efektu zmęczenia wzroku. Długie linie tekstu są znacznie trudniejsze do śledzenia w linii wzroku, co może prowadzić do zgubienia kontekstu oraz zmniejszenia efektywności przyswajania treści. Warto zwrócić uwagę na badania, które sugerują, że idealna długość linii powinna wahać się od 50 do 75 znaków, co wspiera tezę, że odpowiedzi podane w pytaniu nie spełniają standardów typografii internetowej, które kładą nacisk na czytelność i komfort czytania. Niezrozumienie tej zasady może prowadzić do nieefektywnych publikacji i frustracji użytkowników.
Pytanie 11

Adobe Flash nie tworzy animacji dla elementów

A. www
B. klipu filmowego
C. dźwięku
D. grafiki
Wybór klipu filmowego, grafiki czy dźwięku jako elementów, które Adobe Flash animuje, jest zrozumiały, ale nie uwzględnia pełnego kontekstu użycia technologii Flash w przemyśle internetowym. Klipy filmowe, czyli osadzone filmy w formacie Flash, rzeczywiście mogą być animowane, ale nie są to obiekty internetowe, jak strony www czy ich elementy. Podobnie jest z grafiką, która może być częścią animacji stworzonych przy użyciu Flash, jednak nie jest to podejście preferowane w kontekście tworzenia nowoczesnych stron internetowych. Dźwięk również może być użyty w animacjach Flash, ale znowu, nie odnosi się to do animowania elementów www. Problematyczne jest także to, że technologia Flash została wycofana na rzecz bardziej uniwersalnych i bezpieczniejszych standardów, takich jak HTML5, które obsługują zarówno multimedia, jak i animacje bez konieczności korzystania z pluginów czy zewnętrznych narzędzi. Z tego powodu, mylenie tych elementów z animacjami www może prowadzić do nieprawidłowych wniosków na temat przyszłości technologii webowych oraz ich implementacji. Warto zatem zrozumieć, że współczesny rozwój technologii internetowych skłania się ku rozwiązaniom, które są bardziej zgodne z otwartymi standardami, co zwiększa dostępność i kompatybilność w przemyśle webowym.
Pytanie 12

Wskaż deklaracje kodu CSS, które wyświetlą obraz "kolo.png" w sposób przedstawiony na rysunku

Ilustracja do pytania
A. background-image: src="kolo.png" alt="nagłówek" height="50" width="50" repeat;
B. background-image: kolo.png; background-repeat : repeat-x;
C. background-image: url(kolo.png); background-repeat : repeat;
D. background-image: url(kolo.png); background-repeat : repeat-x;
Wybór niewłaściwej odpowiedzi często wynika z nieporozumienia dotyczącego właściwego użycia deklaracji CSS. Wiele osób myśli, że wystarczą proste właściwości, aby wyświetlić obraz, nie zdając sobie sprawy, że bardziej złożone podejścia mogą być potrzebne w zależności od kontekstu. Na przykład, zignorowanie właściwości takich jak 'background-size' czy 'display' prowadzi do tego, że obraz nie będzie wyświetlany zgodnie z oczekiwaniami. Użytkownicy mogą błędnie zakładać, że obraz ustawi się automatycznie w kontenerze bez dodatkowych wskazówek dotyczących jego rozmiaru i sposobu wyświetlania. Kolejnym powszechnym błędem jest pomijanie znaczenia właściwości takich jak 'margin' czy 'padding', które odgrywają kluczową rolę w układzie elementów na stronie. Dobrą praktyką jest testowanie różnych kombinacji i obserwowanie efektów, aby zrozumieć, które właściwości CSS są odpowiednie w danej sytuacji. Ważne jest również, aby mieć na uwadze kwestie związane z wydajnością ładowania obrazów, zwłaszcza w kontekście stron responsywnych. Właściwe zastosowanie obrazów i ich stylizacji jest kluczowe dla uzyskania wysokiej jakości wizualnej oraz użyteczności strony internetowej.
Pytanie 13

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

A. czarną ramką oraz marginesem 20 pikseli
B. czerwoną ramką oraz marginesem 20 pikseli
C. czarną ramką oraz marginesem 15 pikseli
D. czerwoną ramką oraz marginesem 15 pikseli
W przypadku błędnej odpowiedzi warto pomyśleć o tym, jak działa kaskadowość w CSS i jak działają selektory. Sugerowanie, że ramka powinna być czarna, jest błędne. Wiesz, że kolor czerwony z wewnętrznego arkusza dominuje nad zewnętrznymi regułami. Zdarza się, że niektórzy mylą lokalne style z tymi z arkuszy, ale to lokalne style mają pierwszeństwo. Warto zauważyć, że jeśli w zewnętrznym arkuszu byłby jakiś margines, to jego wartość zostałaby zignorowana przez ten zdefiniowany w tagu <img>. Odpowiedzi, które mówią o czarnej ramce lub marginesie 20 pikseli, wskazują na typowe nieporozumienia z priorytetami w CSS. Takie rzeczy, jak kaskadowość, specyficzność i kolejność stylów, są kluczowe. Zawsze warto sprawdzić, które reguły się stosuje i pamiętać, że lokalne style mogą przejąć kontrolę nad resztą.
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

Jaką informację zawiera pierwszy znacznik HTML w strukturze strony www?

A. Nazwa strony www
B. Typ języka zastosowanego do budowy strony www
C. Dane dotyczące praw autorskich
D. Słowa kluczowe i opis witryny internetowej
Wybierając odpowiedzi dotyczące tytułu strony, informacji o prawach autorskich lub słów kluczowych, można zauważyć powszechne nieporozumienia dotyczące struktury dokumentu HTML. Tytuł strony, definiowany w znaczniku <title>, jest ważnym elementem, ale jego funkcja to przede wszystkim informowanie użytkowników oraz systemów wyszukiwania o zawartości strony. To nie wpływa na interpretację kodu HTML. Informacje o prawach autorskich są umieszczane w stopce dokumentu i nie mają wpływu na jego strukturę ani na sposób wyświetlania strony. Słowa kluczowe oraz opisy, z kolei, są często umieszczane w meta tagach w sekcji <head>, ale ich rola w kontekście przeglądarek jest ograniczona i nie wpływają one na podstawową strukturę strony. Często mylące jest myślenie, że elementy te są tak samo istotne jak deklaracja DOCTYPE. W rzeczywistości, brak odpowiedniego DOCTYPE powoduje, że przeglądarka przestaje prawidłowo interpretować HTML, co prowadzi do problemów z renderowaniem. Zrozumienie, że pierwszym znakiem HTML jest deklaracja DOCTYPE, pozwala lepiej zrozumieć, jak przeglądarki interpretują dokumenty oraz jak ważne jest przestrzeganie standardów, aby zapewnić spójność i przewidywalność w działaniu aplikacji internetowych.
Pytanie 16

Jakie parametry mają kluczowe znaczenie przy przygotowywaniu cyfrowego obrazu do publikacji w sieci?

A. Jakość grafiki, głębia kolorów oraz liczba warstw
B. Rozdzielczość, tryb barw oraz wielkość obrazu
C. Format pliku oraz użyte filtry fotograficzne
D. Paleta kolorów oraz typy użytych masek
Wybór rozdzielczości, trybu koloru oraz rozmiaru obrazu jest kluczowy dla uzyskania optymalnej jakości wizualnej w publikacjach internetowych. Rozdzielczość obrazu definiuje liczbę pikseli, co bezpośrednio wpływa na szczegółowość wyświetlanego obrazu. Zazwyczaj dla obrazów internetowych zaleca się rozdzielczość od 72 do 150 dpi, co wystarcza do wyświetlania na ekranach, przy jednoczesnym zmniejszeniu rozmiaru pliku. Tryb koloru, na przykład RGB (Red, Green, Blue), jest najczęściej używany w kontekście prezentacji na stronach internetowych, ponieważ odpowiada sposobowi, w jaki kolory są wyświetlane na monitorach. Z kolei rozmiar obrazu, mierzony w pikselach, powinien być dostosowany do wymagań konkretnej platformy czy urządzenia, aby zapewnić szybkie ładowanie strony. Przykładowo, obrazy o dużych rozmiarach mogą spowolnić ładowanie strony, co negatywnie wpływa na doświadczenia użytkowników i SEO. Optymalizacja tych parametrów zgodnie z najlepszymi praktykami branżowymi przyczynia się do zachowania jakości obrazu przy jednoczesnym minimalizowaniu czasów ładowania.
Pytanie 17

Aby zwiększyć funkcjonalność oraz szybkość działania serwisu z galerią, cyfrowe obrazy powinny zostać poddane

A. optymalizacji
B. strumieniowaniu
C. wektoryzacji
D. zakodowaniu
Każda z pozostałych odpowiedzi odzwierciedla różne koncepcje, które, choć mogą być użyteczne w innych kontekstach, nie są odpowiednie w przypadku poprawy funkcjonalności i szybkości działania galerii internetowej. Zakodowanie obrazów, na przykład, odnosi się do procesu konwersji danych do formatu, który jest bardziej zrozumiały dla urządzeń i użytkowników, ale niekoniecznie prowadzi do redukcji rozmiaru plików czy poprawy wydajności. Wektoryzacja, która polega na konwersji obrazów rastrowych na wektory, jest użyteczna dla grafik, które mają być skalowalne, jednak nie dotyczy standardowych zdjęć cyfrowych i nie usprawnia ich w kontekście webowym. Strumieniowanie natomiast ma zastosowanie w kontekście przesyłania danych w czasie rzeczywistym, jak w przypadku wideo, ale nie jest bezpośrednio związane z optymalizacją obrazów. Tego typu błędne podejścia często wynikają z braku zrozumienia różnic pomiędzy różnymi technikami przetwarzania obrazów. Kluczowe jest zrozumienie, że optymalizacja skupia się na redukcji rozmiarów plików oraz zwiększeniu szybkości ładowania, co nie jest realizowane przez wspomniane techniki.
Pytanie 18

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

A. max-height
B. background-position
C. background size
D. max-width
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 19

Jakie są zewnętrzne arkusze stylów dla języka HTML?

A. BASIC
B. PHP
C. JAVA
D. CSS
Podejmując próbę odpowiedzi na to pytanie, można natknąć się na kilka języków programowania, które nie mają związku z tworzeniem arkuszy stylów dla dokumentów HTML. PHP, na przykład, to język skryptowy wykorzystywany do tworzenia dynamicznych stron internetowych. Umożliwia on generowanie treści HTML na serwerze, ale nie odpowiada za stylizację tych treści. Z kolei JAVA to język programowania ogólnego przeznaczenia, który służy do tworzenia aplikacji oraz programów, ale również nie jest używany do stylizacji stron internetowych. BASIC, z drugiej strony, to przestarzały język programowania, który miał swoje zastosowania w edukacji oraz w tworzeniu prostych aplikacji, lecz nie odnosi się do standardów webowych. Wybór tych języków może wynikać z mylnego przekonania, że każdy język programowania może pełnić rolę w tworzeniu stron internetowych. Kluczem do zrozumienia różnic pomiędzy tymi technologiami jest świadomość, że zewnętrzne arkusze stylów, takie jak CSS, mają zupełnie inną funkcję i zastosowanie. Stylizowanie stron internetowych to proces, który wymaga precyzyjnego określenia reguł dotyczących wyglądu elementów, a odpowiednie języki programowania, takie jak CSS, zostały zaprojektowane z myślą o tym celu. Dlatego ważne jest, aby w procesie tworzenia stron internetowych korzystać z odpowiednich narzędzi, które są zgodne z obecnymi standardami branżowymi.
Pytanie 20

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

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

Który ze znaczników HTML służy do pogrubienia tekstu?

A. <big>
B. <div>
C. <strong>
D. <abbr>
Odpowiedzi, które nie wskazują na <strong>, zwykle wynikają z mylenia funkcji semantycznych i czysto wizualnych znaczników HTML. Weźmy na przykład <big> – ten tag rzeczywiście wpływa na rozmiar tekstu, ale nie na jego pogrubienie. Nie jest też już zalecany w nowoczesnych standardach, bo odchodzi się od bezpośredniej manipulacji wyglądem w HTML na rzecz CSS. Zauważyłem, że często osoby uczące się HTML-a chcą szybko uzyskać efekt wizualny i sięgają po takie proste rozwiązania, zamiast wybrać semantyczny, uniwersalny sposób. Z kolei <abbr> służy do oznaczania skrótów lub akronimów, umożliwiając pokazanie rozwinięcia skrótu po najechaniu kursorem – zupełnie nie ma tu żadnego wpływu na pogrubienie tekstu, raczej jest to narzędzie wspierające dostępność i lepsze zrozumienie treści przez użytkownika. No i jeszcze <div>, który jest kontenerem blokowym używanym do grupowania elementów czy budowania layoutu strony, ale sam w sobie nie wprowadza żadnej stylizacji tekstu, nie mówiąc już o pogrubieniu. Z mojego doświadczenia wynika, że początkujący webdeveloperzy czasem próbują używać <div> do wszystkiego, ale to prowadzi do złych nawyków i utrudnia późniejsze utrzymanie kodu. Warto od razu rozróżniać funkcje tagów: semantyczne jak <strong> służą do przekazania znaczenia, a te czysto techniczne (jak <div> czy <span>) – do budowy struktury. Takie podejście pozwala tworzyć bardziej przejrzysty, dostępny i przyszłościowy kod, który będzie współpracował z różnymi narzędziami i urządzeniami.
Pytanie 22

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

A. podwyższone
B. pogrubione
C. obniżone
D. pochylone
Wybór odpowiedzi, które wskazują na podwyższenie, pochylenie lub obniżenie tekstu, opiera się na mylnym rozumieniu funkcji znaczników HTML. W rzeczywistości, znaczniki takie jak <i> lub <u> są wykorzystywane do uzyskania efektu kursywy lub podkreślenia, co może wprowadzać zamieszanie w kontekście typografii. Powszechnym błędem w myśleniu jest przekonanie, że zmiana wielkości czcionki lub nachylenie tekstu ma związek z pogrubieniem. Pogrubienie to efekt wizualny osiągany poprzez odpowiednie formatowanie, a nie zmianę rozmiaru czy kątów tekstu. Doświadczeni projektanci stron internetowych oraz deweloperzy znają znaczenie jednoznacznego stosowania znaczników w zależności od zamierzonego efektu wizualnego oraz semantycznego. Ignorowanie tych zasad prowadzi do niespójności w prezentacji informacji, co może wpłynąć na doświadczenie użytkownika oraz na indeksowanie treści przez wyszukiwarki. Użycie odpowiednich znaczników zgodnie z ich zamierzonymi funkcjami jest kluczowe w kontekście dostępności oraz SEO, dlatego ważne jest, aby zrozumieć podstawowe różnice między nimi.
Pytanie 23

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

A. <del>
B. <sup>
C. <sub>
D. <ins>
Wybierając inne znaczniki niż <sub> do indeksu dolnego, łatwo można się pomylić, szczególnie jeśli nie zna się dobrze semantyki HTML. Na przykład <del> służy do oznaczania fragmentów tekstu jako usuniętych, co jest używane chociażby przy pokazywaniu zmian w dokumencie – efekt wizualny to najczęściej przekreślony tekst, a nie żaden indeks. Z kolei <sup> jest wręcz przeciwieństwem <sub>, bo tworzy indeks górny – jego zastosowanie zobaczysz w zapisie potęg, jak np. w x<sup>2</sup>. To typowy błąd, mylić te dwa tagi, bo wyglądają podobnie w kodzie, ale jednak znaczą coś zupełnie innego. <ins> natomiast używany jest do oznaczania wstawionego tekstu, co raczej przydaje się podczas śledzenia edycji czy porównywania wersji, a nie do formatowania indeksów. Często spotykam się z sytuacjami, gdzie ktoś, nie znając dokładnie przeznaczenia tych tagów, próbuje nimi stylizować tekst zamiast przekazywać dodatkowe, „niewidoczne” dla użytkownika znaczenie. To prowadzi do problemów z dostępnością i interpretacją przez przeglądarki oraz narzędzia asystujące. Poza tym, takie podejście narusza dobre praktyki webowe i może utrudnić późniejszą edycję lub stylowanie dokumentu. Semantyka HTML to nie tylko wygląd – chodzi też o to, żeby maszyny i ludzie rozumieli tekst podobnie, a do tego właśnie służą odpowiednio dobrane znaczniki. Warto poświęcić chwilę na zapoznanie się z przeznaczeniem podstawowych tagów, żeby uniknąć takich pomyłek w przyszłości. Indeksy dolne i górne mają swoje dedykowane znaczniki, więc korzystanie z nich jest najbardziej sensowne zarówno pod względem technicznym, jak i praktycznym.
Pytanie 24

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. Responsive Web Design
B. język XHTML oraz strukturę opartą na tabelach
C. język XML oraz oddzielne wersje witryny dla różnych typów urządzeń
D. kompleksowe generowanie stron w Flashu
Wykorzystanie XHTML i struktury opartej na tabelach do tworzenia stron internetowych jest rozwiązaniem przestarzałym i nieefektywnym. XHTML, będący rozszerzeniem HTML, nie jest z natury skomplikowany, ale jego połączenie z tabelami w celu układania elementów strony prowadzi do wielu problemów. Strony oparte na tabelach są mniej elastyczne, trudniejsze w utrzymaniu oraz bardziej czasochłonne przy zmianach. Gdy zmienia się rozmiar okna przeglądarki, struktura tabeli nie dostosowuje się automatycznie, co powoduje, że witryna może wyglądać nieczytelnie lub nieestetycznie. Ponadto, pełne generowanie stron we Flashu nie jest praktykowane ze względu na problemy z kompatybilnością na urządzeniach mobilnych oraz ograniczenia w SEO, ponieważ treść generowana w Flaszu nie jest indeksowana przez wyszukiwarki. Stosowanie języka XML i tworzenie osobnych wersji witryny dla różnych urządzeń również nie jest optymalnym rozwiązaniem, ponieważ wymaga znacznych zasobów do utrzymania. Zamiast tego, podejście RWD ułatwia zarządzanie treścią i zapewnia spójne doświadczenie użytkownika, co jest kluczowe w dzisiejszym dynamicznym świecie technologii internetowych. Warto zatem unikać błędnych sformułowań i skupić się na nowoczesnych standardach projektowania stron internetowych.
Pytanie 25

Jakiego narzędzia w Adobe Photoshop używa się do podziału obrazu na mniejsze części w celu publikacji na stronach internetowych?

A. kanałów
B. stempla
C. ścieżek
D. plasterków
Wybór narzędzi takich jak stempel czy ścieżki do dzielenia obrazu na mniejsze kawałki to trochę nietrafiona decyzja. Stempel służy do retuszowania, czyli kopiowania fragmentów w obrębie jednego obrazu, a nie do dzielenia go. Ścieżki są bardziej do precyzyjnych selekcji i tworzenia kształtów, więc też tutaj się nie sprawdzą. Kanały dotyczą zarządzania kolorami i przezroczystością, a nie dzielenia grafiki. Błąd, który tu widzę, to pomylenie funkcji narzędzi edycyjnych z tym, co mogą zrobić w kontekście publikacji w sieci. Żeby dobrze zoptymalizować zasoby graficzne, trzeba wybrać odpowiednie narzędzia. Plasterki idealnie nadają się do tego zadania, podczas gdy stempel czy ścieżki mają zupełnie inne zastosowania.
Pytanie 26

Logo, menu, baner, widgety oraz intro to elementy

A. layoutu strony internetowej.
B. profesjonalnego materiału wideo z eventu.
C. animacji poklatkowej.
D. prezentacji multimedialnej.
Zamieszanie wokół takich pojęć jak animacja poklatkowa, prezentacja multimedialna czy materiał wideo często wynika z tego, że elementy graficzne typu logo, baner czy intro pojawiają się w różnych mediach cyfrowych. Jednak ich kluczową funkcją i miejscem występowania są layouty stron internetowych. Animacja poklatkowa polega na tworzeniu ruchu przez wyświetlanie serii statycznych obrazów, które minimalnie różnią się od siebie – tu raczej spotyka się postacie, tła, plansze, ale nie klasyczne widgety czy rozbudowane menu nawigacyjne charakterystyczne dla stron www. Prezentacja multimedialna to forma przekazu oparta na slajdach, grafice i dźwięku, często używana w edukacji lub biznesie – tam wprawdzie czasem pojawia się intro lub logo, ale nie występuje typowa struktura menu ani widgetów, a układ nie jest layoutem w sensie webowym. Z kolei profesjonalny materiał wideo z eventu to głównie rejestracja obrazu i dźwięku, ewentualnie z prostą grafiką lub intro na początku, ale nikt nie wrzuca tam typowych webowych widgetów czy banerów znanych ze stron internetowych. Typowym błędem jest mylenie narzędzi i komponentów służących do budowania interaktywnych doświadczeń na stronie www z tymi, które są używane w innych mediach cyfrowych – te elementy, o których była mowa w pytaniu, stanowią fundament layoutu strony, bo to właśnie tam najpełniej się sprawdzają i mają swoje praktyczne zastosowanie. Branża webowa od dawna dąży do tego, by layout był funkcjonalny, atrakcyjny wizualnie i przyjazny użytkownikowi, wykorzystując właśnie takie elementy jak menu, banery czy widgety – i to się po prostu sprawdza w praktyce, bo bez nich strona byłaby mało użyteczna i nieprzystępna dla odwiedzających.
Pytanie 27

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

A. PDF, EPUB
B. DWG, EPUB
C. AI, PDF
D. CSV, PSD
Wybierając formaty zapisu broszury informacyjnej przeznaczonej do internetu, bardzo łatwo popełnić błąd, kierując się nazwami znanych programów graficznych lub popularnych rozszerzeń plików. Na przykład AI to format pliku programu Adobe Illustrator, wykorzystywany głównie do edycji grafiki wektorowej, ale zupełnie nieprzystosowany do czytania online – nikt przecież nie otwiera broszury w Illustratorze! CSV natomiast to plik tekstowy do przechowywania danych tabelarycznych, np. w Excelu, więc dla broszury jest kompletnie bezużyteczny. PSD jest natywnym formatem Photoshopa, pozwala na zapisywanie warstw, ale nie nadaje się do dystrybucji publikacji, bo wymaga specjalistycznego oprogramowania i nie zachowuje spójności na różnych urządzeniach. DWG to z kolei rozszerzenie plików AutoCAD-a, czyli dokumentacja techniczna, rysunki inżynierskie i architektoniczne – zupełnie inny świat niż publikacje elektroniczne do internetu. Typowym błędem jest też ocenianie przydatności formatu po popularności programu, a nie po rzeczywistej funkcji. W branży wydawniczej, projektując materiały na internet, główny nacisk kładzie się na dostępność, uniwersalność i zgodność z różnymi przeglądarkami oraz urządzeniami. PDF i EPUB zostały stworzone właśnie w tym celu: PDF do zachowania layoutu, EPUB do elastycznego wyświetlania na ekranach o różnych rozmiarach. Pozostałe wymienione formaty są po prostu narzędziami do pracy wewnętrznej, a nie gotowymi publikacjami dla użytkownika końcowego. Z mojego doświadczenia, nieporozumienia biorą się najczęściej z braku rozróżnienia między formatem roboczym (projektowym) a formatem publikacyjnym. To bardzo ważne przy realizacji zleceń i pracy z klientami – nie każdy plik nadaje się do publikacji w internecie, nawet jeśli wygląda profesjonalnie w programie graficznym.
Pytanie 28

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

A. szybkość serwera, na którym umieszczono stronę
B. wybór przeglądarki internetowej
C. kolorystyka strony
D. ilość elementów multimedialnych zawartych na stronie
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 29

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

A. Teams
B. Drupal
C. Joomla
D. Wordpress
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 30

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

A. Fioletowy, pomarańczowy, zielony
B. Czerwony, żółty, niebieski
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 31

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

A. CMYK
B. ProPhoto RGB
C. Adobe RGB
D. sRGB
Wybór innej przestrzeni barw, takich jak CMYK, Adobe RGB czy ProPhoto RGB, jest nieodpowiedni w kontekście umieszczania zdjęć w Internecie. CMYK (Cyan Magenta Yellow Key) jest przestrzenią barw wykorzystywaną głównie w procesach druku. Zastosowanie tej przestrzeni w publikacji internetowej może prowadzić do poważnych problemów z odwzorowaniem kolorów, ponieważ monitory i urządzenia wyjściowe nie są zaprojektowane do interpretacji danych w tej formie. Adobe RGB, z drugiej strony, ma szerszą gamę kolorów niż sRGB, co czyni ją lepszą dla profesjonalnych fotografów i grafików, którzy pracują nad materiałami przeznaczonymi do druku, a nie do internetu. Podobnie, ProPhoto RGB oferuje jeszcze szerszą gamę kolorów, co może być korzystne w kontekście edycji na poziomie profesjonalnym, ale również nie jest odpowiednie do publikacji w sieci, gdzie różnice w odwzorowaniu mogą skutkować błędami kolorystycznymi. Wybierając jedną z tych opcji, użytkownik często myli pojęcia związane z różnymi zastosowaniami technologii kolorystycznych i nie rozumie, że właściwe odwzorowanie kolorów w Internecie wymaga standardyzacji, a sRGB jest najbardziej odpowiednim rozwiązaniem w tym kontekście. Warto zapamiętać, że przestrzeń barw ma kluczowe znaczenie dla komunikacji wizualnej i jej zrozumienie jest niezbędne dla każdego, kto pracuje z grafiką cyfrową.
Pytanie 32

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

A. SSL
B. TCP
C. SSH
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 33

Dostosowanie pliku JPEG do wyświetlenia na stronie internetowej (przy zdefiniowanych wymiarach obrazu) wiąże się z wyborem

A. innego formatu pliku
B. palety kolorów
C. stopnia kompresji
D. trybu koloru
Optymalizacja pliku JPEG do wyświetlania na stronie internetowej jest kluczowym krokiem w procesie zapewnienia szybkiego ładowania się stron oraz oszczędności pasma. Stopień kompresji jest najważniejszym parametrem, który pozwala na zredukowanie rozmiaru pliku, co bezpośrednio wpływa na czas ładowania. Kompresja stratna, używana w JPEG, umożliwia zmniejszenie objętości pliku poprzez usunięcie części informacji wizualnych, które są mniej zauważalne dla ludzkiego oka. Przykładowo, przy ustawieniu stopnia kompresji na 70% uzyskujemy zadowalający balans między jakością a rozmiarem pliku. Zaleca się, aby korzystać z narzędzi do optymalizacji, takich jak ImageOptim czy TinyPNG, które pozwalają na weryfikację jakości wizualnej po kompresji, utrzymując ją na poziomie akceptowalnym dla użytkowników. Zgodnie z najlepszymi praktykami, obrazy powinny być również dostosowane do odpowiednich wymiarów na stronie, co dodatkowo minimalizuje ich rozmiar. Warto pamiętać, że zbyt duże pliki graficzne mogą obciążać serwery i wpływać negatywnie na SEO, co ostatecznie może prowadzić do spadku odwiedzalności strony.
Pytanie 34

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

A. optymalizacja
B. kolokacja
C. hosting
D. walidacja
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 35

Pozycjonowanie witryny internetowej to proces, który ma na celu

A. określenie parametrów animacji obiektów na stronie.
B. dobór rozdzielczości elementów graficznych.
C. obróbkę graficzną zastosowanych widgetów.
D. zwiększenie widoczności strony internetowej w wynikach wyszukiwania.
Pozycjonowanie strony internetowej, znane również jako SEO (Search Engine Optimization), jest kluczowym procesem, który ma na celu zwiększenie widoczności witryny w wynikach wyszukiwania. W praktyce oznacza to optymalizację treści, struktury strony oraz jej elementów technicznych, aby wyszukiwarki takie jak Google mogły łatwiej zindeksować stronę i lepiej ją ocenić. Przykładem efektywnego pozycjonowania jest zastosowanie słów kluczowych, które są istotne dla tematyki strony oraz częste aktualizowanie treści, co wpływa na ranking w wynikach wyszukiwania. Dobre praktyki SEO obejmują również dbanie o odpowiednią prędkość ładowania strony, optymalizację obrazów oraz zapewnienie responsywności witryny na różnych urządzeniach. Dzięki skutecznemu pozycjonowaniu, strona ma szansę na wyższą pozycję w wynikach wyszukiwania, co z kolei przekłada się na zwiększenie ruchu oraz potencjalnych klientów. Warto również zaznaczyć, że SEO to proces ciągły, wymagający regularnych analiz oraz dostosowywania strategii do zmieniających się algorytmów wyszukiwarek.
Pytanie 36

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. target
D. id
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 37

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

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

W jakim przypadku dwa zapisy w kodzie HTML reprezentują ten sam kolor?

A. purple; #ff00ff
B. yellow; #ffff00
C. rgb(128, 255, 0); #ff8000
D. green; rgb(0, 255, 0)
Wybór innych opcji wskazuje na niepełne zrozumienie koncepcji kolorów w HTML i CSS. W przypadku "rgb(128, 255, 0); #ff8000", wartości RGB wskazują na kolor, który jest mieszanką zielonego (255) z pewną ilością czerwonego (128), co nie odpowiada kolorowi reprezentowanemu przez zapis szesnastkowy #ff8000, który jest pomarańczowym odcieniem. To prowadzi do błędnych wniosków, ponieważ wartości RGB muszą być zgodne z zapisami HEX, aby reprezentowały ten sam kolor. Podobnie w "purple; #ff00ff" mamy do czynienia z niezgodnością między nazwą koloru a jego reprezentacją szesnastkową. Kolor fioletowy jest reprezentowany przez RGB(128,0,128), a nie przez wartości w HEX, które wskazują na różowe odcienie, co prowadzi do nieporozumienia w identyfikacji kolorów. Warto również zauważyć, że w przypadku "green; rgb(0, 255, 0)" mamy do czynienia z poprawnym kolorem zielonym w obydwu systemach, ale nie są one sobie równoważne, co utrudnia zrozumienie relacji między różnymi notacjami kolorów. Te przykłady pokazują, jak istotne jest posługiwanie się poprawnymi konwersjami i znajomością systemów kolorów, aby skutecznie pracować z CSS i HTML oraz uniknąć typowych błędów w projektach graficznych.
Pytanie 39

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

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

Jak nazywa się unikalny adres, który przypisany jest do każdej opublikowanej strony oraz zasobu w sieci?

A. IP
B. IMAP
C. URL
D. FTP
Poprawna odpowiedź to URL, co oznacza Uniform Resource Locator. URL to standardowy adres, który identyfikuje zasoby w Internecie, takie jak strony WWW, obrazy czy pliki. Każda opublikowana strona internetowa posiada unikalny URL, co pozwala użytkownikom na jej łatwe odnalezienie w sieci. URL składa się z kilku elementów, w tym protokołu (np. http, https), nazwy domeny oraz ścieżki dostępu do konkretnego zasobu. Przykładem URL może być 'https://www.example.com/index.html', gdzie 'https' określa protokół, 'www.example.com' to domena, a '/index.html' wskazuje na konkretny plik. Znajomość struktury URL oraz zasad jego tworzenia jest istotna w kontekście SEO oraz tworzenia użytecznych i zrozumiałych linków, co wpływa na użytkowników i wyszukiwarki. Dobre praktyki wskazują, że URL powinny być krótkie, zrozumiałe i zawierać słowa kluczowe, co przyczynia się do lepszej indeksacji przez wyszukiwarki oraz ułatwia nawigację użytkownikom.
Rozpocznij nowy egzamin
Powrót do strony głównej