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: 22 maja 2026 15:47
Data zakończenia: 22 maja 2026 15:58

Egzamin zdany!

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

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Wskaź program, w którym można przeprowadzić retusz fotografii, która ma być umieszczona na stronie internetowej?

A. Photoshop

B. Illustrator

C. Painter

D. Studio Artist

Photoshop to wiodący program w dziedzinie edycji grafiki rastrowej, który jest szeroko stosowany w branży kreatywnej do retuszu zdjęć. Oferuje zaawansowane narzędzia, takie jak maski, warstwy oraz filtry, które pozwalają na precyzyjne dostosowanie kolorów, kontrastu i detali zdjęć. Użytkownicy mogą wykorzystać funkcję retuszu, aby usunąć niedoskonałości, zredukować szumy oraz poprawić ogólną jakość obrazu, co jest kluczowe przy publikacji na stronach internetowych. Przykładem zastosowania Photoshopa może być retusz portretów, gdzie program umożliwia wygładzenie skóry, usunięcie cieni oraz podkreślenie oczu. Standardy branżowe sugerują, że zdjęcia publikowane online powinny mieć odpowiednią rozdzielczość oraz być zoptymalizowane pod kątem szybkości ładowania, co Photoshop również wspiera dzięki funkcjom eksportu. Dzięki rozbudowanej dokumentacji oraz aktywnej społeczności, użytkownicy mogą łatwo znaleźć porady i techniki, które pomogą im w efektywnej pracy z tym oprogramowaniem.

Pytanie 2

Aby wyróżnić tekst, wyświetlając go na żółtym tle, jaki znacznik należy zastosować?

A. <del>

B. C.

C. <small>

D. <mark>

Znacznik <mark> to fajne narzędzie w HTML, bo pozwala wyróżnić istotne fragmenty tekstu. Można dzięki niemu podświetlić ważne informacje, na przykład na żółtym tle, co na pewno przyciąga wzrok. Kiedy używasz <mark>, to czytelnicy łatwiej zauważają kluczowe punkty, co jest super przydatne w różnych dokumentach, artykułach czy nawet podczas prezentacji. Używanie semantycznych znaczników to dobry pomysł, bo dzięki temu strona jest bardziej zrozumiała, a także bardziej przyjazna dla osób z różnymi potrzebami. Czytniki ekranowe bardzo cenią sobie takie podejście. Warto pamiętać, że standardy W3C promują używanie znaczników, które mają znaczenie w kontekście treści, więc <mark> na pewno jest praktycznym narzędziem do tworzenia dostępnych stron.

Pytanie 3

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

A. <div>

B. <strong>

C. <big>

D. <abbr>

Znacznik <strong> to podstawowe narzędzie w HTML służące do semantycznego wyróżniania fragmentów tekstu, które mają być uznane za szczególnie ważne lub mocno zaakcentowane. W praktyce przeglądarki domyślnie wyświetlają tekst objęty tym tagiem jako pogrubiony, co faktycznie odpowiada na zapotrzebowanie na wyróżnienie. Jednak <strong> to coś więcej niż tylko pogrubienie wizualne – chodzi tutaj o nadanie tekstowi znaczenia, które mogą odczytać nie tylko ludzie, ale także czytniki ekranu, roboty indeksujące czy inne narzędzia wspierające dostępność. Używanie <strong> jest zgodne z dobrymi praktykami, bo nie polega tylko na stylizacji, a na przekazaniu istotności treści. Moim zdaniem, warto pamiętać, że jeśli chcesz po prostu pogrubić tekst bez dodatkowego kontekstu semantycznego, można też użyć <b>, ale to już raczej sytuacja wyjątkowa. W każdym większym projekcie webowym, gdzie myśli się o SEO i dostępności, lepiej postawić właśnie na <strong>. Często, pracując w zespole, widzę że początkujący programiści mieszają te tagi, więc polecam od razu przyzwyczaić się do stosowania semantyki. Co ciekawe, <strong> nie wymaga dodatkowego stylowania CSS, choć zawsze możesz modyfikować wygląd według projektu. Takie podejście naprawdę usprawnia pracę całego zespołu frontendowego i ułatwia późniejsze utrzymanie kodu.

