Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik fotografii i multimediów
Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Data rozpoczęcia: 4 maja 2026 21:11
Data zakończenia: 4 maja 2026 21:13

Egzamin niezdany

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

Wymagane minimum: 20 punktów (50%)

Nowe

Analiza przebiegu egzaminu- sprawdź jak rozwiązywałeś pytania

Przebieg egzaminu

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

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

A. margin-right

B. margin-bottom

C. margin-top

D. margin-left

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 2

Jakie znaczenie ma poniższa deklaracja kodu CSS:

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

A. Tylko tekst w obrębie wszystkich znaczników span znajdujących się w znacznikach l będzie miał rozmiar 10 pt i kolor zielony

B. Tekst w każdym z znaczników span będzie miał rozmiar 10 pt i kolor zielony

C. Jedynie tekst znajdujący się w obrębie wszystkich znaczników l oraz tych wewnątrz znaczników span będzie miał rozmiar 10 pt i kolor zielony

D. Tekst znajdujący się we wszystkich znacznikach l oraz wszystkich znacznikach span będzie miał rozmiar 10 pt i kolor zielony

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Deklaracja CSS 'li span {font-size: 10pt; color:green;}' precyzyjnie określa stylizację dla elementów <span>, które są zagnieżdżone w elementach <li>. Oznacza to, że tylko tekst wewnątrz znaczników <span>, które znajdują się bezpośrednio w <li>, będzie miał rozmiar czcionki 10 punktów i kolor zielony. Taka selekcja jest szczególnie przydatna, gdy chcemy stylizować tylko konkretne fragmenty tekstu w listach, pozostawiając resztę elementów <li> z ich domyślnymi stylami. W praktyce, aby wprowadzić tę deklarację, należy upewnić się, że odpowiednie znaczniki <li> i <span> są prawidłowo zagnieżdżone w dokumencie HTML. Używanie tego typu selektorów jest zgodne z najlepszymi praktykami CSS, które zalecają selekcję elementów w sposób jak najbardziej specyficzny, aby uniknąć niepożądanych zmian w stylach innych elementów na stronie. Daje to większą kontrolę nad wyglądem strony oraz umożliwia łatwiejsze zarządzanie kodem.

Pytanie 3

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

A. powtórzenia.

B. kontrast.

C. dysharmonię.

D. akcent.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 4

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

A. CMYK

B. sRGB

C. Adobe RGB

D. ProPhoto RGB

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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

Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?

A. Aplikacje internetowe

B. Druki reklamowe

C. Zrastrowane ilustracje

D. Arkusze kalkulacyjne

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Adobe Dreamweaver to naprawdę fajne narzędzie, które pomaga w tworzeniu stron internetowych i aplikacji. Można w nim programować w HTML, CSS, a nawet JavaScript, co daje dużą swobodę w projektowaniu. Osobiście uważam, że duży plus to jego opcje wizualne, bo można wprowadzać zmiany bez konieczności grzebania w kodzie non-stop. Przykładem, gdzie Dreamweaver się sprawdza, są interaktywne formularze, które są niezbędne w wielu stronach. A do tego integracja z bazami danych, co znacznie ułatwia życię, szczególnie przy dynamicznej treści. Nie zapominajmy też o standardach, jak W3C, które są wspierane przez program. Dzięki temu, mamy pewność, że nasze projekty są zgodne i wyglądają jak należy. To narzędzie jest znane w naszej branży, więc warto je znać i się nim posługiwać.

Pytanie 6

Zanim zamieścisz w Internecie materiał multimedialny zawierający wizerunek osoby niepełnoletniej, należy

A. umieścić zdjęcie osoby niepełnoletniej po prawej stronie slajdu

B. uzyskać zgodę osoby niepełnoletniej oraz jej prawnych opiekunów

C. podpisać zdjęcie osoby niepełnoletniej, podając jej imię oraz nazwisko

