Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik fotografii i multimediów
Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Data rozpoczęcia: 8 grudnia 2025 10:22
Data zakończenia: 8 grudnia 2025 10:33

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

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 2

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

A. Pierwszy akapit. Drugi akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit . Drugi akapit.

D. Pierwszy akapit. Drugi akapit.

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

Pytanie 3

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

A. 20.01.2018

B. 18.01.2018

C. 12.01.2018

D. 14.01.2018

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

Pytanie 4

Programy do tworzenia grafiki trójwymiarowej umożliwiają

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

B. przygotowanie prezentacji multimedialnych

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

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 5

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

A. Kadrowanie.

B. Zaznaczenie prostokątne.

C. Pióro.

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 6

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

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

B. wybór przeglądarki internetowej

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

D. kolorystyka strony

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

Pytanie 7

Jakie znaczenie ma poniższa deklaracja kodu CSS:

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

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

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. Tekst znajdujący się we wszystkich znacznikach l oraz wszystkich znacznikach span będzie miał rozmiar 10 pt i kolor zielony

Analizując dostępne odpowiedzi, wiele z nich błędnie interpretuje zakres zastosowania reguły CSS. Na przykład, mówienie, że 'tekst wewnątrz wszystkich znaczników l i oraz wszystkich znaczników span będzie wielkości 10 pt i zielonego koloru' nie uwzględnia faktu, że reguła dotyczy tylko spanów wewnątrz li. Ponadto, pomylenie selektora z ogólnymi znacznikami <li> prowadzi do nieporozumień, ponieważ reguła nie zmienia stylu wszystkich znaczników <li>, ale tylko tych, które zawierają . Właściwości CSS są w rzeczywistości stosowane na podstawie hierarchii zagnieżdżonych elementów, co oznacza, że niepoprawne jest stosowanie stylów do rodziców, kiedy reguła dotyczy tylko ich dzieci. Innym typowym błędem jest stwierdzenie, że styl dotyczy 'wszystkich znaczników span', co jest błędne, ponieważ reguła odnosi się tylko do tych spanów zagnieżdżonych w li. Aby uniknąć takich nieporozumień, ważne jest, aby dokładnie zrozumieć, jak działają selektory CSS i jak specyfikacja CSS wpływa na dziedziczenie i kaskadowość stylów. Właściwe zrozumienie zasięgu selektorów pozwala na efektywniejsze pisanie stylów i lepsze zarządzanie prezentacją treści na stronach internetowych.

Pytanie 8

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 9

Jakie znaczenie ma akronim HTML?

A. Hierarchiczna struktura danych

B. Zewnętrzne arkusze stylów

C. Hipertekstowy język znaczników

D. Kaskadowe arkusze stylów

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

Pytanie 10

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

A. :

B. ;

C. ,

D. .

Zakończenie komendy w języku Perl innym znakiem, jak przecinek, kropka czy dwukropek, prowadzi do błędów składniowych. Przykładowo, przecinek nie jest używany jako znak końca instrukcji, lecz jako separator elementów w listach lub argumentach funkcji. Z kolei kropka w Perl jest często stosowana jako operator konkatenacji, a nie do kończenia instrukcji. Użycie jej na końcu komendy może prowadzić do nieporozumień, ponieważ interpreter może spodziewać się kontynuacji. Dwukropek jest zarezerwowany dla konstrukcji takich jak etykiety czy bloki kodu, co czyni go nieodpowiednim do zakończenia komendy. Zrozumienie, że każdy z tych znaków ma swoje specyficzne zastosowanie, jest kluczowe w programowaniu, ponieważ nieprawidłowe zakończenie komendy może spowodować, że skrypt nie będzie działał zgodnie z zamierzeniem. Typowym błędem jest przyjmowanie, że kończenie instrukcji innymi znakami niż średnik jest akceptowalne, co wynika z nieznajomości zasad składniowych danego języka. Dlatego tak istotne jest, aby programiści dobrze zrozumieli składnię i reguły dotyczące zakończenia instrukcji w Perlu, co pozwoli im unikać powszechnych pułapek oraz prowadzić do tworzenia bardziej wydajnych i poprawnych skryptów.

Pytanie 11

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

A. style

B. colgroup

C. tbody

D. bgcolor

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

Pytanie 12

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. Wyłącznie uznania autorstwa.

