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: 8 grudnia 2025 11:11
Data zakończenia: 8 grudnia 2025 11:13

Egzamin niezdany

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

Wymagane minimum: 20 punktów (50%)

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Weryfikacja poprawności realizacji projektu responsywnej strony internetowej polega na

A. ustaleniu liczby odsłon strony

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

C. skalowaniu kolorów prezentowanych na ekranie

D. zliczeniu liczby znaków na stronie

Ocena poprawności wykonania projektu responsywnej strony internetowej nie może być oparta na ilości wyświetleń strony, ponieważ ten wskaźnik nie dostarcza informacji na temat jakości i funkcjonalności samej strony. Liczba wyświetleń jest bardziej związana z popularnością treści niż z jej użytecznością i dostosowaniem do różnych urządzeń. Chociaż wysoka liczba wyświetleń może wskazywać na zainteresowanie użytkowników, nie mówi nic o tym, jak dobrze strona działa na różnych platformach i rozmiarach ekranów. Podobnie, policzenie ilości znaków na stronie jest zupełnie nieadekwatnym sposobem oceny, ponieważ nie ma bezpośredniego związku z aspektem responsywności. W rzeczywistości bardziej złożone strony mogą mieć więcej znaków, ale to nie gwarantuje lepszej użyteczności. Również kalibracja kolorów wyświetlanych na monitorze nie ma związku z responsywnością. Choć kolory i ich dobra prezentacja są istotne w kontekście estetyki, to nie wpływają na to, jak strona dostosowuje się do różnych urządzeń. W praktyce oznacza to, że ocena responsywności nie może opierać się na aspektach statystycznych czy estetycznych, lecz musi koncentrować się na realnym działaniu i użyteczności strony na różnych platformach.

Pytanie 2

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

A. Zaznaczenie prostokątne.

B. Kadrowanie.

C. Cięcie na plasterki.

D. Pióro.

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 3

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

A.	.znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}
B.	ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}
C.	.znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}
D.	ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}

A. C.

B. D.

C. B.

D. A.

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

Pytanie 4

Określ jednostkę rozdzielczości oraz tryb kolorystyczny, które powinny zostać ustalone przy przygotowywaniu zdjęć cyfrowych do projektu witryny internetowej.

A. lpi i RGB

B. spi i CMYK

C. ppi i RGB

D. dpi i CMYK

Poprawna odpowiedź to ppi i RGB, ponieważ 'ppi' (pixels per inch) jest jednostką rozdzielczości wskazującą, ile pikseli znajduje się na jednym calu obrazu. Jest to istotne w kontekście przygotowywania fotografii cyfrowych do wyświetlania w Internecie, gdzie wyższa rozdzielczość ppi przekłada się na lepszą jakość wizualną na ekranach. Z kolei 'RGB' (Red, Green, Blue) to tryb koloru, który jest standardem w elektronice oraz w grafice komputerowej, idealnym do wyświetlania obrazów na monitorach. Przygotowując zdjęcia do galerii internetowej, zaleca się używanie RGB, ponieważ większość urządzeń wyświetlających, takich jak monitory komputerowe czy smartfony, wykorzystuje ten model kolorów. Zastosowanie ppi i RGB pozwala na uzyskanie optymalnej jakości wizualnej oraz efektywności wyświetlania, co wpływa na pozytywne doświadczenie użytkowników przeglądających galerię. Przykładowo, zdjęcia przygotowane w rozdzielczości 72 ppi są wystarczające do wyświetlania w Internecie, a w przypadku druku warto zadbać o wyższą rozdzielczość, na poziomie 300 ppi.

Pytanie 5

Który z wymienionych programów nie służy do projektowania stron internetowych?

A. Pajączek

B. Microsoft Expression Web

C. Adobe Photoshop

D. HotDog