D. uzyskać zgodę osoby niepełnoletniej na zamieszczenie wizerunku

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Uzyskanie zgody osoby nieletniej oraz jej prawnych opiekunów przed publikacją wizerunku jest kluczowym elementem ochrony prywatności i praw dziecka, zgodnie z obowiązującymi przepisami prawa, w tym RODO. Osoby nieletnie nie są w pełni zdolne do podejmowania decyzji dotyczących wykorzystania ich wizerunku, dlatego zgoda ich opiekunów prawnych jest niezbędna. Przykładem zastosowania tej zasady jest sytuacja, w której szkoła planuje opublikować zdjęcia dzieci z wydarzenia szkolnego na swojej stronie internetowej. W takim przypadku szkoła musi uzyskać pisemną zgodę zarówno od dzieci, jak i ich rodziców lub opiekunów. Dobre praktyki w zakresie ochrony danych osobowych przewidują stosowanie formularzy zgody, które jasno określają, w jaki sposób i w jakim celu dane będą wykorzystywane, co zwiększa transparentność i zaufanie do instytucji. Należy również pamiętać, że zgoda może być cofnięta w każdym momencie, co powinno być jasno komunikowane w formularzu.

Pytanie 7

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

A. operator %

B. operator +

C. operator *

D. operator /

Brak odpowiedzi na to pytanie.

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

Pytanie 8

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

A. SSL

B. SSH

C. FTP

D. TCP

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 9

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

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

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

C. kolorystyka strony

D. wybór przeglądarki internetowej

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Kolorystyka strony ma znikomy wpływ na szybkość jej wczytywania, co czyni tę odpowiedź poprawną. Szybkość ładowania stron internetowych jest przede wszystkim związana z ilością i wielkością zasobów, które muszą być pobrane przez przeglądarkę, takich jak obrazy, skrypty czy style CSS. W praktyce oznacza to, że wybór kolorystyki, który nie wymaga dodatkowych zasobów graficznych (np. użycie jednolitych kolorów zamiast dużych grafik), nie wpływa na czas ładowania. Standardy webowe, takie jak Web Performance Optimization (WPO), podkreślają znaczenie optymalizacji zasobów, a nie estetyki strony. Warto również zauważyć, że dobre praktyki projektowania responsywnego mogą pomóc w minimalizowaniu wpływu elementów wizualnych na wydajność, co pokazuje, jak można projektować z myślą o efektywności.

Pytanie 10

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

A. <div>

B. <img>

C. <b>

D. <br>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź <div> jest poprawna, ponieważ tag ten jest kluczowym elementem w HTML, który umożliwia grupowanie i pozycjonowanie bloków zawartości na stronie internetowej. Element <div> służy do tworzenia sekcji, które można stylizować i układać w pożądany sposób przy użyciu CSS. Przykładem zastosowania może być tworzenie układu z wieloma kolumnami lub sekcjami na stronie, gdzie poszczególne elementy można precyzyjnie kontrolować. Dobrą praktyką jest stosowanie <div> w połączeniu z odpowiednimi klasami CSS, co pozwala na lepsze zarządzanie stylem i responsywnością strony. W kontekście semantyki HTML, <div> jest neutralnym kontenerem, co oznacza, że nie ma własnego znaczenia semantycznego, ale w połączeniu z innymi elementami, takimi jak <header>, <article> czy <footer>, może tworzyć zrozumiałą strukturę strony. Warto również pamiętać, że użycie <div> w odpowiedniej hierarchii DOM wspiera dostępność i indeksację przez wyszukiwarki, co jest istotne w SEO.

Pytanie 11

Najlepszym sposobem na zademonstrowanie treści wykładu jest użycie

A. multimedialnej aplikacji z autorskim interfejsem użytkownika

B. pokazu w formie slide show

C. pokazu z dużą ilością animacji

