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: 10 maja 2026 22:18
Data zakończenia: 10 maja 2026 22:28

Egzamin zdany!

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

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

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

A. <sup>

B. <del>

C. <sub>

D. <ins>

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

Pytanie 2

Aby zdefiniować początek dokumentu, należy umieścić znacznik

A. <html>

B. <title>

C. <head>

D. <body>

Odpowiedź <html> jest prawidłowa, ponieważ jest to znacznik, który definiuje początek dokumentu HTML. Wszelkie informacje dotyczące struktury i zawartości dokumentu HTML muszą być umieszczone wewnątrz znaczników <html> oraz </html>. Ten znacznik jest kluczowy dla poprawnej interpretacji dokumentu przez przeglądarki internetowe oraz narzędzia przetwarzające HTML. Przykładem prawidłowego użycia może być struktura dokumentu: <html><head><title>Przykład</title></head><body><h1>Witaj świecie!</h1></body></html>. Ponadto, stosowanie znacznika <html> jest zgodne z normami W3C, co zapewnia, że dokumenty są zgodne z aktualnymi standardami internetowymi. Zrozumienie lokalizacji tego znacznika w kodzie jest kluczowe dla prawidłowego renderowania strony oraz jej dostępności dla różnorodnych urządzeń i oprogramowania.

Pytanie 3

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

A. model

B. kontroler

C. wzorzec

D. widok

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

Pytanie 4

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

A. <strong>

B. <div>

C. <big>

D. <abbr>

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

Pytanie 5

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

A. plasterków

B. kanałów

C. stempla

D. ścieżek

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 6

W jakim przypadku oba odkrycia 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

'yellow; #ffff00' to dobry wybór, bo oba zapisy oznaczają ten sam kolor w różnych formatach. 'yellow' to po prostu nazwa koloru w CSS, a '#ffff00' to jego zapis w systemie HEX. W HEX mamy sześć cyfr, gdzie pierwsze dwie to czerwień, następne dwie to zieleń, a ostatnie dwie to niebieski. Przy '#ffff00' maksymalne wartości czerwonego i zielonego (ff) oraz zerowa niebieskiego (00) dają nam kolor żółty. Wiesz, w praktyce często korzysta się z nazw kolorów w CSS, bo są prostsze, ale jak zaczynasz coś bardziej skomplikowanego, jak programowanie grafiki czy projektowanie stron, to umiejętność obsługi notacji HEX i RGB jest naprawdę przydatna. W CSS3 jest mnóstwo nazw kolorów, które możesz wykorzystać, ale znajomość HEX i RGB jest także ważna, zwłaszcza jeśli chcesz się bawić grafiką i kodowaniem stron.

Pytanie 7

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

A. Adobe Dreamweaver

B. Macromedia Director

C. Power Point

D. Adobe Flash

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

Pytanie 8

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

A. pogrubione.

B. pochylone.

C. podwyższone.

D. obniżone.

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

Pytanie 9

Zamieszczenie w sieci prezentacji w formacie plików PPT jest możliwe dzięki użyciu narzędzia

A. Prezi

B. Adobe Flash

C. Adobe Dreamweaver

D. SlideShare

Prezi, Adobe Flash i Adobe Dreamweaver to narzędzia, które w pewnym zakresie mogą być używane do tworzenia treści wizualnych, jednak nie są dedykowane do publikowania prezentacji w formacie PPT. Prezi to platforma oparta na prezentacjach dynamicznych, które różnią się od tradycyjnych slajdów, co powoduje, że nie obsługuje ona plików PPT w standardowy sposób. Użytkownicy mogą napotkać trudności przy próbie przesłania swoich prezentacji z PowerPoint, ponieważ wymaga to konwersji, co nie zawsze zachowuje oryginalny układ i formatowanie. Z kolei Adobe Flash, mimo że był popularny przez wiele lat do tworzenia animacji i interaktywnych treści, został wycofany z użycia, a wiele przeglądarek już go nie wspiera, co czyni go nieodpowiednim wyborem dla prezentacji w sieci. Adobe Dreamweaver to narzędzie do tworzenia stron internetowych, które również nie ma funkcji umożliwiających publikowanie prezentacji PPT bezpośrednio. Użytkownicy często myślą, że te narzędzia mogą zastąpić SlideShare, ponieważ są znane i używane w innych kontekstach, jednak ich zastosowanie jest ograniczone i nie odpowiada specyficznym potrzebom udostępniania prezentacji w formacie PPT. Wybierając niewłaściwe narzędzie, można napotkać problemy z dostępnością, formatowaniem oraz interakcją z widownią, co wpływa negatywnie na efektywność prezentacji.