Pytanie 4

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. ścieżek

C. kanałów

D. stempla

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 5

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

A. Microsoft Expression Web.

B. Pajączek.

C. HotDog.

D. Adobe Photoshop.

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

Pytanie 6

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

A. <XHTML>

B. <XHtml>

C. <xhtml>

D. <xHtMl>

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 7

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

A. podwyższone.

B. pochylone.

C. obniżone.

D. pogrubione.

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 8

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

A. font-style

B. font-family

C. text-indent

D. font-size

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 9

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

A. <select>

B. <input>

C. <img>

D. <map>

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

Pytanie 10

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

A. optymalizacja

B. hosting

C. walidacja

D. kolokacja

Odpowiedź 'hosting' jest poprawna, ponieważ odnosi się do usługi, która umożliwia wynajęcie przestrzeni na serwerze od dostawcy internetowego do przechowywania plików oraz uruchamiania aplikacji. Hosting to kluczowy element w ekosystemie internetowym, umożliwiający przedsiębiorstwom i osobom prywatnym publikację treści online. W praktyce, firmy mogą korzystać z różnych typów hostingu, takich jak hosting współdzielony, VPS (Virtual Private Server) czy dedykowany, w zależności od swoich potrzeb i budżetu. Dobrze zorganizowany hosting zapewnia nie tylko miejsce na dane, ale także wsparcie techniczne, aktualizacje i zabezpieczenia, co jest niezbędne do utrzymania dostępności witryn internetowych. Standardy branżowe, takie jak SLA (Service Level Agreement), określają poziom dostępności i wsparcia oferowanego przez dostawców hostingu, co jest istotne dla zapewnienia ciągłości działania usług online. Warto zwrócić uwagę na wybór odpowiedniego dostawcy hostingu, aby spełnić specyficzne wymagania biznesowe oraz techniczne.

Pytanie 11

Celem jest osiągnięcie jak najwyższej pozycji w wynikach wyszukiwania

A. formatowania

B. pozycjonowania

C. testów funkcjonalności

D. kodowania znaków

Testy funkcjonalności, formatowanie oraz kodowanie znaków to różne aspekty związane z tworzeniem i zarządzaniem stroną internetową, jednak nie mają one bezpośredniego wpływu na pozycjonowanie w wyszukiwarkach. Testy funkcjonalności służą do weryfikacji, czy wszystkie elementy strony działają poprawnie i zgodnie z założeniami, co jest istotne dla doświadczeń użytkowników, ale nie wpływa na ranking SEO. Formatowanie odnosi się do sposobu, w jaki treści są prezentowane na stronie, co może wpłynąć na użyteczność, ale nie ma bezpośredniego znaczenia dla algorytmów wyszukiwarek. Kodowanie znaków natomiast zajmuje się reprezentacją tekstu w systemach komputerowych i ma znaczenie dla poprawnego wyświetlania treści, jednak nie jest kluczowym czynnikiem rankingowym. Zrozumienie tych różnic jest kluczowe, aby uniknąć błędnych wniosków o tym, co wpływa na widoczność strony w internecie. W praktyce, wiele osób myli te pojęcia z pozycjonowaniem, co prowadzi do braku skutecznej strategii SEO i ograniczenia możliwości osiągnięcia wysokich pozycji w wynikach wyszukiwania.

Pytanie 12

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

A. Nie, ponieważ licencja obejmuje wyłącznie materiały drukowane - ulotki, plakaty

B. Tak, ponieważ licencja zezwala na wykorzystanie zdjęć w dowolnym celu firmy

C. Nie, firma musi dodatkowo zakupić prawo do używania zdjęć na stronie internetowej

D. Nie, firma ma obowiązek poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu

Licencje Royalty Free są projektowane z myślą o szerokim zastosowaniu, co oznacza, że po zakupie takich zdjęć można je wykorzystywać w różnych kontekstach, w tym w materiałach drukowanych oraz cyfrowych. W przypadku odpowiedzi, która stwierdza, że firma może wykorzystać zakupione zdjęcia do przygotowania strony internetowej, jest to zgodne z właściwym zrozumieniem warunków licencyjnych. Licencja Royalty Free nie ogranicza się jedynie do jednego typu mediów, ale zazwyczaj umożliwia wielokrotne wykorzystanie w różnych projektach, co czyni ją bardzo elastyczną. Przykładem może być użycie tych zdjęć zarówno w broszurach reklamowych, jak i na stronie internetowej, co pozwala na spójne przekazywanie wizualnej tożsamości marki. Ważne jest, aby przed wykorzystaniem zdjęć dokładnie zapoznać się z umową licencyjną, aby upewnić się, że wszystkie warunki są spełnione. Dobre praktyki branżowe sugerują, że każda firma powinna prowadzić dokumentację dotyczącą zakupionych licencji, co ułatwia przyszłe wykorzystanie zasobów wizualnych bez ryzyka naruszenia praw autorskich.

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

Pytanie 14

Podczas projektowania layoutu witryny internetowej powinno się zapewnić

A. prosty i czytelny układ strony

B. niestandardowe typy czcionek

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

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

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 15

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

A. Płyty DVD

B. Zewnętrzny, przenośny dysk magnetyczny

C. Kasety magnetofonowe

D. Serwer NAS

Serwer NAS (Network Attached Storage) to specjalistyczne urządzenie zaprojektowane do przechowywania i udostępniania danych w sieci komputerowej. Wybór serwera NAS do przechowywania dużego zbioru materiałów cyfrowych (2 TB) ma wiele zalet. Przede wszystkim umożliwia on łatwy dostęp do danych dla upoważnionej grupy osób, co jest kluczowe w kontekście współpracy zespołowej. Serwery NAS są wyposażone w różne mechanizmy zabezpieczeń, takie jak autoryzacja użytkowników oraz szyfrowanie danych, co zapewnia bezpieczeństwo przechowywanych informacji. Dodatkowo, serwery NAS często oferują możliwość tworzenia kopii zapasowych oraz replikacji danych, co jest niezbędne w przypadku utraty danych. Dzięki wsparciu dla protokołów takich jak SMB, NFS czy FTP, użytkownicy mogą łatwo integrować NAS z różnymi systemami operacyjnymi. Przykłady zastosowania to udostępnianie plików w biurze, przechowywanie mediów oraz backupowanie danych z komputerów. W kontekście standardów, NAS spełnia wymagania związane z dostępnością i ciągłością działania, co czyni je idealnym rozwiązaniem dla wymagających środowisk.

Pytanie 16

Według zasad typografii w sieci, maksymalna liczba znaków w jednej linii tekstu wynosi

A. 95 znaków

B. 37 znaków

C. 25 znaków

D. 50 znaków

Odpowiedź 50 znaków jest zgodna z zaleceniami typografii internetowej, które sugerują, że optymalna długość linii tekstu powinna wynosić od 50 do 75 znaków. Długość 50 znaków jest szczególnie efektywna, ponieważ wspomaga czytelność i ułatwia skanowanie tekstu przez użytkowników. W praktyce oznacza to, że na stronach internetowych, które stosują tę zasadę, użytkownicy mogą łatwiej przyswajać informacje, co ma pozytywny wpływ na ich doświadczenie. Dobrą praktyką jest także zastosowanie odpowiedniego odstępu między liniami oraz marginesów, co dodatkowo poprawia estetykę i ułatwia czytanie. Warto również zauważyć, że w kontekście urządzeń mobilnych, gdzie przestrzeń jest ograniczona, dąży się do zachowania podobnych zasad, jednak z uwzględnieniem ich specyfiki. Wspierając czytelność, możemy również zwiększyć czas spędzony na stronie oraz zmniejszyć wskaźniki odrzuceń, co jest korzystne z perspektywy SEO.

Pytanie 17

Który atrybut znacznika powinien być użyty, aby włączyć grafikę do strony WWW w sposób spełniający wytyczne WCAG dotyczące użyteczności oraz dostępności serwisów internetowych?

A. id

B. target

C. name

D. alt

