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:20
Data zakończenia: 8 grudnia 2025 10:33

Egzamin zdany!

Wynik: 23/40 punktów (57,5%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

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

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

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

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

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

Tworzenie akapitu w HTML to nie jest tylko kwestia wrzucenia tekstu między jakieś tam tagi, ale chodzi o jasne określenie początku i końca każdego akapitu. Niestety, wiele osób na początku popełnia błędy, myśląc, że wystarczy sam tag <p>, albo, co gorsza, tag zamykający </p> na początku tekstu. Takie podejścia wynikają chyba po trochę z przyzwyczajeń z edytorów tekstu, gdzie entery czy spacje robią za oddzielenie akapitów. W HTML to tak nie działa. Gdy użyje się samego <p> bez zamknięcia, przeglądarki czasem próbują sobie poradzić, ale efekt jest nieprzewidywalny – w jednej przeglądarce zobaczysz dwa akapity, w innej wszystko się zleje w jeden. Jeszcze gorzej, gdy ktoś stosuje zagnieżdżone <p> albo przypadkowo dodaje tag zamykający przed tekstem – HTML tego w ogóle nie akceptuje poprawnie i może całkowicie rozjechać strukturę strony. W sumie, takie błędy to też duży problem dla dostępności: czytniki ekranu mogą źle odczytać tekst, a Google może nie zauważyć poprawnie podzielonych treści – więc to wpływa na pozycjonowanie. Dobrą praktyką jest zawsze używać kompletnego otwarcia i zamknięcia tagu akapitu dla każdego fragmentu tekstu, który chcesz oddzielić, no i nie kombinować z dziwnymi wersjami zapisu, których nie przewiduje standard. W pracy webdevelopera to wręcz codzienność – można się zdziwić, jak bardzo drobny błąd w strukturze HTML potrafi namieszać w wyglądzie i funkcjonalności strony. Najlepiej od razu wyrabiać sobie nawyk pisania pełnych, poprawnych znaczników.

Pytanie 2

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

A. <mark>

B. <del>

C. <small>

D. C.

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

Wprowadzenie na stronie internetowej to jej składnik w formie

A. tekstu informacyjnego dostępnego w głównym oknie serwisu

B. animacji wprowadzającej do serwisu internetowego

C. formularza online

D. zaawansowanego menu strony www

Pojęcia związane z elementami witryn internetowych, takie jak formularze internetowe, informacje tekstowe, menu czy animacje, często mylone są w kontekście funkcji, jakie pełnią na stronach www. Formularze internetowe są narzędziem umożliwiającym użytkownikom interakcję z serwisem, np. poprzez zbieranie danych osobowych, zapisy na newslettery czy składanie zamówień. Choć są niezwykle ważne, nie są one elementem intro, lecz odrębną częścią interfejsu. Informacje tekstowe widoczne w oknie głównym serwisu są kluczowe dla przekazywania treści, ale ich rola różni się od animacji wprowadzających, które mają za zadanie wciągnąć użytkownika w wizualny i emocjonalny sposób. Dodatkowo, rozbudowane menu strony internetowej odpowiada za nawigację, a nie za wprowadzenie użytkownika w tematykę serwisu. Ostatecznie, animacje wprowadzające są zaprojektowane tak, aby skupiać uwagę użytkownika, zbudować zainteresowanie i prezentować markę w atrakcyjny sposób, co nie jest celem pozostałych wymienionych elementów. Błąd w wyborze odpowiedzi często wynika z mylnego utożsamienia różnych funkcji, które pełnią te elementy w ramach architektury informacji i doświadczeń użytkowników. Dobrze zaprojektowana strona internetowa powinna harmonijnie łączyć wszystkie te elementy, jednak każdy z nich ma swoją unikalną rolę, którą należy zrozumieć, aby skutecznie projektować interfejsy użytkownika.

Pytanie 4

Która z poniższych działań przyczynia się do poprawy pozycji strony w wynikach wyszukiwania?

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

B. Zastosowanie dodatkowych tekstów niezwiązanych z tematyką danej strony.

C. Niekiedy aktualizowanie treści strony internetowej.

D. Regularne aktualizowanie treści strony internetowej.

Częste aktualizowanie zawartości strony internetowej jest kluczowym elementem skutecznej strategii SEO (Search Engine Optimization). Wyszukiwarki internetowe, takie jak Google, wysoko oceniają strony, które regularnie dostarczają świeżej i wartościowej treści. Aktualizacje mogą obejmować dodawanie nowych artykułów, aktualizowanie istniejących wpisów lub modyfikowanie informacji, aby były zgodne z bieżącymi trendami. Przykładem może być blog firmowy, który regularnie publikuje artykuły związane z branżą, co nie tylko przyciąga użytkowników, ale także zwiększa czas spędzany na stronie. Dodatkowo, częste aktualizacje mogą poprawić indeksowanie strony przez roboty wyszukiwarek, co z kolei wpływa na widoczność w wynikach wyszukiwania. Warto również pamiętać o optymalizacji treści pod kątem słów kluczowych oraz zachowaniu odpowiedniej struktury nagłówków i linków wewnętrznych. Takie praktyki są zgodne z wytycznymi Google i przyczyniają się do lepszej pozycji strony w wynikach organicznych.

Pytanie 5

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

A. MPEG-4, MOV

B. FLV, TIFF

C. WEBM, DOCX

D. FLA, SVG

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

Pytanie 6

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. Przepisać kod w HTML5, w tym znaczniki tabeli szablonu, a także usunąć wszystkie prezentacje Flash

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

C. Całą witrynę stworzyć w Flashu

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

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 7

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

A. Uznania autorstwa, na tych samych warunkach.

B. Wyłącznie uznania autorstwa.

C. Użycia w celach niekomercyjnych.

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

Analizując poszczególne koncepcje błędnych odpowiedzi, widać często powtarzający się błąd w zrozumieniu, czym rzeczywiście są i jak działają licencje Creative Commons. Wiele osób błędnie zakłada, że wystarczy wyłącznie uznać autorstwo – co jest prawdą w przypadku licencji CC BY, ale tutaj mamy jeszcze dodatkowy warunek. Ograniczenie wykorzystania tylko do celów niekomercyjnych myli się z rzeczywistością, bo taki wymóg występuje dopiero przy licencjach z oznaczeniem NC (NonCommercial), a nie przy zestawie BY-SA. Wielu użytkowników nieświadomie utożsamia symbol SA („ShareAlike”, czyli „na tych samych warunkach”) z obowiązkiem udostępnienia tylko w celach komercyjnych lub tylko niekomercyjnych – co jest nieprawidłowe. W praktyce ten wymóg dotyczy po prostu tego, że każda praca pochodna lub modyfikacja musi być objęta dokładnie tą samą licencją, co oryginał. Typowym błędem jest też założenie, że licencje CC blokują użycie komercyjne – a przecież BY-SA dopuszcza komercyjne wykorzystanie, pod warunkiem spełnienia wymogów. Spotyka się też myślenie, że wystarczy formalnie uznać autora i można robić z materiałem wszystko – a to przecież może prowadzić do naruszenia praw licencyjnych, jeśli np. udostępnimy przeróbkę zdjęcia bez oryginalnych warunków licencji. Moim zdaniem trzeba zawsze czytać oznaczenia symboli na materiałach CC i nie kierować się przyzwyczajeniami – bo każda kombinacja pociąga inne skutki prawne. Warto też pamiętać, że poprawne wdrażanie tych zasad to już branżowy standard i po prostu dobra praktyka etyczna.

Pytanie 8

Adobe Flash nie tworzy animacji dla elementów

A. klipu filmowego

B. dźwięku

C. www

D. grafiki

Wybór klipu filmowego, grafiki czy dźwięku jako elementów, które Adobe Flash animuje, jest zrozumiały, ale nie uwzględnia pełnego kontekstu użycia technologii Flash w przemyśle internetowym. Klipy filmowe, czyli osadzone filmy w formacie Flash, rzeczywiście mogą być animowane, ale nie są to obiekty internetowe, jak strony www czy ich elementy. Podobnie jest z grafiką, która może być częścią animacji stworzonych przy użyciu Flash, jednak nie jest to podejście preferowane w kontekście tworzenia nowoczesnych stron internetowych. Dźwięk również może być użyty w animacjach Flash, ale znowu, nie odnosi się to do animowania elementów www. Problematyczne jest także to, że technologia Flash została wycofana na rzecz bardziej uniwersalnych i bezpieczniejszych standardów, takich jak HTML5, które obsługują zarówno multimedia, jak i animacje bez konieczności korzystania z pluginów czy zewnętrznych narzędzi. Z tego powodu, mylenie tych elementów z animacjami www może prowadzić do nieprawidłowych wniosków na temat przyszłości technologii webowych oraz ich implementacji. Warto zatem zrozumieć, że współczesny rozwój technologii internetowych skłania się ku rozwiązaniom, które są bardziej zgodne z otwartymi standardami, co zwiększa dostępność i kompatybilność w przemyśle webowym.

Pytanie 9

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

A. TCP

B. SSL

C. SSH

D. FTP

Wybór FTP (File Transfer Protocol) jako protokołu używanego do szyfrowania danych w HTTPS jest nieprawidłowy, ponieważ FTP jest protokołem stworzonym do transferu plików w sieci, a nie do zapewniania bezpieczeństwa komunikacji. FTP nie oferuje szyfrowania, co czyni go nieodpowiednim w kontekście ochrony prywatności użytkowników. Używając FTP, dane przesyłane między klientem a serwerem są narażone na podsłuch i modyfikacje przez nieautoryzowane osoby. Z kolei protokół TCP (Transmission Control Protocol) jest podstawowym protokołem transportowym, który zapewnia niezawodność komunikacji w internecie, ale nie ma żadnych mechanizmów szyfrowania. TCP dba o poprawne dostarczenie pakietów danych, lecz nie chroni ich treści przed dostępem osób trzecich. Natomiast SSH (Secure Shell) to protokół stworzony z myślą o bezpiecznym zdalnym dostępie do systemów i nie jest używany do szyfrowania komunikacji HTTP. Chociaż SSH zapewnia silne szyfrowanie, jego zastosowanie jest inne niż w przypadku HTTPS, które wymaga zweryfikowanego certyfikatu SSL/TLS. Użytkownicy często mylą różne protokoły, co prowadzi do błędnych skojarzeń oraz nieporozumień odnośnie do ich funkcjonalności i zastosowania w kontekście bezpieczeństwa sieciowego.

Pytanie 10

Programy do tworzenia grafiki trójwymiarowej umożliwiają

A. projektowanie stron internetowych

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

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

D. przygotowanie prezentacji multimedialnych

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 11

Kaskadowe arkusze stylów pozwalają na

A. określanie animacji przejść w nieliniowych prezentacjach

B. tworzenie szablonów definiujących wygląd elementów wyświetlanych na stronie internetowej

C. tworzenie szablonów prezentacji nieliniowych z opcją powiększania obrazu oraz zmiany jego lokalizacji

D. określanie pędzli i wzorów

Kaskadowe arkusze stylów (CSS) są kluczowym elementem w projektowaniu stron internetowych, ponieważ umożliwiają oddzielanie treści od prezentacji. Dzięki CSS można definiować wygląd elementów HTML, co pozwala na tworzenie atrakcyjnych i responsywnych interfejsów użytkownika. Przykładowo, za pomocą CSS można ustawić kolory, czcionki, marginesy, paddingi oraz inne właściwości stylizacji, co umożliwia nie tylko estetyczne, ale i funkcjonalne dostosowanie strony do różnych urządzeń. W praktyce, dobre praktyki związane z używaniem CSS obejmują stosowanie selektorów klasowych i identyfikatorów dla lepszej organizacji kodu, a także korzystanie z preprocesorów, takich jak SASS czy LESS, które ułatwiają zarządzanie stylami w większych projektach. Warto także podkreślić, że stosowanie CSS zgodnie z W3C (World Wide Web Consortium) zapewnia lepszą dostępność i zgodność z różnymi przeglądarkami.

Pytanie 12

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

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

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

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

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

Wybór odpowiedzi dotyczącej kolejnych etapów tworzenia stron internetowych jest poprawny, ponieważ obejmuje kluczowe fazy tego procesu. Przygotowanie layoutu to fundament, który definiuje wizualny aspekt strony oraz jej użyteczność. W tej fazie ważne jest, aby uwzględnić zasady UX/UI, co ma na celu zapewnienie, że strona będzie atrakcyjna i funkcjonalna dla użytkowników. Następnie następuje kodowanie i programowanie strony, co obejmuje tworzenie struktury HTML, nadawanie stylów za pomocą CSS oraz dodawanie interaktywności z wykorzystaniem JavaScript. Publikacja i optymalizacja strony to ostatni krok, który obejmuje umieszczenie witryny na serwerze oraz jej optymalizację pod kątem wydajności i SEO, co wpływa na pozycjonowanie w wyszukiwarkach. Dobrą praktyką jest regularne aktualizowanie treści oraz technologii używanych w witrynie, co wpływa na jej bezpieczeństwo i przyciąganie odwiedzających. Właściwe podejście do wszystkich tych etapów jest kluczowe dla sukcesu każdej witryny internetowej.

Pytanie 13

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

A. 37 znaków

B. 25 znaków

C. 55 znaków

D. 95 znaków

Odpowiedzi "25 znaków", "37 znaków" oraz "95 znaków" nie są poprawne z perspektywy typografii internetowej. Odpowiedź z wartością 25 znaków jest zbyt krótka, co może prowadzić do rozdrobnienia tekstu, a tym samym obniżenia jego spójności i czytelności. Takie podejście sprawia, że czytelnik może mieć trudności z przyswajaniem informacji, ponieważ zbyt mała liczba znaków w linii zmusza do częstszego skanowania wzrokiem, co w rezultacie może powodować zmęczenie. Z kolei 37 znaków jest również niewystarczające, aby tekst był odpowiednio płynny i angażujący; nie daje to czytelnikowi możliwości zanurzenia się w treści. Zbyt krótka długość linii ogranicza również kontekst, który może być przekazywany w danym zdaniu, co jest niezbędne do pełnego zrozumienia tematu. Odpowiedź "95 znaków" z drugiej strony przekracza optymalny zakres, co może prowadzić do tzw. efektu zmęczenia wzroku. Długie linie tekstu są znacznie trudniejsze do śledzenia w linii wzroku, co może prowadzić do zgubienia kontekstu oraz zmniejszenia efektywności przyswajania treści. Warto zwrócić uwagę na badania, które sugerują, że idealna długość linii powinna wahać się od 50 do 75 znaków, co wspiera tezę, że odpowiedzi podane w pytaniu nie spełniają standardów typografii internetowej, które kładą nacisk na czytelność i komfort czytania. Niezrozumienie tej zasady może prowadzić do nieefektywnych publikacji i frustracji użytkowników.

Pytanie 14

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

Odpowiedzi, które nie wskazują na Hipertekstowy Język Znaczników, opierają się na mylnych założeniach. Hierarchiczna struktura danych odnosi się do organizacji danych w sposób hierarchiczny, co jest bardziej związane z bazami danych lub strukturami drzewiastymi, a nie z językiem znaczników. Zewnętrzne arkusze stylów dotyczą CSS, które są stosowane do stylizacji elementów HTML, a Kaskadowe arkusze stylów to kolejna nazwa dla CSS. Te koncepcje są istotne w kontekście projektowania stron, ale nie odnoszą się do samego HTML. Często mylenie tych pojęć wynika z braku zrozumienia różnicy między strukturą a stylizacją. HTML koncentruje się na semantyce i układzie zawartości, a CSS na jej wyglądzie. Zrozumienie tych różnic jest kluczowe dla efektywnego tworzenia stron internetowych. Używanie niewłaściwych terminów może prowadzić do nieporozumień w komunikacji między programistami, co w dłuższej perspektywie obniża jakość kodu i wpływa na wydajność aplikacji internetowych. Dlatego ważne jest, aby rozwijać wiedzę na temat języków używanych w web development, aby unikać błędów i poprawnie integrować różne technologie.

Pytanie 15

Która z wymienionych właściwości nie jest typowa dla systemu Joomla?

A. Pełna zgodność z innymi systemami CMS

B. Opcja edytowania kodu HTML

C. Wbudowana funkcjonalność obsługi wielu języków

D. Zdolność do współpracy z bazą danych

Joomla to zaawansowany system zarządzania treścią, który zapewnia wiele możliwości, ale zrozumienie jego cech wymaga analizy funkcjonalności, które rzeczywiście są oferowane. Współpraca z bazą danych to fundamentalna cecha wszystkich CMS-ów, w tym Joomla. System ten korzysta z bazy danych MySQL lub MariaDB do przechowywania treści, użytkowników oraz ustawień witryny. Umożliwia to dynamiczne generowanie stron internetowych i efektywne zarządzanie dużą ilością danych. Możliwość edycji kodu HTML jest również wbudowaną funkcjonalnością, co pozwala użytkownikom na modyfikację wyglądu i treści stron zgodnie z ich potrzebami. Ponadto, Joomla oferuje wbudowaną obsługę wielu języków, co stanowi istotny atut dla stron internetowych kierowanych do międzynarodowej publiczności. Programiści i administratorzy mogą łatwo zarządzać treściami w różnych językach oraz umożliwiać użytkownikom wyboru preferowanego języka interfejsu. W każdym przypadku, zrozumienie, co dany system może zaoferować, jest kluczowe dla skutecznego wykorzystania jego możliwości. Typowym błędem jest założenie, że systemy CMS są zaprojektowane z myślą o interoperacyjności. W rzeczywistości, każdy CMS posiada swoje unikalne mechanizmy działania oraz struktury, co może prowadzić do trudności w integracji i migracji danych. Dlatego przed podjęciem decyzji o wyborze systemu warto dokładnie zbadać jego cechy oraz analizować, które funkcjonalności są kluczowe dla Twoich potrzeb.

Pytanie 16

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

A. Łatka

B. Cięcie na plasterki

C. Zaznaczanie plasterków

D. Różdżka

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

Pytanie 17

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. edycja i katalogowanie zdjęć, działania webmasterskie, prace programistyczne, testy, publikacja, aktualizacja

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

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

Wszystko, co napisałeś o edycji i skatalogowaniu zdjęć, pracach webmasterskich, programistycznych, testach, publikacji oraz aktualizacji, jest naprawdę trafne. Na początku trzeba przygotować i uporządkować zdjęcia, bo to wpływa na jakość całej galerii i to, jak ją odbierają użytkownicy. Prace webmasterskie to z kolei zarządzanie treścią i SEO – ważne, żeby łatwo było znaleźć stronę w wyszukiwarkach. Programowanie jest istotne, bo to wokół funkcji strony kręci się cała zabawa. Testowanie, w moim doświadczeniu, to kluczowy krok – musisz być pewien, że strona działa na różnych urządzeniach. Publikacja to moment, w którym strona w końcu staje się dostępna, a aktualizacje są po prostu konieczne, żeby treści nie zestarzały się. Generalnie, warto trzymać się dobrych praktyk, jak responsywność czy UX, bo to poprawia wrażenia użytkowników.

Pytanie 18

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

A. onmouseover

B. onmousedown

C. onmouseup

D. onmouseout

Atrybut 'onmouseover' jest zdarzeniem w JavaScript, które umożliwia wywołanie funkcji lub reakcji na stronie internetowej, gdy użytkownik najedzie kursorem myszy na dany element. Jest to powszechnie stosowany sposób na zwiększenie interaktywności stron WWW. Przykładowo, możemy użyć go do zmiany koloru przycisku lub wyświetlenia dodatkowej informacji, co poprawia doświadczenie użytkownika. W praktyce, atrybut ten można przypisać do różnych elementów HTML, takich jak <div>, <button>, <img> itp. Warto również zwrócić uwagę na aspekty dostępności, gdyż odpowiednie użycie zdarzeń myszy powinno być uzupełnione przez inne metody nawigacji, aby zapewnić dostępność dla użytkowników korzystających z klawiatury czy technologii asystujących. Dobrym przykładem może być wykorzystanie zdarzenia 'onmouseover' w połączeniu z oprogramowaniem CSS, które zmienia styl elementu. To zgodne z najlepszymi praktykami, gdzie staramy się unikać nadmiarowego skryptowania, zamiast tego korzystając z możliwości stylizacji CSS, co znacznie poprawia wydajność.

Pytanie 19

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

A. ProPhoto RGB

B. Adobe RGB

C. sRGB

D. CMYK

Odpowiedź sRGB jest poprawna, ponieważ standard sRGB (standard Red Green Blue) jest najczęściej używaną przestrzenią barw w Internecie i w aplikacjach multimedialnych. Został on zaprojektowany przez HP i Microsoft w celu zapewnienia spójności kolorystycznej na różnych urządzeniach, takich jak monitory, drukarki i aparaty fotograficzne. sRGB definiuje sposób, w jaki kolory są reprezentowane i odtwarzane, co jest kluczowe dla użytkowników publikujących zdjęcia online. W praktyce oznacza to, że zdjęcia zapisane w tej przestrzeni barw będą wyświetlane w sposób zbliżony na większości ekranów, co minimalizuje ryzyko nieporozumień związanych z różnicą w odwzorowaniu kolorów. W kontekście publikacji w sieci, stosowanie sRGB jest uznawane za najlepszą praktykę, a wiele platform społecznościowych automatycznie konwertuje przesyłane obrazy do tej właśnie przestrzeni. Warto pamiętać, że jeśli zdjęcia są przygotowywane do druku, należy rozważyć inne przestrzenie barw, takie jak CMYK, które są bardziej odpowiednie dla druku offsetowego.

Pytanie 20

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

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

B. Wykorzystywanie krótkich fragmentów tekstu.

C. Zachowanie spójności stylistycznej.

D. Tworzenie atrakcyjnych grafik.

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 21

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

A. Responsywne

B. Interaktywne

C. Statyczne

D. Informacyjne

Odpowiedzi takie jak 'informacyjne', 'interaktywne' i 'statyczne' często wprowadzają w błąd, gdyż nie odnoszą się do kluczowego aspektu dostosowania stron do różnych urządzeń. Strony informacyjne mogą zawierać treści, które są dostosowane do czytania na różnych sprzętach, jednak ich układ nie jest automatycznie zmieniany, co może prowadzić do złego doświadczenia użytkownika na mniejszych ekranach. Interaktywne strony, pomimo że oferują różne funkcje, niekoniecznie muszą być responsywne. W praktyce, jeśli nie są one zaprojektowane w sposób responsywny, użytkownicy korzystający z telefonów mogą napotkać trudności w nawigacji i korzystaniu z funkcji. Z kolei strony statyczne to te, których zawartość jest ustalona na sztywno, bez możliwości automatycznego dostosowania się do rozmiaru ekranu. Ten typ witryny zazwyczaj nie reaguje na zmiany rozmiaru okna przeglądarki, co sprawia, że są one nieodpowiednie w kontekście rosnącego zróżnicowania urządzeń. Kluczowym błędem myślowym jest przekonanie, że każda strona, która działa, jest również dobrze przystosowana do różnych urządzeń. Bez zaprojektowania z myślą o responsywności, strona może być trudna do używania, co może zniechęcać użytkowników i wpływać negatywnie na wizerunek marki.

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 danych przesyłanych automatycznie na adres e-mail osoby odwiedzającej stronę internetową

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

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

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

Pytanie 23

Jaki znak w języku JavaScript pełni rolę operatora negacji?

A. !

B. =

C. /

D. !=

Symbol "!" w języku JavaScript jest operatorem negacji logicznej. Służy do odwracania wartości logicznych, co oznacza, że jeśli operand (wartość, na której działa operator) jest prawdziwy (true), to wynik działania operatora "!" będzie fałszywy (false), i odwrotnie. Przykładowo, jeśli mamy zmienną let isActive = true;, to wykonanie !isActive da wynik false. Operator negacji jest niezwykle przydatny w warunkach logicznych, na przykład w instrukcjach if, gdzie możemy chcieć wykonać kod tylko wtedy, gdy dany warunek nie jest spełniony. Przykład: if (!isActive) { console.log('Nieaktywny'); } spowoduje, że komunikat zostanie wyświetlony tylko wtedy, gdy isActive jest false. Dobre praktyki w programowaniu sugerują, aby używać operatora negacji z rozwagą, aby kod był czytelny i zrozumiały. Ponadto, warto pamiętać, że operator "!" można stosować wielokrotnie, co prowadzi do podwójnej negacji (np. !!isActive), co jest techniką często używaną do konwertowania wartości na typ boolean.

Pytanie 24

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

A. LibreOffice Impress oraz LibreOffice Writer

B. Prezi Viewer oraz CorelDRAW

C. Prezi i PowerPoint

D. LibreOffice Impress oraz Adobe Photoshop

Wybór oprogramowania do tworzenia prezentacji jest kluczowy dla skutecznej komunikacji wizualnej. LibreOffice Impress oraz LibreOffice Writer są programami z pakietu LibreOffice, ale nie są one przeznaczone do pracy w trybie online w tym samym sensie, co Prezi czy PowerPoint. Impress, chociaż może być używany do tworzenia prezentacji, nie oferuje tych samych funkcji interaktywności i wspólnej pracy w czasie rzeczywistym, które są standardem w nowoczesnych narzędziach online. Writer to edytor tekstu, który nie ma żadnych funkcji związanych z prezentacjami. Oprogramowanie CorelDRAW jest narzędziem do grafiki wektorowej, a jego głównym celem jest projektowanie graficzne, a nie tworzenie prezentacji. Z kolei Adobe Photoshop służy do edycji zdjęć i grafiki rastrowej, a nie do tworzenia prezentacji w kontekście typowym dla Prezi czy PowerPoint. Często mylone są różne funkcjonalności i zastosowania tych programów, co prowadzi do błędnych wniosków. Ważne jest, aby zrozumieć, że narzędzia do prezentacji muszą wspierać tworzenie treści w sposób angażujący i umożliwiać interakcję, co nie jest cechą oprogramowania graficznego czy edytorów tekstu.

Pytanie 25

Jeśli na stronie internetowej, gdzie umieszczone są prezentacje multimedialne, widnieje zapis Wszelkie prawa zastrzeżone, to co to oznacza?

A. informacje zawarte na stronie nie mogą być wykorzystywane bez zgody twórcy

B. prezentacje mogą być udostępnione jedynie po zarejestrowaniu się

C. informacje umieszczone na stronie mogą być wykorzystywane bez zgody twórcy

D. prezentacje są chronione hasłem

Oznaczenie <i>Wszelkie prawa zastrzeżone</i> na stronie internetowej sygnalizuje, że autorzy lub właściciele treści zastrzegają sobie pełne prawa do wykorzystania, reprodukcji oraz dystrybucji zamieszczonych informacji. Oznacza to, że osoby trzecie nie mogą wykorzystywać tych materiałów bez uzyskania wcześniejszej zgody autora. Przykładowo, jeśli ktoś chciałby skorzystać z prezentacji zamieszczonej na takiej stronie w celach edukacyjnych lub komercyjnych, musi najpierw skontaktować się z właścicielem praw autorskich i uzyskać odpowiednie pozwolenie. Tego typu zabezpieczenia są zgodne z międzynarodowymi standardami prawnymi, w tym z Ustawą o prawie autorskim i prawach pokrewnych. W praktyce oznacza to, że naruszenie tych praw może prowadzić do konsekwencji prawnych, w tym roszczeń odszkodowawczych. W związku z tym, warto zawsze zwracać uwagę na informacje prawne zamieszczone na stronach internetowych, aby uniknąć nieporozumień oraz potencjalnych problemów prawnych związanych z niewłaściwym wykorzystaniem treści.

Pytanie 26

Czym jest mapa witryny internetowej?

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

B. ilustruje schemat zawierający grafiki umieszczone na stronie

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

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

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

Pytanie 27

Aby móc używać plików typu NEF, CRW, CR2, ARW w projekcie strony internetowej, należy

A. zapisać pliki w odpowiednim formacie, zmniejszyć ich rozmiar oraz zastosować tryb koloru CMYK

B. zwiększyć ich rozmiar oraz zastosować tryb koloru RGB

C. zapisać pliki w odpowiednim formacie, zmniejszyć ich rozmiar oraz zastosować tryb koloru RGB

D. zmienić rozszerzenie pliku i zastosować tryb koloru CMYK

Zarówno zmiana rozszerzenia pliku, jak i zastosowanie trybu koloru CMYK są niewłaściwymi krokami w kontekście przygotowywania zdjęć do prezentacji w Internecie. Zmiana rozszerzenia pliku z formatu RAW na inny, bez odpowiedniej konwersji, może prowadzić do utraty danych lub niepoprawnego wyświetlania obrazu. Rozszerzenia plików są ściśle związane z formatem danych zawartych w pliku, a zmiana ich bez konwersji do odpowiedniego formatu nie zapewni oczekiwanej jakości. Tryb koloru CMYK, który jest standardem w druku, nie jest odpowiedni do użytku w Internecie, gdzie dominującym modelem kolorów jest RGB. Użycie CMYK na stronie internetowej może skutkować niewłaściwym odwzorowaniem kolorów na wyświetlaczach, co prowadzi do niezgodności kolorystycznych i frustracji użytkowników. Ponadto, nie ma potrzeby zwiększania rozmiaru pliku, co również jest wadliwe, ponieważ większe pliki nie tylko spowalniają ładowanie strony, ale także mogą powodować problemy z przepustowością łącza. W praktyce, aby optymalizować obrazy do użytku w Internecie, należy skupić się na konwersji i optymalizacji, a nie na zmianie rozszerzeń czy wprowadzaniu nieodpowiednich modeli kolorów.

Pytanie 28

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

A. kolorystyka strony

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

C. wybór przeglądarki internetowej

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

Wybór przeglądarki internetowej, szybkość serwera oraz ilość elementów multimedialnych mają znaczący wpływ na szybkość wczytywania strony. Przeglądarki różnią się między sobą w zakresie wydajności i obsługi różnych standardów webowych. Na przykład, nowsze wersje przeglądarek są zoptymalizowane pod kątem wydajności i oferują lepszą obsługę skryptów JavaScript oraz renderowanie stron. Wybór przestarzałej przeglądarki może prowadzić do dłuższego czasu ładowania strony ze względu na braki w obsłudze nowoczesnych technologii. Szybkość serwera to kolejny kluczowy czynnik. Serwery o wyższej wydajności, które korzystają z nowoczesnych technologii i odpowiedniej konfiguracji, znacznie przyspieszają czas odpowiedzi na żądania HTTP. Wreszcie, ilość elementów multimedialnych na stronie, takich jak obrazy, filmy czy dźwięki, ma bezpośredni wpływ na czas ładowania. Większa liczba i większe rozmiary plików multimedialnych wymagają większych zasobów, co prowadzi do wydłużenia czasu wczytywania. Często spotykanym błędem jest niedocenianie znaczenia tych aspektów, co może prowadzić do frustracji użytkowników i obniżenia współczynnika konwersji. Dlatego tak ważne jest, aby projektanci stron internetowych koncentrowali się na optymalizacji tych elementów zgodnie z najlepszymi praktykami branżowymi, takimi jak kompresja obrazów, minimalizacja skryptów oraz korzystanie z systemów cache'owania.

Pytanie 29

W języku HTML znacznik zawiera

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

B. nazwę dokumentu.

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

D. treść dokumentu.

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

Pytanie 30

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

A. Illustrator

B. Painter

C. Studio Artist

D. Photoshop

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 31

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

A. wydruku przestrzennego 3D

B. wydruku plakatów w formacie A2

C. publikacji książkowej

D. publikacji internetowej

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 32

Które określenie odnosi się do akronimu HTML?

A. Hipertekstowy język znaczników.

B. Hierarchiczna struktura danych.

C. Zewnętrzne arkusze stylów.

D. Kaskadowe arkusze stylów.

Często można się pomylić, próbując dopasować skrót HTML do znanych z web developmentu terminów, bo przecież w codziennej pracy przewijają się Kaskadowe Arkusze Stylów (czyli CSS), zewnętrzne style, czy ogólnie pojęte struktury danych. Natomiast HTML wcale nie odnosi się do stylów, a już tym bardziej do ich kaskadowości – za wygląd i prezentację strony odpowiada CSS, czyli właśnie Cascading Style Sheets. To CSS pozwala na definiowanie wyglądu, kolorów, odstępów czy responsywności strony, podczas gdy HTML skupia się wyłącznie na strukturze i oznaczaniu poszczególnych elementów. Odpowiedź sugerująca "zewnętrzne arkusze stylów" również wynika z pomieszania pojęć, bo owszem, pliki .css są często dołączane zewnętrznie do dokumentów HTML, ale sam akronim HTML nie ma z tym żadnego związku. Kolejna opcja, "hierarchiczna struktura danych", też brzmi logicznie, bo HTML tworzy coś na kształt drzewa DOM (Document Object Model), ale to raczej opisuje sposób działania przeglądarki niż samo rozwinięcie skrótu HTML. Moim zdaniem, wiele osób myśli o HTML przez pryzmat tego, jak dane są organizowane, przez co łatwo wpaść w pułapkę myślenia o hierarchii czy stylach, ale to nie oddaje sensu tego języka. W profesjonalnych projektach zawsze rozdziela się warstwę strukturalną (HTML), prezentacyjną (CSS) i logiczną (JavaScript), żeby kod był czytelny i łatwy w utrzymaniu zgodnie z dobrą praktyką separation of concerns. Warto zawsze wracać do źródeł i pamiętać, że HTML to po prostu hipertekstowy język znaczników – podstawa, od której zależy cały internet.

Pytanie 33

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

A. Adobe Dreamweaver

B. Adobe Flash

C. Power Point

D. Macromedia Director

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

Pytanie 34

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

A. teksty

B. obrazy wektorowe

C. animacje

D. miniatury rastrowe

Choć odpowiedzi takie jak animacje, obrazy wektorowe czy miniatury rastrowe mogą wydawać się sensowne w kontekście wzbogacania treści internetowych, w rzeczywistości nie odnoszą się do potrzeby dodawania zastępczych tekstów do obrazów rastrowych. Animacje nie pełnią roli zastępczego opisu dla obrazów; są to dynamiczne elementy wizualne, które mogą przyciągać uwagę, ale nie dostarczają informacji dla osób, które nie mogą ich zobaczyć. Obrazy wektorowe, z drugiej strony, są grafikami opartymi na matematycznych opisach, co oznacza, że nie są zamiennikiem dla zastępczego tekstu – nie można ich użyć do opisu treści obrazów rastrowych. Miniatury rastrowe, czyli małe wersje większych obrazów, mogą być stosowane w celu wizualizacji, ale również nie dostarczają informacji, które są kluczowe dla osób z niepełnosprawnościami. W praktyce, typowym błędem jest mylenie różnych formatów i funkcji grafiki w kontekście dostępności. Użytkownicy często zapominają, że zastępczy tekst jest nie tylko technicznym wymogiem, ale także elementem etyki projektowania stron internetowych, który umożliwia prawdziwie inkluzywne doświadczenie dla wszystkich użytkowników. Warto zatem przywiązywać wagę do detali, takich jak opisowe teksty, które wspierają dostępność treści w sieci.

Pytanie 35

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

A. przyleganie

B. kontrast

C. balans

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 36

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

A. Niestandardowe style czcionek

B. Przejrzysty i prosty layout strony

C. Obrazy o wysokiej jakości

D. Duża liczba elementów animacyjnych

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

Pytanie 37

Firma nabyła zestaw zdjęć na licencji Royalty Free do publikacji drukowanych – ulotek oraz plakatów. Czy można, bez konieczności spełniania dodatkowych warunków, użyć tych materiałów do stworzenia strony internetowej firmy?

A. Nie, firma powinna dodatkowo nabyć prawo do używania zdjęć na stronie internetowej

B. Tak, ponieważ licencja umożliwia wykorzystanie zdjęć w każdym celu firmy

C. Nie, ponieważ licencja odnosi się wyłącznie do materiałów drukowanych - ulotek, plakatów

D. Nie, firma jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu

Spostrzeganie, że wykorzystanie zdjęć zakupionych na licencji Royalty Free na stronie internetowej wymaga dodatkowych uprawnień, jest błędne i opiera się na nieporozumieniu dotyczącym natury tych licencji. Licencje Royalty Free pozwalają na wielokrotne wykorzystanie zdjęć w różnych projektach bez konieczności wykupywania dodatkowych praw czy opłat za użytkowanie, o ile nie narusza się warunków licencji. W praktyce, wiele osób błędnie zakłada, że użycie cyfrowe wymaga oddzielnej zgody, co nie jest prawdą. Kolejnym nieporozumieniem jest twierdzenie, że firma powinna informować bank grafiki o każdym użyciu zdjęć. Większość licencji Royalty Free nie wymaga takiego zawiadamiania, co oznacza, że użytkownik nie musi rejestrować każdego zastosowania zdjęcia. Warto także zauważyć, że ograniczenia dotyczące użycia zdjęć w materiałach jedynie drukowanych są mylne, ponieważ Royalty Free obejmuje zarówno druk, jak i media cyfrowe. Przykłady myślenia o licencjach w sposób zbyt restrykcyjny mogą prowadzić do paraliżu decyzyjnego w firmach, które obawiają się naruszenia praw autorskich, podczas gdy w rzeczywistości mają one prawo do swobodnego wykorzystywania tych materiałów, zachowując zgodność z zasadami licencyjnymi.

Pytanie 38

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

B. Czerwony.

C. Zielony.

D. Żółty.

Odpowiedź 'Czerwony' jest poprawna, ponieważ arkusz stylów CSS, który został przedstawiony, zawiera reguły definiujące kolor tekstu akapitów. W CSS, kiedy mamy do czynienia z kilkoma regułami przypisującymi różne style do tego samego elementu, ostatnia reguła ma pierwszeństwo. W tym przypadku, ostatnia reguła ustawia kolor na czerwony (red), co oznacza, że tekst akapitów będzie wyświetlany w tym kolorze. To podejście jest zgodne z zasadą kaskadowości w CSS, która mówi, że style są stosowane w kolejności ich pojawiania się w kodzie. W praktyce, zrozumienie kaskadowości jest kluczowe dla skutecznego projektowania stron internetowych, ponieważ pozwala na skuteczne zarządzanie stylem i zapewnia, że najnowsze zmiany będą miały zastosowanie. Dobrą praktyką jest również organizowanie arkuszy stylów w sposób, który minimalizuje konflikty, na przykład poprzez stosowanie bardziej specyficznych selektorów, aby uniknąć sytuacji, w której wiele reguł nakłada się na ten sam element.

Pytanie 39

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

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

A. C.

B. D.

C. B.

D. A.

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

Pytanie 40

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

A. stempla

B. plasterków

C. ścieżek

D. kanałów

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

Rozpocznij nowy egzamin

Powrót do strony głównej