Kiedy mówimy o tworzeniu stron internetowych, istotne jest zrozumienie, jakie oprogramowanie i narzędzia są przeznaczone do tego celu. Microsoft Expression Web to program, który pozwala na edytowanie kodu HTML, CSS i JavaScript oraz wspiera tworzenie układów stron, co czyni go przydatnym dla web developerów. Podobnie, Pajączek jest zintegrowanym środowiskiem programistycznym, które umożliwia edycję kodu oraz wizualizację strony, co może znacznie usprawnić proces projektowania. HotDog również wspiera proces tworzenia stron, oferując opcje zarządzania kodem oraz wsparcie dla standardów webowych. W odróżnieniu od tych narzędzi, Adobe Photoshop nie jest przeznaczony do kodowania ani do zarządzania strukturą stron internetowych. Typowym błędem myślowym jest mylenie edytorów graficznych z edytorami kodu. Programy graficzne są niezbędne do tworzenia wizualnych elementów strony, ale sama ich obecność nie wystarcza do zaprojektowania funkcjonalnej strony internetowej. Użytkownicy mogą pomylić Photoshop z narzędziem do budowy stron, co prowadzi do nieporozumień dotyczących ról, jakie poszczególne aplikacje odgrywają w procesie tworzenia strony. Stąd ważne jest, aby pamiętać, że do efektywnego tworzenia stron internetowych nie wystarczy jedynie umiejętność obsługi programów graficznych, ale także zrozumienie języków programowania oraz narzędzi dedykowanych dla web developmentu.

Pytanie 6

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

A. wydruku plakatów w formacie A2

B. publikacji internetowej

C. publikacji książkowej

D. wydruku przestrzennego 3D

Brak odpowiedzi na to pytanie.

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

Pytanie 7

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

A. max-height

B. background size

C. background-position

D. max-width

Brak odpowiedzi na to pytanie.

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

Pytanie 8

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

A. DHCP

B. SSH

C. DNS

D. FTP

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 9

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

A. Pantone

B. CMY

C. Bichromia

D. RGB

Brak odpowiedzi na to pytanie.

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

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

A. ProPhoto RGB

B. CMYK

C. Adobe RGB

D. sRGB

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 11

Aby stworzyć strony internetowe dla firmowej witryny, która elastycznie przystosowuje się do różnych rozdzielczości ekranu i dobrze prezentuje się oraz działa na różnych urządzeniach, takich jak komputer stacjonarny, tablet czy smartfon, konieczne jest użycie

A. języka XHTML i struktury opartej na tabelach

B. języka XML i oddzielnych wersji strony dla różnych typów urządzeń

C. całkowitego generowania stron w Flashu

D. Responsive Web Design

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Responsive Web Design (RWD) to podejście do projektowania stron internetowych, które umożliwia ich płynne dostosowywanie się do różnych rozdzielczości ekranów i urządzeń. Kluczowym elementem RWD jest elastyczna siatka, która wykorzystuje jednostki względne, takie jak procenty, zamiast jednostek stałych, co pozwala na automatyczne dostosowanie elementów strony do wymiarów ekranu. Przykłady zastosowania RWD obejmują techniki takie jak media queries, które umożliwiają stosowanie różnych stylów CSS w zależności od rozmiaru wyświetlacza. Dzięki temu użytkownicy korzystający z komputerów stacjonarnych, tabletów czy smartfonów mają zapewnione optymalne doświadczenia na stronie. Współczesne standardy, takie jak HTML5 i CSS3, w pełni wspierają RWD, co czyni je najlepszą praktyką w projektowaniu nowoczesnych witryn. Korzystając z RWD, programiści mogą zredukować czas i wysiłek związany z tworzeniem osobnych wersji witryny dla różnych urządzeń, co przekłada się na niższe koszty utrzymania i aktualizacji witryny.

Pytanie 12

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

A. Adobe Premiere

B. Adobe Lightroom

C. Adobe Illustrator

D. Adobe Dreamweaver

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 13

Aby zmienić krój pisma w pliku CSS, należy dostosować właściwość

A. font-family

B. font

C. font-variant

