Wyniki egzaminu

Informacje o egzaminie:
  • Zawód: Technik fotografii i multimediów
  • Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
  • Data rozpoczęcia: 1 maja 2026 15:42
  • Data zakończenia: 1 maja 2026 16:02

Egzamin zdany!

Wynik: 25/40 punktów (62,5%)

Wymagane minimum: 20 punktów (50%)

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

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

A. <ins>
B. <sub>
C. <sup>
D. <del>
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 2

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

A. podwyższone
B. pochylone
C. obniżone
D. pogrubione
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 3

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

A. model
B. kontroler
C. wzorzec
D. widok
Kontroler jest kluczowym elementem architektury MVC (Model-View-Controller), która jest powszechnie stosowana w budowaniu aplikacji internetowych. Jego główną rolą jest zarządzanie logiką aplikacji oraz komunikacją pomiędzy modelem (danymi) a widokiem (interfejsem użytkownika). Kontroler reaguje na działania użytkownika, przetwarza dane, a następnie aktualizuje widok, co czyni go centralnym punktem w architekturze aplikacji. Przykładowo, w aplikacji internetowej do zarządzania zadaniami, kontroler odbiera żądanie dodania nowego zadania, przetwarza dane wprowadzone przez użytkownika, aktualizuje bazę danych (model) i następnie zwraca zaktualizowany widok, aby użytkownik mógł zobaczyć zmiany. Dobre praktyki w programowaniu sugerują, aby kontroler był odpowiedzialny tylko za logikę aplikacji, unikając mieszania logiki prezentacji z logiką biznesową, co prowadzi do lepszej organizacji kodu i ułatwia jego późniejsze utrzymanie oraz rozwój.

Pytanie 4

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

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

Pytanie 5

Adobe Flash nie tworzy animacji dla elementów

A. www
B. grafiki
C. dźwięku
D. klipu filmowego
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 6

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

A. BASIC
B. PHP
C. CSS
D. JAVA
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 7

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

A. trybu koloru
B. palety kolorów
C. stopnia kompresji
D. innego formatu pliku
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 8

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

A. yellow; #ffff00
B. rgb(128, 255, 0); #ff8000
C. purple; #ff00ff
D. green; rgb(0, 255, 0)
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 9

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

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

Pytanie 10

Jaki znacznik jest używany do dodawania obrazka na stronę internetową?

A. <img>
B. <input>
C. <select>
D. <map>
Znacznik <img> to taki standardowy element w HTML, którego używamy do wstawiania obrazków na stronie. Najważniejszy jest atrybut 'src', bo to właśnie on mówi, skąd przeglądarka ma pobrać obrazek. Drugi istotny atrybut to 'alt', który daje alternatywny tekst, gdyby obrazek się nie załadował. To jest bardzo ważne, nie tylko dla osób z niepełnosprawnościami, ale też dla SEO. Przykładowe użycie mogłoby wyglądać tak: <img src='url_do_obrazka.jpg' alt='Opis obrazka'>. Pamiętaj też o dobraniu odpowiednich formatów obrazków, takich jak JPEG, PNG czy GIF, w zależności od tego, co chcesz osiągnąć. Odpowiednie rozmiary i kompresja obrazków są kluczowe, żeby strona ładowała się szybko i dobrze działała dla użytkowników. Dobrym pomysłem jest także korzystanie z atrybutów 'width' i 'height', bo to pomaga przeglądarkom ogarnąć miejsce dla obrazków jeszcze przed ich załadowaniem. Obrazki na stronach nie tylko ładnie wyglądają, ale też pomagają w lepszym zrozumieniu treści przez ludzi.

Pytanie 11

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

A. optymalizacja
B. hosting
C. kolokacja
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 12

Jaką regułę stylów trzeba dodać do pliku style_list.css, aby zdefiniować klasę znaczek dla nienumerowanych list z obrazem znaczek_logo.gif jako symbolem wypunktowania, gdy obrazek znajduje się w podfolderze GRAFIKI w katalogu z plikami stylów?