Pytanie 10

Jaki skrót odnosi się do ujednoliconego formatu adresowania wszystkich zasobów w sieci (informacji, danych, usług)?

A. IMAP

B. IP

C. FTP

D. URL

FTP (File Transfer Protocol) to protokół stosowany do przesyłania plików między komputerami w sieci, a nie do adresowania zasobów. Choć FTP umożliwia transfer danych, nie dostarcza mechanizmu identyfikacji lokalizacji zasobów w Internecie. IP (Internet Protocol) odnosi się do adresacji urządzeń w sieci, umożliwiając ich identyfikację, ale nie jest bezpośrednio związane z lokalizowaniem zasobów na poziomie aplikacyjnym. IP zawiera numeryczne adresy, które są trudne do zapamiętania i nie są ujednoliconym formatem adresowania zasobów, jak URL. IMAP (Internet Message Access Protocol) jest protokołem, który służy do zarządzania wiadomościami e-mail na serwerze, dając użytkownikom możliwość przeglądania i zarządzania pocztą elektroniczną. IMAP jest zatem specyficznie skierowany na pocztę, a nie na adresowanie zasobów w Internecie. Typowe błędy myślowe prowadzące do tych niepoprawnych wyborów często wynikają z mylenia funkcji różnych protokołów sieciowych oraz ich zastosowań. Właściwe zrozumienie różnicy między adresowaniem zasobów a zarządzaniem danymi jest kluczowe dla prawidłowego korzystania z technologii internetowych.

Pytanie 11

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

A. .znaczek {list-style-image: url(grafiki/znaczek_logo.gif)}

B. ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)}

C. .znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)}

D. ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)}

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

Pytanie 12

Projektując efektywny baner internetowy, należy zwrócić uwagę na

A. wielokolorowość.

B. duży rozmiar.

C. prostość i spójność układu.

D. różnorodność wizualną i tekstową.

Tworząc skuteczny baner internetowy, kluczowe jest, aby zachować prostotę i spójność kompozycji. Prosty design pozwala użytkownikom szybko zrozumieć przekaz, co jest niezwykle ważne w środowisku internetowym, gdzie czas reakcji jest ograniczony. Spójność kompozycji oznacza, że wszystkie elementy graficzne, kolory oraz czcionki powinny współgrać ze sobą, tworząc harmonijną całość. Przykładem może być stosowanie ograniczonej palety kolorów, która nie tylko przyciąga uwagę, ale również pozwala na lepsze zapamiętanie marki. W praktyce, efektywne banery często wykorzystują duże, czytelne czcionki i wyraźne przyciski CTA (Call to Action), co sprzyja konwersji. Standardy UX/UI wskazują, że dostosowanie elementów wizualnych do preferencji grupy docelowej oraz unikanie nadmiaru informacji przyczynia się do zwiększenia skuteczności kampanii reklamowych. Warto również dodać, że zgodność z zasadami dostępności pozwala dotrzeć do szerszej grupy odbiorców.

Pytanie 13

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

A. operator +

B. operator *

C. operator /

D. operator %

Operator / jest używany do dzielenia dwóch liczb i zwraca wynik w postaci liczby, a nie reszty z dzielenia. W przypadku 5 / 2, wynik wynosi 2.5, co ilustruje, że operator ten nie może być stosowany do zyskania informacji o reszcie z dzielenia. Operator + z kolei służy do dodawania dwóch wartości. Przykład 3 + 2 daje wynik 5, co jest zasadniczo innym działaniem niż obliczanie reszty. Operator * jest używany do mnożenia, więc 3 * 2 wynosi 6; również nie ma związku z operacją dzielenia. Typowym błędem, który można dostrzec, jest mylenie operatora dzielenia z operatorem modulo, co prowadzi do niepoprawnych wyników w obliczeniach. Ważne jest zrozumienie kontekstu, w jakim każdy operator jest używany, ponieważ stosowanie niewłaściwego operatora do zadania może skutkować błędami logiki w programie, które są trudne do zidentyfikowania. Aby uniknąć takich problemów, programiści powinni starannie przemyśleć wybór operatorów, a także zapoznać się z dokumentacją języka JavaScript, aby w pełni zrozumieć, jak działają poszczególne operacje na liczbach.