D. font-size

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwość 'font-family' w arkuszu stylów CSS jest kluczowym elementem definiującym krój pisma stosowany na stronie internetowej. Umożliwia ona wskazanie jednego lub kilku krójów czcionek, które będą używane w danym elemencie. Definiując 'font-family', możesz określić czcionkę, która ma być używana, a także zaproponować alternatywne kroje w przypadku, gdy preferowany nie jest dostępny. Na przykład, zapis: 'font-family: Arial, sans-serif;' oznacza, że przeglądarka pierwszeństwo nada czcionce Arial, a jeśli jej nie znajdzie, zastosuje czcionkę z rodziny sans-serif. Dobrą praktyką jest zawsze podawanie zestawu czcionek, aby zapewnić spójność wizualną na różnych urządzeniach i systemach operacyjnych. Oprócz tego, 'font-family' pozwala na zastosowanie czcionek systemowych, a także czcionek dostępnych w sieci, takich jak te z Google Fonts, co daje projektantom większą elastyczność i możliwości w zakresie stylistyki. Zastosowanie tej właściwości zgodnie z aktualnymi standardami CSS jest kluczowe dla uzyskania czytelnych i estetycznych prezentacji tekstu na stronach internetowych.

Pytanie 14

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

A. SSH

B. SSL

C. TCP

D. FTP

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 15

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

A. przekazanie folderów zawierających pliki na serwer.

B. użycie wyrażeń regularnych, które umożliwiają określenie ogólnych zasad.

C. sprawdzenie, jak kod jest interpretowany przez przeglądarkę internetową.

D. utworzenie tablicy wielowymiarowej.

Brak odpowiedzi na to pytanie.

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

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

A. stempla

B. plasterków

C. kanałów

D. ścieżek

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Używanie narzędzia plasterków w Photoshopie to naprawdę fajna rzecz. Dzięki niemu można łatwo podzielić obraz na mniejsze kawałki, co przydaje się zwłaszcza, gdy robimy strony www. To narzędzie pozwala na tworzenie różnych regionów, które potem możemy eksportować jako oddzielne pliki graficzne. Plasterki są ekstra, bo pomagają, gdy projektujemy layouty, które muszą działać szybko. Dzięki nim wyciągamy tylko te elementy, które są nam potrzebne, więc pliki są mniejsze, a stronki ładują się szybciej. Możemy też zmieniać ustawienia przy eksporcie, żeby dopasować jakość i format do tego, co konkretne projekt potrzebuje. W praktyce, korzystanie z tego narzędzia to zgodne z tym, co jest najlepsze w projektowaniu stron, bo to bardzo wpływa na ich wydajność i na to, jak użytkownicy je odbierają.

Pytanie 17

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

A. id

B. alt

C. name

D. target

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Atrybut 'alt' w znaczniku <img> jest kluczowy dla zapewnienia dostępności treści wizualnych w sieci. Jego głównym celem jest dostarczenie opisu zawartości obrazu, co jest szczególnie istotne dla osób korzystających z czytników ekranu. Standardy WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie użycia atrybutu 'alt' jako niezbędnego elementu dla dostępności, ponieważ pozwala to użytkownikom z dysfunkcją wzroku zrozumieć, co przedstawia dany obraz. Przykładem prawidłowego użycia atrybutu 'alt' może być: <img src='zdjecie.jpg' alt='Zdjęcie zielonego lasu w słoneczny dzień'>. Taki opis nie tylko informuje o zawartości obrazu, ale także zwiększa szansę na zaangażowanie użytkowników, którzy mogą nie być w stanie zobaczyć grafiki. Wskazówki dotyczące dobrych praktyk sugerują, aby tekst alternatywny był krótki, zwięzły i ściśle powiązany z kontekstem obrazu. Zastosowanie atrybutu 'alt' w odpowiedni sposób nie tylko spełnia wymogi prawne, ale także przyczynia się do lepszej ogólnej użyteczności strony.

Pytanie 18