A. .znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}
B. ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}
C. ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}
D. .znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}
Odpowiedź ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)} jest prawidłowa, ponieważ poprawnie definiuje styl dla elementów listy nieuporządkowanej (ul), które korzystają z klasy .znaczek. Zastosowanie list-style-image umożliwia ustawienie obrazka jako znaku wypunktowania, co jest standardowym podejściem w CSS. W tym przypadku, prawidłowa ścieżka do pliku obrazka jest kluczowa; użycie wielkich liter w folderze GRAFIKI jest istotne, ponieważ wiele systemów operacyjnych jest wrażliwych na wielkość liter w nazwach plików. W praktyce, taka definicja stylu jest często wykorzystywana w projektach webowych, aby nadać unikalny wygląd listom, co nie tylko poprawia estetykę strony, ale również zwiększa jej funkcjonalność i dostępność. Dobrą praktyką jest również testowanie, czy ścieżka do zasobów jest poprawna, co można zrobić poprzez bezpośrednie sprawdzenie w przeglądarce, czy obrazek ładuje się poprawnie. Znajomość konwencji dotyczących ścieżek do plików oraz umiejętność korzystania z klas w CSS są niezbędne dla każdego webdevelopera.

Pytanie 13

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

A. bgcolor
B. colgroup
C. tbody
D. style
Atrybut bgcolor jest specyficznie przeznaczony do definiowania koloru tła elementów HTML, co czyni go właściwym narzędziem do zmiany tła strony internetowej. Historia tego atrybutu sięga czasów, kiedy zaczęto rozwijać HTML, a jego zastosowanie jest szczególnie widoczne w tagach takich jak <table>, <tr> czy <td>. Przykładem użycia atrybutu bgcolor może być zastosowanie go w tabelach do wyróżniania poszczególnych komórek lub wierszy, co poprawia czytelność danych. Należy jednak pamiętać, że w najnowszych standardach HTML, w tym HTML5, preferuje się używanie CSS do stylizacji stron, w tym zmiany koloru tła. Przykładowo, zamiast używać bgcolor, bardziej zaleca się zastosowanie stylu CSS: 'style="background-color: #ff0000;"', co zapewnia lepszą separację treści od prezentacji i umożliwia łatwiejszą modyfikację stylów w przyszłości.

Pytanie 14

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

A. FTP
B. SSL
C. TCP
D. SSH
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 15

Jaką prezentację warto opublikować w Internecie, biorąc pod uwagę datę jej aktualizacji?

A. 14.01.2018
B. 18.01.2018
C. 20.01.2018
D. 12.01.2018
Wybór daty aktualizacji w kontekście publikacji internetowych może wydawać się prostym zadaniem, jednak wiele osób popełnia błąd przy wyborze odpowiedniej daty. Odpowiedzi takie jak 14.01.2018, 18.01.2018 oraz 12.01.2018 są niepoprawne, ponieważ są wcześniejsze niż data 20.01.2018. Wydaje się, że przy podejmowaniu decyzji o aktualności treści, istotnym czynnikiem jest zrozumienie, że informacje muszą być na bieżąco dostosowywane do dynamicznego otoczenia, w którym działają. Wybierając starsze daty, zakłada się, że treści mogą być nadal wartościowe, jednak ignoruje się rzeczywistość, że w wielu branżach, jak technologia czy medycyna, konieczność aktualizacji informacji jest kluczowa dla zachowania rzetelności. Nierzadko osoby podejmujące decyzje o publikacji kierują się subiektywnymi odczuciami, co prowadzi do zaniedbania obiektywnej oceny daty ważności treści. Ponadto, w kontekście optymalizacji SEO, Google oraz inne wyszukiwarki preferują treści, które są regularnie aktualizowane, co wpływa na widoczność w wynikach wyszukiwania. Dlatego kluczowe jest, aby nie tylko wybierać daty aktualizacji na podstawie intuicji, ale również zrozumieć zasady rządzące tworzeniem i publikowaniem treści w Internecie, aby zachować ich aktualność oraz zwiększyć ich wartość dla odbiorców.

Pytanie 16

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

A. 37 znaków
B. 95 znaków
C. 55 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 17

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

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

Pytanie 18

W pliku style.css dla strony stworzonej w HTML 5 umieszcza się deklaracje: header, nav,
article, footer { display:block; } w celu