D. multimedialnych interfejsów baz danych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Pokaz typu slide show jest najczęściej stosowanym narzędziem do prezentacji treści wykładów, ponieważ umożliwia klarowne i strukturalne przedstawienie informacji w formie wizualnej. Tego rodzaju prezentacje pozwalają na użycie slajdów, które mogą zawierać tekst, obrazy, wykresy oraz multimedia, co sprzyja zrozumieniu i przyswajaniu wiedzy przez uczestników. W praktyce, wykorzystanie slide show ułatwia prowadzenie narracji i utrzymywanie zaangażowania słuchaczy poprzez wizualne wsparcie dla omawianych tematów. Dobre praktyki wskazują, że każdy slajd powinien być prosty i zawierać ograniczoną ilość informacji, co pozwala na skupienie uwagi na kluczowych punktach. Warto również wykorzystywać animacje w umiarkowany sposób, aby nie rozpraszać uczestników. Przy tworzeniu prezentacji warto także odwołać się do standardów takich jak ANSI/IEEE 1028, które podkreślają znaczenie przemyślanej struktury i przejrzystości w komunikacji. Przykłady efektywnych prezentacji można znaleźć w branżach edukacyjnych i korporacyjnych, gdzie slide show jest podstawowym narzędziem wspierającym rozwój kompetencji i wiedzy.

Pytanie 12

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

A. okazjonalnych

B. modowych

C. plenerowych

D. katalogowych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór fotografii katalogowych do projektu witryny internetowej sklepu komputerowego jest kluczowy, ponieważ te zdjęcia mają na celu prezentację oferowanych produktów w sposób, który przyciąga uwagę klientów i ułatwia im podejmowanie decyzji zakupowych. Fotografie katalogowe powinny być wysokiej jakości, dobrze oświetlone i przedstawiać każdy produkt z różnych kątów, co pozwala klientom na lepsze zrozumienie cech i funkcji artykułów. W branży e-commerce, zgodnie z wytycznymi opracowanymi przez organizacje takie jak E-commerce Foundation, stosowanie profesjonalnych zdjęć produktów znacząco zwiększa zaangażowanie użytkowników oraz konwersję. Przykładem mogą być zdjęcia laptopów, które powinny pokazywać zarówno ich wygląd zewnętrzny, jak i detale, takie jak porty i klawiatura. Dodatkowo, warto zadbać o spójność stylu zdjęć na stronie, co pozwoli na stworzenie estetycznego i profesjonalnego wrażenia, wpływając pozytywnie na postrzeganie marki przez konsumentów.

Pytanie 13

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

A. tabeli.

B. filmu.

C. dźwięku.

D. obrazu.

Brak odpowiedzi na to pytanie.

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

Pytanie 14

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

A. <del>

B. <sub>

C. <ins>

D. <sup>

Brak odpowiedzi na to pytanie.

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

Pytanie 15

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

A. <b>

B. <img>

C. <div>

D. <br>

Brak odpowiedzi na to pytanie.

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

Pytanie 16

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

A. Formatowanie tekstów, drukowanie projektu strony, oznaczenie licencji grafik.

B. Wykonanie kopii zapasowej, testowanie sklonowanej strony, aktualizowanie elementów strony.

C. Instalowanie wtyczek, weryfikowanie znaczników HTML, pozycjonowanie strony.

D. Testowanie sklonowanej strony, weryfikowanie reguł CSS, projektowanie elementów graficznych.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowa kolejność działań przy aktualizacji WordPressa to: najpierw wykonanie kopii zapasowej, potem testowanie sklonowanej strony, a dopiero na końcu aktualizowanie elementów strony (silnik WP, motyw, wtyczki). To jest dokładnie ten schemat, który znajdziesz w większości profesjonalnych procedur DevOps czy instrukcjach firm hostingowych. Kopia zapasowa (backup) to absolutna podstawa. I chodzi nie tylko o pliki strony (wp-content, motywy, wtyczki, uploady), ale też o bazę danych MySQL. W praktyce robi się to albo wtyczką typu UpdraftPlus, Duplicator, All-in-One WP Migration, albo z poziomu panelu hostingu (np. cPanel – Backup, phpMyAdmin – eksport bazy). Dzięki temu, jeśli aktualizacja rozsypie motyw, wtyczkę lub całą stronę, można jednym krokiem przywrócić działającą wersję. Drugi krok to testowanie sklonowanej strony, czyli tzw. środowisko stagingowe. Moim zdaniem to jest różnica między amatorskim a profesjonalnym podejściem. Klonuje się stronę na subdomenę typu staging.domena.pl albo dev.domena.pl, czasem w ogóle na osobny serwer. Tam wykonuje się aktualizacje, sprawdza kompatybilność wtyczek, testuje logowanie użytkowników, formularze, koszyk w sklepie, szybkość ładowania, zgodność z motywem i child theme. Dzięki temu nie ryzykujesz, że klient wchodzi na stronę i widzi białą stronę śmierci (white screen of death) albo fatal error z PHP. Dopiero trzeci krok to aktualizowanie elementów strony na produkcji. Najczęściej zaczyna się od wtyczek, potem motyw, na końcu silnik WordPress, choć bywa odwrotnie w zależności od sytuacji i wymagań. Po każdej większej aktualizacji warto wyczyścić cache (wtyczka cache + cache serwera + ewentualnie CDN), sprawdzić front-end, panel admina, formularze, panel klienta w WooCommerce. W dobrych praktykach zaleca się też robienie tzw. punktów przywracania przed każdą dużą zmianą i prowadzenie krótkiej dokumentacji: kiedy, co i z jakiej wersji na jaką wersję zostało zaktualizowane. W realnej pracy przy stronach produkcyjnych taka procedura naprawdę oszczędza sporo nerwów.