W celu opublikowania rastrowego obrazu cyfrowego w internecie należy nadać mu parametry:

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

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

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Obraz cyfrowy przygotowywany do publikacji w internecie powinien mieć tryb barwny RGB, rozdzielczość 72 ppi oraz możliwie jak najmniejszy rozmiar pliku – to takie żelazne zasady, którymi kieruje się każdy grafik czy webmaster. RGB to standardowy model kolorów dla ekranów komputerów, telefonów, tabletów – praktycznie wszystkich urządzeń wyświetlających grafikę online. CMYK jest wykorzystywany w druku, a nie w internecie. Rozdzielczość 72 ppi (czyli pikseli na cal) przyjęła się historycznie jako wystarczająca, bo starsze monitory tyle właśnie wyświetlały – dziś ekrany potrafią więcej, ale wciąż 72 ppi to minimum, które pozwala uzyskać poprawną ostrość i niepotrzebnie nie powiększa pliku. Kluczowy jest także jak najmniejszy rozmiar pliku – im mniejszy plik, tym szybciej ładuje się strona, co jest mega istotne dla komfortu użytkowników i pozycjonowania w Google. Moim zdaniem, zawsze warto korzystać z formatów JPG (dla zdjęć) lub PNG (dla grafik z przezroczystościami), a przed wrzuceniem na stronę dobrze jest skompresować plik, np. w TinyPNG czy Squoosh. To wszystko razem sprawia, że obrazek jest lekki, wygląda dobrze na większości urządzeń i nie zamula strony. W branży webowej lepiej unikać CMYK oraz zbędnie dużych plików – niepotrzebnie tylko obciążają serwer i użytkownika.

Pytanie 19

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

A. Fioletowy, czarny, biały

B. Czerwony, żółty, niebieski

C. Fioletowy, pomarańczowy, zielony

D. Czerwony, fioletowy, pomarańczowy

Brak odpowiedzi na to pytanie.

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

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

A. Pierwszy akapit. Drugi akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit . Drugi akapit.

D. Pierwszy akapit. Drugi akapit.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
To właśnie taki zapis, jak Pierwszy akapit.Drugi akapit., jest zgodny ze standardem HTML. Każdy akapit w dokumencie oznaczamy osobnym tagiem otwierającym i zamykającym . Dzięki temu przeglądarka jednoznacznie wie, gdzie zaczyna i kończy się dany fragment tekstu. To bardzo praktyczne – jak masz większy artykuł czy instrukcję, rozdzielasz go na czytelne sekcje, a czytelnik nie gubi się w ścianie tekstu. Co ciekawe, tag jest tzw. semantycznym elementem HTML, czyli ma określone znaczenie – przeglądarka, czytniki ekranu czy nawet Google wiedzą, że zawartość tego tagu to właśnie akapit. Moim zdaniem, przy tworzeniu stron warto zawsze trzymać się takiego schematu, bo wtedy kod jest czytelny i zgodny z dobrymi praktykami. Spotkałem się z sytuacjami, gdzie ktoś próbował zamykać akapit tylko jednym znacznikiem , albo robił zagnieżdżenia – efekt bywał dość niespodziewany, a strona w różnych przeglądarkach wyglądała zupełnie inaczej. W rozwijaniu projektów webowych to wręcz podstawa, żeby używać poprawnie zamykanych elementów, bo to wpływa na dostępność i kompatybilność. Warto też wiedzieć, że w CSS możesz łatwo stylować każdy akapit, np. nadając mu odstęp czy inną czcionkę, właśnie dlatego, że są dobrze opisane w HTML.

Pytanie 21

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

A. <input>

B. <map>

C. <select>

D. <img>

Brak odpowiedzi na to pytanie.

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

Jaki kod należy umieścić między znacznikami <map> </map> podczas modyfikacji istniejącej strony internetowej, która musi być zgodna ze standardem HTML5, aby utworzyć kołowy obszar aktywny w mapie obrazu, odsyłający do http://www.firma.pl ?

A.	<area shape="circle" coords="50, 50, 40" href=http:// www.firma.pl />
B.	<area shape="circle" coords="50, 50, 40" href="http://www.firma.pl" alt="firma" />
C.	<area circle="circle" coords="50, 50, 40" href="http://www.firma.pl" alt="firma" />
D.	<area shape="rect" coords="50, 50, 100, 150" href="http://www.firma.pl" alt="firma" />

A. D.

B. A.

C. C.