B. Uznania autorstwa, na tych samych warunkach.

C. Użycia w celach niekomercyjnych.

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

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 13

Aby zwiększyć funkcjonalność oraz szybkość działania serwisu z galerią, cyfrowe obrazy powinny zostać poddane

A. zakodowaniu

B. optymalizacji

C. wektoryzacji

D. strumieniowaniu

Optymalizacja obrazów cyfrowych jest kluczowym procesem, który ma na celu poprawę wydajności i szybkości działania galerii internetowej. Przez optymalizację rozumiemy zastosowanie różnych technik, które zmniejszają rozmiar pliku bez istotnej utraty jakości. Przykłady obejmują kompresję JPEG, PNG oraz wykorzystanie formatów nowej generacji, takich jak WebP, które oferują lepsze współczynniki kompresji. Optymalizacja nie tylko przyspiesza ładowanie się stron, ale także poprawia doświadczenie użytkownika, co jest szczególnie istotne w dobie urządzeń mobilnych, gdzie prędkość ładowania ma kluczowe znaczenie. Dodatkowo, dobrze zoptymalizowane obrazy mogą pozytywnie wpływać na SEO, ponieważ wyszukiwarki preferują strony z szybkim czasem ładowania. W branży internetowej istnieją standardy, takie jak W3C i Google PageSpeed, które podkreślają znaczenie optymalizacji obrazów jako elementu strategii poprawy wydajności internetowej. Warto również stosować techniki takie jak lazy loading czy CDN, które jeszcze bardziej zwiększają efektywność dostarczania treści wizualnych.

Pytanie 14

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

A. FTP

B. TCP

C. SSL

D. SSH

Protokół SSL (Secure Sockets Layer) jest kluczowym elementem protokołu HTTPS (Hypertext Transfer Protocol Secure), który zapewnia bezpieczną komunikację w sieci. SSL działa poprzez szyfrowanie danych przesyłanych między klientem (np. przeglądarką internetową) a serwerem, co uniemożliwia osobom trzecim ich odczytanie lub modyfikację. Protokół ten gwarantuje nie tylko poufność danych, ale również ich integralność oraz autentyczność, co jest szczególnie ważne w kontekście transakcji online, takich jak zakupy czy bankowość internetowa. W praktyce, gdy użytkownik łączy się z witryną zabezpieczoną protokołem HTTPS, jego przeglądarka nawiązuje bezpieczne połączenie z serwerem za pomocą mechanizmu SSL/TLS. Warto dodać, że SSL w praktyce jest często zastępowany przez jego nowszą wersję – protokół TLS (Transport Layer Security), jednak termin SSL nadal jest powszechnie używany. Zastosowanie SSL/TLS w HTTPS jest zgodne z najlepszymi praktykami bezpieczeństwa stosowanymi w branży IT, co czyni tę technologię niezbędną dla każdej witryny, która przetwarza wrażliwe dane.

Pytanie 15

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

A. nabycie wybranych zdjęć, testowanie funkcji strony, optymalizacja i walidacja, publikacja, weryfikacja poprawności witryny, prace programistyczne

B. masowa obróbka zdjęć, testy prędkości ładowania galerii, publikacja, działania programistyczne, optymalizacja

C. edycja i katalogowanie zdjęć, działania webmasterskie, prace programistyczne, testy, publikacja, aktualizacja

D. tworzenie fotografii, hosting, dobór szablonu, pozycjonowanie, publikacja

Słuchaj, w twoich odpowiedziach jest kilka rzeczy, które mogą wprowadzać w błąd, jeśli chodzi o projektowanie galerii internetowych. Zakup zdjęć i testowanie funkcjonalności mogą być częścią procesu, ale nie są kluczowe. Zazwyczaj kupujesz zdjęcia po ustaleniu, jak ma wyglądać galeria. Testowanie powinno być robione po programowaniu, a nie przed publikacją. Inaczej możesz wpuścić na stronę coś, co nie działa, co jest totalną katastrofą. A co do obróbki zdjęć – to się zgadza, ale najpierw musisz zaplanować, jak będzie wyglądała struktura treści. Obróbka to ważna sprawa, ale nie zastąpi wcześniejszego edytowania i organizowania zdjęć. No i ostatnia rzecz – mówienie o hostingu jako kluczowym etapie pomija rolę prac webmasterskich i programistycznych, które są mega ważne, żeby galeria działała jak należy. Żeby uniknąć błędów, musisz uwzględnić wszystkie etapy i poukładać je sensownie według najlepszych praktyk w web developmencie.