Pytanie 14

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

A. 25 znaków

B. 55 znaków

C. 37 znaków

D. 95 znaków

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

Pytanie 15

Na rysunku przedstawiono projekt multimedialny

A. galerii zdjęć.

B. prezentacji.

C. animacji.

D. strony www.

Odpowiedź, którą zaznaczyłeś, to galeria zdjęć i to jest całkiem dobre! Widać, że na załączonym obrazku mamy do czynienia z interfejsem, który typowo kojarzy się z tym rodzajem aplikacji. Galerie zdjęć są super, bo pozwalają na łatwe przeglądanie wizualnych treści. Użytkownicy mogą zobaczyć miniatury zdjęć z jednej strony, a z drugiej większy widok wybranego zdjęcia. To takie proste i intuicyjne, co zgadza się z zasadami użyteczności. W praktyce galerie używa się wszędzie - od osobistych albumów online po portfolio artystów. Wiele platform, na przykład WordPress, ma wtyczki, które to umożliwiają, co czyni je mega wszechstronnym narzędziem. Poza tym, jeśli myślimy o SEO, to dobrze zrobiona galeria z odpowiednimi tagami alt może naprawdę pomóc w lepszej indeksacji w wyszukiwarkach. To może zwiększyć widoczność Twojego projektu, co przecież jest ważne.

Pytanie 16

Podczas projektowania layoutu witryny internetowej powinno się zapewnić

A. prosty i czytelny układ strony

B. dużą liczbę elementów animowanych na stronie głównej

C. niestandardowe typy czcionek

D. wysoką jakość rozdzielczości obrazów

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

Pytanie 17

Jakie znaczenie ma poniższa deklaracja kodu CSS:

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

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

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

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

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

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 18

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

B. A.

C. D.

D. C.

W przypadku niepoprawnych odpowiedzi, kluczowym błędem jest brak zrozumienia, jak działa znacznik <area> w kontekście tworzenia aktywnych obszarów w mapach obrazów w standardzie HTML5. Niezrozumienie zasadności atrybutu shape oraz jego wartości prowadzi do niewłaściwego definiowania kształtów obszarów. Na przykład, nieokreślenie atrybutu coords sprawia, że przeglądarka nie ma informacji o lokalizacji oraz wymiarach obszaru, co skutkuje brakiem interakcji z użytkownikiem. Wiele osób może również nie zdawać sobie sprawy, że bez wskazania atrybutu href, mapy obrazów stają się nieużyteczne, jako że kliknięcie w nie nie prowadzi do żadnej akcji. Często pojawia się również nieprawidłowe założenie, że inne znaczniki HTML mogą zastąpić <area>, co jest błędnym wnioskiem, ponieważ <area> jest jedynym odpowiednim elementem do tego celu. Zrozumienie standardów HTML5 jest kluczowe dla tworzenia dostępnych i funkcjonalnych stron internetowych, a ignorowanie tych zasad prowadzi do poważnych problemów w projektowaniu. Ponadto, pomijanie atrybutu alt nie tylko obniża dostępność strony, ale także może naruszać wymogi prawne dotyczące dostępności w sieci. Edukacja w zakresie właściwego użycia znaczników HTML5 jest niezbędna dla każdego, kto chce tworzyć nowoczesne i responsywne strony internetowe.

Pytanie 19

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

A. Szyfrowanie PGP

B. Kwalifikowany podpis elektroniczny

C. Mechanizmy szyfrowania SSL i TLS

D. Hasło przekazywane klientowi w automatycznie generowanej wiadomości e-mail