D. B.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź B jest poprawna, ponieważ wykorzystuje właściwe znaczniki HTML5 do stworzenia kołowego obszaru aktywnego na mapie obrazu. W HTML5, aby utworzyć obszar aktywny, należy użyć znacznika <area>, który umożliwia wskazanie formy i właściwości obszaru na mapie. Ustawienie atrybutu shape na 'circle' informuje przeglądarkę, że obszar ma być kołem. Atrybut coords określa współrzędne środka koła oraz jego promień, co jest kluczowe dla prawidłowego wyświetlenia obszaru aktywnego. Przykładowo, jeśli współrzędne wynoszą '50,50,40', oznacza to, że środek koła znajduje się w punkcie (50,50) na obrazie, a jego promień wynosi 40 pikseli. Dodatkowo, atrybut href z wartością 'http://www.firma.pl' określa link, do którego użytkownik zostanie przekierowany po kliknięciu w ten obszar. Użycie atrybutu alt jest również istotne, ponieważ poprawia dostępność strony, umożliwiając osobom korzystającym z technologii wspomagających zrozumienie, co reprezentuje dany obszar. Zastosowanie tych zasad zgodnych z aktualnymi standardami sprawia, że HTML staje się nie tylko bardziej użyteczny, ale także przyjazny dla wszystkich użytkowników.

Pytanie 23

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

A. liczbą 2

B. liczbą 3

C. liczbą 1

D. liczbą 4

Brak odpowiedzi na to pytanie.

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

Przygotowując graficzny projekt reklamy do publikacji w sieci,

A. zmienia się obiekty wektorowe na grafikę rastrową

B. dodaje się spady

C. konwertuje się obrazy cyfrowe na obiekty inteligentne

D. wprowadza się linie bigowania

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Zamiana obiektów wektorowych na grafikę rastrową jest istotną praktyką w procesie dostosowywania projektów graficznych do publikacji w internecie. Wektorowe elementy graficzne, takie jak ilustracje i logotypy stworzone w programach takich jak Adobe Illustrator, są oparte na matematycznych definicjach kształtów, co pozwala im na bezstratne skalowanie w różnych rozmiarach. Jednak w przypadku publikacji internetowych, gdzie elementy często są renderowane w zdefiniowanej rozdzielczości, konwersja tych obiektów na grafikę rastrową (np. PNG, JPEG) pozwala na lepsze dopasowanie do wymogów przeglądarek i oszczędność zasobów. Przykładem może być strona internetowa, która wykorzystuje obrazy rastrowe w celu osiągnięcia szybszego ładowania oraz optymalizacji dla urządzeń mobilnych. Ważne jest, aby podczas konwersji zachować odpowiednią rozdzielczość, co jest kluczowe dla jakości wizualnej. W kontekście standardów branżowych, praktyka ta odnosi się do zasad optymalizacji zasobów graficznych, co jest fundamentalne w nowoczesnym web designie.

Pytanie 25

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

A. Rozdzielczość 72 spi, tryb barwny CMYK.

B. Rozdzielczość 72 dpi, tryb barwny CMYK.

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

D. Rozdzielczość 72 lpi tryb barwny RGB.

Brak odpowiedzi na to pytanie.

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

Adobe Flash nie tworzy animacji dla elementów

A. www

B. dźwięku

C. grafiki

D. klipu filmowego

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Adobe Flash jest narzędziem, które służy do tworzenia interaktywnych treści multimedialnych w Internecie. Jednym z kluczowych aspektów technologii Flash jest to, że nie animuje elementów internetowych (www) w sensie ich implementacji w standardowych przeglądarkach. Flash używa technologii skryptowej ActionScript do animacji obiektów, takich jak klipy filmowe, grafika czy dźwięk, jednak jego zdolności do animacji są ograniczone do środowiska Flash. W praktyce, kiedy tworzymy treści na potrzeby stron internetowych, zaleca się korzystanie z otwartych standardów, takich jak HTML5, CSS3 oraz JavaScript, które są bardziej dostosowane do współczesnych przeglądarek i zapewniają lepszą wydajność oraz wsparcie dla urządzeń mobilnych. Ponadto, zgodnie z wytycznymi W3C, technologia Flash jest uznawana za przestarzałą, co czyni implementację animacji w tym formacie niekorzystną i narażającą na problemy z kompatybilnością.

Pytanie 27

Jakie znaczenie ma akronim HTML?

A. Hierarchiczna struktura danych

B. Kaskadowe arkusze stylów

C. Zewnętrzne arkusze stylów