Atrybut 'alt' (alternatywny tekst) znacznika <img> jest kluczowy dla zapewnienia dostępności treści wizualnych w Internecie. Zgodnie z wytycznymi WCAG (Web Content Accessibility Guidelines), każdy obraz umieszczony na stronie WWW powinien mieć przypisany atrybut 'alt', który opisuje jego zawartość lub funkcję. Dzięki temu użytkownicy korzystający z czytników ekranu mogą zrozumieć kontekst grafik, co jest niezbędne dla osób z dysfunkcją wzroku. Przykładowo, jeśli na stronie znajduje się zdjęcie jabłka, atrybut alt powinien zawierać opis, taki jak 'czerwone jabłko na białym tle'. W przypadku, gdy obraz jest czysto dekoracyjny, atrybut alt powinien być pusty (alt=""), co informuje technologie asystujące, że obraz nie niesie ze sobą żadnej istotnej informacji. Użycie atrybutu 'alt' jest nie tylko zgodne z wymaganiami prawnymi, ale również przyczynia się do lepszej jakości doświadczeń użytkowników oraz poprawy SEO, ponieważ wyszukiwarki mogą lepiej zrozumieć treści wizualne.

Pytanie 18

Wskaż deklaracje kodu CSS, które wyświetlą obraz "kolo.png" w sposób przedstawiony na rysunku

A. background-image: url(kolo.png); background-repeat : repeat;

B. background-image: kolo.png; background-repeat : repeat-x;

C. background-image: url(kolo.png); background-repeat : repeat-x;

D. background-image: src="kolo.png" alt="nagłówek" height="50" width="50" repeat;

Odpowiedź C jest poprawna, ponieważ odpowiednia deklaracja CSS, która wyświetli obraz 'kolo.png' zgodnie z przedstawieniem na rysunku, zazwyczaj wykorzystuje właściwości takie jak 'background-image', 'width', 'height', 'background-size' oraz 'display'. Przykładowa deklaracja mogłaby wyglądać następująco: css .selector { background-image: url('kolo.png'); width: 100px; /* Szerokość elementu */ height: 100px; /* Wysokość elementu */ background-size: contain; /* Dopasowanie obrazu do kontenera */ display: block; margin: 0 auto; /* Wyśrodkowanie elementu */ } Tego typu podejście jest zgodne z najlepszymi praktykami w CSS, ponieważ pozwala na elastyczne zarządzanie rozmiarem i położeniem obrazów. Użycie 'background-size: contain' zapewnia, że obraz nie zostanie zdeformowany, a 'margin: 0 auto' skutecznie wyśrodkowuje element w jego rodzicu. Taki sposób wyświetlania obrazów jest szczególnie przydatny w responsywnym designie, gdzie istotne jest zachowanie proporcji i odpowiednich rozmiarów obrazów w różnych rozdzielczościach. Dodatkowo, przy poprawnym zastosowaniu tych właściwości, możemy uzyskać profesjonalny i estetyczny wygląd naszej strony.

Pytanie 19

W której sekcji dokumentu HTML powinny się znajdować znaczniki odpowiedzialne za określenie wyglądu właściwej treści strony internetowej?

A. <body>

B. <title>

C. <head>

D. <meta>

Odpowiedź <body> jest prawidłowa, ponieważ to właśnie w tej sekcji dokumentu HTML umieszczana jest właściwa treść strony internetowej, która jest wyświetlana użytkownikom. Znaczniki w obrębie <body> definiują wszystkie elementy, które będą widoczne na stronie, takie jak teksty, obrazy, linki, formularze i inne komponenty interaktywne. W praktyce, to właśnie w <body> implementuje się różnorodne style i skrypty, które wpływają na wygląd i funkcjonalność witryny. Dobrą praktyką jest również organizowanie treści w odpowiednie struktury, takie jak nagłówki (np. <h1>, <h2>), akapity (<p>) oraz listy (<ul>, <ol>), co wspomaga zarówno dostępność treści, jak i SEO. Warto pamiętać, że semantyka HTML ułatwia przetwarzanie treści przez wyszukiwarki oraz czytniki ekranowe, co z kolei pozytywnie wpływa na doświadczenia użytkowników. W związku z tym, umiejętne zarządzanie zawartością w sekcji <body> jest kluczowym aspektem projektowania stron internetowych.

Pytanie 20

Jakie programy umożliwiają tworzenie prezentacji w trybie internetowym?

A. Prezi i PowerPoint

B. Prezi Viewer oraz CorelDRAW

C. LibreOffice Impress oraz LibreOffice Writer

