Wyniki egzaminu

Informacje o egzaminie:
  • Zawód: Technik fotografii i multimediów
  • Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
  • Data rozpoczęcia: 8 grudnia 2025 10:21
  • Data zakończenia: 8 grudnia 2025 10:32

Egzamin zdany!

Wynik: 20/40 punktów (50,0%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!
Szczegółowe wyniki:
Pytanie 1

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

A. CMYK, 150 ppi
B. CMYK, 72 ppi
C. RGB, 72 ppi
D. LAB, 300 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 2

Programem, który nie służy do projektowania stron internetowych jest

A. HotDog.
B. Pajączek.
C. Adobe Photoshop.
D. Microsoft Expression Web.
Adobe Photoshop jest programem graficznym, który służy do edycji i obróbki zdjęć oraz tworzenia grafiki rastrowej. Choć jest to narzędzie niezwykle potężne w kontekście projektowania elementów wizualnych, takich jak obrazy i projekty layoutów, nie jest to program przeznaczony bezpośrednio do tworzenia stron internetowych. W praktyce, projektanci często wykorzystują Photoshop do stworzenia wizualnych prototypów stron, ale do rzeczywistego budowania i publikowania stron internetowych potrzebne są inne narzędzia, takie jak edytory HTML czy systemy zarządzania treścią (CMS). Dobre praktyki w branży obejmują wykorzystanie Photoshopa do tworzenia grafik, a następnie użycie odpowiednich narzędzi, takich jak HTML, CSS lub JavaScript, aby stworzyć w pełni funkcjonalną stronę internetową. Dzięki takiemu podejściu można zadbać o to, aby strona była nie tylko atrakcyjna wizualnie, ale również zoptymalizowana pod kątem wydajności i dostępności.

Pytanie 3

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

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

Pytanie 4

Aby wzbogacić funkcjonalność witryny internetowej opartej na systemie zarządzania treścią, należy zainstalować

A. wtyczki
B. archiwizery
C. czcionki
D. kodeki
Wtyczki to dodatkowe moduły, które umożliwiają rozszerzenie funkcjonalności systemów zarządzania treścią (CMS) takich jak WordPress, Joomla czy Drupal. Dzięki nim można dodawać nowe funkcje do strony internetowej bez potrzeby programowania od podstaw. Przykłady zastosowania wtyczek obejmują integrację z mediami społecznościowymi, SEO, analitykę, zarządzanie formularzami czy bezpieczeństwo. Wtyczki są zgodne z najlepszymi praktykami branżowymi, ponieważ pozwalają na modularność i łatwość aktualizacji. Standardowe procedury instalacji wtyczek wymagają korzystania z interfejsu administracyjnego CMS, co ułatwia użytkownikom nieposiadającym zaawansowanej wiedzy technicznej wprowadzanie zmian. Dodatkowo, wtyczki są często aktualizowane, co zapewnia ich bezpieczeństwo i zgodność z nowymi wersjami CMS, co czyni je kluczowym elementem w zarządzaniu nowoczesnymi stronami internetowymi.

Pytanie 5

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

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

Pytanie 6

Przygotowując graficzny projekt reklamy do publikacji w sieci,

A. zmienia się obiekty wektorowe na grafikę rastrową
B. wprowadza się linie bigowania
C. dodaje się spady
D. konwertuje się obrazy cyfrowe na obiekty inteligentne
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 7

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

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

Pytanie 8

Aby zwiększyć spójność układu strony internetowej za pomocą kompozycji rytmicznej, należy wykorzystać

A. kontrast.
B. dysharmonię.
C. powtórzenia.
D. akcent.
Powtórzenia są kluczowym elementem kompozycji rytmicznej, który przyczynia się do wzmocnienia spójności strony internetowej. W projektowaniu graficznym powtórzenia mogą przyjmować różne formy, takie jak powtarzające się kolory, czcionki, ikony czy układy elementów. Dzięki tym elementom użytkownicy łatwiej zapamiętują oraz orientują się w strukturze strony. Przykładem efektywnego zastosowania powtórzeń może być strona internetowa, która konsekwentnie używa tego samego zestawu kolorów i typografii w nagłówkach, przyciskach i elementach interaktywnych. Takie podejście nie tylko poprawia estetykę strony, ale także zwiększa jej funkcjonalność poprzez ułatwienie nawigacji. W praktyce, stosując powtórzenia, projektanci mogą stworzyć bardziej harmonijną i przyjazną dla użytkownika przestrzeń, co jest zgodne z zasadami UX (User Experience) oraz z wytycznymi WCAG (Web Content Accessibility Guidelines), które podkreślają znaczenie spójności w projektowaniu. Dobrze przemyślana kompozycja rytmiczna przyczynia się do lepszego odbioru treści przez użytkowników.

Pytanie 9

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

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

Pytanie 10

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

A. yellow; #ffff00
B. rgb(128, 255, 0); #ff8000
C. green; rgb(0, 255, 0)
D. purple; #ff00ff
Wybór którejkolwiek z pozostałych odpowiedzi jest błędny, bo każdy z tych zapisów odnosi się do innego koloru, co ma znaczenie przy kodowaniu w HTML i CSS. Zrozumienie kolorów w CSS wymaga znajomości różnych formatów ich zapisu. Na przykład 'green; rgb(0, 255, 0)' to zielony, z maksymalną intensywnością zielonego i brakiem czerwonego oraz niebieskiego. Wartości RGB są spoko, ale mogą być mylące, jak nie znasz dokładnych odcieni. Z kolei 'purple; #ff00ff' to fioletowy, a 'rgb(128, 255, 0); #ff8000' oznacza dwa różne kolory. W praktyce warto korzystać z narzędzi do wyboru kolorów, które pomagają w wizualizacji i porównywaniu kolorów, żeby lepiej dobrać paletę kolorów w projekcie. Pamiętaj, że dobór kolorów ma ogromne znaczenie dla estetyki czy użyteczności interfejsów, więc warto poświęcić czas na naukę ich reprezentacji.

Pytanie 11

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. 25 znaków
C. 37 znaków
D. 55 znaków
Odpowiedź "55 znaków" jest poprawna, ponieważ jest zgodna z zaleceniami dotyczącymi czytelności tekstu w publikacjach internetowych. Badania wykazały, że idealna długość linii tekstu w formacie cyfrowym powinna wynosić od 50 do 75 znaków. Długość 55 znaków optymalizuje zarówno czytelność, jak i komfort czytania, co jest szczególnie istotne w kontekście designu stron internetowych oraz aplikacji mobilnych. Praktycznym przykładem zastosowania tej zasady może być projektowanie układów tekstowych w serwisach informacyjnych, gdzie zbyt długie linie mogą prowadzić do trudności w śledzeniu kolejnych wierszy, co wpływa negatywnie na doświadczenie użytkownika. Użycie 55 znaków w jednej linii sprzyja także efektywnemu skanowaniu tekstu, co jest kluczowe w dobie natłoku informacji. Dobrze zaprojektowane strony internetowe powinny uwzględniać te zasady typograficzne, aby przyciągnąć i zatrzymać uwagę odbiorców, co z kolei przyczynia się do dłuższego czasu spędzonego na stronie oraz lepszego przyswajania treści.

Pytanie 12

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

A. /*komentarz*/
B. *komentarz!&gt;
C. &lt;!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 13

Deklaracja CSS: li span {font-size:10pt; color:green;} wskazuje, że rozmiar 10 pt dotyczy

A. jedynie tekstu wewnątrz wszystkich znaczników li, które są osadzone w znacznikach span
B. tekstu wewnątrz wszystkich znaczników li oraz span
C. wyłącznie tekstu znajdującego się wewnątrz znaczników span umieszczonych w znacznikach li
D. tekstu wewnątrz wszystkich znaczników span
Wybór odpowiedzi dotyczącej zastosowania reguły CSS jest poprawny, ponieważ selektor 'li span' odnosi się do wszystkich znaczników 'span', które znajdują się wewnątrz znaczników 'li'. W praktyce oznacza to, że reguła ta wpływa tylko na tekst w tych specyficznych elementach, co pozwala na precyzyjne stylizowanie zawartości list. Zastosowanie takich selektorów jest szczególnie ważne w przypadku pisania złożonych dokumentów HTML, gdzie precyzyjne stylizowanie elementów może znacznie poprawić czytelność i estetykę strony. Na przykład, jeżeli chcielibyśmy, aby tylko niektóre fragmenty tekstu w liście miały inny rozmiar czcionki lub kolor, użycie tej reguły pozwala na pełną kontrolę nad formatowaniem. Tego typu techniki są zgodne z najlepszymi praktykami w zakresie kaskadowych arkuszy stylów (CSS), które promują modularność i elastyczność w projektowaniu stron internetowych.

Pytanie 14

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

A. Formatowanie treści, drukowanie projektu witryny, określenie licencji grafik
B. Wykonanie kopii zapasowej, testowanie klonowanej witryny, aktualizacja elementów witryny
C. Testowanie klonowanej witryny, sprawdzanie reguł CSS, projektowanie elementów graficznych
D. Instalacja wtyczek, sprawdzanie znaczników HTML, pozycjonowanie witryny
Prawidłowa kolejność czynności podczas aktualizacji aplikacji WordPress obejmuje wykonanie kopii zapasowej, testowanie sklonowanej strony oraz aktualizowanie elementów strony. Wykonanie kopii zapasowej jest kluczowe, ponieważ pozwala na przywrócenie strony w przypadku wystąpienia problemów. Testowanie sklonowanej strony umożliwia sprawdzenie, czy wszystkie aktualizacje działają poprawnie, bez ryzyka zakłócenia działania strony głównej. Dopiero po tych krokach można bezpiecznie zaktualizować wtyczki, motywy lub inne elementy na stronie głównej.

Pytanie 15

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

Ilustracja do pytania
A. liczbą 4
B. liczbą 2
C. liczbą 3
D. liczbą 1
Wybór innej liczby niż 4 w tym pytaniu wynika najczęściej z mylnego przekonania, że zarządzanie dodatkami (wtyczkami) w WordPressie jest powiązane z innymi sekcjami menu. To dość popularny błąd – często osoby początkujące kojarzą funkcjonalność dodatków z ogólnym wyglądem strony, postami lub nawet narzędziami technicznymi. Jednym z najczęstszych nieporozumień jest utożsamianie zarządzania rozszerzeniami z sekcją 'Wygląd' albo 'Narzędzia', bo te miejsca mają mocno techniczny charakter. Tymczasem w WordPressie każdy kluczowy obszar ma bardzo jasno wydzielone miejsce w menu. 'Wpisy' i 'Strony' służą publikacji i organizowaniu treści – nie mają nic wspólnego z rozszerzaniem funkcji platformy. 'Wygląd' to z kolei miejsce do zarządzania motywami, widgetami i menu, ale nie dodatkami. Dopiero 'Wtyczki' (oznaczone w kokpicie ikoną wtyczki elektrycznej i wyraźnie podpisane) pozwalają na instalację, aktualizację oraz konfigurację rozszerzeń, które są sercem rozwoju każdej witryny WordPress. Myślę, że kluczową kwestią jest tu rozumienie podziału odpowiedzialności w strukturze panelu administracyjnego – to dobra praktyka, by nie mieszać funkcji, bo później łatwo o chaos i konflikty między komponentami systemu. Nie bez powodu WordPress jest tak zaprojektowany: oddzielenie treści, wyglądu i funkcjonalności to fundament bezpiecznego i wydajnego zarządzania stroną według najlepszych standardów branżowych.

Pytanie 16

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

A. Puzzle Flow
B. Adobe AfterEffects
C. Audacity
D. Adobe Photoshop
Adobe Photoshop to jeden z najpopularniejszych programów graficznych, wykorzystywanych do tworzenia kompozycji graficzno-tekstowych na stronach internetowych. Oferuje bogaty zestaw narzędzi do edycji grafiki rastrowej, co czyni go idealnym narzędziem do projektowania wizualnych elementów stron, takich jak banery, przyciski, ikony czy tła. Program pozwala na zaawansowane manipulacje obrazem, w tym warstwy, maski, filtry oraz efekty, które wspierają twórcze podejście w projektowaniu. Przykładem zastosowania Photoshop w praktyce może być stworzenie grafiki promującej nową usługę na stronie internetowej, gdzie projektant łączy tekst z obrazem, dbając o estetykę i czytelność. W kontekście standardów branżowych, korzystanie z Adobe Photoshop umożliwia projektantom przestrzeganie zasad UX/UI, poprzez tworzenie intuicyjnych i atrakcyjnych wizualnie interfejsów. Dlatego też, wybór tego oprogramowania przy tworzeniu stron internetowych jest zgodny z aktualnymi trendami i najlepszymi praktykami w branży.

Pytanie 17

Jakim znakiem w cudzysłowie powinna kończyć się każda instrukcja w języku skryptowym Perl?

A. .
B. :
C. ,
D. ;
Zakończenie komendy w języku Perl innym znakiem, jak przecinek, kropka czy dwukropek, prowadzi do błędów składniowych. Przykładowo, przecinek nie jest używany jako znak końca instrukcji, lecz jako separator elementów w listach lub argumentach funkcji. Z kolei kropka w Perl jest często stosowana jako operator konkatenacji, a nie do kończenia instrukcji. Użycie jej na końcu komendy może prowadzić do nieporozumień, ponieważ interpreter może spodziewać się kontynuacji. Dwukropek jest zarezerwowany dla konstrukcji takich jak etykiety czy bloki kodu, co czyni go nieodpowiednim do zakończenia komendy. Zrozumienie, że każdy z tych znaków ma swoje specyficzne zastosowanie, jest kluczowe w programowaniu, ponieważ nieprawidłowe zakończenie komendy może spowodować, że skrypt nie będzie działał zgodnie z zamierzeniem. Typowym błędem jest przyjmowanie, że kończenie instrukcji innymi znakami niż średnik jest akceptowalne, co wynika z nieznajomości zasad składniowych danego języka. Dlatego tak istotne jest, aby programiści dobrze zrozumieli składnię i reguły dotyczące zakończenia instrukcji w Perlu, co pozwoli im unikać powszechnych pułapek oraz prowadzić do tworzenia bardziej wydajnych i poprawnych skryptów.

Pytanie 18

Użycie pętli w ActionScript umożliwia

A. wielokrotne realizowanie tych samych poleceń
B. wstrzymanie strumienia zdarzeń
C. powielanie kroków
D. wypełnianie bitmapy pikselami będącymi reprezentacją losowego szumu
Niepoprawne odpowiedzi koncentrują się na funkcjonalności, która nie jest związana z zastosowaniem pętli w ActionScript. Zatrzymanie strumienia zdarzenia, jak sugeruje jedna z opcji, dotyczy mechanizmów kontroli zdarzeń i nie ma związku z logiką pętli. Przykładowo, zatrzymywanie zdarzeń jest realizowane przez funkcje obsługi zdarzeń, a nie przez struktury pętli, które są używane do wykonywania powtarzalnych instrukcji. Kolejna odpowiedź sugeruje wypełnienie bitmapy pikselami losowego szumu, co odnosi się raczej do technik generowania grafiki niż do logiki pętli. Pętle mogą być używane do iteracji przez piksele, ale nie do samego generowania szumu, które jest bardziej związane z algorytmami przetwarzania obrazów. Ostatnia odpowiedź, dotycząca kopiowania kroków, również nie ma związku z funkcją pętli. Pętle nie kopiują kroków, lecz umożliwiają ich wielokrotne wykonanie. Typowe błędy myślowe, które prowadzą do takich niepoprawnych wniosków, często wynikają z mylenia różnych koncepcji programistycznych. Zrozumienie, że pętle są narzędziem do automatyzacji powtarzalnych zadań, a nie do wykonywania operacji związanych z obróbką zdarzeń czy grafiką, jest kluczowe dla prawidłowego wykorzystania ich w praktyce programowania.

Pytanie 19

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. id
C. alt
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 20

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

A. walidacja
B. optymalizacja
C. kolokacja
D. hosting
Odpowiedzi 'optymalizacja', 'walidacja' i 'kolokacja' są nieprawidłowe, ponieważ nie odnoszą się bezpośrednio do koncepcji wynajmowania przestrzeni na serwerze do przechowywania plików. Optymalizacja oznacza proces ulepszania efektywności systemów informatycznych, takich jak aplikacje czy bazy danych, w celu osiągnięcia lepszej wydajności. W kontekście hostingu, optymalizacja może dotyczyć technik poprawiających szybkość ładowania stron, jednak nie jest to tożsame z samym wynajmowaniem serwera. Walidacja odnosi się zazwyczaj do procesu sprawdzania poprawności danych lub funkcji w aplikacjach, co jest kluczowe w programowaniu, ale nie ma związku z przechowywaniem plików na serwerze. Kolokacja to z kolei termin używany do opisu sytuacji, kiedy sprzęt klienta jest umieszczany w budynku dostawcy usług, co oznacza, że klient zarządza własnymi serwerami, a nie wynajmuje przestrzeni w chmurze lub od zewnętrznego dostawcy. Często mylenie tych pojęć wynika z braku zrozumienia terminologii branżowej i specyfiki usług IT. Kluczowe jest, aby zrozumieć, że hosting to usługa, która obejmuje zarówno fizyczną przestrzeń na serwerze, jak i związane z nią zarządzanie oraz wsparcie, co odróżnia ją od innych procesów związanych z IT.

Pytanie 21

Jaki kolor będą miały teksty akapitów utworzone na podstawie przedstawionego arkusza stylów?
<style>
p{color: yellow;}
p{color: black;}
p{color: red;}
</style>

A. Czarny.
B. Żółty.
C. Zielony.
D. Czerwony.
W tym pytaniu wszystko rozgrywa się o tzw. specyfikę oraz kolejność deklaracji CSS. Kiedy kilka reguł stylów dotyczy tego samego selektora, a nie mają różnej specyficzności, przeglądarka stosuje tę, która pojawia się jako ostatnia w kodzie. W arkuszu stylów przedstawionym w pytaniu wszystkie selektory to po prostu „p”, więc dotyczą każdego akapitu. Najpierw przypisano im kolor żółty, potem czarny, a na końcu czerwony. I to właśnie ta ostatnia wartość — color: red — będzie miała zastosowanie, bo nadpisuje poprzednie. W praktyce to bardzo częsta sytuacja, zwłaszcza gdy rozbudowujemy projekt lub podpinamy wiele plików CSS — jeśli ten sam selektor występuje wielokrotnie, ostateczny wygląd zależy od tego, która reguła jest ostatnia. Branżowo mówi się, że CSS działa na zasadzie „ostatni wygrywa” (ang. last rule wins), co potwierdzają oficjalne standardy W3C. Warto pilnować porządku w swoich stylach, bo nieświadome nadpisywanie może prowadzić do trudnych do wykrycia błędów wizualnych. Takie zachowanie CSS jest też przydatne przy tworzeniu tzw. motywów lub dynamicznego przewijania stylu, gdzie dokładnie na tej zasadzie można łatwo zmieniać wygląd całych sekcji strony. Z mojego doświadczenia wynika, że osoby początkujące często są zaskoczone tym mechanizmem i długo nie mogą znaleźć, dlaczego jakiś kolor nie działa — a to po prostu kwestia kolejności w kodzie.

Pytanie 22

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

A. Płyty DVD
B. Kasety magnetofonowe
C. Serwer NAS
D. Zewnętrzny, przenośny dysk magnetyczny
Płyty DVD, zewnętrzne przenośne dyski magnetyczne oraz kasety magnetofonowe to rozwiązania, które, choć mogą służyć do przechowywania danych, nie są optymalne w kontekście potrzeb związanych z dużymi zbiorami danych, takimi jak 2 TB materiałów cyfrowych. Płyty DVD mają ograniczoną pojemność, wynoszącą zazwyczaj 4,7 GB dla standardowej płyty jednowarstwowej, co oznaczałoby, że do przechowania 2 TB potrzeba co najmniej 425 płyt DVD. Ta forma przechowywania jest niewygodna, a także czasochłonna przy wczytywaniu i zapisywaniu danych. Zewnętrzne przenośne dyski magnetyczne, choć oferują większą pojemność, są zazwyczaj jednostkami do przechowywania offline, co oznacza, że nie są stale dostępne w sieci. Użytkownicy muszą fizycznie podłączać je do komputerów, co ogranicza możliwość jednoczesnego dostępu wielu osób. Z kolei kasety magnetofonowe, będące technologią przestarzałą, oferują minimalną pojemność i są niepraktyczne w kontekście nowoczesnych wymagań dotyczących dostępu i archiwizacji materiałów cyfrowych. Wybór tych opcji może wynikać z pewnych nieporozumień dotyczących dostępności, pojemności oraz bezpieczeństwa danych, co prowadzi do nieefektywnego zarządzania zasobami cyfrowymi.

Pytanie 23

Firma nabyła zestaw zdjęć z licencją Royalty Free do wykorzystania w materiałach reklamowych, takich jak ulotki czy plakaty. Czy jest możliwe, aby bez dodatkowych warunków użyć tych zdjęć na stronie internetowej firmy?

A. Nie, firma ma obowiązek poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu
B. Nie, firma musi dodatkowo zakupić prawo do używania zdjęć na stronie internetowej
C. Nie, ponieważ licencja obejmuje wyłącznie materiały drukowane - ulotki, plakaty
D. Tak, ponieważ licencja zezwala na wykorzystanie zdjęć w dowolnym celu firmy
Nieprawidłowe interpretacje licencji mogą prowadzić do nieporozumień w zakresie jej zastosowania. Licencje Royalty Free nie ograniczają się wyłącznie do jednego rodzaju mediów, co jest nieprawidłowością w myśleniu, które sugeruje, że zdjęcia zakupione do materiałów drukowanych nie mogą być używane w Internecie. W praktyce, w zależności od konkretnej licencji, wiele z nich zezwala na szeroki wachlarz zastosowań, łącznie z wykorzystaniem w sieci, pod warunkiem, że nie istnieją żadne dodatkowe ograniczenia w umowie. Odpowiedzi wskazujące na konieczność wykupienia dodatkowych praw lub zgłaszania każdego użycia zdjęć są niepoprawne i mogą prowadzić do niepotrzebnych komplikacji, a nawet obaw o naruszenie praw autorskich. Potencjalne błędy myślowe obejmują również założenie, że licencje Royalty Free wymagają dalszych opłat za każde osobne użycie, co jest sprzeczne z ich istotą. Warto również pamiętać, że niezrozumienie zasadności użytkowania zdjęć w różnych kontekstach może skutkować nieefektywnym zarządzaniem zasobami wizualnymi w firmie, a także prowadzić do niezamierzonych naruszeń praw autorskich, co może wiązać się z konsekwencjami prawnymi oraz finansowymi. Dlatego tak istotne jest, aby w pełni zrozumieć warunki licencji przed ich zastosowaniem.

Pytanie 24

Czynności mające na celu uzyskanie jak najwyższej pozycji strony internetowej w wynikach wyszukiwania to

A. formatowanie
B. pozycjonowanie
C. kodowanie znaków
D. debugowanie
Formatowanie to proces mający na celu nadanie odpowiedniego wyglądu elementom tekstowym w dokumentach, nie wpływa jednak na pozycjonowanie strony w wynikach wyszukiwania. W kontekście stron internetowych, formatowanie dotyczy głównie stylów CSS i układów HTML, co poprawia estetykę, ale nie ma bezpośredniego wpływu na widoczność w wyszukiwarkach. Kodowanie znaków jest związane z określeniem, jak znaki są reprezentowane w systemie komputerowym, co także nie ma bezpośredniego wpływu na SEO. Chociaż właściwe kodowanie (np. UTF-8) jest ważne dla poprawnego wyświetlania tekstów, to nie przyczynia się do poprawy pozycji w wynikach wyszukiwania. Debugowanie to proces identyfikacji i naprawy błędów w kodzie, który może wpłynąć na działanie aplikacji, ale nie jest tożsamy z działaniami optymalizacyjnymi dla wyszukiwarek. Różnica między tymi pojęciami może prowadzić do mylnych przekonań, że aspekty techniczne, takie jak formatowanie czy debugowanie, mogą poprawić ranking witryny. Właściwe zrozumienie różnic między SEO a innymi działaniami związanymi z tworzeniem i utrzymywaniem stron internetowych jest kluczowe dla skutecznej strategii marketingowej i widoczności w Internecie.

Pytanie 25

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

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

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

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

Pytanie 27

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

A. <img>
B. <input>
C. <select>
D. <map>
Znaczniki <map>, <select> i <input> mają zupełnie inne funkcje i nie za bardzo nadają się do osadzania obrazów. Na przykład, <map> pozwala na definiowanie obszarów, które można klikać na obrazkach, ale sam w sobie nie wyświetla grafik. W związku z tym, może być mylone z <img> i przez to można dostać błędne wrażenie o jego roli. Potem mamy <select>, który jest do tworzenia rozwijanych list – tutaj z obrazami to już w ogóle nie ma nic wspólnego. Jak wprowadzimy go w kontekście grafik, to mogą się pojawić pomyłki na temat formularzy HTML, które bardziej służą do interakcji niż do prezentacji zdjęć. A <input> to znacznik do zbierania danych, a nie do pokazywania grafiki. Te wszystkie pomyłki pochodzą z mylenia zastosowania tych znaczników, więc lepiej je poznać, żeby dobrze tworzyć strony internetowe.

Pytanie 28

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

A. plasterków
B. kanałów
C. ścieżek
D. stempla
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 29

Jaki atrybut powinien być przypisany do elementu na stronie internetowej, aby wywołać działanie programu po najechaniu kursorem myszy na ten element?

A. onmouseover
B. onmousedown
C. onmouseup
D. onmouseout
Atrybut 'onmouseover' jest zdarzeniem w JavaScript, które umożliwia wywołanie funkcji lub reakcji na stronie internetowej, gdy użytkownik najedzie kursorem myszy na dany element. Jest to powszechnie stosowany sposób na zwiększenie interaktywności stron WWW. Przykładowo, możemy użyć go do zmiany koloru przycisku lub wyświetlenia dodatkowej informacji, co poprawia doświadczenie użytkownika. W praktyce, atrybut ten można przypisać do różnych elementów HTML, takich jak <div>, <button>, <img> itp. Warto również zwrócić uwagę na aspekty dostępności, gdyż odpowiednie użycie zdarzeń myszy powinno być uzupełnione przez inne metody nawigacji, aby zapewnić dostępność dla użytkowników korzystających z klawiatury czy technologii asystujących. Dobrym przykładem może być wykorzystanie zdarzenia 'onmouseover' w połączeniu z oprogramowaniem CSS, które zmienia styl elementu. To zgodne z najlepszymi praktykami, gdzie staramy się unikać nadmiarowego skryptowania, zamiast tego korzystając z możliwości stylizacji CSS, co znacznie poprawia wydajność.

Pytanie 30

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

A. wykonanie korekty ekspozycji
B. zmianę obiektu na krzywe
C. dobór palety kolorów
D. przeprowadzenie korekty kolorystycznej
Choć przekształcenie obiektu w krzywe, korekta ekspozycji oraz korekta barwna mogą być istotnymi krokami w niektórych kontekstach graficznych, nie są one kluczowe w kontekście tworzenia grafiki wektorowej na potrzeby serwisu internetowego. Przekształcanie obiektów w krzywe jest ważne przede wszystkim w kontekście przygotowywania plików do druku, gdzie zachowanie detali i kształtów jest niezmiernie istotne. W przypadku grafik przeznaczonych do internetu, istotniejszym zagadnieniem jest ograniczenie liczby punktów wektorowych, co ma wpływ na wydajność strony webowej. Korekta ekspozycji to proces, który dotyczy obróbki zdjęć rastracyjnych, a nie wektorów. W kontekście grafiki wektorowej, która opiera się na matematycznych formułach, ekspozycja nie ma zastosowania, ponieważ nie operujemy na pikselach, a jedynie na kształtach. Korekta barwna, chociaż użyteczna, nie jest tak kluczowa w przypadku grafiki przeznaczonej na web, jak odpowiedni dobór kolorów w palecie. Typowym błędem jest mylenie różnych procesów graficznych oraz nieświadome stosowanie technik, które są nieodpowiednie dla danego medium. Zrozumienie różnicy między grafiką wektorową a rastrową, oraz ich zastosowaniem w różnych kontekstach, jest kluczowe dla efektywnego projektowania. Ważne jest, aby kierować się właściwymi praktykami, które odpowiadają specyfikacji danego projektu, aby uniknąć nieefektywności i straty czasu w procesie twórczym.

Pytanie 31

Który wpis w pliku CSS pozwala na określenie wartości górnego marginesu?

A. margin-right
B. margin-left
C. margin-top
D. margin-bottom
Wybór margin-left, margin-right oraz margin-bottom jako sposobów na ustawienie górnego marginesu jest niepoprawny, ponieważ te właściwości odnoszą się do innych kierunków marginesów. Margin-left ustawia odstęp po lewej stronie elementu, margin-right - po prawej, a margin-bottom - pod elementem. W kontekście układu strony internetowej, umiejętność poprawnego rozróżniania tych właściwości jest kluczowa dla efektywnego projektowania. Użytkownicy mogą czasami mylić marginesy, co może prowadzić do nieprawidłowego rozmieszczenia elementów i zniekształcenia układu strony. Na przykład, stosując margin-left, zamiast margin-top, nie uzyskamy oczekiwanego efektu oddzielenia elementu od górnej części strony, co może wpłynąć negatywnie na czytelność oraz ogólną estetykę projektu. Dobrą praktyką jest również zrozumienie, jak marginesy wpływają na model pudełkowy CSS, który określa, jak przestrzeń wokół elementów jest obliczana i renderowana. Stosowanie niewłaściwych marginesów może prowadzić do tzw. błędów w projektowaniu responsywnym, gdzie elementy nie są dostosowane do różnych rozmiarów ekranów. Dlatego warto zwracać uwagę na kontekst, w którym stosuje się konkretne właściwości CSS, aby uniknąć typowych pułapek w projektowaniu stron internetowych.

Pytanie 32

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

A. przy użyciu ustawień optymalizacji
B. optymalizację tylko jednej części grafiki
C. możliwość zastosowania nawigacji witryny
D. przypisanie różnych łączy URL
Wybór innych odpowiedzi może wynikać z nieporozumienia dotyczącego funkcji, jakie pełni podział obrazu w kontekście publikacji w internecie. Optymalizacja jednej części obrazu nie jest ograniczona przez sam podział; w rzeczywistości, każda część może być optymalizowana indywidualnie, co jest praktyką stosowaną w przypadku dużych grafik, gdzie różne sekcje mogą mieć różne wymagania co do jakości i rozmiaru. Zastosowanie nawigacji strony również nie jest w żaden sposób ograniczone przez dzielenie obrazu. Nawigacja może być efektywnie zorganizowana niezależnie od tego, jak obraz jest prezentowany. Co więcej, odpowiedzi sugerujące użycie ustawień optymalizacji także są mylące, ponieważ wiele narzędzi do optymalizacji obrazu pozwala na dostosowanie ustawień dla każdego fragmentu z osobna. Typowym błędem myślowym jest założenie, że podział na segmenty automatycznie uniemożliwia działania, które w rzeczywistości są całkowicie wykonalne i praktykowane w branży. Zrozumienie, że podział obrazu i przypisanie do niego różnych łączy URL to odrębne koncepcje, jest kluczowe dla efektywnego projektowania i zarządzania treściami w internecie. Warto także zwrócić uwagę na standardy webowe, które umożliwiają elastyczne podejście do zarządzania grafiką, co przyczynia się do lepszej użyteczności i doświadczeń użytkowników.

Pytanie 33

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

A. maksymalny rozmiar pliku
B. minimalny rozmiar pliku
C. zintegrowaną dodatkową paletę kolorów
D. zainstalowany dedykowany plug-in
Wybór większego rozmiaru pliku, jak sugerują niektóre opcje, prowadzi do wielu problemów związanych z wydajnością i funkcjonalnością strony internetowej. Duże pliki graficzne przyczyniają się do dłuższego czasu ładowania, co negatywnie wpływa na doświadczenia użytkowników. Użytkownicy oczekują, że strona załadowuje się szybko; opóźnienia mogą skutkować wysokim współczynnikiem odrzuceń, co jest szczególnie niekorzystne dla sklepów internetowych. Ponadto, zbyt duża wielkość pliku obciąża serwery, co może prowadzić do zwiększenia kosztów związanych z hostingiem oraz spadku jakości usług. Dołączanie własnych plug-inów może wydawać się atrakcyjne, ale często prowadzi do dodatkowych problemów z kompatybilnością i bezpieczeństwem, a także zwiększa czas ładowania strony. Również dodawanie palet kolorów nie ma bezpośredniego wpływu na wydajność zdjęć na stronie, a jedynie zwiększa złożoność projektu. Współczesne standardy projektowania stron internetowych jasno wskazują, że podstawą jest optymalizacja, aby zapewnić płynne i szybkie doświadczenie użytkownika. Niewłaściwe podejście do wielkości plików prowadzi do zaniedbania kluczowych aspektów, takich jak SEO i satysfakcja klienta, co w dłuższej perspektywie negatywnie wpłynie na wyniki sprzedażowe sklepu.

Pytanie 34

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

A. możliwość korzystania z serwera bazy danych, na przykład MySQL
B. brak możliwości dostępu do jakiejkolwiek bazy danych
C. brak wsparcia dla języków skryptowych oraz ograniczenia w transferze
D. automatyczne wyświetlanie na witrynie licznych reklam, które są niepowiązane z treścią serwisu
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 35

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

A. realizacji całostronicowej reklamy w prasie
B. umieszczenia na opakowaniu kartonowym w formie druku wysokiej jakości
C. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci
D. przygotowania reklamy w formie druku wielkoformatowego
W przypadku pozostałych odpowiedzi występują istotne nieporozumienia dotyczące zastosowania obrazów w trybie barwnym sRGB oraz ich rozdzielczości. Obrazy przeznaczone do druku, takie jak reklama w formie wydruku wielkoformatowego czy całostronicowa reklama prasowa, wymagają znacznie wyższej rozdzielczości, zazwyczaj wynoszącej co najmniej 300 ppi. Przy rozdzielczości 72 ppi, detale obrazu nie będą wystarczająco wyraźne, co prowadzi do nieestetycznych efektów wizualnych. Wydruk dobrej jakości, jak na opakowania kartonowe, również wymaga wysokiej rozdzielczości w celu zapewnienia wyrazistości i ostrości kolorów. Zastosowanie sRGB w tych kontekstach może skutkować wypłowiałymi kolorami lub zniekształceniami, co jest nieakceptowalne w profesjonalnej produkcji graficznej. W szczególności, standardy branżowe jasno określają, że dla mediów drukowanych należy używać profili kolorów, które są odpowiednie do procesu druku, oraz wyższych rozdzielczości, aby każdy szczegół był dobrze odwzorowany. Typowym błędem myślowym w tym przypadku jest założenie, że obrazy przeznaczone do użytku online można swobodnie stosować w druku bez przystosowania ich do wymagań technicznych, co prowadzi do problemów z jakością i estetyką końcowego produktu.

Pytanie 36

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

A. BASIC
B. JAVA
C. PHP
D. CSS
Wybór odpowiedzi BASIC, PHP oraz JAVA jako zewnętrznych arkuszy stylów dla HTML jest niewłaściwy z kilku powodów. BASIC to język programowania, który nie jest używany w kontekście stylizacji stron internetowych. To podejście do programowania proceduralnego, które ma zastosowanie głównie w starych systemach, ale nie ma żadnego związku z tworzeniem stylów i układów stron. PHP, z drugiej strony, to język skryptowy działający po stronie serwera, który służy do generowania dynamicznych treści w HTML, ale nie jest odpowiedzialny za stylizację. W przypadku PHP, style są nadal definiowane w CSS, a język ten jedynie przetwarza dane i wysyła je jako HTML. JAVA, pomimo że jest językiem programowania ogólnego przeznaczenia, również nie jest związana z bezpośrednim stylingiem dokumentów HTML. Użycie Javy w kontekście webowym odbywa się głównie poprzez technologię JavaServer Pages (JSP) lub servlety, natomiast sama jej natura nie obejmuje stylizacji. Kluczowym błędem w myśleniu jest mylenie języków programowania z językiem stylów. W rzeczywistości, CSS jako język dedykowany do stylizacji jest jedynym standardem, który pozwala na osiągnięcie celu oddzielania treści od prezentacji w HTML. Zrozumienie różnicy między tymi technologiami jest kluczowe dla efektywnego tworzenia stron internetowych i poprawnego wykorzystania dostępnych narzędzi.

Pytanie 37

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

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

Pytanie 38

Który zapis w arkuszu stylów CSS umożliwia ustawienie wartości górnego marginesu?

A. margin-top
B. margin-left
C. margin-bottom
D. margin-right
margin-top to właściwa właściwość CSS, żeby ustawić wartość marginesu tylko od góry elementu. W praktyce, jeśli chcesz np. przesunąć nagłówek w dół od krawędzi przeglądarki, wystarczy dodać: h1 { margin-top: 40px; } i już, bez ruszania marginesów po bokach czy na dole. Takie podejście jest bardzo wygodne, bo pozwala precyzyjnie sterować odstępami wokół elementów, zamiast zmieniać wszystkie marginesy naraz. Zresztą, większość projektantów stron internetowych właśnie tak robi – oddzielnie ustawia marginesy dla każdej strony, zależnie od potrzeb układu. margin-top jest zgodny z oficjalną specyfikacją CSS W3C, więc nie musisz się martwić o kompatybilność czy dziwne zachowania w przeglądarkach. Moim zdaniem warto pamiętać, że istnieją też margin-bottom, margin-right i margin-left, które działają analogicznie dla pozostałych krawędzi. Przy złożonych layoutach, manipulowanie tylko jednym marginesem często ratuje skórę przed niechcianymi przesunięciami. Fajne jest też to, że można stosować jednostki px, em, %, co daje dużo swobody. Ogólnie, umiejętne korzystanie z margin-top pomaga w zapanowaniu nad przestrzenią w projekcie i sprawia, że strona jest czytelniejsza i bardziej estetyczna. Dobrze znać ten trik, bo przy responsywnych stronach jeszcze częściej trzeba kombinować z odstępami.

Pytanie 39

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

 <style>
p{color: yellow;}
p{color: black;}
p{color: red;}
</style>
A. Żółty.
B. Zielony.
C. Czerwony.
D. Czarny.
Wybór odpowiedzi "Czarny" lub "Żółty" jest wynikiem niepełnego zrozumienia zasad kaskadowości w CSS. W CSS, kiedy definiujemy wielokrotnie ten sam element z różnymi stylami, tylko ostatnia zdefiniowana reguła będzie miała zastosowanie, jeśli wszystkie mają tę samą specyficzność. W tym przypadku odpowiedzi te ignorują fakt, że właściwość 'color: red;' zdefiniowana później w arkuszu stylów zyskuje priorytet nad wcześniejszymi regułami. Dlatego, nawet jeśli wcześniej zdefiniowano kolor żółty i czarny, to definicja koloru czerwonego całkowicie je zastępuje. Warto zauważyć, że typowym błędem jest nieprzestrzeganie zasady kaskadowości, co prowadzi do niepoprawnych założeń na temat stylizacji elementów. Często przyczyną tych nieporozumień jest też nieznajomość działania specyfikacji CSS, która reguluje, jak style są stosowane do elementów. Zrozumienie tej zasady jest kluczowe dla prawidłowej obsługi arkuszy stylów, co w praktyce przekłada się na bardziej efektywne projektowanie i rozwój stron internetowych. Przykładem może być sytuacja, w której deweloper, nie zrozumiawszy działania kaskadowości, nieświadomie ustawia style, które są później nadpisywane przez inne reguły, co prowadzi do nieprzewidywalnych rezultatów wizualnych na stronie.

Pytanie 40

Jakie narzędzia powinny być zastosowane w celu zabezpieczenia transmisji danych przy użyciu protokołu HTTP w module zamawiania/opłacania w sklepie internetowym firmy?

A. Mechanizmy szyfrowania SSL i TLS
B. Kwalifikowany podpis elektroniczny
C. Szyfrowanie PGP
D. Hasło przekazywane klientowi w automatycznie generowanej wiadomości e-mail
Słuchaj, mechanizmy szyfrowania SSL i TLS to naprawdę ważne sprawy, jeśli chodzi o bezpieczeństwo w sieci. Jak robisz zakupy w internecie, te protokoły pomagają chronić twoje dane między przeglądarką a serwerem. Dzięki nim nikt nie ma szansy na podsłuchanie tego, co wysyłasz. To szczególnie istotne dla informacji, które mogą być dość wrażliwe, jak dane kart płatniczych. Przykład? Kiedy płacisz w sklepie online, twoje dane są szyfrowane, a więc hakerzy nie mają dostępu. Zauważyłeś pewnie, że przeglądarki często pokazują kłódkę obok adresu strony – to oznacza, że połączenie jest bezpieczne, więc możesz być spokojny. Poza tym, korzystanie z SSL/TLS jest zgodne z najlepszymi praktykami, a także z normami bezpieczeństwa, które regulują, jak powinny wyglądać płatności w sieci.