D. Hipertekstowy język znaczników

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
HTML, czyli Hipertekstowy Język Znaczników, to podstawowy język służący do tworzenia stron internetowych. Jego celem jest strukturalne definiowanie treści, co pozwala przeglądarkom internetowym prawidłowo interpretować i wyświetlać zawartość. HTML pozwala na użycie znaczników (tagów), które definiują różne elementy, takie jak nagłówki, akapity, linki, obrazy czy formularze. Przykładem zastosowania HTML może być stworzenie prostego dokumentu, w którym zastosujemy znacznik <h1> do stworzenia tytułu strony oraz do wprowadzenia tekstu. Ponadto HTML wspiera elementy semantyczne, co poprawia dostępność treści oraz wspiera SEO, co jest kluczowe w tworzeniu nowoczesnych stron internetowych. Standardy HTML są zarządzane przez World Wide Web Consortium (W3C), co gwarantuje ich zgodność i powszechne uznanie w branży.

Pytanie 28

W celu uzyskania widoku przedstawionego na ilustracji należy wybrać w przeglądarkach internetowych Mozilla Firefox lub Google Chrome polecenie

A. edycja lub edytuj.

B. znajdź na tej stronie lub znajdź.

C. zbadaj element lub zbadaj.

D. pobrane pliki lub pobrane.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "zbadaj element" jest prawidłowa, ponieważ umożliwia dostęp do narzędzi deweloperskich przeglądarek internetowych, które są niezbędne do analizy i debugowania stron WWW. Narzędzia te pozwalają na podgląd struktury HTML, CSS oraz JavaScript, co jest niezwykle istotne dla programistów i projektantów stron. W Mozilla Firefox opcja "zbadaj element" umożliwia użytkownikom wybieranie elementów na stronie, co daje możliwość analizy ich właściwości oraz zrozumienia, jak działają różne style i skrypty. W przypadku Google Chrome, funkcja "zbadaj" działa na podobnej zasadzie, oferując także dodatkowe narzędzia, takie jak monitorowanie wydajności, inspekcja zasobów i analiza ruchu sieciowego. W praktyce, korzystając z tych narzędzi, możemy identyfikować problemy z responsywnością, sprawdzać poprawność implementacji, a także przeprowadzać testy A/B, co jest zgodne z najlepszymi praktykami w zakresie tworzenia stron internetowych.

Pytanie 29

Dlaczego zamieszczony kod jest niezgodny z XHTML 1.1?

<!DOCTYPE html>
 <html>
 <head>
  <title>Agencja Grafiki Użytkowej GRAFA</title>
  <link rel="stylesheet" href="css/styles.css"/>
 </head>
 <body>
 <table> <tr><td id="menu">..tu menu... </td>
 <td id="header">Nasza agencja została stworzona przez ludzi dla ludzi.
 Jesteśmy na rynku od 1999 roku, stale zmieniając się dla WAS.
   <blockquote><p> Nasze motto: ....</p> </blockquote></td> </tr>
 <tr> <td colspan="2" id="content"> … tu opis oferty.... </td> </tr>
 </table>
 </body>
 </html>

A. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.

B. Brakuje znacznika <meta> i jego atrybutów.

C. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.

D. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wybór odpowiedzi dotyczącej braku odniesienia do definicji typu dokumentu (DTD) w deklaracji !DOCTYPE jest słuszny, ponieważ zgodnie z normą XHTML 1.1 każda strona internetowa musi zawierać poprawną deklarację do DTD. Deklaracja ta informuje przeglądarki o tym, jak interpretować dokument, co jest kluczowe dla zachowania zgodności i poprawnego renderowania. Przykładowa poprawna deklaracja dla XHTML 1.1 to: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">. Brak takiej deklaracji może prowadzić do nieprawidłowego wyświetlania strony oraz błędów w interpretacji kodu przez różne przeglądarki. Zgodność z DTD zapewnia również, że nasz dokument jest zgodny z obowiązującymi standardami, co jest kluczowe w kontekście SEO i dostępności. Dlatego ważne jest, aby zawsze uwzględniać odpowiednią deklarację, aby uniknąć problemów z kompatybilnością.

Pytanie 30

Która cecha pozwala na użycie czcionki, na przykład, w przypadku tekstu nachylonego?

A. font-size

B. font-family

C. font-style