Pytanie 17

Która z usług jest dedykowana do modyfikacji opublikowanych na stronie internetowej treści zawierających zdjęcia?

A. FTP

B. DNS

C. SSH

D. DHCP

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź FTP (File Transfer Protocol) jest poprawna, ponieważ jest to protokół używany do przesyłania plików między komputerami w sieci. W kontekście aktualizacji opublikowanych na stronie internetowej artykułów ze zdjęciami, FTP pozwala na łatwe przesyłanie nowych lub zaktualizowanych plików, takich jak teksty i obrazy, z lokalnego komputera na serwer, na którym hostowana jest strona. Przykładowo, jeśli redaktor wprowadza zmiany w artykule lub dodaje nowe zdjęcia do galerii, może użyć klienta FTP, aby załadować te pliki na serwer. To praktyka powszechnie stosowana w branży web developmentu, gdzie standardem jest organizacja treści i multimediów w sposób, który umożliwia ich łatwe zarządzanie i aktualizację. Dzięki FTP, aktualizacje stron internetowych są szybkie i efektywne, co jest kluczowe dla utrzymania dynamiczności treści oraz zwiększenia zaangażowania użytkowników. Dodatkowo, korzystanie z FTP jest zgodne z dobrymi praktykami zarządzania treścią, ponieważ umożliwia wersjonowanie plików i zachowanie porządku w strukturze folderów na serwerze.

Pytanie 18

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

A. Cięcie na plasterki.

B. Pióro.

C. Zaznaczenie prostokątne.

D. Kadrowanie.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 19

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

B. Czarny.

C. Żółty.

D. Czerwony.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Czerwony" jest poprawna, ponieważ w arkuszu stylów CSS zdefiniowano trzy reguły dotyczące koloru tekstu dla elementów <p>. W CSS, kiedy wiele reguł odnosi się do tego samego elementu, ostatnia reguła, która ma tę samą specyficzność, ma decydujące znaczenie. W naszym przypadku ostatnia reguła to 'p{color: red;}', co wskazuje, że tekst akapitów będzie wyświetlany w kolorze czerwonym. W praktyce oznacza to, że, niezależnie od wcześniejszych przypisanych kolorów, w tym przypadku żółtego i czarnego, ostateczny kolor tekstu to czerwony. To podejście jest zgodne z zasadą kaskadowości w CSS, gdzie przetwarzanie reguł następuje od góry do dołu, a ostatnia reguła ma pierwszeństwo. Warto znać tę zasadę, aby skutecznie zarządzać stylami na stronach internetowych, co jest kluczowe w kontekście responsywnego projektowania oraz optymalizacji wydajności witryn.

Pytanie 20

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

A. JAVA

B. BASIC

C. PHP

D. CSS

Brak odpowiedzi na to pytanie.

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

Pytanie 21

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. Żółty

B. Czarny

C. Zielony

D. Czerwony

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 22

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