A. spełnienia wymogów standardu języka CSS
B. zapewnienia właściwej prezentacji w przeglądarkach, które nie wspierają HTML 5
C. zapewnienia odpowiedniej prezentacji w przeglądarkach na urządzenia mobilne
D. spełnienia kryteriów standardu języka HTML 5
Hmm, nie do końca masz rację. Mówiąc, że CSS musi spełniać wymagania HTML 5, pomijasz fakt, że HTML 5 działa na swoje sposoby i nie potrzebuje dodatkowych reguł CSS, żeby funkcjonować. Nowe semantyczne elementy nie wymagają jakiegoś ekstra stylowania, jeśli przeglądarki je wspierają. Jeśli chodzi o mobilne wersje przeglądarek, to większość z nich radzi sobie z HTML 5 bez problemu, więc twierdzenie, że reguły CSS zapewniają ich poprawną prezentację, jest trochę mylące. No i jeszcze jedno, CSS i HTML to różne rzeczy, więc nie można ich mylić. CSS to tylko stylizacja, a HTML ma swoją specyfikę, więc ważne, żeby znać te różnice. Nie każdy aspekt da się ogarnąć tylko przez CSS, trzeba też brać pod uwagę kontekst HTML.

Pytanie 19

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

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

Pytanie 20

Która z właściwości CSS pozwala na ustawienie koloru tła dla danego elementu?

A. Text-Color
B. Background-Color
C. Color
D. Bgcolor
Kolory tła w CSS można ustawiać na kilka sposobów, ale niektóre odpowiedzi, które podałeś, są po prostu błędne i mogą wprowadzać w błąd. Na przykład, 'text-color' w ogóle nie istnieje w CSS, bo odpowiednia właściwość to 'color'. I jeszcze 'bgcolor' to stara właściwość używana w HTML, a nie w CSS, więc lepiej ją omijać. Używanie takich przestarzałych terminów może powodować problemy przy tworzeniu stron. Warto też wiedzieć, że 'color' odnosi się tylko do koloru tekstu, a nie tła, więc dobrze się zaznajomić, co każda właściwość oznacza. Z mojej perspektywy, warto poczytać dokumentację CSS i zobaczyć, jak to wygląda w praktyce u doświadczonych projektantów.

Pytanie 21

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

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

Pytanie 22

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

A. brak wsparcia dla języków skryptowych oraz ograniczenia w transferze
B. brak możliwości dostępu do jakiejkolwiek bazy danych
C. możliwość korzystania z serwera bazy danych, na przykład MySQL
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 23

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

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

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

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

Pytanie 25

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

A. margin-bottom
B. margin-right
C. margin-top
D. margin-left
Wybór margin-top jako sposobu na ustawienie górnego marginesu jest jak najbardziej poprawny. Zapis ten jest częścią standardu CSS, który definiuje, jak elementy są rozmieszczane na stronie internetowej. Margin-top pozwala na dodanie przestrzeni powyżej danego elementu, co jest kluczowe w projektowaniu układu strony. Na przykład, jeżeli chcemy, aby nagłówek był wyraźnie oddzielony od elementów znajdujących się nad nim, możemy użyć margin-top do ustawienia odpowiedniego odstępu. W praktyce, stosując margin-top, możemy także poprawić czytelność treści i zadbać o estetykę projektu. Ważne jest, aby pamiętać, że wartości marginesów mogą być podawane w różnych jednostkach, takich jak piksele (px), em, rem, czy procenty (%), co daje projektantom elastyczność w dostosowywaniu układu. Dobrym nawykiem jest także testowanie układu na różnych rozdzielczościach ekranu, aby zapewnić responsywność projektu. Warto również zaznaczyć, że zgodnie z zasadami CSS, określenie marginesów dla poszczególnych stron (top, right, bottom, left) pozwala na precyzyjne kształtowanie układów i oddzielania elementów wizualnych, co jest kluczowe w nowoczesnym web designie.

Pytanie 26

Jakie są następne kroki w tworzeniu galerii internetowych?

A. nabycie wybranych zdjęć, testowanie funkcji strony, optymalizacja i walidacja, publikacja, weryfikacja poprawności witryny, prace programistyczne
B. masowa obróbka zdjęć, testy prędkości ładowania galerii, publikacja, działania programistyczne, optymalizacja
C. tworzenie fotografii, hosting, dobór szablonu, pozycjonowanie, publikacja
D. edycja i katalogowanie zdjęć, działania webmasterskie, prace programistyczne, testy, publikacja, aktualizacja
Wszystko, co napisałeś o edycji i skatalogowaniu zdjęć, pracach webmasterskich, programistycznych, testach, publikacji oraz aktualizacji, jest naprawdę trafne. Na początku trzeba przygotować i uporządkować zdjęcia, bo to wpływa na jakość całej galerii i to, jak ją odbierają użytkownicy. Prace webmasterskie to z kolei zarządzanie treścią i SEO – ważne, żeby łatwo było znaleźć stronę w wyszukiwarkach. Programowanie jest istotne, bo to wokół funkcji strony kręci się cała zabawa. Testowanie, w moim doświadczeniu, to kluczowy krok – musisz być pewien, że strona działa na różnych urządzeniach. Publikacja to moment, w którym strona w końcu staje się dostępna, a aktualizacje są po prostu konieczne, żeby treści nie zestarzały się. Generalnie, warto trzymać się dobrych praktyk, jak responsywność czy UX, bo to poprawia wrażenia użytkowników.