Pytanie 16

Jakie kroki należy podjąć, aby zaktualizować stronę internetową firmy w celu jej prawidłowego wyświetlania na urządzeniach mobilnych, jeżeli korzysta ona z szablonu opartego na tabelach, zawiera dużą ilość prezentacji Flash i została napisana w kodzie XHTML 1.01?

A. Opracować szablon na podstawie elementów blokowych CSS, przepisać kod w HTML5, usunąć wszystkie prezentacje Flash

B. Przepisać kod w HTML5, w tym znaczniki tabeli szablonu, a także usunąć wszystkie prezentacje Flash

C. Opracować szablon oparty na elementach blokowych CSS, zastąpić prezentacje Flash formatami, które nie wymagają wtyczek (pluginów), ładowanymi "na żądanie"

D. Całą witrynę stworzyć w Flashu

Prawidłowa odpowiedź polega na zaprojektowaniu szablonu w oparciu o elementy blokowe CSS oraz zastąpieniu prezentacji Flash formatami niewymagającymi wtyczek, a ładowanymi 'na żądanie'. Przede wszystkim, stosowanie CSS do budowy layoutu witryny zamiast tabel zapewnia większą elastyczność i responsywność. Elementy blokowe CSS umożliwiają lepsze dostosowanie treści do różnych rozmiarów ekranów, co jest kluczowe w kontekście użytkowników mobilnych. Ponadto, Flash, jako technologia, stał się przestarzały i nie jest wspierany na większości nowoczesnych urządzeń mobilnych. Z tego względu, warto zastąpić go alternatywnymi formatami, takimi jak HTML5 czy SVG, które są zgodne z zasadami dostępności oraz pozwalają na lepszą optymalizację wydajności. Ładowanie zasobów 'na żądanie' to praktyka, która polega na pobieraniu elementów tylko wtedy, gdy są one potrzebne, co zmniejsza czas ładowania strony i zużycie danych. Przykładem może być użycie techniki lazy loading dla obrazów oraz wideo, co znacząco poprawia doświadczenia użytkowników mobilnych. Cały proces aktualizacji witryny do standardów HTML5 dodatkowo podnosi jej jakość i zapewnia lepszą zgodność z nowoczesnymi przeglądarkami.

Pytanie 17

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

A. PHP

B. BASIC

C. CSS

D. JAVA

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

Pytanie 18

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

A. obniżone

B. podwyższone

C. pochylone

D. pogrubione

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

Pytanie 19

W zewnętrznym arkuszu stylów, który jest powiązany z określoną stroną www, znajduje się zapis:
img {border : 3px solid black ; margin: 20px},
natomiast w wewnętrznym arkuszu stylów tej strony:
img {border-color : red}.
Jeśli w sekcji body zostanie umieszczony tekst:
<img src = "obrazki/fotol9.jpg" style = "margin: 15px" />
to obrazek foto19.jpg zostanie wyświetlony z

A. czarną ramką oraz marginesem 20 pikseli

B. czarną ramką oraz marginesem 15 pikseli

C. czerwoną ramką oraz marginesem 20 pikseli

D. czerwoną ramką oraz marginesem 15 pikseli

Twoja odpowiedź jest trafna! Wiem, że korzystając z wewnętrznego arkusza stylów (CSS), zmieniasz kolor ramki na czerwony. A jak zewnętrzny arkusz ustawiał właściwości dla obrazków, takie jak szerokość ramki czy marginesy, to lokalne style mają wyższy priorytet. Więc gdy w <img> dodasz style='margin: 15px', to margines będzie wynosił 15 pikseli, a ramka na pewno pozostanie czerwona. To wszystko mówi nam o tym, jak ważne jest zrozumienie kaskadowego działania stylów i jak to wpływa na wygląd elementów. Z mojego doświadczenia, dobrze mieć porządek w arkuszach i unikać konfliktów między stylami. Zastosowanie systematycznego nazewnictwa naprawdę pomaga.

Pytanie 20

W języku HTML znacznik zawiera

A. treść dokumentu.

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

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