A. Uznania autorstwa, na tych samych warunkach.

B. Wyłącznie uznania autorstwa.

C. Użycia w celach niekomercyjnych.

D. Użycia komercyjnego, na tych samych warunkach.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowa odpowiedź wynika z zasad licencji Creative Commons oznaczonych symbolami BY (uznanie autorstwa) oraz SA (na tych samych warunkach). Kiedy właściciel strony internetowej zamierza wykorzystać zdjęcia z taką licencją, musi nie tylko podać autora (np. w opisie zdjęcia, stopce strony, albo metadanych), ale też – i to jest istotne – jeśli modyfikuje, edytuje albo tworzy na podstawie tego zdjęcia coś nowego (np. kolaż, przeróbkę), efekt tej pracy również udostępnia na identycznej licencji, czyli „na tych samych warunkach”. Oznacza to, że inni użytkownicy mają potem takie same prawa do dalszego wykorzystywania tego utworu. To bardzo chroni otwarty obieg twórczości, bo uniemożliwia „zamknięcie” przerobionych wersji – zawsze muszą być dostępne na takich samych zasadach, jak oryginał. Spotykałem się z sytuacjami, gdzie to przeoczenie prowadziło do konfliktów, bo ktoś zmienił zdjęcie, ale nie udostępnił swojej wersji dalej w duchu CC-SA i był problem. Moim zdaniem warto dodać, że ta zasada promuje otwarty dostęp i wspólne budowanie zasobów. W praktyce trzeba przy każdym wykorzystaniu wskazać twórcę (np. „fot. Jan Kowalski, CC BY-SA 4.0”) i, jeśli zdjęcie zostało zmodyfikowane, dopisać: „na podstawie: ...”. Dla osób prowadzących strony firmowe czy blogi to standardowa, bardzo dobra praktyka – w sieci liczy się transparentność. Bez takiego oznaczenia można narazić się na roszczenia prawne, a tego raczej nikt nie chce.

Pytanie 23

Do bezprzewodowego przesyłania materiału wideo z telefonu na komputer nie używa się

A. Wi-Fi Direct.

B. Bluetooth.

C. sieci Ethernet.

D. sieci WiFi.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybrałeś sieć Ethernet jako technologię, której nie używamy do bezprzewodowego przesyłania wideo z telefonu na komputer, i dobrze, bo Ethernet to standard przewodowy. Kabel z końcówką RJ-45 i gniazdo sieciowe – to podstawa Ethernetu. Połączenie telefon – komputer przez Ethernet fizycznie wymaga kabla, a telefony komórkowe praktycznie nie mają portów RJ-45, bo to nie ta epoka. W praktyce, przesyłanie wideo ze smartfona na komputer opiera się niemal wyłącznie na rozwiązaniach bezprzewodowych: WiFi, Wi-Fi Direct czy Bluetooth. WiFi, czyli komunikacja przez sieć bezprzewodową, umożliwia szybki transfer danych i jest powszechnie używana przy streamingu, np. Miracast, AirPlay czy aplikacje jak VLC. Wi-Fi Direct to trochę taka sieć WiFi, ale bez routera – urządzenia dogadują się bezpośrednio, a prędkości są wystarczające nawet do przesyłania obrazu HD. Bluetooth też pozwala na przesył plików, choć jego przepustowość jest raczej za mała na wideo w dobrej jakości, ale wciąż – jest to komunikacja bezprzewodowa. Ethernet za to, z mojego doświadczenia, przydaje się raczej do połączeń szybkich i stabilnych, ale tylko przewodowych, choć czasem można spotkać adaptery do telefonów, ale do streamingu wideo z telefonu na komputer i tak się ich nie używa. Także, ogólnie rzecz biorąc, wybór Ethernetu jako tej nieużywanej technologii do bezprzewodowego transferu jest zgodny z realiami technicznymi i dobrymi praktykami branży IT.

Pytanie 24

Użycie pętli w ActionScript umożliwia

A. wstrzymanie strumienia zdarzeń

B. wielokrotne realizowanie tych samych poleceń

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

D. powielanie kroków