Pytanie 27

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

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

Pytanie 28

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

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

Pytanie 29

Wskaż element, który pozwala na układanie bloków treści w odniesieniu do siebie na stronie www.

A. <img>
B. <div>
C. <b>
D. <br>
Wybór znaczników <br>, <b> oraz <img> wskazuje na powszechne nieporozumienia dotyczące ich funkcji w HTML. Tag <br> służy do wstawiania podziału linii i jest używany głównie w kontekście tekstu, gdzie nie jest potrzebne tworzenie nowego bloku. Nie ma on wpływu na układ strony, a jego nadużycie może prowadzić do nieczytelnych lub nieoptymalnych układów. Używanie <br> do pozycjonowania elementów jest nieefektywne, ponieważ nie umożliwia elastycznego zarządzania layoutem. Z kolei znacznik <b> jest stosowany do wyróżniania tekstu, co również nie wpływa na pozycjonowanie bloków, a jego zastosowanie powinno być ograniczone do elementów, które rzeczywiście wymagają wyróżnienia. Użycie <b> zamiast semantycznych tagów, takich jak <strong>, prowadzi do problemów z dostępnością i SEO, ponieważ zawartość nie jest opisywana w sposób zrozumiały dla użytkowników technologii asystujących. Tag <img> jest z kolei używany do wstawiania obrazów na stronę, ale nie ma on związku z układem bloków tekstowych lub innych elementów strony. Kluczowym błędem myślowym jest niewłaściwe przypisanie funkcji do tych znaczników; zamiast używać ich do pozycjonowania zawartości, powinniśmy polegać na <div> i CSS, które są stworzonymi do tego celu narzędziami.

Pytanie 30

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

A. Fioletowy, czarny, biały
B. Czerwony, fioletowy, pomarańczowy
C. Czerwony, żółty, niebieski
D. Fioletowy, pomarańczowy, zielony
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

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

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

Pytanie 32

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

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

Pytanie 33

Która z wymienionych właściwości nie jest typowa dla systemu Joomla?

A. Opcja edytowania kodu HTML
B. Zdolność do współpracy z bazą danych
C. Wbudowana funkcjonalność obsługi wielu języków
D. Pełna zgodność z innymi systemami CMS
Pełna kompatybilność z innymi systemami CMS nie jest cechą charakterystyczną dla Joomla. Joomla jest samodzielnym systemem zarządzania treścią (CMS), który ma swoje unikalne architektury i standardy. Chociaż Joomla oferuje wiele możliwości integracji z innymi systemami i aplikacjami, nie jest zaprojektowana z myślą o pełnej kompatybilności z innymi CMS, co może prowadzić do problemów z migracją treści i ustawień. Przykładowo, podczas przenoszenia danych z WordPressa do Joomla mogą wystąpić trudności związane z różnymi strukturami baz danych oraz sposobem, w jaki każdy system zarządza użytkownikami i treścią. W związku z tym, gdy planujesz rozwój strony internetowej w oparciu o Joomla, warto zwracać uwagę na te ograniczenia oraz stosować najlepsze praktyki, takie jak dokładne sprawdzenie kompatybilności rozszerzeń i wtyczek przed ich zainstalowaniem. Dobre praktyki obejmują także tworzenie kopii zapasowych przed migracją oraz testowanie systemu w środowisku deweloperskim przed wdrożeniem na żywo, aby uniknąć problemów z integracją.

Pytanie 34

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

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

W celu wzmocnienia spójności kompozycji strony internetowej poprzez zastosowanie kompozycji rytmicznej należy zastosować