D. text-indent

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwość CSS 'font-style' jest kluczowa przy definiowaniu stylu czcionki, w tym zastosowania tekstu pochylonego (kursywy). Umożliwia ona ustawienie różnych wariantów stylu czcionki, takich jak normalny, pochylony (italic) lub pogrubiony (oblique). Przykład użycia tej właściwości w praktyce to: 'font-style: italic;'. Warto zaznaczyć, że korzystanie z kursywy jest powszechną praktyką w typografii, której celem jest wyróżnienie fragmentów tekstu, takich jak cytaty, tytuły książek czy terminologia. Zgodnie z najlepszymi praktykami projektowania stron internetowych, dobrze jest stosować kursywę oszczędnie, aby nie przytłoczyć czytelnika. W kontekście responsywności i dostępności, należy również zadbać o to, aby tekst pozostał czytelny na różnych urządzeniach. Warto podkreślić, że różne przeglądarki mogą różnie interpretować czcionki, dlatego zawsze warto testować zastosowane style w różnych środowiskach. Użycie 'font-style' jest zgodne z zasadami CSS3, które pozwalają na bardziej zaawansowane stylizacje tekstu.

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. kompleksowe generowanie stron w Flashu

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

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

D. Responsive Web Design

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

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

C. Zielony.

D. Czarny.

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

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

A. purple; #ff00ff

B. yellow; #ffff00

C. green; rgb(0, 255, 0)

D. rgb(128, 255, 0); #ff8000

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "yellow; #ffff00" jest poprawna, ponieważ obie formy zapisu reprezentują ten sam kolor w standardzie RGB i w postaci szesnastkowej. W kodzie RGB kolor żółty jest definiowany jako (255, 255, 0), co oznacza maksymalne wartości dla czerwonego i zielonego kanału, a zerową dla niebieskiego. W zapisie szesnastkowym, kolor żółty jest reprezentowany jako #FFFF00, gdzie FF to maksymalna wartość dla czerwonego i zielonego kanału, a 00 dla niebieskiego. Używanie różnych formatów kolorów, jak RGB, HEX czy nazwy kolorów, jest powszechne w CSS i HTML, co pozwala na elastyczność w projektowaniu stron internetowych. Warto zaznaczyć, że przy stosowaniu kolorów w web designie warto trzymać się dobrych praktyk, takich jak zapewnienie odpowiedniego kontrastu między tekstem a tłem dla lepszej dostępności. Zrozumienie różnych systemów kolorów jest kluczowe dla każdego web developera, ponieważ pozwala na efektywne wykorzystanie kolorów do wzmocnienia wizualnej komunikacji na stronach internetowych.

Pytanie 34

To pytanie jest dostępne tylko dla zalogowanych użytkowników. Zaloguj się lub utwórz konto aby zobaczyć pełną treść pytania.

Odpowiedzi dostępne po zalogowaniu.

Wyjaśnienie dostępne po zalogowaniu.

Pytanie 35

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

A. Macromedia Director

B. Adobe Flash

C. Adobe Dreamweaver

D. Power Point

Brak odpowiedzi na to pytanie.

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

Pytanie 36

Który z poniższych znaczników powinien być użyty, aby dodać w tekście indeks dolny?

A.

B.

C. <ins>

D. <del>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Znacznik jest używany do oznaczania tekstu, który ma być wyświetlany jako indeks dolny, co jest szczególnie przydatne w kontekście chemii, matematyki oraz w innych dziedzinach, gdzie takie zapisy są powszechne. Przykładowo, w formule chemicznej H₂O, liczba 2 jest zapisana jako indeks dolny, co wskazuje na dwa atomy wodoru w cząsteczce wody. Użycie znacznika poprawia czytelność i zrozumiałość tekstu, a także jest zgodne z zasadami semantyki HTML, które wskazują na właściwe użycie znaczników do określonych konwencji. Warto także zwrócić uwagę na to, że zastosowanie indeksów dolnych i górnych w HTML wspiera dostępność treści, umożliwiając czytnikom ekranu prawidłowe odczytywanie skomplikowanych wyrażeń matematycznych i chemicznych. Standardy W3C zalecają stosowanie znaczników semantycznych, aby poprawić interakcję użytkownika z treścią w sieci.

Pytanie 37

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

A. pochylone.

B. pogrubione.

C. obniżone.

D. podwyższone.

Brak odpowiedzi na to pytanie.

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