Brak odpowiedzi na to pytanie.

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

Pytanie 25

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. spełnienia kryteriów standardu języka HTML 5

C. zapewnienia właściwej prezentacji w przeglądarkach, które nie wspierają HTML 5

D. zapewnienia odpowiedniej prezentacji w przeglądarkach na urządzenia mobilne

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Dobra robota z odpowiedzią! Wskazanie na to, że trzeba używać CSS do zapewnienia, żeby elementy wyświetlały się poprawnie w przestarzałych przeglądarkach, to trafna myśl. Dzięki użyciu selektorów dla semantycznych elementów HTML jak header, nav, article czy footer, faktycznie można upewnić się, że będą one wyświetlane jako bloki. Widzisz, w starszych przeglądarkach, które nie obsługują HTML 5, może być problem z tym, jak te elementy są interpretowane. Dlatego ta reguła CSS z display: block; jest praktyczna, bo pozwala na poprawne renderowanie także w takich przypadkach. To naprawdę wspiera dostępność i użyteczność strony. Przykład może być strona, która powinna wyglądać spójnie w różnych wersjach przeglądarek. Zawsze warto mieć na uwadze takie style, żeby zachować porządek na witrynie.

Pytanie 26

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

A. ,

B. .

C. :

D. ;

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Poprawna odpowiedź to znak ';', który jest wymagany do zakończenia każdej komendy w języku skryptowym Perl. W Perl każdy pojedynczy wyraz polecenia musi być zakończony średnikiem, co pozwala interpreterowi na rozróżnienie między kolejnymi instrukcjami. Na przykład, w prostym skrypcie Perl, aby zdefiniować zmienną i przypisać jej wartość, zastosujemy zapis: '$a = 10;'. Zastosowanie średnika na końcu komendy jest standardem, który zapewnia poprawność składni i umożliwia właściwe wykonanie kodu. To podejście jest zgodne z analogicznymi praktykami w wielu językach programowania, takich jak C, C++ czy Java, gdzie również stosuje się średnik do oddzielania instrukcji. Prawidłowe zrozumienie reguł składniowych Perla jest kluczowe nie tylko dla poprawnego działania skryptów, ale również dla ich czytelności i utrzymania, co jest fundamentalne w programowaniu. Dobrą praktyką jest również stosowanie czytelnych nazw zmiennych i struktur, co w połączeniu z odpowiednim formatowaniem kodu, ułatwia jego późniejszą modyfikację oraz debugowanie.

Pytanie 27

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

A. onmouseup

B. onmouseout

C. onmouseover

D. onmousedown

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 28

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

A. tekstu wewnątrz wszystkich znaczników span

B. wyłącznie tekstu znajdującego się wewnątrz znaczników span umieszczonych w znacznikach li

C. tekstu wewnątrz wszystkich znaczników li oraz span

D. jedynie tekstu wewnątrz wszystkich znaczników li, które są osadzone w znacznikach span

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 29

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

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

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

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
To jest właśnie prawidłowy sposób tworzenia akapitów w HTML – czyli otwierasz tag <p>, potem umieszczasz tekst akapitu, a na końcu zamykasz tag </p>. Tak jest to opisane w standardach HTML, które są stosowane praktycznie wszędzie, niezależnie od tego, czy robisz prostą stronę domową, czy duży portal. Moim zdaniem to jedno z podstawowych zagadnień, które warto mieć w małym palcu, bo w praktyce w kodzie HTML praktycznie każda treść dzieli się na akapity. Takie podejście pozwala przeglądarkom poprawnie zinterpretować strukturę dokumentu i wyświetlić tekst z odpowiednim odstępem pomiędzy akapitami. To też ma ogromne znaczenie dla dostępności stron – czytniki ekranu czy roboty Google lepiej „rozumieją” taka strukturę. Pewnie spotkasz się z sytuacjami, gdzie ktoś zapomni zamknąć tag albo użyje niepoprawnej składni, ale takie błędy potem powodują nieprzewidywalne efekty w wyświetlaniu. Dla porządku, najnowsze standardy HTML5 zalecają zawsze zamykać tagi, nawet jeśli przeglądarki próbują czasem zgadywać, co programista miał na myśli. W praktyce, jak piszesz <p>Tekst</p>, możesz być pewien, że tekst będzie traktowany jak osobny akapit i nie zagnieździ się nigdzie dziwnie.