D. LibreOffice Impress oraz Adobe Photoshop

Prezi i PowerPoint to dwa popularne narzędzia, które umożliwiają tworzenie prezentacji online, co jest niezwykle istotne w dzisiejszym środowisku pracy zdalnej. Prezi wyróżnia się interaktywnym podejściem do prezentacji, pozwalając na tworzenie dynamicznych układów oraz nawigacji w niestrukturalny sposób, co przyciąga uwagę odbiorców. Przykładem zastosowania Prezi może być wizualizacja skomplikowanych procesów biznesowych w sposób bardziej przystępny i angażujący. Z kolei PowerPoint, będący częścią pakietu Microsoft Office, oferuje szeroką gamę szablonów, narzędzi graficznych i możliwości animacji, co sprawia, że jest to wszechstronny wybór dla wielu profesjonalistów. Dzięki synchronizacji z chmurą, obie platformy umożliwiają współpracę w czasie rzeczywistym, co znacząco zwiększa efektywność pracy zespołowej. Oba oprogramowania są zgodne z najlepszymi praktykami branżowymi w zakresie tworzenia przejrzystych i profesjonalnych prezentacji, co czyni je niezastąpionymi narzędziami w edukacji i biznesie.

Pytanie 21

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

A. Bgcolor

B. Text-Color

C. Background-Color

D. Color

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 22

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

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

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

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

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

Wiele osób mylnie kojarzy ciasteczka z innymi formami przechowywania lub przesyłania danych, co prowadzi do nieporozumień. Często myśli się, iż ciasteczka to zbiór informacji automatycznie przesyłanych na adres e-mail użytkownika, co jest mylnym założeniem. Ciasteczka są zapisywane lokalnie na urządzeniu użytkownika i służą do lokalnego przechowywania danych. Odpowiedzi wskazujące na zbiorową formę informacji, jak pliki graficzne, również są nieprawidłowe. Pliki graficzne są odrębnym typem plików, które nie mają związku z ciasteczkami, które są wyłącznie tekstowe. Ciasteczka nie są również zbiorami utworów, co świadczy o braku zrozumienia ich podstawowej funkcji. Typowym błędem myślowym w odniesieniu do ciasteczek jest przypisanie im charakterystyki komunikacji z serwerem lub innymi użytkownikami, podczas gdy ich rola sprowadza się do interakcji z przeglądarką i aplikacją webową. Warto zaznaczyć, że ciasteczka są stosowane do śledzenia zachowań użytkowników w sieci, co jest zgodne z regulacjami dotyczącymi prywatności, ale wymaga odpowiedniego zarządzania i transparentności ze strony właścicieli stron internetowych.

Pytanie 23

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

A. brak wsparcia dla języków skryptowych oraz ograniczenia w transferze

B. automatyczne wyświetlanie na witrynie licznych reklam, które są niepowiązane z treścią serwisu

C. brak możliwości dostępu do jakiejkolwiek bazy danych

D. możliwość korzystania z serwera bazy danych, na przykład MySQL

Opublikowanie strony internetowej przy użyciu komercyjnych usług hostingowych zazwyczaj wiąże się z dostępem do serwera bazy danych, takiego jak MySQL. To kluczowy element umożliwiający dynamiczne zarządzanie treścią witryny, co jest szczególnie istotne w przypadku aplikacji webowych i stron opartych na systemach zarządzania treścią (CMS) takich jak WordPress czy Joomla. Dzięki dostępowi do bazy danych, możliwe jest przechowywanie i przetwarzanie informacji, co pozwala na interaktywność oraz personalizację doświadczeń użytkowników. Na przykład, w sklepie internetowym bazy danych umożliwiają przechowywanie informacji o produktach, użytkownikach oraz zamówieniach, co jest niezbędne do prawidłowego funkcjonowania e-commerce. W kontekście najlepszych praktyk branżowych, zaleca się, aby wybierać usługodawców hostingowych, którzy oferują solidne wsparcie dla baz danych oraz mechanizmy ich zabezpieczania, co zwiększa niezawodność i bezpieczeństwo operacji.

Pytanie 24

W jakich formatach powinien być zapisany projekt statycznego banera, aby można go było opublikować w internecie?