Słuchaj, używanie haseł przesyłanych przez e-maile jako sposobu na zabezpieczenie danych to nie jest najlepszy pomysł. Jasne, hasła są ważne, ale jeśli przesyłasz je w e-mailach, to narażasz je na przechwycenie przez hakerów. Bo te maile mogą być łatwe do odczytania przez niepowołane osoby, co prowadzi do nieautoryzowanego dostępu do kont. Co do kwalifikowanego podpisu cyfrowego, to on wprawdzie dodaje jakąś warstwę zabezpieczeń, ale nie szyfruje danych w trakcie ich przesyłania. Podpisy są bardziej do potwierdzania autentyczności, a nie do szyfrowania. PGP to jeszcze inna sprawa, bo to głównie służy do szyfrowania wiadomości e-mail, ale w przypadku szyfrowania połączeń w internecie nie jest to zbyt powszechne. Dużo ludzi myśli, że skoro coś jest szyfrowane, to już jest wszystko ok, ale w rzeczywistości SSL i TLS są niezbędne do zapewnienia bezpieczeństwa. Ignorowanie tego może prowadzić do sporych problemów z bezpieczeństwem.

Pytanie 20

Zawarty w dokumencie elektronicznym odnośnik, który stanowi link umożliwiający błyskawiczny dostęp do informacji z innej sekcji tego dokumentu, to

A. przycisk wyboru

B. pasek przewijania

C. widżet

D. hiperłącze

Pasek przewijania to narzędzie interfejsu użytkownika, które umożliwia przewijanie treści w dokumencie. Choć jest istotnym elementem nawigacji, nie spełnia funkcji hiperłącza, ponieważ nie prowadzi użytkownika do konkretnej sekcji, lecz jedynie pozwala na przeglądanie zawartości w sposób linearny. Widżet to komponent interfejsu graficznego, który może pełnić różnorodne funkcje, takie jak wyświetlanie informacji lub interakcję z użytkownikiem, ale również nie ma bezpośredniego związku z nawigacją w obrębie dokumentu, a w kontekście pytania nie dostarcza mechanizmu nawigacyjnego do innych części dokumentu. Przyciski wyboru, z drugiej strony, służą do zaznaczania opcji w formularzach, co również nie odpowiada na zapotrzebowanie na bezpośrednie linkowanie do treści. Typowym błędem jest mylenie tych elementów z hiperłączem, co może wynikać z niepełnego zrozumienia ich funkcji i zastosowania w kontekście interakcji użytkownika z dokumentami elektronicznymi. Niezrozumienie tych różnic prowadzi do nieefektywnego projektowania interfejsów, które nie wykorzystują w pełni potencjału hiperłączy w kontekście nawigacji i dostępności informacji.

Pytanie 21

Jakie są poszczególne kroki w procesie tworzenia stron internetowych?

A. Przygotowanie layoutu, zgłoszenie strony do wyszukiwarek, pozycjonowanie, tworzenie kodu witryny

B. Rejestracja domeny i usług hostingu, testowanie poprawności działania serwisu www, hosting, rozwój witryny, tworzenie layoutu oraz kodu wyświetlanego w przeglądarkach internetowych

C. Przygotowanie layoutu, kodowanie i programowanie strony, publikacja oraz optymalizacja strony

D. Rejestracja domeny i usług hostingowych, optymalizacja i aktualizacja strony, projektowanie graficzne strony

Analizując inne odpowiedzi, można zauważyć, że wiele z nich pomija istotne etapy w procesie tworzenia strony internetowej. Na przykład, rejestracja domeny i usług hostingowych jest tylko wstępnym krokiem, który nie jest kluczowy dla samego tworzenia strony, lecz jedynie jej uruchomienia. Zgłoszenie strony do wyszukiwarek i pozycjonowanie to działania, które powinny być podejmowane po stworzeniu serwisu, a nie na etapie jego tworzenia. Przygotowanie layoutu oraz tworzenie kodu to kroki, które powinny następować w konkretnej kolejności, aby zapewnić spójność i funkcjonalność witryny. Optymalizacja i aktualizacja strony, chociaż ważne, również nie są częścią fazy tworzenia, lecz powinny być traktowane jako działania konserwacyjne. Często pojawiają się błędne założenia, że wszystkie te procesy są wymienne lub mogą być realizowane równocześnie, co prowadzi do niewłaściwego zrozumienia cyklu życia projektu webowego. Kluczowe jest zrozumienie, że każdy etap ma swoje specyficzne cele i wymagania, a ich odpowiednia sekwencja wpływa na końcowy wynik projektu.

Pytanie 22

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

A. Background-Color

B. Color

C. Text-Color

D. Bgcolor