D. nazwę dokumentu.

Często można spotkać się z przekonaniem, że znacznik <meta> służy do przechowywania treści czy tytułu dokumentu, albo nawet do prezentowania jakichś ukrytych bloków informacji, które użytkownik może rozwinąć. To są jednak błędne założenia wynikające przeważnie z mylenia ról poszczególnych znaczników HTML. Treść dokumentu zawsze umieszcza się wewnątrz znacznika <body>, a nie <meta>. <meta> nigdy nie służy do wyświetlania treści czy jakiejkolwiek zawartości, którą zobaczy użytkownik na stronie. Jeśli chodzi o nazwę dokumentu – za to odpowiada znacznik <title>, który umieszczamy w sekcji <head>; to właśnie on pojawia się na karcie przeglądarki czy w zakładkach. Pomysł z blokiem informacji, który się rozwija dopiero po jakiejś interakcji, raczej przypomina użycie <details>, <summary> lub nawet jakichś rozwiązań opartych na JavaScripcie czy CSS, ale nigdy <meta>. <meta> jest przeznaczony wyłącznie do przekazywania dodatkowych, niewidocznych informacji o stronie – takich jak opisy, słowa kluczowe, informacje o autorze, kodowaniu znaków czy nawet różne specjalne instrukcje dla robotów indeksujących. Bardzo łatwo pomylić <meta> z innymi znacznikami z sekcji <head>, bo wszystkie one w naturalny sposób są niewidoczne dla zwykłego użytkownika, ale ich zastosowanie jest ściśle określone w standardach W3C. Moim zdaniem najczęstszym powodem takich pomyłek jest pobieżne zapoznanie się z dokumentacją lub skupianie się wyłącznie na widocznej części strony. Dobre opanowanie roli <meta> to podstawa przy projektowaniu każdej profesjonalnej strony www, bo bez tego łatwo można stworzyć stronę, której nie znajdą wyszukiwarki, albo która będzie źle wyświetlana przez różne przeglądarki.

Pytanie 21

W celu wyróżniania i akcentowania konkretnej treści na stronie internetowej wykorzystuje się

A. kontrast

B. balans

C. przyleganie

D. wyrównanie

Kontrast jest kluczowym elementem projektowania stron internetowych, który służy do podkreślania i akcentowania wybranych fragmentów treści. Dzięki odpowiedniemu doborowi kolorów, rozmiarów czcionek oraz intensywności innych elementów wizualnych, projektant może wyróżnić istotne informacje, przyciągając uwagę użytkowników. Na przykład, stosując ciemniejsze tło dla niektórych sekcji tekstu, można sprawić, że jasny tekst będzie znacznie bardziej zauważalny. Dobre praktyki zalecają, aby różnice w kontraście były zgodne z wytycznymi WCAG (Web Content Accessibility Guidelines), co nie tylko poprawia estetykę strony, ale również zapewnia dostępność dla osób z wadami wzroku. Przykładem może być używanie ciemnoniebieskiego tła z jasnoszarym tekstem, co pozwala na łatwiejsze przyswajanie treści. Kontrast nie dotyczy tylko kolorów, ale również rozmiaru czcionek i stylów, co może pomóc w hierarchizacji informacji i prowadzeniu użytkownika przez strukturę strony.

Pytanie 22

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

A. możliwość zastosowania nawigacji witryny

B. optymalizację tylko jednej części grafiki

C. przypisanie różnych łączy URL

D. przy użyciu ustawień optymalizacji

Wybór innych odpowiedzi może wynikać z nieporozumienia dotyczącego funkcji, jakie pełni podział obrazu w kontekście publikacji w internecie. Optymalizacja jednej części obrazu nie jest ograniczona przez sam podział; w rzeczywistości, każda część może być optymalizowana indywidualnie, co jest praktyką stosowaną w przypadku dużych grafik, gdzie różne sekcje mogą mieć różne wymagania co do jakości i rozmiaru. Zastosowanie nawigacji strony również nie jest w żaden sposób ograniczone przez dzielenie obrazu. Nawigacja może być efektywnie zorganizowana niezależnie od tego, jak obraz jest prezentowany. Co więcej, odpowiedzi sugerujące użycie ustawień optymalizacji także są mylące, ponieważ wiele narzędzi do optymalizacji obrazu pozwala na dostosowanie ustawień dla każdego fragmentu z osobna. Typowym błędem myślowym jest założenie, że podział na segmenty automatycznie uniemożliwia działania, które w rzeczywistości są całkowicie wykonalne i praktykowane w branży. Zrozumienie, że podział obrazu i przypisanie do niego różnych łączy URL to odrębne koncepcje, jest kluczowe dla efektywnego projektowania i zarządzania treściami w internecie. Warto także zwrócić uwagę na standardy webowe, które umożliwiają elastyczne podejście do zarządzania grafiką, co przyczynia się do lepszej użyteczności i doświadczeń użytkowników.