A. BMP i WMF

B. RAW i GIF

C. JPEG i PNG

D. PNG i TIFF

Odpowiedzi RAW i GIF, BMP i WMF oraz PNG i TIFF zawierają formaty, które nie są optymalne do publikacji statycznych banerów w internecie. Format RAW jest używany głównie w fotografii do przechowywania nieprzetworzonych danych z matrycy aparatu, co czyni go niepraktycznym do użytku webowego, gdzie potrzebne są pliki o mniejszej wielkości. GIF (Graphics Interchange Format) obsługuje ograniczoną paletę kolorów (do 256 kolorów), co sprawia, że nie nadaje się do zdjęć ani skomplikowanych grafik. Choć doskonale sprawdza się w animacjach, nie jest najlepszym wyborem dla statycznych banerów, które powinny mieć bogatszą kolorystykę. BMP (Bitmap) i WMF (Windows Metafile Format) to formaty, które zazwyczaj generują bardzo duże pliki, co nie jest praktyczne w kontekście szybkiego ładowania pomocy wizualnych w sieci. Format TIFF (Tagged Image File Format) natomiast, mimo że oferuje wysoką jakość, jest zbyt ciężki i często nieobsługiwany przez przeglądarki internetowe. W związku z tym, korzystanie z tych formatów prowadzi do nieefektywnego wykorzystania zasobów, co negatywnie wpływa na doświadczenia użytkowników oraz wydajność stron internetowych. Ważne jest, aby przy publikacji w sieci stosować formaty, które zbalansują jakość obrazu i rozmiar pliku, co jest kluczowe dla zapewnienia szybkiego i przyjemnego użytkowania serwisów online.

Pytanie 25

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

A. <map>

B. <select>

C. <img>

D. <input>

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 26

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

A. Niestandardowe style czcionek

B. Przejrzysty i prosty layout strony

C. Duża liczba elementów animacyjnych

D. Obrazy o wysokiej jakości

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 27

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. ppi i RGB

C. dpi i CMYK

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

C. Żółty

D. Czerwony

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

Pytanie 29

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

A. wydruku przestrzennego 3D

B. publikacji książkowej

C. publikacji internetowej

D. wydruku plakatów w formacie A2

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 30

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

A. CMY

B. RGB

C. Bichromia

D. Pantone

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

Pytanie 31

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

A. <br>

B. <b>

C. <img>

D. <div>

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

Pytanie 32

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

A. okazjonalnych

B. modowych

C. katalogowych

D. plenerowych

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

Pytanie 33

Programy do tworzenia grafiki trójwymiarowej umożliwiają

A. przygotowanie prezentacji multimedialnych

B. tworzenie animacji poklatkowej oraz zaawansowaną obróbkę plików RAW

C. stworzenie modeli postaci z filmów lub bohaterów gier komputerowych

D. projektowanie stron internetowych

Oprogramowanie do projektowania grafiki trójwymiarowej (3D) jest kluczowym narzędziem w branży gier komputerowych oraz filmowej. Umożliwia tworzenie modeli postaci, które stanowią podstawę dla animacji oraz interakcji w tych mediach. Programy takie jak Blender, Autodesk Maya czy 3ds Max umożliwiają artystom 3D modelowanie, teksturowanie oraz animowanie postaci, co sprawia, że są one niezwykle realistyczne i dynamiczne. W procesie tworzenia modeli, artyści korzystają z technik takich jak sculpting, retopologia oraz rigging, które pozwalają na osiągnięcie wysokiej jakości wyników. Przygotowane modele następnie mogą być używane w grach wideo, filmach animowanych, a także w wirtualnej rzeczywistości. Dobre praktyki obejmują optymalizację modeli pod kątem wydajności, co jest niezbędne, by działały płynnie w czasie rzeczywistym. Warto również zauważyć, że zaawansowane oprogramowanie 3D wspiera standardy, takie jak PBR (Physically Based Rendering), co zapewnia realistyczne odwzorowanie materiałów i oświetlenia.

Pytanie 34

Jaki język nie służy do tworzenia stron internetowych?

A. HTML

B. PHP

C. SQL

D. CSS