Właściwość CSS 'background-color' to naprawdę ważny element, jeśli chodzi o stylizację stron. Dzięki niej możemy fajnie ustawić kolory tła dla różnych elementów naszej strony. To sprawia, że strona wygląda lepiej i jest bardziej przyjemna dla oka użytkownika. Na przykład, żeby ustawić jasnoszary kolor tła dla 'div', możemy napisać coś takiego: 'div { background-color: #f0f0f0; }'. Ale pamiętaj, żeby dobierać kolory tak, żeby dobrze kontrastowały z tekstem, bo to naprawdę ma znaczenie dla osób, które korzystają z naszej strony. Warto się też zainteresować innymi właściwościami, jak 'background-image' czy 'background-size', bo dzięki nim można stworzyć ciekawe wizualne efekty. Takie połączenia to super sposób na przyciągnięcie uwagi!

Pytanie 23

Czym jest mapa witryny internetowej?

A. ilustruje schemat zawierający grafiki umieszczone na stronie

B. prezentuje w skrótowy i przejrzysty sposób organizację podstron

C. umożliwia sprawdzenie kaskadowych arkuszy stylów pod kątem zgodności z normą CSS

D. umożliwia wyszukiwanie błędów w kodzie strony

Mapa witryny internetowej, znana również jako sitemap, to narzędzie, które pomaga użytkownikom oraz wyszukiwarkom lepiej zrozumieć strukturę serwisu. Odpowiedź 4 jest poprawna, ponieważ mapa witryny prezentuje hierarchię podstron w sposób zwięzły i intuicyjny, co ułatwia nawigację zarówno dla ludzi, jak i robotów indeksujących. Umożliwia to szybkie odnalezienie treści oraz poprawia dostępność strony. Praktyczne zastosowanie mapy witryny obejmuje jej integrację z plikami XML, które są wykorzystywane przez wyszukiwarki do efektywnego skanowania stron. Standardy, takie jak Google Search Console, podkreślają znaczenie posiadania mapy witryny do optymalizacji SEO, ponieważ poprawia to widoczność w wynikach wyszukiwania. Dobrą praktyką jest regularne aktualizowanie mapy witryny, aby odzwierciedlała zmiany w treści, co zwiększa szansę na szybsze indeksowanie nowych lub zmodyfikowanych podstron.

Pytanie 24

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

A. niewidoczne grafiki zapisywane na dysku użytkownika podczas przeglądania stron internetowych

B. małe pliki tekstowe przechowywane na dysku użytkownika w trakcie przeglądania stron internetowych

C. zbiór danych przesyłanych automatycznie na adres e-mail osoby odwiedzającej stronę internetową

D. zbiór utworów ogólnie dostępnych na stronach internetowych dla ich użytkowników

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

Pytanie 25

Jakie aspekty powinny być brane pod uwagę przy projektowaniu układu strony internetowej?

A. Obrazy o wysokiej jakości

B. Przejrzysty i prosty layout strony

C. Niestandardowe style czcionek

D. Duża liczba elementów animacyjnych

Prosty i czytelny układ strony jest kluczowy dla skutecznej nawigacji i doświadczeń użytkowników. Taki layout umożliwia użytkownikom szybkie odnalezienie potrzebnych informacji, co zwiększa ich satysfakcję oraz czas spędzony na stronie. Przykładem dobrego układu może być zastosowanie siatki (grid) w projektowaniu, co pozwala na łatwe rozmieszczanie elementów w sposób uporządkowany. Standardy takie jak WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie czytelności w kontekście dostępności treści dla osób z różnymi niepełnosprawnościami. Dobrze zorganizowany layout powinien także uwzględniać hierarchię informacji, co oznacza, że najważniejsze elementy powinny być bardziej wyróżnione. Dodatkowo, stosowanie odpowiednich odstępów, kontrastów kolorystycznych oraz typografii wpływa na estetykę i użyteczność strony, co jest istotne dla utrzymania uwagi użytkowników.

Pytanie 26

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

A. FLA, SVG

B. FLV, TIFF

C. WEBM, DOCX

D. MPEG-4, MOV

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

Pytanie 27

Wskaż poprawny sposób zapisu akapitów tekstu w języku HTML.
</p>Drugi akapit.</p/>

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

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

C. </p>Pierwszy akapit.</p/>

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