Pytanie 23

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. Wyłącznie uznania autorstwa.

B. Uznania autorstwa, na tych samych warunkach.

C. Użycia w celach niekomercyjnych.

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

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

Pytanie 24

Weryfikacja poprawności realizacji projektu responsywnej strony internetowej polega na

A. zliczeniu liczby znaków na stronie

B. skalowaniu kolorów prezentowanych na ekranie

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

D. ustaleniu liczby odsłon strony

Ocena poprawności wykonania projektu responsywnej strony internetowej w dużej mierze polega na jej wyświetleniu na różnych urządzeniach o różnych rozmiarach ekranów. Responsywność strony odnosi się do zdolności strony internetowej do dostosowywania swojego układu, treści i elementów graficznych w zależności od wielkości i orientacji ekranu, na którym jest wyświetlana. Testowanie responsywności zapewnia, że użytkownicy na smartfonach, tabletach i komputerach stacjonarnych mają podobne doświadczenia z przeglądaniem strony. W praktyce oznacza to, że projektanci i deweloperzy mogą używać narzędzi, takich jak Chrome DevTools, by symulować różne urządzenia, co pozwala na identyfikację problemów z układem, nawigacją czy czytelnością treści. Dobrym przykładem jest użycie techniki fluid grid, która pozwala na elastyczne rozmieszczanie elementów w oparciu o procentowe wartości, co daje lepszą adaptację do zmieniających się rozmiarów ekranu. Zgodność z zasadami WCAG (Web Content Accessibility Guidelines) jest również kluczowa, ponieważ wspiera dostępność treści na różnych urządzeniach, co jest istotnym aspektem oceny responsywności.

Pytanie 25

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

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

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

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

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

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 26

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

A. yellow; #ffff00

B. purple; #ff00ff

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

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

'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 27

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

A. <ins>

B.

C.

D. <del>

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

Pytanie 28

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

A. Wi-Fi Direct.

B. Bluetooth.

C. sieci WiFi.

D. sieci Ethernet.

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

Pytanie 29

Projekt graficzny zdigitalizowany w rozdzielczości 72 ppi powinien być wykorzystany do

A. publikacji książkowej.

B. wydruku plakatów w formacie A2.

C. publikacji internetowej.

D. wydruku przestrzennego 3D.

Obraz w rozdzielczości 72 ppi (pikseli na cal) to standard, który od dawna funkcjonuje przy projektowaniu na potrzeby internetu. Takie pliki świetnie sprawdzają się na ekranach monitorów, laptopów czy smartfonów, gdzie ważniejsza jest lekka waga pliku i szybkość ładowania niż szczegółowość obrazu. Praktyka pokazuje, że większość stron internetowych czy mediów społecznościowych spokojnie radzi sobie z grafikami w tej rozdzielczości. Moim zdaniem, jeśli chodzi o zastosowania cyfrowe, to 72 ppi jest wystarczające – nawet jeśli obecne wyświetlacze typu Retina potrafią więcej, to i tak sieciowo dostarczane obrazy często są kompresowane. Co ciekawe, już od czasów początków projektowania stron WWW przyjęło się, że 72 ppi to taki branżowy „must-have” minimum dla online. Natomiast do druku ta rozdzielczość absolutnie się nie nadaje – tam wymaga się minimum 300 ppi, żeby uzyskać ostry i profesjonalny efekt. Tak więc w praktyce, jeśli masz plik w tej jakości, możesz go spokojnie wrzucać na stronę internetową czy tworzyć grafiki na Facebooka lub Instagram. To też dobry wybór, gdy zależy ci na szybkim ładowaniu strony i wygodzie użytkownika. Takie grafiki nie obciążą serwera i nie będą zamulać strony, co jest ważne zwłaszcza przy słabszym internecie użytkownika.