Tak, HTML, CSS i PHP to podstawowe technologie do robienia stron, ale nie można myśleć, że wszystkie języki są równie ważne w budowie interfejsu. HTML to ten język, który daje strukturę treści. CSS z kolei to odpowiedzialny za styl, czyli kolory, czcionki i układ. PHP to język skryptowy, co pozwala na dynamiczne generowanie treści w odpowiedzi na różne akcje użytkownika, więc jest dość istotny w aplikacjach webowych. Ale mylenie SQL z tworzeniem stron to błąd, bo jego główną rolą jest zarządzanie danymi w bazach. SQL pozwala na różne operacje, jak dodawanie, aktualizowanie czy usuwanie danych. Często ludzie się mylą przez brak znajomości, jak te wszystkie technologie działają razem. Ważne jest, żeby wiedzieć, które języki działają z użytkownikiem, a które ogarniają dane w tle, żeby się nie pogubić w ich zastosowaniu.

Pytanie 35

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

A. kodeki

B. archiwizery

C. wtyczki

D. czcionki

Fonty to elementy typograficzne, które wpływają na wygląd tekstu na stronie, ale nie mają one bezpośredniego wpływu na funkcjonalności systemu zarządzania treścią. Choć są istotne dla estetyki i czytelności, nie rozszerzają one możliwości interakcji czy działania aplikacji. Kodeki są z kolei stosowane do kompresji i dekompresji multimediów, co jest kluczowe dla odtwarzania dźwięku i wideo, ale nie wprowadzają nowych funkcji do CMS-a. Wreszcie, archiwizery to narzędzia służące do kompresji plików, co ma zastosowanie głównie w kontekście przechowywania i przesyłania danych, a nie w rozwoju i funkcjonalności stron internetowych. Typowym błędem myślowym jest mylenie poprawy wyglądu lub zarządzania danymi z rozszerzaniem funkcjonalności, co prowadzi do wyboru niewłaściwych narzędzi do konkretnego zadania. Właściwe podejście do rozwoju stron internetowych powinno uwzględniać specyfikę i zadania, jakie mają być zrealizowane, co wskazuje na istotność wtyczek jako kluczowego elementu w ekosystemie CMS.

Pytanie 36

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. Pióro.

C. Kadrowanie.

D. Cięcie na plasterki.

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 37

Wykonanie projektu witryny internetowego sklepu komputerowego wymaga przygotowania fotografii

A. okazjonalnych.

B. plenerowych.

C. katalogowych.

D. modowych.

Fotografie katalogowe to taki rodzaj zdjęć, który jest absolutną podstawą w branży e-commerce, zwłaszcza jeśli chodzi o sklepy komputerowe czy szeroko pojętą elektronikę. W praktyce chodzi o profesjonalne zdjęcia produktów – na białym lub neutralnym tle, bez zbędnych ozdobników. Takie fotografie są wykonywane z myślą o jak najlepszej prezentacji cech technicznych produktu: pokazują detale, porty, tekstury, a czasem nawet wymiary. Moim zdaniem nie ma lepszego sposobu na to, żeby klient online mógł „obejrzeć” sprzęt prawie jak w sklepie stacjonarnym. Standardy branżowe jasno wskazują, że dobre zdjęcie katalogowe zwiększa sprzedaż, bo buduje zaufanie. Bez nich klient po prostu nie wie, co kupuje. Ważne jest też, by fotografie były spójne pod względem oświetlenia, kolorystyki i kadrowania, bo to podnosi profesjonalizm witryny – dokładnie tak robią największe sklepy jak x-kom czy Komputronik. Dla projektanta strony takie zdjęcia są też łatwiejsze do obróbki i integracji z layoutem – po prostu wrzucasz i wszystko „siedzi”. Z mojego doświadczenia wynika, że nawet średniej jakości fotografia katalogowa lepiej spełnia swoje zadanie niż artystyczne ujęcia, bo klient szuka konkretu, a nie nastroju. Warto o tym pamiętać!

Pytanie 38

W języku HTML znacznik zawiera

A. treść dokumentu.

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

C. nazwę dokumentu.

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

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

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

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

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

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

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

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 40

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

A. Żółty.

B. Zielony.

C. Czarny.

D. Czerwony.

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

Rozpocznij nowy egzamin

Powrót do strony głównej