A. dysharmonię.
B. powtórzenia.
C. kontrast.
D. akcent.
Właściwie – to właśnie powtórzenia są podstawą kompozycji rytmicznej i jednym z najpewniejszych sposobów budowania spójności wizualnej na stronie internetowej. W praktyce powtarzalność elementów, takich jak marginesy, odstępy, kolory, fonty czy też nawet powtarzające się motywy graficzne, tworzy rytm. To, powiem szczerze, bardzo ważny mechanizm, bo pozwala użytkownikowi łatwiej zorientować się w strukturze strony i przewidywać jej układ, co pozytywnie wpływa na komfort przeglądania. W branży przyjmuje się, że dobry projektant nie stosuje powtórzeń na ślepo – kluczowe jest zachowanie równowagi między monotonią a przesadą. Przykładowo: sekcje artykułów w blogu wyróżnione tym samym nagłówkiem, powtarzające się przyciski akcji czy stopki na końcu każdej podstrony – to wszystko przykłady przemyślanego rytmu. Moim zdaniem, bez dobrze zaplanowanych powtórzeń, nawet najbardziej kreatywny projekt traci na czytelności i profesjonalizmie. Wzorce takie są opisane m.in. w materiałach W3C dotyczących web designu i są zgodne z zasadami WCAG, gdzie czytelność i przewidywalność są bardzo cenione. Warto też pamiętać, że powtórzenia to nie tylko elementy graficzne – czasem to nawet interakcje lub animacje, które powtarzają się w przewidywalny sposób, wzmacniając pozytywne doświadczenia użytkownika.

Pytanie 36

W języku HTML znacznik zawiera

A. treść dokumentu.
B. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.
C. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.
D. nazwę dokumentu.
Znacznik <meta> w HTML to jedno z tych narzędzi, które odgrywa większą rolę, niż wielu osobom się wydaje. Jego głównym zadaniem jest przekazywanie tzw. metadanych, czyli informacji o stronie, które są niewidoczne dla zwykłego użytkownika, ale bardzo pomocne dla przeglądarek, robotów wyszukiwarek (np. Google czy Bing), a nawet dla mediów społecznościowych. Najczęściej <meta> wykorzystuje się właśnie do umieszczania opisów (description) czy słów kluczowych (keywords), które mogą wpływać na pozycjonowanie strony w wynikach wyszukiwania. To nie jest tak, że jeden znacznik meta załatwia wszystko – można mieć ich kilka, każdy do innych celów, np. charset (kodowanie znaków), viewport (responsywność na urządzeniach mobilnych), robots (dyrektywy dla wyszukiwarek). Moim zdaniem warto znać te podstawy, nawet jeśli na co dzień nie planujesz być SEO-wcem, bo dobrze ustawione meta tagi potrafią zwiększyć widoczność strony i ułatwić jej indeksację. Oficjalne standardy HTML5 jasno określają, że <meta> umieszcza się w sekcji <head> i nie powinien zawierać treści widocznej na stronie. W praktyce użycie <meta> może być kluczowe przy projektowaniu nawet małych serwisów – wystarczy spojrzeć na to, jak rozbudowane meta tagi mają strony dużych firm czy portali informacyjnych. Taka mała rzecz, a robi sporo zamieszania. Ja zawsze polecam przetestować kilka kombinacji meta description i obserwować, jak zmienia się ruch z wyszukiwarek – to daje naprawdę ciekawe efekty.

Pytanie 37

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

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

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

Pytanie 39

Do rozszerzenia funkcjonalności strony internetowej opartej o system zarządzania treścią instaluje się

A. kodeki.
B. fonty.
C. archiwizery.
D. wtyczki.
Poprawna odpowiedź to wtyczki, bo właśnie w ten sposób najczęściej rozszerza się funkcjonalność stron opartych na systemach zarządzania treścią (CMS), takich jak WordPress, Joomla, Drupal czy inne mniej popularne systemy. Wtyczka (ang. plugin) to dodatkowy moduł programistyczny, który podłącza się do istniejącego systemu i korzysta z jego API, czyli udostępnionych punktów zaczepienia: hooków, akcji, filtrów. Dzięki temu można dodać nowe funkcje bez modyfikowania głównego kodu CMS-a, co jest zgodne z dobrą praktyką: rdzeń systemu zostaje nietknięty, a rozszerzenia są odseparowane. W praktyce oznacza to, że jeśli chcesz dodać sklep internetowy do WordPressa, instalujesz wtyczkę typu WooCommerce. Jeśli chcesz formularz kontaktowy – instalujesz wtyczkę do formularzy. Jeżeli potrzebujesz integracji z systemem płatności, newsletterem, SEO, cache, galeriami zdjęć, nawet zewnętrznym API – to wszystko zwykle realizuje się właśnie przez instalację odpowiednich wtyczek. Z mojego doświadczenia w pracy z CMS-ami najważniejsze jest też dbanie o to, żeby wtyczki były aktualne, pochodziły ze sprawdzonych źródeł i miały dobre opinie. Nieuaktualnione rozszerzenia potrafią być poważną luką bezpieczeństwa. W branży przyjmuje się zasadę, że najpierw szukamy gotowej, dobrze utrzymanej wtyczki, a dopiero gdy jej nie ma, zlecamy napisanie własnej, zgodnie z dokumentacją danego CMS-a. Dzięki temu rozwój strony jest szybszy, tańszy i łatwiejszy w utrzymaniu, a cała architektura jest bardziej modularna i zgodna z profesjonalnymi standardami tworzenia serwisów WWW.