Pytanie 30

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

A. Tworzenie atrakcyjnych grafik.

B. Wykorzystywanie krótkich fragmentów tekstu.

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

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 31

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. Tak, ponieważ licencja zezwala na wykorzystanie zdjęć w dowolnym celu firmy

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

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

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

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 32

W którym trybie barwnym należy skatalogować pliki zdjęciowe przeznaczone do zamieszczenia w multimedialnym projekcie internetowym?

A. Bichromia

B. Pantone

C. RGB

D. CMY

Tryb RGB to absolutna podstawa, jeżeli chodzi o przygotowanie zdjęć na potrzeby internetu i wszelkich projektów multimedialnych. Ten model barwny został stworzony z myślą o urządzeniach emitujących światło, takich jak monitory, smartfony, tablety czy telewizory. Każdy piksel wyświetlany na ekranie powstaje właśnie przez mieszanie trzech składowych – czerwonej, zielonej i niebieskiej (Red, Green, Blue). To jest standard, którego wymaga praktycznie każda przeglądarka, CMS czy program do obsługi multimediów online. Z mojego doświadczenia, jeśli ktoś wrzuci zdjęcie w innym trybie, np. CMYKa, to kolory mogą się wyświetlić zupełnie nie tak, jak zaplanowano – pojawiają się dziwne przekłamania albo obraz robi się wyblakły. Nawet duże portale, jak Facebook czy Instagram, automatycznie konwertują zdjęcia do RGB. Warto też pamiętać, że większość formatów plików przeznaczonych do internetu (JPEG, PNG, GIF) działa właśnie w tym modelu barw, a praca w RGB pozwala zachować spójność kolorów na różnych urządzeniach. Co ciekawe, w profesjonalnych workflow do webdesignu zawsze kończy się eksport pliku w RGB, bo tylko wtedy masz gwarancję, że barwy będą żywe i zgodne z projektem na każdym ekranie. Sam osobiście uważam, że opanowanie tych podstaw pozwala uniknąć wielu niepotrzebnych problemów podczas pracy z mediami cyfrowymi.

Pytanie 33

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

A. SQL

B. CSS

C. HTML

D. PHP

SQL to taki język, który używamy do ogarniania danych w bazach danych, a nie do robienia stron. Jak chcesz zbudować stronę, to sięga się po HTML, który strukturyzuje treść, i CSS, co odpowiada za jej wygląd. Z PHP to w ogóle jest fajna sprawa, bo to język skryptowy, który pozwala na generowanie treści HTML na serwerze, co daje nam dynamiczne strony. Wiadomo, w webowych aplikacjach SQL jest ważny, bo ogarnia komunikację z bazami danych, ale sam w sobie nie jest odpowiedzialny za to, jak strona wygląda. Kiedy robimy strony, to często korzystamy z kombinacji HTML, CSS i PHP, które razem tworzą ładne i działające witryny, a SQL wspiera nas w zarządzaniu danymi. Wydaje mi się, że znajomość SQL to must-have dla programistów, ale nie ma co oczekiwać, że będzie wpływało na wygląd stron bezpośrednio.

Pytanie 34

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

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

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

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

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

Odpowiedź jest poprawna, ponieważ użycie deklaracji CSS 'background-image: url(kolo.png);' oraz 'background-repeat: repeat-x;' umożliwia osiągnięcie efektu, w którym obraz 'kolo.png' jest wyświetlany jako tło dla elementu, a następnie powtarzany w poziomie. Właściwość 'background-image' z użyciem funkcji 'url()' jest standardowym sposobem określenia źródła obrazu w CSS, co jest zgodne z najlepszymi praktykami w zakresie stylizacji stron internetowych. Użycie 'background-repeat: repeat-x;' sprawia, że obraz jest powtarzany tylko w poziomie, co odpowiada przedstawionemu na rysunku efektowi. Praktycznie, taka technika jest często wykorzystywana w projektowaniu stron, aby uzyskać efekty tła, które są responsywne i dobrze wyglądają na różnych urządzeniach. Pamiętaj, że poprawne zarządzanie stylami tła jest kluczowe dla estetyki oraz użyteczności strony, a także wpływa na czas ładowania strony, co jest istotne dla optymalizacji SEO.