Poprawny zapis dotyczący akapitów w HTML wykorzystuje znacznik <p> do otwierania i zamykania akapitów. W pierwszej odpowiedzi, <p>Pierwszy akapit.</p> <p>Drugi akapit.</p>, mamy do czynienia z poprawnie zagnieżdżonymi znacznikami, co zapewnia prawidłową strukturę dokumentu HTML. Znacznik <p> jest używany do definiowania akapitów tekstu, a każda para znaczników <p></p> reprezentuje oddzielny akapit. Taki zapis jest zgodny z zaleceniami W3C, co jest kluczowe dla utrzymania standardów webowych. Zastosowanie nagłówków i akapitów jest istotne nie tylko ze względu na estetykę, ale przede wszystkim z uwagi na dostępność treści, SEO oraz czytelność. Przykładem może być strona internetowa, na której odpowiednie zastosowanie znaczników <p> poprawia doświadczenia użytkownika, ułatwiając skanowanie treści i ich przyswajanie. Praktycznym podejściem jest również unikanie zagnieżdżania znaczników <p> w innych znacznikach blokowych, gdyż może to prowadzić do nieprzewidywalnych wyników renderowania w różnych przeglądarkach.

Pytanie 28

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

B. Żółty

C. Czerwony

D. Czarny

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 29

Jakie znaczenie ma akronim HTML?

A. Hipertekstowy język znaczników

B. Zewnętrzne arkusze stylów

C. Kaskadowe arkusze stylów

D. Hierarchiczna struktura danych

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 <p> 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 30

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/>

Właściwy zapis akapitów w HTML to właśnie taki, w którym każdy akapit jest zamknięty osobno przez parę znaczników <p> oraz </p>. To jest podstawa czytelności i poprawności struktury całego dokumentu HTML. Przeglądarki internetowe, a także różnego typu parsery czy systemy CMS, oczekują takiej właśnie składni. Właśnie zamknięcie akapitu za pomocą </p> kończy jego treść, a kolejny <p> rozpoczyna nowy blok tekstu, co jest bardzo logiczne i ułatwia późniejszą edycję albo stylowanie (np. przez CSS). Moim zdaniem, warto też zapamiętać, że niezamknięte znaczniki lub błędna składnia potrafią mocno namieszać w wyświetlaniu strony – czasem niby wszystko wygląda ok, a potem człowiek próbuje dodać styl albo skrypt i pojawiają się dziwne błędy. Według oficjalnej specyfikacji W3C, właśnie taki zapis jest poprawny i zgodny z HTML5. Gdy piszesz większą stronę lub projektujesz szablon, dobrze wyrobić sobie nawyk konsekwentnego zamykania wszystkich bloków. Dobrą praktyką jest też nie umieszczać innych blokowych tagów wewnątrz <p>, bo wtedy walidator potrafi zgłosić błąd. W praktyce ta syntaktyka jest bardzo uniwersalna i stosowana w każdej profesjonalnej stronie.

Pytanie 31

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. Użycia komercyjnego, na tych samych warunkach.

B. Użycia w celach niekomercyjnych.

C. Uznania autorstwa, na tych samych warunkach.

D. Wyłącznie uznania autorstwa.

Odpowiedź 'Uznania autorstwa, na tych samych warunkach.' jest prawidłowa, ponieważ odnosi się do zasad licencji Creative Commons, które są kluczowe dla legalnego korzystania z dzieł chronionych prawem autorskim. Licencje te, w tym szczególnie typ CC BY-SA (Uznanie autorstwa – Na tych samych warunkach), wymagają, aby użytkownik, który zamierza wykorzystać dany utwór, uznał autorstwo oryginalnego twórcy, co oznacza podanie jego imienia i nazwiska lub pseudonimu w sposób zgodny z intencją twórcy. Ponadto, jeśli tworzysz nowe dzieło, bazując na utworze objętym tą licencją, musisz udostępnić je również na takich samych warunkach. Przykładem może być artysta, który tworzy plakat na podstawie zdjęcia objętego licencją CC BY-SA; w takim przypadku musi podać źródło zdjęcia oraz oznaczyć, że plakat jest dostępny na tych samych zasadach. Właściwe stosowanie licencji Creative Commons nie tylko wspiera twórczość i innowacyjność, ale również chroni prawa autorów, co jest zgodne z najlepszymi praktykami w zakresie ochrony własności intelektualnej.