Pytanie 30

Jakiego narzędzia w programie Adobe Photoshop należy użyć, aby podzielić layout strony internetowej na fragmenty?

A. Łatka

B. Zaznaczanie plasterków

C. Różdżka

D. Cięcie na plasterki

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "Cięcie na plasterki" jest poprawna, ponieważ to narzędzie w programie Adobe Photoshop jest specjalnie zaprojektowane do dzielenia layoutu strony internetowej na mniejsze, łatwe do zarządzania fragmenty, zwane plasterkami. Umożliwia to zarówno projektantom, jak i deweloperom łatwe wyodrębnienie poszczególnych elementów graficznych strony, co jest niezbędne w procesie tworzenia responsywnych i zoptymalizowanych witryn internetowych. W praktyce, po użyciu narzędzia "Cięcie na plasterki", użytkownik może określić, które sekcje layoutu chcą wyeksportować, co jest kluczowe w pracy nad interfejsem użytkownika. Dobrą praktyką jest używanie tego narzędzia podczas projektowania, aby zapewnić, że wszystkie elementy są odpowiednio skompresowane i zoptymalizowane dla szybszego ładowania. W kontekście standardów branżowych, stosowanie plasterków pozwala na efektywne zarządzanie grafiką, co jest istotne dla SEO oraz poprawy doświadczeń użytkowników.

Pytanie 31

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

A. język XHTML oraz strukturę opartą na tabelach

B. Responsive Web Design

C. kompleksowe generowanie stron w Flashu

D. język XML oraz oddzielne wersje witryny dla różnych typów urządzeń

Brak odpowiedzi na to pytanie.

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

Pytanie 32

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

A. <mark>

B. <small>

C. <sub>

D. <ins>

Brak odpowiedzi na to pytanie.

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

Pytanie 33

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

A. przypisanie różnych łączy URL

B. możliwość zastosowania nawigacji witryny

C. przy użyciu ustawień optymalizacji

D. optymalizację tylko jednej części grafiki

Brak odpowiedzi na to pytanie.

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

Pytanie 34

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

A. CMYK

B. RGB

C. HSL

D. CMY

Brak odpowiedzi na to pytanie.

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

Pytanie 35

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. Niekiedy aktualizowanie treści strony internetowej.

C. Regularne aktualizowanie treści strony internetowej.

D. Wykorzystanie skomplikowanej nawigacji oraz pominięcie opisów zdjęć zamiennymi tekstami.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 36

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. Ujęcie znacznika img w znacznik div.