Pytanie 35

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

A. <html>

B. <body>

C. <title>

D. <head>

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 36

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

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

B. multimedialnych interfejsów baz danych

C. pokazu w formie slide show

D. multimedialnej aplikacji z autorskim interfejsem użytkownika

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

Pytanie 37

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

A. Adobe Dreamweaver

B. Adobe Flash

C. Prezi

D. SlideShare

SlideShare to platforma stworzona specjalnie do udostępniania prezentacji online, w tym plików w formacie PPT. Umożliwia użytkownikom łatwe przesyłanie, dzielenie się i osadzanie swoich prezentacji w różnych miejscach w sieci. Dzięki SlideShare, profesjonaliści mogą dotrzeć do szerokiej publiczności, co jest szczególnie istotne w kontekście marketingu treści oraz budowania marki osobistej. Platforma oferuje funkcje umożliwiające interakcję, takie jak komentarze czy możliwość oceny, co sprzyja wymianie wiedzy i doświadczeń. SlideShare jest także zgodny z wieloma standardami branżowymi, co czyni go wiarygodnym narzędziem dla edukatorów i specjalistów z różnych dziedzin. Użytkownicy mogą korzystać z gotowych szablonów, analizować statystyki wyświetleń swoich prezentacji oraz integrować je z innymi platformami społecznościowymi, co zwiększa zasięg ich treści.

Pytanie 38

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

A. <input>

B. <img>

C. <select>

D. <map>

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 39

Jakie fonty mogą być wyświetlane przez przeglądarki internetowe?

A. które zostały zrasteryzowane

B. które zostały zamienione na krzywe

C. do których mają dostęp

D. w każdym formacie

Przeglądarki internetowe mogą wyświetlać fonty, do których mają dostęp, co oznacza, że muszą być one zainstalowane na systemie operacyjnym użytkownika lub dostępne na serwerze, z którego ładowana jest strona internetowa. Sprawia to, że dostępność fontów jest kluczowa w projektowaniu stron, ponieważ nie wszystkie fonty będą widoczne dla każdego użytkownika. Aby zapewnić spójność wizualną i estetykę, projektanci często korzystają z fontów webowych, takich jak Google Fonts, które są ładowane z zewnętrznych serwerów. Dzięki temu, niezależnie od systemu operacyjnego czy przeglądarki, wszyscy użytkownicy zobaczą tę samą czcionkę. Dobrą praktyką jest również stosowanie fallback fontów, które są używane, gdy wybrany font nie jest dostępny, co zwiększa elastyczność i niezawodność wizualizacji tekstu na stronach internetowych.

Pytanie 40

Obrazy cyfrowe zapisane w przestrzeni kolorów sRGB w rozdzielczości 72 ppi są wykorzystywane do

A. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci

B. przygotowania reklamy w formie druku wielkoformatowego

C. realizacji całostronicowej reklamy w prasie

D. umieszczenia na opakowaniu kartonowym w formie druku wysokiej jakości

Odpowiedź dotycząca umieszczenia obrazów cyfrowych w trybie barwnym sRGB w projekcie multimedialnym przeznaczonym do publikacji w internecie jest poprawna, ponieważ sRGB to standardowy model kolorów używany w internecie. Obrazy zapisane w tym formacie są zoptymalizowane do wyświetlania na ekranach komputerów oraz innych urządzeń, co sprawia, że idealnie nadają się do zastosowań online. Rozdzielczość 72 ppi oznacza, że obrazy te są przystosowane do wyświetlania, a nie do druku, gdzie zwykle wymagana jest wyższa rozdzielczość (na przykład 300 ppi). W praktyce, użycie sRGB w projektach internetowych pozwala na zachowanie spójności kolorystycznej podczas wyświetlania na różnych urządzeniach, co jest kluczowe w kontekście marketingu cyfrowego oraz designu stron internetowych. Przykładem może być umieszczanie grafik na stronach internetowych, w banerach reklamowych lub w prezentacjach multimedialnych. Ponadto, sRGB jest często domyślnym profilem kolorów w większości aplikacji graficznych, co ułatwia pracę projektantom. Wskazanie na ten standard w kontekście publikacji online jest zatem zgodne z najlepszymi praktykami branżowymi.

Rozpocznij nowy egzamin

Powrót do strony głównej