Pytanie 38

Wskaż poprawny kod HTML5 dołączający do istniejącej strony plik film.ogg tak, aby przeglądarka mogła załadować plik do pamięci, nawet jeżeli nie zostanie on odtworzony, oraz aby zostały wyświetlone domyślne kontrolki odtwarzania filmu?

A.	<video src="film.ogg" width="400" height="300" preload></video>
B.	<object src="film.ogg" width="400" height="300" load controls> </object>
C.	<object src="film.ogg" width="400" height="300" preload="none" controls="yes"></object>
D.	<video src="film.ogg" width="400" height="300" preload="auto"controls="controls"></video>

A. D.

B. C.

C. A.

D. B.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź D jest poprawna, ponieważ przedstawia prawidłowy kod HTML5 dołączenia pliku wideo 'film.ogg' z wyświetlającymi się domyślnymi kontrolkami odtwarzania. W HTML5 znacznik <video> jest używany do osadzania wideo na stronie internetowej, a właściwe atrybuty są kluczowe dla jego funkcjonalności. Atrybut 'controls' umożliwia użytkownikom interakcję z plikiem wideo, oferując przyciski odtwarzania, pauzy oraz suwak głośności. Dodatkowo, atrybut 'preload' ustawiony na 'auto' instruuje przeglądarkę, aby załadowała plik do pamięci, co jest istotne w kontekście zapewnienia płynności odtwarzania. Wiedza na temat prawidłowego stosowania tych atrybutów jest zgodna z wytycznymi W3C i jest jednym z fundamentalnych elementów nowoczesnego web developmentu. Przykładowy kod powinien wyglądać następująco: <video controls preload="auto"><source src="film.ogg" type="video/ogg"></video>. Tego rodzaju podejście jest zgodne z najlepszymi praktykami i pozwala na wszechstronność oraz dostępność treści multimedialnych w sieci.

Pytanie 39

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

A. <xHtMl>

B. <XHTML>

C. <xhtml>

D. <XHtml>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź <xhtml> jest poprawna, ponieważ XHTML (Extensible Hypertext Markup Language) jest językiem znaczników, który jest surową wersją HTML 5. XHTML jest wrażliwy na wielkość liter, co oznacza, że wszystkie znaczniki muszą być pisane małymi literami. To podejście wynika z faktu, że XHTML opiera się na XML, który ma ścisłe zasady dotyczące składni, w tym konieczność używania małych liter dla nazw znaczników. Użycie odpowiedniej składni pozwala na lepszą interoperacyjność między różnymi przeglądarkami internetowymi oraz zapewnia zgodność z standardami W3C. Przykładowe zastosowanie poprawnego znacznika to: <xhtml><title>Przykład</title></xhtml>, co jest podstawą budowy dokumentu XHTML. Używanie poprawnych znaczników jest kluczowe dla uzyskania odpowiednich wyników w interpretacji przez przeglądarki oraz dla poprawnego działania technologii wspierających, takich jak CSS i JavaScript.

Pytanie 40

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

A. obrazy wektorowe

B. animacje

C. miniatury rastrowe

D. teksty

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Dodanie zastępczych tekstów do obrazów rastrowych na stronach internetowych jest kluczowym elementem zapewnienia dostępności treści dla wszystkich użytkowników, w tym osób z niepełnosprawnościami wzrokowymi. Zastępczy tekst, znany również jako 'alt text', opisuje zawartość obrazu i umożliwia czytnikom ekranu właściwe interpretowanie jego znaczenia. Przykładowo, jeśli na stronie znajduje się obraz przedstawiający kotka, zastępczy tekst mógłby brzmieć 'czarny kot na zielonym tle'. Taki opis nie tylko informuje o tym, co znajduje się na obrazie, ale także może dostarczać kontekstu, który jest ważny dla zrozumienia treści strony. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), dodawanie takich tekstów jest nie tylko zalecane, ale i wymagane dla zapewnienia dostępności strony. Ponadto, zastępczy tekst ma również wpływ na SEO, ponieważ wyszukiwarki mogą lepiej indeksować treści, kiedy zawierają odpowiednie opisy obrazów.

Rozpocznij nowy egzamin

Powrót do strony głównej