Wyniki egzaminu

Nowy egzamin
Informacje o egzaminie:
  • Zawód: Technik fotografii i multimediów
  • Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
  • Data rozpoczęcia: 8 grudnia 2025 11:11
  • Data zakończenia: 8 grudnia 2025 11:19

Egzamin zdany!

Wynik: 26/40 punktów (65,0%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!
Facebook
X.com
LinkedIn
Szczegółowe wyniki:
Pytanie 1

Który parametr grafiki przygotowanej wcześniej do druku powinien zostać zmieniony przed udostępnieniem jej w sieci?

A. Stopień krycia
B. Proporcje obrazu
C. Tryb kolorów
D. Nazwy warstw
Tryb kolorów to kluczowy parametr, który należy zmienić w grafikach przygotowanych do druku przed ich publikacją w internecie. Na potrzeby druku najczęściej używa się trybu kolorów CMYK (Cyan, Magenta, Yellow, Key/Black), ponieważ odpowiada on kolorom stosowanym w procesie drukarskim. Natomiast w przypadku publikacji w internecie preferowany jest tryb RGB (Red, Green, Blue), który lepiej odwzorowuje kolory na ekranach. Zmiana z CMYK na RGB zapewnia, że grafiki będą prawidłowo wyświetlane na różnych urządzeniach cyfrowych, co jest niezbędne w kontekście standardów webowych. Praktycznym przykładem może być przygotowanie infografiki, która po wydruku może wyglądać inaczej niż na ekranie. Dobrze jest zatem przed publikacją zweryfikować kolory w trybie RGB, aby upewnić się, że są one zgodne z oczekiwaniami. Rekomendowane przez profesjonalistów narzędzia, takie jak Adobe Photoshop, oferują możliwość łatwej konwersji trybów kolorów, co jest standardem w branży projektowania graficznego. Warto także pamiętać o odpowiednich profilach kolorów, które zapewniają spójność kolorystyczną między różnymi urządzeniami.
Pytanie 2

W języku HTML znacznik zawiera

A. opisy i słowa kluczowe, które są wykorzystywane przez serwisy wyszukujące.
B. nazwę dokumentu.
C. treść dokumentu.
D. blok informacji widocznych dopiero w momencie rozwinięcia go przez użytkownika.
Znacznik <meta> w HTML to jedno z tych narzędzi, które odgrywa większą rolę, niż wielu osobom się wydaje. Jego głównym zadaniem jest przekazywanie tzw. metadanych, czyli informacji o stronie, które są niewidoczne dla zwykłego użytkownika, ale bardzo pomocne dla przeglądarek, robotów wyszukiwarek (np. Google czy Bing), a nawet dla mediów społecznościowych. Najczęściej <meta> wykorzystuje się właśnie do umieszczania opisów (description) czy słów kluczowych (keywords), które mogą wpływać na pozycjonowanie strony w wynikach wyszukiwania. To nie jest tak, że jeden znacznik meta załatwia wszystko – można mieć ich kilka, każdy do innych celów, np. charset (kodowanie znaków), viewport (responsywność na urządzeniach mobilnych), robots (dyrektywy dla wyszukiwarek). Moim zdaniem warto znać te podstawy, nawet jeśli na co dzień nie planujesz być SEO-wcem, bo dobrze ustawione meta tagi potrafią zwiększyć widoczność strony i ułatwić jej indeksację. Oficjalne standardy HTML5 jasno określają, że <meta> umieszcza się w sekcji <head> i nie powinien zawierać treści widocznej na stronie. W praktyce użycie <meta> może być kluczowe przy projektowaniu nawet małych serwisów – wystarczy spojrzeć na to, jak rozbudowane meta tagi mają strony dużych firm czy portali informacyjnych. Taka mała rzecz, a robi sporo zamieszania. Ja zawsze polecam przetestować kilka kombinacji meta description i obserwować, jak zmienia się ruch z wyszukiwarek – to daje naprawdę ciekawe efekty.
Pytanie 3

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

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

W jakim trybie kolorów powinna być zapisana fotografia cyfrowa, która ma być opublikowana w internecie?

A. CMYK
B. CMY
C. RGB
D. HSL
Wiesz, wybór trybu RGB do zapisywania zdjęć na strony internetowe to naprawdę dobry ruch. To dlatego, że większość wyświetlaczy, z jakimi mamy do czynienia, korzysta z modelu RGB, gdzie kolory powstają dzięki połączeniu czerwonego, zielonego i niebieskiego światła. Dzięki temu uzyskujemy szeroką paletę kolorów, co jest ważne, zwłaszcza jeśli chcemy, żeby zdjęcia wyglądały atrakcyjnie w sieci. Na przykład, gdy wrzucasz zdjęcia na swoją stronę, to kolory muszą być wyraźne i oddawać to, co widzisz na żywo. Standardy, jak sRGB, wskazują na to, że RGB jest najlepszym wyborem do publikacji online, żeby kolory były poprawnie wyświetlane na różnych urządzeniach. No i nie zapominajmy, że popularne formaty jak JPEG czy PNG idealnie współpracują z RGB, co czyni go naprawdę super rozwiązaniem dla grafik w internecie. Tak więc, RGB to idealna opcja do publikacji w sieci, gdy zależy nam na jakości kolorów.
Pytanie 5

Podaj właściwą sekwencję działań realizowanych podczas aktualizacji aplikacji Wordpress?

A. Wykonanie kopii zapasowej, testowanie klonowanej witryny, aktualizacja elementów witryny
B. Instalacja wtyczek, sprawdzanie znaczników HTML, pozycjonowanie witryny
C. Formatowanie treści, drukowanie projektu witryny, określenie licencji grafik
D. Testowanie klonowanej witryny, sprawdzanie reguł CSS, projektowanie elementów graficznych
Prawidłowa kolejność czynności podczas aktualizacji aplikacji WordPress obejmuje wykonanie kopii zapasowej, testowanie sklonowanej strony oraz aktualizowanie elementów strony. Formatowanie tekstów, drukowanie projektu strony i oznaczenie licencji grafik nie mają związku z procesem aktualizacji. Instalowanie wtyczek, weryfikowanie znaczników HTML i pozycjonowanie strony to działania związane z zarządzaniem i optymalizacją strony, ale nie są częścią procedury aktualizacji. Testowanie sklonowanej strony, weryfikowanie reguł CSS i projektowanie elementów graficznych to czynności projektowe i testowe, które nie uwzględniają kluczowego etapu tworzenia kopii zapasowej oraz bezpośredniego procesu aktualizacji. Prawidłowe wykonanie procesu aktualizacji minimalizuje ryzyko wystąpienia problemów na stronie produkcyjnej.
Pytanie 6

Baner internetowy skierowany do młodzieży powinien

A. nie wyrażać emocji
B. zawierać animacje
C. łączyć emocje pozytywne i negatywne
D. łączyć jasne tło, intensywny kolor, mały nagłówek
Niektóre koncepcje związane z projektowaniem banerów internetowych skierowanych do młodzieży okazują się nieefektywne lub wręcz błędne. Ignorowanie emocji w reklamie, jak sugeruje jedna z odpowiedzi, jest niezgodne z aktualnymi trendami marketingowymi. Młodzież, będąca często w fazie poszukiwania tożsamości i emocjonalnych doświadczeń, reaguje na emocjonalne przekazy. Przykładami mogą być kampanie, które odwołują się do wartości przyjaźni, akceptacji lub wolności, co jest szczególnie ważne w kontekście młodzieżowym. Pomimo że połączenie pozytywnych i negatywnych emocji może być interesującą strategią, w przypadku banerów internetowych, gdzie kluczowe jest szybkie przyciągnięcie uwagi, zbyt złożony przekaz może być mylący i prowadzić do dezorientacji. Kluczowym błędem jest także założenie, że jasne tło i mocne kolory są wystarczające do przyciągnięcia uwagi. W rzeczywistości, projekt graficzny musi być przemyślany, a dobór kolorów i elementów wizualnych musi współgrać z przesłaniem marki, a także emocjami, jakie chcemy wzbudzić w odbiorcy. Aby osiągnąć skuteczność, baner powinien nie tylko wyglądać atrakcyjnie, ale przede wszystkim być zgodny z preferencjami i zachowaniami grupy docelowej, co w przypadku młodzieży oznacza uwzględnienie nowoczesnych trendów, w tym wykorzystania animacji i interaktywnych elementów, które zwiększają zaangażowanie i zachęcają do działania.
Pytanie 7

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

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

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

A. Żółty.
B. Czarny.
C. Czerwony.
D. Zielony.
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 9

Jakie parametry obrazu cyfrowego należy wykorzystać do stworzenia internetowej galerii zdjęć?

A. LAB, 300 ppi
B. CMYK, 72 ppi
C. CMYK, 150 ppi
D. RGB, 72 ppi
Odpowiedź 'RGB, 72 ppi' jest prawidłowa, ponieważ RGB jest modelem kolorów idealnym do zastosowań w sieci, z uwagi na to, że wiele urządzeń wyświetlających, takich jak monitory komputerowe i smartfony, używa tego modelu. Rekomendowana rozdzielczość 72 ppi (pikseli na cal) z kolei jest standardem dla obrazów wyświetlanych w internecie. Rozdzielczość ta zapewnia akceptowalną jakość wizualną przy jednoczesnym ograniczeniu rozmiaru pliku, co jest kluczowe dla szybkiego ładowania stron internetowych. W praktyce, przygotowując zdjęcia do galerii internetowej, warto także zastosować kompresję JPEG, co dodatkowo zmniejszy objętość plików bez znaczącej straty jakości. Omijanie formatu CMYK, który jest stosowany głównie w druku, jest istotne, ponieważ obrazy RGB są lepiej dostosowane do wyświetlania na ekranach. Przykładowo, stworzenie galerii zdjęć z użyciem RGB i 72 ppi pozwala na efektywne zarządzanie zasobami oraz lepsze wrażenia użytkowników, co jest zgodne z najlepszymi praktykami webowymi.
Pytanie 10

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

A. CMY
B. RGB
C. Pantone
D. Bichromia
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 11

Który z poniższych systemów nie jest systemem zarządzania treścią?

A. Joomla
B. Drupal
C. Teams
D. Wordpress
Teams jest platformą do współpracy, która koncentruje się na komunikacji i pracy zespołowej, oferując funkcje takie jak czaty, wideokonferencje oraz integrację z innymi aplikacjami. Nie jest to system zarządzania treścią (CMS), który służy do tworzenia, edytowania i publikowania treści na stronach internetowych. W przeciwieństwie do platform CMS, takich jak Drupal, Joomla i WordPress, które umożliwiają zarządzanie treściami w sposób zorganizowany i strukturalny, Teams nie oferuje dedykowanych narzędzi do tworzenia treści w kontekście stron internetowych. Przykładowo, Drupal pozwala na budowanie złożonych stron internetowych z różnymi typami treści, podczas gdy Teams skupia się na udostępnianiu informacji w ramach zamkniętej grupy użytkowników.
Pytanie 12

Na prawidłowe wyświetlanie polskich znaków na stronie WWW wpływa

A. plik konfiguracyjny serwera
B. ustawienie języka polskiego jako języka domyślnego w przeglądarce internetowej
C. odpowiednie kodowanie w pliku HTML
D. domyślny styl używanej przeglądarki internetowej
Wydaje mi się, że domyślny styl przeglądarki, plik konfiguracyjny serwera i to, jak ustawione jest język polski w przeglądarkach, nie mają aż takiego wpływu na to, jak polskie znaki się wyświetlają. Owszem, style mogą wpływać na wygląd, ale nie na interpretację znaków. Przeglądarki dadzą radę wyświetlać różne znaki, jeżeli serwer i dokument HTML są odpowiednio skonfigurowane. Plik konfiguracyjny serwera może ustawić domyślne kodowanie, ale bez definicji kodowania w HTML przeglądarka może zinterpretować znaki źle. Co ciekawe, ustawienie polskiego jako domyślnego języka w przeglądarce, choć może pomóc w niektórych rzeczach, nie rozwiąże problemów z kodowaniem. Kiedy kodowanie jest źle ustawione, nawet poprawne ustawienia językowe niewiele pomogą. Często ludzie myślą, że przeglądarka zawsze dobrze odczyta tekst, a prawda jest taka, że to dobra konfiguracja dokumentu HTML jest najważniejsza. Dlatego fajnie jest zawsze dbać o to, żeby dokumenty miały zadeklarowane właściwe kodowanie, żeby uniknąć problemów z wyświetlaniem.
Pytanie 13

Programy do tworzenia grafiki trójwymiarowej umożliwiają

A. tworzenie animacji poklatkowej oraz zaawansowaną obróbkę plików RAW
B. projektowanie stron internetowych
C. stworzenie modeli postaci z filmów lub bohaterów gier komputerowych
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 14

Dostosowanie pliku JPEG do wyświetlenia na stronie internetowej (przy zdefiniowanych wymiarach obrazu) wiąże się z wyborem

A. innego formatu pliku
B. trybu koloru
C. palety kolorów
D. stopnia kompresji
Optymalizacja pliku JPEG to proces, który w pierwszej kolejności koncentruje się na dostosowywaniu stopnia kompresji, aby osiągnąć zrównoważony wynik jakości obrazu i rozmiaru pliku. Często pojawiają się jednak nieporozumienia związane z innymi aspektami, które nie mają tak istotnego wpływu na optymalizację dla webu. Paleta kolorów, na przykład, odnosi się bardziej do formatów bitmapowych, jak GIF czy PNG, które korzystają z ograniczonej liczby kolorów. JPEG obsługuje pełen zakres kolorów i nie wymaga palety, co eliminuje możliwość jej optymalizacji w kontekście JPEG. Zmiana formatu pliku również nie jest optymalizacją, ponieważ koncentruje się na całkowitym przejściu do innego formatu, co nie tylko nie poprawia wydajności, ale może również prowadzić do utraty jakości, jeśli nie jest przeprowadzona z ostrożnością. Tryb koloru może mieć znaczenie w kontekście edycji graficznej, jednak w przypadku JPEG nie jest czynnikiem kluczowym dla optymalizacji plików do użytku internetowego. Użytkownicy mogą często mylić te aspekty z procesem optymalizacji, co prowadzi do suboptymalnych rozwiązań i nieefektywnego zarządzania zasobami multimedialnymi na stronach internetowych.
Pytanie 15

Formatami zapisu broszury informacyjnej w postaci publikacji elektronicznej przeznaczonej do wyświetlania w internecie są

A. DWG, EPUB
B. CSV, PSD
C. PDF, EPUB
D. AI, PDF
PDF oraz EPUB to faktycznie najczęściej stosowane formaty przy publikacji broszur informacyjnych w internecie. Format PDF (Portable Document Format) zachowuje oryginalny układ graficzny dokumentu, czcionki, kolory i obrazy bez względu na system operacyjny czy urządzenie użytkownika. To sprawia, że PDF jest wręcz standardem dla wszelkich oficjalnych dokumentów, które muszą wyglądać identycznie u każdego odbiorcy – broszury reklamowe, katalogi firmowe, instrukcje. Z drugiej strony EPUB (Electronic Publication) to format stworzony z myślą o publikacjach elektronicznych typu e-book. Pozwala on na dynamiczne dopasowywanie tekstu do wielkości ekranu, co super się sprawdza na smartfonach, tabletach czy czytnikach e-booków. W praktyce, jeśli chcemy by broszura była czytana na różnych urządzeniach i dostępna szeroko w internecie, to właśnie PDF i EPUB zapewniają największą kompatybilność. Co ciekawe, coraz więcej narzędzi do publikacji online (jak Canva, Adobe InDesign) eksportuje gotowe projekty bezpośrednio do tych formatów, bo są po prostu wygodne i uniwersalne. Moim zdaniem warto znać oba – nie tylko z teorii, ale też praktyki pracy z klientem. PDF do druku i prezentacji, EPUB do czytania na urządzeniach mobilnych. To taki branżowy must-have.
Pytanie 16

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

A. rgb(128, 255, 0); #ff8000
B. purple; #ff00ff
C. green; rgb(0, 255, 0)
D. yellow; #ffff00
Wybór którejkolwiek z pozostałych odpowiedzi jest błędny, bo każdy z tych zapisów odnosi się do innego koloru, co ma znaczenie przy kodowaniu w HTML i CSS. Zrozumienie kolorów w CSS wymaga znajomości różnych formatów ich zapisu. Na przykład 'green; rgb(0, 255, 0)' to zielony, z maksymalną intensywnością zielonego i brakiem czerwonego oraz niebieskiego. Wartości RGB są spoko, ale mogą być mylące, jak nie znasz dokładnych odcieni. Z kolei 'purple; #ff00ff' to fioletowy, a 'rgb(128, 255, 0); #ff8000' oznacza dwa różne kolory. W praktyce warto korzystać z narzędzi do wyboru kolorów, które pomagają w wizualizacji i porównywaniu kolorów, żeby lepiej dobrać paletę kolorów w projekcie. Pamiętaj, że dobór kolorów ma ogromne znaczenie dla estetyki czy użyteczności interfejsów, więc warto poświęcić czas na naukę ich reprezentacji.
Pytanie 17

Zanim umieścisz na stronach www statyczne obiekty wektorowe, powinieneś

A. zamienić obiekty wektorowe w krzywe Beziera
B. przeprowadzić wektoryzację obiektów wektorowych
C. wykonać trasowanie obiektów wektorowych
D. przekształcić obiekty wektorowe w rastrowe
Przekształcanie obiektów wektorowych w krzywe Beziera czy trasowanie bitmap chyba nie ma sensu, jak chodzi o publikację na stronach internetowych. Krzywe Beziera są spoko do tworzenia gładkich kształtów, ale nie są potrzebne do zamiany na format rastrowy. Trasowanie bitmap na grafikę wektorową w kontekście stron www to trochę bez sensu, bo to dodatkowy krok, który niekoniecznie przynosi korzyści. Wektoryzacja też nie jest konieczna w tym przypadku. Dużo ludzi myśli, że obiekty wektorowe są zawsze lepsze od rastrowych, ale to nie do końca prawda. Wektory są super, bo można je powiększać bez straty jakości, ale żeby strona działała dobrze i była kompatybilna z różnymi przeglądarkami, czasem musimy je konwertować na rastrowe. Ignorowanie tych technicznych aspektów może prowadzić do problemów, które psują doświadczenie użytkowników.
Pytanie 18

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

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

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

A. tworzenie fotografii, hosting, dobór szablonu, pozycjonowanie, publikacja
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. nabycie wybranych zdjęć, testowanie funkcji strony, optymalizacja i walidacja, publikacja, weryfikacja poprawności witryny, prace programistyczne
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 20

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

A. Rozdzielczość 72 lpi tryb barwny RGB.
B. Rozdzielczość 72 dpi, tryb barwny CMYK.
C. Rozdzielczość 72 ppi, tryb barwny RGB.
D. Rozdzielczość 72 spi, tryb barwny CMYK.
To jest dokładnie ten zestaw parametrów, który powinien być stosowany przy przygotowaniu zdjęć do publikacji w galerii internetowej. Rozdzielczość 72 ppi (pikseli na cal) jest uznawana za standardową dla grafiki wyświetlanej na ekranach komputerów czy urządzeń mobilnych – to w zupełności wystarcza, żeby zdjęcia wyglądały ostro i nie zajmowały zbyt wiele miejsca, co przekłada się na szybsze ładowanie strony. Z mojego doświadczenia, jeśli użyjemy wyższej rozdzielczości, zdjęcia będą większe i obciążą serwer, a przecież użytkownik nawet nie zauważy różnicy. Tryb barwny RGB to absolutna podstawa w kontekście internetu – większość ekranów obsługuje właśnie ten przestrzeń barwną, więc kolory pozostaną takie, jak zamierzono. W praktyce, wszystkie popularne programy graficzne domyślnie ustawiają tryb RGB dla plików przeznaczonych do sieci. Z kolei CMYK to tryb dedykowany do druku i tu zupełnie się nie sprawdzi. Co ciekawe, czasem spotykam się z opinią, że trzeba wyżej ustawić rozdzielczość, ale to tylko marnuje miejsce na dysku. No i warto pamiętać, by zapisywać zdjęcia w formatach takich jak JPEG czy PNG, bo te najczęściej są obsługiwane przez przeglądarki. Tak więc – 72 ppi i RGB to taki internetowy złoty standard.
Pytanie 21

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

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

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

A. sieci Ethernet.
B. sieci WiFi.
C. Wi-Fi Direct.
D. Bluetooth.
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 23

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

A. <p>Pierwszy akapit.<p> <p>Drugi akapit.<p>
B. <p>Pierwszy akapit.<p/> <p>Drugi akapit.<p/>
C. </p>Pierwszy akapit.</p/>
D. <p>Pierwszy akapit.</p> <p>Drugi akapit.</p>
Wiele z przedstawionych odpowiedzi zawiera błędy w konstruowaniu znaczników HTML, co prowadzi do błędnej interpretacji przez przeglądarki. W niepoprawnych zapisach, takich jak <p>Pierwszy akapit.<p> <p>Drugi akapit.<p> zauważalny jest problem z zamykaniem znaczników. Ostatni znacznik <p> powinien być zamknięty przy użyciu </p>, co jest kluczowym elementem składni HTML. Jeśli zamykamy znacznik <p> za pomocą <p/>, jest to syntaktycznie niepoprawne. W HTML nie ma możliwości samodzielnego zamykania znaczników otwierających, co prowadzi do błędnego układu dokumentu. Przykładem może być sytuacja, gdy podczas tworzenia strony internetowej pomijamy poprawne zamknięcie znaczników, co skutkuje chaotycznym i nieprzewidywalnym renderowaniem tekstu. Takie błędy nie tylko wpływają na estetyczne aspekty prezentacji treści, ale także mogą obniżać wyniki SEO, ponieważ wyszukiwarki analizują strukturę dokumentu. Dodatkowo, zrozumienie znaczenia odpowiedniej struktury w HTML jest kluczowe dla tworzenia dostępnych treści w sieci. Błędy te pokazują typowe pułapki, w które mogą wpadać programiści, szczególnie nowicjusze, którzy mogą przyjąć, że otwieranie i zamykanie znaczników jest bardziej elastyczne niż w rzeczywistości.
Pytanie 24

Przedstawiony na ilustracji szablon kompozycji graficznej układu strony internetowej to

Ilustracja do pytania
A. glif.
B. plugin.
C. wakat.
D. layout.
Odpowiedź "layout" jest prawidłowa, ponieważ termin ten odnosi się do kompozycji graficznej strony internetowej, która wyznacza układ elementów takich jak nagłówki, menu, treści i stopki. Layout jest kluczowym aspektem projektowania interfejsu użytkownika i ma znaczący wpływ na doświadczenia użytkowników. Odpowiednie rozmieszczenie elementów sprzyja czytelności i użyteczności strony, co jest zgodne z zasadami projektowania UX. Dobrze zaplanowany layout ułatwia nawigację i pozwala użytkownikom szybko znaleźć poszukiwane informacje. Na przykład, w przypadku stron e-commerce, odpowiedni układ produktów, informacji o cenach oraz przycisków „dodaj do koszyka” może znacząco wpłynąć na konwersję i zadowolenie użytkowników. W standardach web designu, takich jak Responsive Web Design, layout jest również dostosowywany do różnych urządzeń, zapewniając użytkownikom spójne doświadczenie, niezależnie od tego, czy korzystają z komputera, tabletu czy smartfona.
Pytanie 25

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

A. <mark>
B. <ins>
C. <small>
D. <sub>
Znacznik <mark> w HTML jest używany do wyróżniania tekstu poprzez jego podświetlenie, co ułatwia zwrócenie uwagi na ważne informacje. Standard W3C definiuje ten znacznik jako element semantyczny, który wskazuje, że dany fragment tekstu jest istotny w kontekście treści. Użycie <mark> jest szczególnie przydatne w sytuacjach, gdy chcemy wyróżnić fragmenty tekstu w artykułach, dokumentach lub na stronach internetowych, gdzie kluczowe informacje powinny być łatwo dostrzegalne przez użytkowników. Przykładowo, w aplikacjach edukacyjnych, gdzie uczniowie przeszukują teksty w celu znalezienia informacji, zastosowanie tego znacznika może pomóc im w szybszym dotarciu do istotnych fragmentów. Dobrą praktyką jest również stylizowanie elementu <mark> poprzez CSS, co pozwala na dostosowanie koloru tła i tekstu, aby pasowały do ogólnej estetyki strony. Ponadto, użycie <mark> wspiera dostępność, ponieważ czytniki ekranu mogą interpretować ten znacznik jako wyróżniony tekst, co ułatwia zrozumienie treści osobom z niepełnosprawnościami wzrokowymi.
Pytanie 26

Poniżej przedstawiono fragment kodu strony internetowej. Gdy pliki strony znajdują się na lokalnym dysku komputera PC, obrazek obraz01.jpg jest wyświetlany, natomiast po załadowaniu plików na zewnętrzny serwer – już nie. Co jest tego przyczyną?
<div class = “grafika">
<img alt = “widok ogólny" src = “obrazki\obraz01.jpg" />
</div>

A. Niewłaściwa kolejność atrybutów znacznika img.
B. Zastosowanie w ścieżce dostępu lewego ukośnika (\).
C. Ujęcie znacznika img w znacznik div.
D. To, że znacznik img nie został zamknięty.
Właściwa odpowiedź wskazuje na zastosowanie lewego ukośnika w ścieżce dostępu do pliku graficznego jako przyczynę problemu z wyświetlaniem obrazka po załadowaniu plików na zewnętrzny serwer. W systemach operacyjnych Windows, do oddzielania folderów w ścieżkach plików używany jest lewy ukośnik ('\'). Jednak w kontekście stron internetowych oraz standardów HTML, obowiązującym znakiem do oddzielania folderów jest ukośnik prawy ('/'). To oznacza, że podczas przenoszenia plików na serwer, ścieżka do obrazka powinna być zapisana jako 'obrazki/obraz01.jpg', aby poprawnie wskazać lokalizację pliku na serwerze. Zastosowanie właściwego ukośnika jest kluczowe, ponieważ serwery internetowe zwykle działają na systemach uniksowych, w których tylko prawy ukośnik jest akceptowany. W praktyce, aby uniknąć takich problemów, zawsze należy stosować ukośnik prawy, co jest zgodne z rekomendacjami W3C. Dobrą praktyką jest również testowanie lokalnych ścieżek przed publikacją na serwerze, aby upewnić się, że wszystkie obrazy oraz zasoby są poprawnie wyświetlane."
Pytanie 27

W celu wzmocnienia spójności kompozycji strony internetowej poprzez zastosowanie kompozycji rytmicznej należy zastosować

A. kontrast.
B. dysharmonię.
C. akcent.
D. powtórzenia.
Wiele osób myli podstawowe pojęcia związane z kompozycją wizualną i, szczerze mówiąc, nie jest to nic dziwnego – często akcent, kontrast albo nawet dysharmonia wydają się atrakcyjne jako narzędzia do budowania wyrazistej strony. Jednak budowanie spójności i rytmu w projekcie opiera się na czymś zupełnie innym. Akcent faktycznie potrafi przyciągnąć uwagę, ale jego rola to raczej wyróżnienie pojedynczego elementu, punktu ciężkości – on nie wprowadzi powtarzalności czy przewidywalności. Kontrast pomaga odseparować lub porządkować elementy, na przykład przez zestawianie jasnych i ciemnych barw, dużych i małych tekstów, ale jego głównym celem jest podkreślenie różnic, nie rytmu. Z kolei dysharmonia, według mnie, to wręcz celowe złamanie zasad spójności, pewnego rodzaju „szum” wizualny – może być fajna jako zabieg artystyczny, ale jeśli chodzi o przejrzystość i komfort użytkownika, to raczej utrudnia odbiór całości. W praktyce właśnie powtórzenia zapewniają rytmiczną strukturę – bez nich użytkownik może poczuć się zagubiony, bo brakuje mu punktów odniesienia. Typowym błędem jest mieszanie pojęć – projektanci często myślą, że wystarczy mocny akcent lub kontrast, żeby strona była czytelna, tymczasem to powtórzenia tworzą fundament logicznej kompozycji. Standardy branżowe, jak materiały Google Material Design czy wytyczne W3C, jasno podkreślają wagę konsekwencji i powtarzalności elementów dla zachowania spójności. Jeżeli zależy Ci na naprawdę czytelnej i uporządkowanej stronie, warto szczególnie zwrócić uwagę właśnie na to, jak powtarzają się pewne elementy na każdej podstronie – to, moim zdaniem, najważniejszy aspekt kompozycji rytmicznej.
Pytanie 28

Deklaracja CSS: li span {font-size:10pt; color:green;} wskazuje, że rozmiar 10 pt dotyczy

A. wyłącznie tekstu znajdującego się wewnątrz znaczników span umieszczonych w znacznikach li
B. jedynie tekstu wewnątrz wszystkich znaczników li, które są osadzone w znacznikach span
C. tekstu wewnątrz wszystkich znaczników span
D. tekstu wewnątrz wszystkich znaczników li oraz span
Wybór odpowiedzi dotyczącej zastosowania reguły CSS jest poprawny, ponieważ selektor 'li span' odnosi się do wszystkich znaczników 'span', które znajdują się wewnątrz znaczników 'li'. W praktyce oznacza to, że reguła ta wpływa tylko na tekst w tych specyficznych elementach, co pozwala na precyzyjne stylizowanie zawartości list. Zastosowanie takich selektorów jest szczególnie ważne w przypadku pisania złożonych dokumentów HTML, gdzie precyzyjne stylizowanie elementów może znacznie poprawić czytelność i estetykę strony. Na przykład, jeżeli chcielibyśmy, aby tylko niektóre fragmenty tekstu w liście miały inny rozmiar czcionki lub kolor, użycie tej reguły pozwala na pełną kontrolę nad formatowaniem. Tego typu techniki są zgodne z najlepszymi praktykami w zakresie kaskadowych arkuszy stylów (CSS), które promują modularność i elastyczność w projektowaniu stron internetowych.
Pytanie 29

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

A. kodowania znaków
B. formatowania
C. testów funkcjonalności
D. pozycjonowania
Pozycjonowanie, zwane również SEO (Search Engine Optimization), to proces optymalizacji strony internetowej w celu uzyskania wyższej pozycji w wynikach wyszukiwania w wyszukiwarkach, takich jak Google. Celem pozycjonowania jest zwiększenie widoczności strony, co w efekcie prowadzi do większego ruchu na stronie oraz potencjalnego zwiększenia konwersji. W ramach pozycjonowania kluczowe są różne techniki, takie jak dobór odpowiednich słów kluczowych, optymalizacja treści pod kątem ich jakości i trafności, budowanie linków zwrotnych oraz techniczne aspekty strony, takie jak prędkość ładowania czy struktura URL. Dobre praktyki SEO obejmują również uwzględnienie aktualnych algorytmów wyszukiwarek, które zmieniają się w czasie, co wymaga stałego monitorowania i dostosowywania strategii. Na przykład, tworzenie wartościowych treści, które angażują użytkowników, przyczynia się do lepszego pozycjonowania, ponieważ wyszukiwarki preferują witryny oferujące użyteczne informacje. Warto również pamiętać o mobilnej wersji strony, ponieważ coraz więcej użytkowników korzysta z urządzeń mobilnych.
Pytanie 30

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

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

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

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

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

A.<video src="film.ogg" width="400" height="300" preload></video>
B.<object src="film.ogg" width="400" height="300" load controls> </object>
C.<object src="film.ogg" width="400" height="300" preload="none"
controls="yes"></object>
D.<video src="film.ogg" width="400" height="300"
preload="auto"controls="controls"></video>
A. C.
B. A.
C. B.
D. D.
Błędne odpowiedzi często wynikają z niepełnego zrozumienia, jak działa znacznik <video> i jego atrybuty w HTML5. Wiele osób może błędnie sądzić, że pominięcie atrybutu 'controls' jest akceptowalne, co prowadzi do sytuacji, w której użytkownicy nie mają możliwości interakcji z odtwarzanym materiałem. Bez tego atrybutu, plik wideo staje się jedynie statycznym elementem, bez możliwości zatrzymania, przewijania czy regulacji głośności, co znacznie obniża jego użyteczność. Kolejnym powszechnym błędem jest nieprawidłowe ustawienie atrybutu 'preload'. Użytkownicy mogą myśleć, że nie jest on potrzebny, co w praktyce może prowadzić do opóźnień w odtwarzaniu wideo, szczególnie na wolniejszych połączeniach. Zrozumienie, że 'preload' informuje przeglądarkę o tym, aby załadowała wideo w tle, jest kluczowe dla zapewnienia płynnego doświadczenia użytkownika. Ponadto, niezgodność z typami plików i nieodpowiednie użycie atrybutu 'type' w znaczniku <source> może prowadzić do tego, że wideo nie będzie odtwarzane w niektórych przeglądarkach, co jest istotnym problemem, gdyż wymagania dotyczące kompatybilności wideo są różne w różnych środowiskach. Wiedza na temat prawidłowego korzystania z HTML5 i jego elementów multimedialnych jest nie tylko wymagana, ale również kluczowa w tworzeniu nowoczesnych i dostępnych aplikacji internetowych.
Pytanie 33

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

A. Microsoft Expression Web.
B. Pajączek.
C. Adobe Photoshop.
D. HotDog.
Pajączek, HotDog oraz Microsoft Expression Web to programy, które są odpowiedzialne za tworzenie i edytowanie stron internetowych. Ich funkcjonalności obejmują wsparcie dla języków takich jak HTML, CSS oraz JavaScript, co pozwala na bezpośrednie manipulowanie kodem strony i dostosowywanie jej struktury do potrzeb użytkowników. Wybierając te narzędzia, można edytować kod, a także korzystać z funkcji podglądu w czasie rzeczywistym, co jest kluczowe w procesie projektowania. Typowym błędem myślowym jest mylenie programów graficznych z narzędziami do kodowania. Narzędzia takie jak Photoshop są doskonałe do tworzenia wizualnych elementów, ale nie oferują funkcji potrzebnych do programowania strony internetowej. Warto pamiętać, że skuteczne tworzenie stron internetowych wymaga znacznie więcej niż tylko umiejętności graficznych; wymaga również zrozumienia technologii webowych oraz zasad tworzenia dostępnych, responsywnych i funkcjonalnych stron. Programy do tworzenia stron internetowych powinny wspierać cały proces, od pisania kodu, przez testowanie, aż po publikację, co czyni je bardziej odpowiednimi niż oprogramowanie graficzne.
Pytanie 34

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

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

Dlaczego zamieszczony kod jest niezgodny z XHTML 1.1?

<!DOCTYPE html>
<html>
<head>
 <title>Agencja Grafiki Użytkowej GRAFA</title>
 <link rel="stylesheet" href="css/styles.css"/>
</head>
<body>
<table> <tr><td id="menu">..tu menu... </td>
<td id="header">Nasza agencja została stworzona przez ludzi dla ludzi.
Jesteśmy na rynku od 1999 roku, stale zmieniając się dla WAS.
  <blockquote><p> Nasze motto: ....</p> </blockquote></td> </tr>
<tr> <td colspan="2" id="content"> … tu opis oferty.... </td> </tr>
</table>
</body>
</html>
A. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.
B. Brakuje znacznika <meta> i jego atrybutów.
C. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.
D. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).
Analizując pozostałe odpowiedzi, można dostrzec kilka powszechnych nieporozumień związanych z XHTML 1.1. Pierwsza koncepcja sugerująca, że brakuje znaczników <heading>, <article>, <nav>, <aside> i <footer>, nie uwzględnia faktu, że XHTML 1.1 nie wymaga tych znaczników jako obowiązkowych. Chociaż są one zgodne z HTML5 i zalecane w kontekście semantycznego HTML, nie są one konieczne w XHTML 1.1. Ponadto, przedstawienie tych znaczników jako kluczowych dla zgodności z XHTML 1.1 jest mylące. Kolejnym często spotykanym błędem jest przekonanie, że brak znacznika <meta> i jego atrybutów, jak charset, jest krytyczny dla zgodności z XHTML 1.1. W rzeczywistości, mimo że znacznik <meta> jest ważny dla określenia kodowania i innych właściwości dokumentu, jego brak nie czyni dokumentu niezgodnym z XHTML 1.1. Ostatecznie, zrozumienie, że znacznik <blockquote> nie może być użyty wewnątrz znaczników <td></td>, jest błędne; zgodnie z specyfikacją HTML, <blockquote> jest dozwolony w obrębie <td> i może być użyty do przedstawienia cytatów w tabelach. Zatem wszystkie te odpowiedzi wynikają z błędnych założeń i niezrozumienia specyfikacji XHTML 1.1 oraz zasad dotyczących struktury dokumentu.
Pytanie 36

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 musi dodatkowo zakupić prawo do używania zdjęć na stronie internetowej
C. Nie, ponieważ licencja obejmuje wyłącznie materiały drukowane - ulotki, plakaty
D. Nie, firma ma obowiązek poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu
Licencje Royalty Free są projektowane z myślą o szerokim zastosowaniu, co oznacza, że po zakupie takich zdjęć można je wykorzystywać w różnych kontekstach, w tym w materiałach drukowanych oraz cyfrowych. W przypadku odpowiedzi, która stwierdza, że firma może wykorzystać zakupione zdjęcia do przygotowania strony internetowej, jest to zgodne z właściwym zrozumieniem warunków licencyjnych. Licencja Royalty Free nie ogranicza się jedynie do jednego typu mediów, ale zazwyczaj umożliwia wielokrotne wykorzystanie w różnych projektach, co czyni ją bardzo elastyczną. Przykładem może być użycie tych zdjęć zarówno w broszurach reklamowych, jak i na stronie internetowej, co pozwala na spójne przekazywanie wizualnej tożsamości marki. Ważne jest, aby przed wykorzystaniem zdjęć dokładnie zapoznać się z umową licencyjną, aby upewnić się, że wszystkie warunki są spełnione. Dobre praktyki branżowe sugerują, że każda firma powinna prowadzić dokumentację dotyczącą zakupionych licencji, co ułatwia przyszłe wykorzystanie zasobów wizualnych bez ryzyka naruszenia praw autorskich.
Pytanie 37

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

A. Fioletowy, czarny, biały
B. Czerwony, fioletowy, pomarańczowy
C. Fioletowy, pomarańczowy, zielony
D. Czerwony, żółty, niebieski
Poprawna odpowiedź to czerwony, żółty, niebieski, ponieważ są to kolory podstawowe w teorii koloru. W kontekście projektowania stron internetowych, wykorzystanie tych kolorów jako bazowych pozwala na łatwe tworzenie palety barwnej, która jest harmonijna i estetyczna. Barwy podstawowe są fundamentem dla tworzenia innych kolorów, co daje projektantom dużą elastyczność w dopasowywaniu odcieni do specyfikacji wizualnych projektu. Na przykład, czerwony może być użyty jako kolor akcentujący, żółty dodaje energii i optymizmu, a niebieski wprowadza spokój i profesjonalizm. Stosowanie kolorów podstawowych jest zgodne z zasadami kontrastu i kompozycji, co jest kluczowe dla czytelności i użyteczności strony. Warto również zaznaczyć, że zgodnie z teorią Gestalt, harmonijna kompozycja kolorów wpływa na percepcję i zachowanie użytkowników, co jest istotne przy projektowaniu interaktywnych elementów na stronach internetowych.
Pytanie 38

Wprowadzenie na stronie internetowej to jej składnik w formie

A. animacji wprowadzającej do serwisu internetowego
B. tekstu informacyjnego dostępnego w głównym oknie serwisu
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 39

Jaki znacznik HTML jest używany do pogrubiania tekstu?

A. <abbr>
B. A.
C. <big>
D. <div>
Wszystkie wymienione opcje poza odpowiedzią A nie są odpowiednie do pogrubienia tekstu w HTML. Znacznik <big> używany był w przeszłości do zwiększania rozmiaru tekstu, ale nie ma on zastosowania w kontekście pogrubienia. Współczesne standardy HTML oraz CSS rekomendują stosowanie właściwości CSS, takich jak font-weight: bold, do osiągnięcia efektu pogrubienia, co jest bardziej elastyczne i zgodne z zasadami responsywnego projektowania. Użycie <abbr> służy do oznaczania skrótów i nie ma związku z formatowaniem tekstu, co może prowadzić do nieporozumień w jego zastosowaniu. Znacznik <div> jest kontenerem, który grupuje inne elementy HTML, ale sam w sobie nie wpływa na formatowanie tekstu i nie jest przeznaczony do stylizacji. Typowe błędy, które mogą prowadzić do mylnego wyboru, obejmują mylenie celów różnych znaczników oraz brak znajomości semantyki HTML, co jest kluczowym aspektem w tworzeniu dostępnych i dobrze zorganizowanych stron internetowych. W związku z tym zaleca się, aby projektanci i deweloperzy zapoznali się z dokumentacją, taką jak specyfikacje W3C, aby lepiej zrozumieć, jak i kiedy używać odpowiednich znaczników oraz technik CSS do stylizacji tekstów w sposób zgodny z aktualnymi standardami.
Pytanie 40

Logo, menu, baner, widgety oraz intro to składniki

A. animacji poklatkowej
B. prezentacji multimedialnej
C. układu strony internetowej
D. profesjonalnego materiału wideo z wydarzenia
Odpowiedź wskazująca na layout strony internetowej jest poprawna, ponieważ wszystkie wymienione elementy: logo, menu, baner, widgety oraz intro, są kluczowymi komponentami, które wpływają na układ i funkcjonalność witryny. Layout, określający strukturę i organizację treści na stronie, ma ogromne znaczenie dla doświadczeń użytkowników. Przykładowo, logo powinno być umiejscowione w górnej części strony, co czyni je łatwo dostrzegalnym, a menu nawigacyjne powinno być intuicyjne, by ułatwić poruszanie się po witrynie. Banery można wykorzystać do promocji, a widgety, takie jak formularze kontaktowe czy powiązane artykuły, poprawiają interakcję z użytkownikami. Dobrze zaprojektowany layout nie tylko zwiększa estetykę strony, ale również wpływa na optymalizację SEO, co jest potwierdzone przez praktyki zalecane przez Google. Współczesne standardy web designu kładą duży nacisk na responsywność, co oznacza, że layout powinien być dostosowany do różnych urządzeń, przy zachowaniu spójności wizualnej i funkcjonalnej.
Rozpocznij nowy egzamin
Powrót do strony głównej