B. Zastosowanie w ścieżce dostępu lewego ukośnika (\).

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwa odpowiedź wskazuje na zastosowanie lewego ukośnika w ścieżce dostępu do pliku graficznego jako przyczynę problemu z wyświetlaniem obrazka po załadowaniu plików na zewnętrzny serwer. W systemach operacyjnych Windows, do oddzielania folderów w ścieżkach plików używany jest lewy ukośnik ('\'). Jednak w kontekście stron internetowych oraz standardów HTML, obowiązującym znakiem do oddzielania folderów jest ukośnik prawy ('/'). To oznacza, że podczas przenoszenia plików na serwer, ścieżka do obrazka powinna być zapisana jako 'obrazki/obraz01.jpg', aby poprawnie wskazać lokalizację pliku na serwerze. Zastosowanie właściwego ukośnika jest kluczowe, ponieważ serwery internetowe zwykle działają na systemach uniksowych, w których tylko prawy ukośnik jest akceptowany. W praktyce, aby uniknąć takich problemów, zawsze należy stosować ukośnik prawy, co jest zgodne z rekomendacjami W3C. Dobrą praktyką jest również testowanie lokalnych ścieżek przed publikacją na serwerze, aby upewnić się, że wszystkie obrazy oraz zasoby są poprawnie wyświetlane."

Pytanie 37

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

A. Adobe Dreamweaver

B. Adobe Lightroom

C. Adobe Illustrator

D. Adobe Premiere

Brak odpowiedzi na to pytanie.

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

Pytanie 38

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

A. pochylone

B. obniżone

C. podwyższone

D. pogrubione

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź 'pogrubiony' jest poprawna, ponieważ znacznik <b> w HTML służy do zaznaczania tekstu, który ma być wyświetlany w formie pogrubionej. W praktyce, stosowanie tego znacznika pozwala na wyróżnienie istotnych informacji w treści dokumentu, co jest szczególnie użyteczne w kontekście prezentacji danych, raportów czy stron internetowych. Dzięki pogrubieniu, użytkownicy łatwiej zauważają kluczowe punkty, co może zwiększać czytelność i zrozumienie tekstu. W branży web developmentu, dobra praktyka nakazuje stosowanie znaczników semantycznych, takich jak <strong>, które nie tylko zmieniają wygląd tekstu, ale również informują o jego znaczeniu. Użycie znaczników powinno być zgodne z zasadami dostępności, co oznacza, że tekst pogrubiony powinien pełnić istotną rolę w kontekście treści, a nie być używany jedynie dla estetyki.

Pytanie 39

Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?

A.	<head>… <style type="text/css">… </style> </head>
B.	<body> … <style type="text/css">... </style> </body>
C.	<head>… <link rel=stylesheet type=css href=style/style.css /> </head>
D.	<head>… <link rel="stylesheet" type="text/css" href="style/style.css" /> </head>

A. D.

B. C.

C. A.

D. B.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Prawidłowe zastosowanie zagnieżdżonych deklaracji CSS w dokumencie HTML polega na umieszczeniu ich wewnątrz sekcji <head>, między znacznikami <style type="text/css">...</style>. Odpowiedź A ilustruje tę zasadę, przedstawiając odpowiednią strukturę dokumentu. W praktyce, umieszczając style w sekcji <head>, zapewniasz, że przeglądarka załaduje i zastosuje je przed renderowaniem treści strony. To kluczowe dla wydajności i poprawnego wyświetlania elementów na stronie. Standardy W3C oraz dobre praktyki w zakresie SEO zalecają tę metodę, ponieważ zewnętrzne style mogą przyczynić się do opóźnienia w renderowaniu strony. Dobrym przykładem może być zastosowanie zagnieżdżania dla określenia wyglądu nagłówków, linków, czy tła elementów. Na przykład, można zdefiniować style dla <h1>, <p>, czy <a>, co pozwala na pełną kontrolę nad wyglądem strony bez konieczności odwoływania się do zewnętrznych plików CSS, co bywa uciążliwe w zarządzaniu projektem.

Pytanie 40

Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest

A. zaznaczanie

B. próbkowanie kolorów

C. cięcie na plasterki

D. pióro

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Cięcie na plasterki (ang. slicing) jest kluczowym narzędziem w procesie tworzenia projektu strony internetowej w Adobe Photoshop. To technika, która polega na podzieleniu obrazu na mniejsze fragmenty, co umożliwia ich łatwe eksportowanie jako osobne pliki graficzne. Dzięki temu projektanci mogą precyzyjnie kontrolować każdy element interfejsu, zapewniając optymalizację rozmiaru plików i szybkość ładowania strony. Przykładowo, podczas projektowania przycisków czy ikon w Photoshopie, każda część może być wydzielona i zapisana w odpowiednim formacie, co jest istotne dla responsywności strony. Standardy webowe zalecają ograniczenie rozmiaru plików graficznych, aby poprawić doświadczenie użytkownika i SEO. Cięcie na plasterki jest zatem nie tylko praktycznym narzędziem, ale również zgodnym z najlepszymi praktykami projektowania stron internetowych, które koncentrują się na efektywności i jakości. Warto również pamiętać, że odpowiednie cięcie może wpłynąć na estetykę oraz funkcjonalność strony, co jest istotne w kontekście użytkowników mobilnych i ich różnorodnych rozdzielczości ekranów.

Rozpocznij nowy egzamin

Powrót do strony głównej