Pytanie 40

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

A. Wykonanie kopii zapasowej, testowanie sklonowanej strony, aktualizowanie elementów strony.
B. Instalowanie wtyczek, weryfikowanie znaczników HTML, pozycjonowanie strony.
C. Formatowanie tekstów, drukowanie projektu strony, oznaczenie licencji grafik.
D. Testowanie sklonowanej strony, weryfikowanie reguł CSS, projektowanie elementów graficznych.
Wiele osób traktuje aktualizację WordPressa jak kliknięcie jednego przycisku „Aktualizuj teraz”, a to w praktyce jest proces, który powinien być uporządkowany i świadomie zaplanowany. Błędne odpowiedzi w pytaniu mieszają różne czynności z zupełnie innych etapów pracy nad stroną i przez to sugerują niebezpieczne nawyki. Pojawia się na przykład pomysł, żeby w kontekście aktualizacji zajmować się formatowaniem tekstów, drukowaniem projektu strony czy oznaczaniem licencji grafik. To są oczywiście ważne rzeczy, ale one należą do etapu projektowego, tworzenia contentu i przygotowania materiałów graficznych, a nie do procedury aktualizacyjnej. Licencje grafik warto ustalić przed publikacją, a nie w momencie, gdy aktualizujemy silnik CMS. Drukowanie projektu strony w ogóle nie ma technicznego powiązania z procesem update’u WordPressa. Inna błędna koncepcja to łączenie instalowania wtyczek, weryfikowania znaczników HTML i pozycjonowania strony w jeden ciąg działań aktualizacyjnych. Instalacja nowych wtyczek powinna być osobnym, dobrze przemyślanym procesem, poprzedzonym sprawdzeniem opinii, kompatybilności, częstotliwości aktualizacji i bezpieczeństwa. Walidacja HTML ma sens, ale bardziej w kontekście optymalizacji front-endu, a nie jako krok „po aktualizacji” z definicji. Z kolei pozycjonowanie (SEO) to proces długofalowy: analiza słów kluczowych, struktury treści, linkowania wewnętrznego, szybkości strony. Tego nie robi się jako element checklisty „aktualizuj WordPressa”. Zdarza się też mylenie testowania sklonowanej strony z projektowaniem nowych elementów graficznych albo ręcznym weryfikowaniem reguł CSS. Oczywiście przy dużej aktualizacji motywu może się okazać, że trzeba poprawić style CSS czy grafiki, ale to jest reakcja na konkretny problem, a nie obowiązkowy krok w schemacie. Kluczowe jest, żeby testowanie odbywało się na kopii (staging), a nie na stronie produkcyjnej, bo wtedy każda pomyłka od razu uderza w użytkowników i klientów. Typowy błąd myślowy polega tu na wrzuceniu do jednego worka wszystkich czynności „okołostronowych”: SEO, grafika, licencje, HTML, CSS i założeniu, że aktualizacja to dobry moment, żeby zrobić wszystko naraz. W praktyce profesjonalne podejście jest znacznie prostsze i bardziej techniczne: najpierw zabezpieczenie danych poprzez kopię zapasową, potem test aktualizacji na klonie, a dopiero na końcu świadome wdrożenie zmian na produkcji. Reszta rzeczy – projekt, treści, pozycjonowanie, grafika – ma swoje własne procesy i harmonogramy, które nie powinny być sztucznie mieszane z krytycznym procesem aktualizacji systemu zarządzania treścią.