Pytanie 32

Która z podanych zasad nie odnosi się do tworzenia witryn internetowych?

A. Użycie co najmniej trzech par kolorów dopełniających.

B. Tworzenie atrakcyjnych grafik.

C. Wykorzystywanie krótkich fragmentów tekstu.

D. Zachowanie spójności stylistycznej.

Wprowadzanie co najmniej trzech par barw wzajemnie dopełniających nie jest zasadą powszechnie stosowaną w projektowaniu stron internetowych. W rzeczywistości, skuteczne projektowanie wizualne polega na umiejętnym dobieraniu kolorów, które nie tylko są estetyczne, ale także wspierają czytelność i funkcjonalność strony. Wiele z najlepszych praktyk w zakresie projektowania kolorów sugeruje ograniczenie palety kolorów do dwóch lub trzech głównych barw, co pozwala na zachowanie spójności wizualnej i unikanie przeładowania informacyjnego. Przykładowo, stosując jedną dominującą barwę, kolor akcentu oraz neutralne tło, projektant może stworzyć harmonijną kompozycję. Ponadto, zasady dotyczące dostępności, takie jak zapewnienie odpowiedniego kontrastu między tekstem a tłem, są kluczowe, by strona była użyteczna dla wszystkich użytkowników. Zatem, wykorzystanie zbyt wielu par barw wzajemnie dopełniających może prowadzić do dezorientacji i zmniejszenia funkcjonalności strony, zamiast ją poprawić.

Pytanie 33

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

A. <sub>

B. <ins>

C. <mark>

D. <small>

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 34

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

A. określenie parametrów animacji obiektów na stronie.

B. obróbkę graficzną zastosowanych widgetów.

C. zwiększenie widoczności strony internetowej w wynikach wyszukiwania.

D. dobór rozdzielczości elementów graficznych.

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

Pytanie 35

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

A. <!komentarz*

B. /*komentarz*/

C. *komentarz!>

D. */komentarz/*

Komentarze w plikach CSS są kluczowym elementem umożliwiającym programistom i projektantom wprowadzenie dodatkowych informacji w kodzie, które nie będą interpretowane przez przeglądarki. Prawidłowym sposobem na zdefiniowanie komentarza w CSS jest użycie zapisu /*komentarz*/. Taki zapis pozwala na umieszczanie dowolnych notatek, które mogą wyjaśniać funkcjonalność danego fragmentu kodu, co jest szczególnie przydatne w większych projektach. Przykładem może być sytuacja, gdy w kodzie CSS używasz sekcji dotyczącej układu strony: /* Ustawienia dla układu strony */. Dzięki temu, każdy, kto będzie pracował nad tym kodem, zrozumie, jakie elementy są związane z układem. Zastosowanie komentarzy jest zgodne z najlepszymi praktykami programistycznymi, ponieważ zwiększa czytelność kodu i ułatwia utrzymanie oraz rozwijanie projektu w przyszłości. Komentarze pomagają również w współpracy zespołowej, gdzie różne osoby mogą pracować nad tym samym plikiem. "

Pytanie 36

Jakie rodzaje stron internetowych są zoptymalizowane do prawidłowego wyświetlania na ekranach różnych urządzeń, takich jak: monitor komputera, laptop, tablet czy smartfon?

A. Interaktywne

B. Responsywne

C. Informacyjne

D. Statyczne

Odpowiedź 'responsywne' jest poprawna, ponieważ strony responsywne są projektowane w taki sposób, aby automatycznie dostosowywały się do rozmiaru ekranu urządzenia, na którym są wyświetlane. Umożliwia to optymalne doświadczenie użytkownika, niezależnie od tego, czy korzysta on z komputera stacjonarnego, laptopa, tabletu czy smartfona. W praktyce oznacza to, że elementy takie jak tekst, obrazy i przyciski zmieniają swoje układ i rozmiar w odpowiedzi na różne rozdzielczości ekranu. Wytyczne wypracowane przez World Wide Web Consortium (W3C) oraz zasady projektowania opartego na siatce (grid-based design) są podstawą tworzenia takich stron. Przykładem mogą być witryny sklepów internetowych, gdzie responsywność jest kluczowa, umożliwiając zakupy na różnych urządzeniach, co przekłada się na wyższą konwersję i lepsze doświadczenie klienta. Ponadto użycie technologii CSS3, takich jak media queries, jest standardem w responsywnym projektowaniu, co zapewnia elastyczność i funkcjonalność stron w różnych kontekstach użytkowych.

Pytanie 37

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

A. <img>

B. <b>

C. <br>

D. <div>

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 38

W języku HTML znacznik zawiera

A. treść dokumentu.

B. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.

C. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.

D. nazwę dokumentu.

Wiele osób zaczynających naukę HTML myli się w kwestii roli znacznika <meta>, czasem zakładając, że odpowiada on za główną treść dokumentu, jego nazwę czy nawet jakieś ukryte, rozwijane fragmenty. W rzeczywistości <meta> nie służy do przechowywania widocznych elementów strony ani do nadawania jej nazw. Treść dokumentu, czyli to, co użytkownik widzi na stronie, umieszcza się w sekcji <body> za pomocą takich znaczników jak <p>, <div>, <h1> itd. <meta> znajduje się natomiast w sekcji <head> i nigdy nie pokazuje niczego bezpośrednio użytkownikowi. Nazwę dokumentu ustala się przez <title>, a nie <meta>, co jest częstym problemem – tytuł pojawia się np. na karcie przeglądarki i jako nagłówek wyników wyszukiwania. Wersje HTML nie przewidują też żadnego mechanizmu, w którym <meta> przechowuje bloki danych rozwijane przez użytkownika – do tego służą zupełnie inne narzędzia, jak <details> czy skrypty w JavaScript. Typowy błąd to także założenie, że <meta> działa automatycznie na pozycjonowanie, podczas gdy obecnie niektóre wyszukiwarki ignorują wybrane tagi meta (np. keywords), a większą wagę przykładają do realnej treści i struktury strony. W praktyce dobre wykorzystanie <meta> polega na świadomym umieszczaniu opisów (meta description), słów kluczowych, informacji o kodowaniu czy instrukcji dla robotów, co wynika bezpośrednio ze specyfikacji HTML5. Rozumienie, gdzie umieścić <meta> i jakie dane może zawierać, jest kluczowe dla każdego, kto chce tworzyć profesjonalne i nowoczesne strony internetowe. Warto też pamiętać, że meta tagi są narzędziem dla maszyn, a nie dla końcowego użytkownika – to subtelna, ale istotna różnica, której pominięcie prowadzi do wielu nieporozumień.

Pytanie 39

Logo, menu, baner, widgety oraz intro to elementy

A. layoutu strony internetowej.

B. animacji poklatkowej.

C. profesjonalnego materiału wideo z eventu.

D. prezentacji multimedialnej.

Logo, menu, baner, widgety oraz intro to właśnie te elementy, które najczęściej spotyka się w layoutach, czyli szablonach stron internetowych. Takie komponenty pełnią kluczowe funkcje – logo oczywiście odpowiada za identyfikację wizualną firmy lub marki, menu służy do nawigacji, baner często promuje najważniejsze treści lub wydarzenia, widgety dodają różne funkcjonalności (np. pogodę, wyszukiwarkę, kalendarz), a intro bywa wykorzystywane do przyciągnięcia uwagi użytkownika przy pierwszym wejściu na stronę. Moim zdaniem przy projektowaniu strony internetowej nie da się pominąć tych podstawowych części, bo one tworzą pierwszy kontakt użytkownika z witryną. Praktycznie każda profesjonalnie zaprojektowana strona www ma przemyślany layout, a w nim logicznie rozmieszczone takie elementy, żeby korzystanie było intuicyjne i przyjemne. Standardy branżowe, takie jak WCAG czy zalecenia Google dotyczące UX/UI, podkreślają wagę czytelnego rozplanowania layoutu, spójności graficznej i dostępności nawigacji. Dobry layout łączy estetykę z funkcjonalnością – to jest podstawa zarówno dla bloga, sklepu internetowego, jak i dużego portalu. Często nawet drobny widget potrafi zrobić wielką różnicę w odbiorze strony. Warto więc znać te podstawowe elementy i umieć je poprawnie zaprojektować oraz wdrożyć.

Pytanie 40

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

A. filmu.

B. tabeli.

C. dźwięku.

D. obrazu.

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.

Rozpocznij nowy egzamin

Powrót do strony głównej