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 09:22
Data zakończenia: 8 grudnia 2025 09:28

Egzamin niezdany

Wynik: 13/40 punktów (32,5%)

Wymagane minimum: 20 punktów (50%)

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

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

A. zbadaj element lub zbadaj.

B. pobrane pliki lub pobrane.

C. znajdź na tej stronie lub znajdź.

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 2

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

A. publikacji książkowej

B. wydruku przestrzennego 3D

C. publikacji internetowej

D. wydruku plakatów w formacie A2

Odpowiedź 'publikacja internetowa' jest poprawna, ponieważ projekty graficzne zdigitalizowane w rozdzielczości 72 ppi (pikseli na cal) są odpowiednie do wykorzystania głównie w mediach elektronicznych. Rozdzielczość ta jest wystarczająca dla wyświetlania na ekranach komputerów, tabletów i smartfonów, gdzie obraz jest renderowany w pikselach. W przypadku publikacji internetowych, takich jak strony internetowe, blogi czy media społecznościowe, nie ma potrzeby stosowania wyższej rozdzielczości, ponieważ ekran nie potrafi wyświetlić większej liczby szczegółów. Standardowe praktyki branżowe wskazują, że dla druku, zwłaszcza w formacie książek lub plakatów, zaleca się wyższą rozdzielczość, zazwyczaj 300 ppi, aby zapewnić odpowiednią jakość i ostrość obrazu. Przykładem zastosowania 72 ppi mogą być grafiki na stronach internetowych czy banerach reklamowych, gdzie szybkość ładowania strony i estetyka są kluczowe. Ważne jest, aby projektanci rozumieli różnice w wymaganiach dotyczących rozdzielczości, aby dostarczyć odpowiednie pliki graficzne w zależności od medium, w którym będą one prezentowane.

Pytanie 3

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

A. *komentarz!>

B. /*komentarz*/

C. */komentarz/*

D. <!komentarz*

Wybrane odpowiedzi zawierają różne formy zapisu, które nie są poprawne w kontekście deklaracji komentarzy w CSS. Nieprawidłowy zapis <!komentarz* nie jest zgodny z żadnym ze znanych standardów CSS; jest to zapis przypominający składnię komentarzy z języka HTML, gdzie używa się <!— komentarz —>. W kontekście CSS, jednak, taka składnia nie jest stosowana. Druga opcja, *komentarz!>, również nie ma zastosowania w CSS i nie jest zgodna z żadnymi standardami. Zawiera elementy z obcych języków, co wprowadza w błąd. Ostatnia z propozycji, */komentarz/*, jest sprzeczna z zasadami definiowania komentarzy w CSS, ponieważ wprowadza nieprawidłową kolejność symboli, co powoduje, że komentarz nie zostanie zinterpretowany. Powszechnym błędem, który prowadzi do wyboru takich niepoprawnych opcji, jest niedostateczna znajomość składni CSS oraz pomylenie jej z innymi językami programowania, takimi jak HTML. Ważne jest, aby zrozumieć, że w CSS komentarze powinny być deklarowane z użyciem symboli otwierających (/*) i zamykających (*/), co zapewnia prawidłowe ich wykluczenie z interpretacji przez przeglądarki. W kontekście praktyki, programiści często pomijają użycie komentarzy, co może prowadzić do trudności w zrozumieniu kodu przez innych członków zespołu, a także do problemów z późniejszym jego modyfikowaniem. Użycie właściwego zapisu jest kluczowe dla utrzymania przejrzystości i jakości kodu."

Pytanie 4

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

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

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

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

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

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

Pytanie 5

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 jest zobowiązana poinformować odpowiedni bank grafiki o każdym użyciu zdjęć w jakimkolwiek celu

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

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

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

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 6

Aby umieścić grafikę z logo firmy, przedstawiającą rysunek w kolorach czerwonym i czarnym na białym tle, na stronie internetowej o kremowym tle, należy przeskalować logo, a następnie

A. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie JPG lub TIFF

B. ustawić kanał alfa na kolory czerwony bądź czarny i zapisać plik w formacie PNG

C. ustawić przezroczystość na biały kolor tła i zapisać plik grafiki w formacie GIF89a lub PNG

D. wystarczy zapisać plik grafiki w formacie GIF89a lub PNG

Przyjęcie podejścia polegającego na ustawieniu kanału alfa na kolory czerwony lub czarny i zapisaniu pliku w formacie PNG nie jest optymalne. Kanał alfa jest techniką, która wprowadza przezroczystość, jednak nie zmienia koloru tła, co może prowadzić do nieczytelnych efektów wizualnych, zwłaszcza na różnych kolorach tła. Większość przeglądarek internetowych nie interpretuje kolorów tła w taki sposób, aby zastąpić przezroczystość w obszarach, które nie są w pełni przezroczyste, co może skutkować nieestetycznymi zniekształceniami. Zapisanie pliku grafiki w formacie JPG lub TIFF z ustawieniem przezroczystości na biały kolor tła również jest problematyczne, ponieważ format JPG nie obsługuje przezroczystości, co sprawi, że białe tło logo będzie zawsze widoczne, co psuje wizualizację w kontekście kremowego tła. Z kolei format TIFF jest używany głównie w druku, a nie w aplikacjach internetowych, co czyni go nieodpowiednim wyborem. Słabe zrozumienie funkcji różnych formatów graficznych oraz ich zastosowania w kontekście stron internetowych prowadzi do błędnych decyzji projektowych. Kluczowe jest, aby projektanci rozumieli, że wybór formatu i ustawień związanych z przezroczystością może znacząco wpłynąć na końcowy efekt wizualny oraz użyteczność witryny.

Pytanie 7

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

A. <div>

B. <b>

C. <img>

D. <br>

Wiele osób myli zastosowanie podstawowych znaczników HTML, co jest całkiem zrozumiałe na początku nauki front-endu. <b> jest używany wyłącznie do pogrubiania tekstu, nie tworzy żadnych bloków ani nie wpływa na organizację układu strony – to znacznik wewnętrzny (inline), więc nawet nie przerwie linii. <br> natomiast to bardzo prosty element służący tylko do łamania linii, zupełnie nie daje możliwości pozycjonowania czy grupowania jakichkolwiek bloków treści – jego użycie do budowy układu byłoby wręcz błędem i niezgodne z dobrymi praktykami. <img> wprowadza grafikę na stronę, ale sam z siebie jest elementem liniowym i nie nadaje się do zarządzania blokami zawartości. Spotykam się czasem z błędnym podejściem, że można układać stronę na <br> czy <img>, ale to prowadzi do nieczytelnego, trudnego do edycji kodu. Współczesne standardy zdecydowanie zalecają wykorzystywanie znaczników blokowych oraz CSS do stylowania i pozycjonowania, zamiast przełamywania linii czy wciskania grafik dla uzyskania efektów wizualnych. To, co naprawdę pozwala sensownie zarządzać układem, to korzystanie ze znaczników blokowych (np. <div>, <section>, <header>), a potem nakładanie na nie reguł CSS – czy to flexbox, grid czy pozycjonowanie absolutne. Z mojego doświadczenia wynika, że próby „oszukania” przeglądarki za pomocą <br> albo nadmiernego stosowania <img> do budowy layoutu szybko kończą się frustracją, chaosem w kodzie i problemami z responsywnością. Warto od początku wyrabiać sobie dobre nawyki i rozumieć, do czego realnie służy każdy znacznik HTML.

Pytanie 8

Narzędziem koniecznym do stworzenia projektu witryny internetowej w programie Adobe Photoshop jest

A. cięcie na plasterki

B. pióro

C. próbkowanie kolorów

D. zaznaczanie

Cięcie na plasterki (ang. slicing) jest kluczowym narzędziem w procesie tworzenia projektu strony internetowej w Adobe Photoshop. To technika, która polega na podzieleniu obrazu na mniejsze fragmenty, co umożliwia ich łatwe eksportowanie jako osobne pliki graficzne. Dzięki temu projektanci mogą precyzyjnie kontrolować każdy element interfejsu, zapewniając optymalizację rozmiaru plików i szybkość ładowania strony. Przykładowo, podczas projektowania przycisków czy ikon w Photoshopie, każda część może być wydzielona i zapisana w odpowiednim formacie, co jest istotne dla responsywności strony. Standardy webowe zalecają ograniczenie rozmiaru plików graficznych, aby poprawić doświadczenie użytkownika i SEO. Cięcie na plasterki jest zatem nie tylko praktycznym narzędziem, ale również zgodnym z najlepszymi praktykami projektowania stron internetowych, które koncentrują się na efektywności i jakości. Warto również pamiętać, że odpowiednie cięcie może wpłynąć na estetykę oraz funkcjonalność strony, co jest istotne w kontekście użytkowników mobilnych i ich różnorodnych rozdzielczości ekranów.

Pytanie 9

Który wpis w pliku CSS pozwala na określenie wartości górnego marginesu?

A. margin-top

B. margin-right

C. margin-left

D. margin-bottom

Wybór margin-top jako sposobu na ustawienie górnego marginesu jest jak najbardziej poprawny. Zapis ten jest częścią standardu CSS, który definiuje, jak elementy są rozmieszczane na stronie internetowej. Margin-top pozwala na dodanie przestrzeni powyżej danego elementu, co jest kluczowe w projektowaniu układu strony. Na przykład, jeżeli chcemy, aby nagłówek był wyraźnie oddzielony od elementów znajdujących się nad nim, możemy użyć margin-top do ustawienia odpowiedniego odstępu. W praktyce, stosując margin-top, możemy także poprawić czytelność treści i zadbać o estetykę projektu. Ważne jest, aby pamiętać, że wartości marginesów mogą być podawane w różnych jednostkach, takich jak piksele (px), em, rem, czy procenty (%), co daje projektantom elastyczność w dostosowywaniu układu. Dobrym nawykiem jest także testowanie układu na różnych rozdzielczościach ekranu, aby zapewnić responsywność projektu. Warto również zaznaczyć, że zgodnie z zasadami CSS, określenie marginesów dla poszczególnych stron (top, right, bottom, left) pozwala na precyzyjne kształtowanie układów i oddzielania elementów wizualnych, co jest kluczowe w nowoczesnym web designie.

Pytanie 10

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

A. pochylone

B. obniżone

C. pogrubione

D. podwyższone

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

Pytanie 11

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

A. CSS

B. HTML

C. PHP

D. SQL

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

Pytanie 12

W celu wykonania reklamy internetowej o maksymalnej szerokości do 800 pikseli należy zdefiniować właściwość

A. background size

B. max-width

C. background-position

D. max-height

Właściwość CSS max-width to jeden z najprostszych i najbardziej przydatnych sposobów, żeby ograniczyć szerokość elementu – na przykład reklamy internetowej – do maksymalnej wartości, jakiej sobie życzymy. Dzięki temu nawet jeśli ktoś otworzy naszą stronę na ogromnym monitorze albo reklama „wpadnie” do większego kontenera, nie rozciągnie się ona poza wskazany limit, czyli w tym przypadku 800 pikseli. Moim zdaniem to absolutna podstawa przy projektowaniu responsywnych interfejsów. max-width nie zmusza elementu do konkretnej szerokości, tylko pozwala mu się kurczyć i rosnąć do określonej granicy. To ma duże znaczenie, szczególnie gdy reklama ma wyglądać dobrze zarówno na desktopie, jak i na smartfonie. Takie podejście jest też zgodne z najnowszymi standardami CSS oraz rekomendacjami Google dotyczących reklam displayowych. Warto dodać, że max-width działa lepiej niż width w sytuacji, gdy zależy nam na elastyczności – width ustawia sztywną wartość, a max-width daje nam trochę więcej swobody, bo pozwala elementowi się automatycznie dopasowywać. Przykładowy kod: .banner { max-width: 800px; width: 100%; } – dzięki temu nawet jeśli użytkownik zmieni rozmiar okna, baner nigdy nie przekroczy 800 pikseli, ale nadal może się zmniejszyć na mniejszych ekranach. Szczerze mówiąc, ciężko mi sobie wyobrazić robienie serwisu bez tej właściwości.

Pytanie 13

Aby stworzyć strony internetowe dla firmowej platformy, która dostosowuje się do różnych rozdzielczości ekranu oraz wygląda i funkcjonuje poprawnie na różnych urządzeniach: komputerze stacjonarnym, tablecie i smartfonie, należy wykorzystać

A. Responsive Web Design

B. kompleksowe generowanie stron w Flashu

C. język XML oraz oddzielne wersje witryny dla różnych typów urządzeń

D. język XHTML oraz strukturę opartą na tabelach

Responsive Web Design (RWD) to podejście do projektowania stron internetowych, które zapewnia ich płynne dostosowanie do różnych rozdzielczości ekranów oraz urządzeń. W praktyce oznacza to, że jedna strona internetowa automatycznie dostosowuje swoje elementy, takie jak układ, rozmiar obrazów oraz czcionek, w zależności od wielkości ekranu, na którym jest wyświetlana. Użycie technik CSS, takich jak media queries, pozwala projektantom na definiowanie stylów specyficznych dla różnych szerokości ekranu. Przykładem może być strona internetowa, która na urządzeniu mobilnym wyświetla menu w formie rozwijanej, a na komputerze stacjonarnym w formie poziomego paska. Dobre praktyki w RWD obejmują także stosowanie elastycznych układów i obrazów, co przyczynia się do optymalizacji ładowania strony. W dobie rosnącej liczby urządzeń mobilnych, wdrożenie RWD nie tylko poprawia doświadczenie użytkowników, ale również wpływa na SEO, ponieważ wyszukiwarki preferują witryny dostosowane do urządzeń mobilnych.

Pytanie 14

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

A. 14.01.2018

B. 18.01.2018

C. 20.01.2018

D. 12.01.2018

Poprawna odpowiedź to 20.01.2018, ponieważ jest to najbardziej aktualna data spośród podanych opcji. W kontekście publikacji w Internecie kluczowe jest, aby prezentować najbardziej świeże i aktualne informacje, co wpływa na odbiór treści przez użytkowników oraz na ranking w wyszukiwarkach. Każda data aktualizacji jest istotna, zwłaszcza w branżach dynamicznych, gdzie zmiany mogą wpływać na wyniki, na przykład w marketingu internetowym, gdzie stale ewoluują techniki SEO i preferencje użytkowników. Aktualność treści jest również istotna w kontekście przepisów prawnych, które mogą ulegać zmianom. Przykładem może być branża medyczna, gdzie publikacja nieaktualnych informacji może prowadzić do poważnych konsekwencji. W związku z tym, przy wyborze prezentacji do umieszczenia w Internecie, zawsze należy kierować się najnowszą datą aktualizacji, co zapewnia trafność i aktualność przekazywanych informacji.

Pytanie 15

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

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

B. wybór przeglądarki internetowej

C. kolorystyka strony

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

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

Pytanie 16

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

A. Studio Artist

B. Painter

C. Illustrator

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 17

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

A. kontroler

B. wzorzec

C. widok

D. model

Wybór widoku, modelu lub wzorca jako najważniejszej części aplikacji internetowej nie oddaje pełni ich roli w architekturze MVC. Widok odpowiada za prezentację danych użytkownikowi, ale nie ingeruje w logikę aplikacji, przez co jest mniej kluczowy w kontekście zarządzania interakcją użytkownika. Widok może być zmieniany niezależnie od logiki aplikacji, co czyni go bardziej sferą estetyczną, a nie funkcjonalną. Z kolei model zarządza danymi i ich logiką, ale jego rola jest również ograniczona do przechowywania informacji i interakcji z bazą danych. Nie decyduje on o tym, jak dane są prezentowane lub jak użytkownik wchodzi w interakcję z aplikacją. Współczesne standardy projektowania aplikacji, takie jak RESTful API, wskazują na znaczenie rozdzielenia odpowiedzialności pomiędzy te elementy, gdzie kontroler pełni rolę pośrednika. W przypadku wzorca, choć jest to ważny koncept w programowaniu, nie jest to bezpośrednio komponent aplikacji, lecz raczej sposób organizacji kodu, który może być zaimplementowany w różnych częściach architektury. Warto zauważyć, że mylenie tych elementów prowadzi do niewłaściwego zrozumienia struktury aplikacji, co może skutkować trudnościami w jej rozwijaniu i utrzymywaniu.

Pytanie 18

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

A. Drupal

B. Teams

C. Wordpress

D. Joomla

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 19

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

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

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

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

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

Nieprawidłowe interpretacje licencji mogą prowadzić do nieporozumień w zakresie jej zastosowania. Licencje Royalty Free nie ograniczają się wyłącznie do jednego rodzaju mediów, co jest nieprawidłowością w myśleniu, które sugeruje, że zdjęcia zakupione do materiałów drukowanych nie mogą być używane w Internecie. W praktyce, w zależności od konkretnej licencji, wiele z nich zezwala na szeroki wachlarz zastosowań, łącznie z wykorzystaniem w sieci, pod warunkiem, że nie istnieją żadne dodatkowe ograniczenia w umowie. Odpowiedzi wskazujące na konieczność wykupienia dodatkowych praw lub zgłaszania każdego użycia zdjęć są niepoprawne i mogą prowadzić do niepotrzebnych komplikacji, a nawet obaw o naruszenie praw autorskich. Potencjalne błędy myślowe obejmują również założenie, że licencje Royalty Free wymagają dalszych opłat za każde osobne użycie, co jest sprzeczne z ich istotą. Warto również pamiętać, że niezrozumienie zasadności użytkowania zdjęć w różnych kontekstach może skutkować nieefektywnym zarządzaniem zasobami wizualnymi w firmie, a także prowadzić do niezamierzonych naruszeń praw autorskich, co może wiązać się z konsekwencjami prawnymi oraz finansowymi. Dlatego tak istotne jest, aby w pełni zrozumieć warunki licencji przed ich zastosowaniem.

Pytanie 20

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 znacznika <meta> i jego atrybutów.

B. W deklaracji !DOCTYPE brak jest odniesienia do definicji typu dokumentu (DTD).

C. Brakuje znaczników <heading> <article> <nav> <aside> <footer>.

D. Znacznika <blockquote> nie można użyć wewnątrz znaczników <td></td>.

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 21

W pliku style.css dla strony stworzonej w HTML 5 umieszcza się deklaracje: header, nav,
article, footer { display:block; } w celu

A. zapewnienia odpowiedniej prezentacji w przeglądarkach na urządzenia mobilne

B. zapewnienia właściwej prezentacji w przeglądarkach, które nie wspierają HTML 5

C. spełnienia kryteriów standardu języka HTML 5

D. spełnienia wymogów standardu języka CSS

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Dobra robota z odpowiedzią! Wskazanie na to, że trzeba używać CSS do zapewnienia, żeby elementy wyświetlały się poprawnie w przestarzałych przeglądarkach, to trafna myśl. Dzięki użyciu selektorów dla semantycznych elementów HTML jak header, nav, article czy footer, faktycznie można upewnić się, że będą one wyświetlane jako bloki. Widzisz, w starszych przeglądarkach, które nie obsługują HTML 5, może być problem z tym, jak te elementy są interpretowane. Dlatego ta reguła CSS z display: block; jest praktyczna, bo pozwala na poprawne renderowanie także w takich przypadkach. To naprawdę wspiera dostępność i użyteczność strony. Przykład może być strona, która powinna wyglądać spójnie w różnych wersjach przeglądarek. Zawsze warto mieć na uwadze takie style, żeby zachować porządek na witrynie.

Pytanie 22

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

A. realizacji całostronicowej reklamy w prasie

B. przygotowania reklamy w formie druku wielkoformatowego

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

D. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci

Brak odpowiedzi na to pytanie.

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

Pytanie 23

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

A. Wykorzystywanie krótkich fragmentów tekstu.

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

C. Tworzenie atrakcyjnych grafik.

D. Zachowanie spójności stylistycznej.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 24

Który zapis w arkuszu stylów CSS umożliwia ustawienie wartości górnego marginesu?

A. margin-left

B. margin-right

C. margin-bottom

D. margin-top

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
margin-top to właściwa właściwość CSS, żeby ustawić wartość marginesu tylko od góry elementu. W praktyce, jeśli chcesz np. przesunąć nagłówek w dół od krawędzi przeglądarki, wystarczy dodać: h1 { margin-top: 40px; } i już, bez ruszania marginesów po bokach czy na dole. Takie podejście jest bardzo wygodne, bo pozwala precyzyjnie sterować odstępami wokół elementów, zamiast zmieniać wszystkie marginesy naraz. Zresztą, większość projektantów stron internetowych właśnie tak robi – oddzielnie ustawia marginesy dla każdej strony, zależnie od potrzeb układu. margin-top jest zgodny z oficjalną specyfikacją CSS W3C, więc nie musisz się martwić o kompatybilność czy dziwne zachowania w przeglądarkach. Moim zdaniem warto pamiętać, że istnieją też margin-bottom, margin-right i margin-left, które działają analogicznie dla pozostałych krawędzi. Przy złożonych layoutach, manipulowanie tylko jednym marginesem często ratuje skórę przed niechcianymi przesunięciami. Fajne jest też to, że można stosować jednostki px, em, %, co daje dużo swobody. Ogólnie, umiejętne korzystanie z margin-top pomaga w zapanowaniu nad przestrzenią w projekcie i sprawia, że strona jest czytelniejsza i bardziej estetyczna. Dobrze znać ten trik, bo przy responsywnych stronach jeszcze częściej trzeba kombinować z odstępami.

Pytanie 25

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

A. <small>

B. <mark>

C. <sub>

D. <ins>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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

Która z właściwości nie definiuje formatu GIF?

A. Pozwala na zapis oraz odtwarzanie animacji

B. Często używany w projektowaniu stron WWW

C. Wykorzystywany do grafiki wektorowej

D. Ograniczona paleta kolorów

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
GIF, czyli Graphics Interchange Format, to na pewno jeden z najpopularniejszych formatów graficznych. Bardzo fajne w nim jest to, że pozwala na tworzenie animacji, co świetnie sprawdza się w różnych miejscach w internecie. Jednak warto wiedzieć, że GIF nie potrafi przechowywać grafiki wektorowej, bo to format rastrowy, gdzie obrazki są zbudowane z pikseli. W praktyce oznacza to, że jak powiększysz GIF, to straci na jakości. Co więcej, ma ograniczenie do 256 kolorów, przez co nie nadaje się najlepiej do bardziej złożonych grafik. Dlatego często widzimy go w prostych animacjach czy ikonach, bo jego łatwość w użyciu jest naprawdę przydatna. W kontekście projektowania stron internetowych GIF-y są na topie, a różne aplikacje i media społecznościowe chętnie je wykorzystują. Z mojego doświadczenia, znajomość GIF-a jest ważna dla każdego, kto tworzy coś w sieci.

Pytanie 27

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

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

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

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

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

Brak odpowiedzi na to pytanie.

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

Pytanie 28

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

A. CSV, PSD

B. DWG, EPUB

C. PDF, EPUB

D. AI, PDF

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 29

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

A. BASIC

B. JAVA

C. CSS

D. PHP

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
CSS, czyli Cascading Style Sheets, to standardowy język używany do opisywania wyglądu dokumentów HTML. Umożliwia on oddzielenie treści od prezentacji, co jest zgodne z najlepszymi praktykami w tworzeniu stron internetowych. Dzięki CSS można zdefiniować kolory, czcionki, układ i inne aspekty wizualne elementów strony. Przykłady zastosowania CSS obejmują tworzenie responsywnych layoutów, które dostosowują się do różnych rozmiarów ekranów oraz implementację animacji i efektów wizualnych, które poprawiają interaktywność strony. Standardy CSS są regularnie aktualizowane przez W3C, co zapewnia zgodność z nowoczesnymi technologiami i przeglądarkami. Używając CSS, deweloperzy mogą tworzyć bardziej zorganizowany i łatwiejszy do zarządzania kod, co sprzyja lepszej wydajności oraz łatwiejszemu utrzymaniu projektów webowych. Warto także wspomnieć o preprocessory, takie jak SASS czy LESS, które rozszerzają możliwości CSS, oferując zaawansowane funkcje, takie jak zmienne i zagnieżdżanie selektorów, co ułatwia pracę nad bardziej złożonymi projektami.

Pytanie 30

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

A. Rozdzielczość 72 ppi, tryb barwny RGB.

B. Rozdzielczość 72 dpi, tryb barwny CMYK.

C. Rozdzielczość 72 spi, tryb barwny CMYK.

D. Rozdzielczość 72 lpi tryb barwny RGB.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 31

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. zapisać pliki w odpowiednim formacie, zmniejszyć ich rozmiar oraz zastosować tryb koloru RGB

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Odpowiedź "zapisać pliki w odpowiednim formacie, zmniejszyć ich rozmiar i zastosować tryb koloru RGB" jest poprawna, ponieważ formaty NEF, CRW, CR2 i ARW to surowe formaty obrazów używane w aparatach fotograficznych. Aby wykorzystać te pliki na stronie internetowej, konieczne jest ich przetworzenie. Pierwszym krokiem jest konwersja do bardziej powszechnego formatu, takiego jak JPEG lub PNG, które są idealne do użytku w sieci. Zmniejszenie rozmiaru plików jest kluczowe, aby przyspieszyć ładowanie strony i zoptymalizować doświadczenia użytkowników. Warto pamiętać, że zbyt duże pliki graficzne mogą znacznie spowolnić czas ładowania strony. Zastosowanie trybu koloru RGB jest również istotne, gdyż jest to standardowy model kolorów wykorzystywany w wyświetlaczach komputerowych i w Internecie. Przykładem może być przygotowanie zdjęć do galerii internetowej, gdzie po konwersji i optymalizacji zdjęcia zyskują na jakości wyświetlania oraz na szybkości ładowania.

Pytanie 32

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

A. układu strony internetowej

B. prezentacji multimedialnej

C. animacji poklatkowej

D. profesjonalnego materiału wideo z wydarzenia

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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.

Pytanie 33

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. tworzenie fotografii, hosting, dobór szablonu, pozycjonowanie, publikacja

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 34

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

A. kodeki

B. czcionki

C. archiwizery

D. wtyczki

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Wtyczki to dodatkowe moduły, które umożliwiają rozszerzenie funkcjonalności systemów zarządzania treścią (CMS) takich jak WordPress, Joomla czy Drupal. Dzięki nim można dodawać nowe funkcje do strony internetowej bez potrzeby programowania od podstaw. Przykłady zastosowania wtyczek obejmują integrację z mediami społecznościowymi, SEO, analitykę, zarządzanie formularzami czy bezpieczeństwo. Wtyczki są zgodne z najlepszymi praktykami branżowymi, ponieważ pozwalają na modularność i łatwość aktualizacji. Standardowe procedury instalacji wtyczek wymagają korzystania z interfejsu administracyjnego CMS, co ułatwia użytkownikom nieposiadającym zaawansowanej wiedzy technicznej wprowadzanie zmian. Dodatkowo, wtyczki są często aktualizowane, co zapewnia ich bezpieczeństwo i zgodność z nowymi wersjami CMS, co czyni je kluczowym elementem w zarządzaniu nowoczesnymi stronami internetowymi.

Pytanie 35

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

A. font-family

B. font-size

C. text-indent

D. font-style

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Właściwość CSS 'font-style' jest kluczowa przy definiowaniu stylu czcionki, w tym zastosowania tekstu pochylonego (kursywy). Umożliwia ona ustawienie różnych wariantów stylu czcionki, takich jak normalny, pochylony (italic) lub pogrubiony (oblique). Przykład użycia tej właściwości w praktyce to: 'font-style: italic;'. Warto zaznaczyć, że korzystanie z kursywy jest powszechną praktyką w typografii, której celem jest wyróżnienie fragmentów tekstu, takich jak cytaty, tytuły książek czy terminologia. Zgodnie z najlepszymi praktykami projektowania stron internetowych, dobrze jest stosować kursywę oszczędnie, aby nie przytłoczyć czytelnika. W kontekście responsywności i dostępności, należy również zadbać o to, aby tekst pozostał czytelny na różnych urządzeniach. Warto podkreślić, że różne przeglądarki mogą różnie interpretować czcionki, dlatego zawsze warto testować zastosowane style w różnych środowiskach. Użycie 'font-style' jest zgodne z zasadami CSS3, które pozwalają na bardziej zaawansowane stylizacje tekstu.

Pytanie 36

Który atrybut tagu <img> należy wskazać, aby dodać obrazek do strony internetowej w sposób zgodny z wytycznymi WCAG dotyczącymi użyteczności i dostępności stron www?

A. id

B. name

C. target

D. alt

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Atrybut 'alt' w znaczniku <img> jest kluczowy dla zapewnienia dostępności treści wizualnych w sieci. Jego głównym celem jest dostarczenie opisu zawartości obrazu, co jest szczególnie istotne dla osób korzystających z czytników ekranu. Standardy WCAG (Web Content Accessibility Guidelines) podkreślają znaczenie użycia atrybutu 'alt' jako niezbędnego elementu dla dostępności, ponieważ pozwala to użytkownikom z dysfunkcją wzroku zrozumieć, co przedstawia dany obraz. Przykładem prawidłowego użycia atrybutu 'alt' może być: <img src='zdjecie.jpg' alt='Zdjęcie zielonego lasu w słoneczny dzień'>. Taki opis nie tylko informuje o zawartości obrazu, ale także zwiększa szansę na zaangażowanie użytkowników, którzy mogą nie być w stanie zobaczyć grafiki. Wskazówki dotyczące dobrych praktyk sugerują, aby tekst alternatywny był krótki, zwięzły i ściśle powiązany z kontekstem obrazu. Zastosowanie atrybutu 'alt' w odpowiedni sposób nie tylko spełnia wymogi prawne, ale także przyczynia się do lepszej ogólnej użyteczności strony.

Pytanie 37

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

A. przekształcić obiekty wektorowe w rastrowe

B. zamienić obiekty wektorowe w krzywe Beziera

C. przeprowadzić wektoryzację obiektów wektorowych

D. wykonać trasowanie obiektów wektorowych

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Obiekty wektorowe są zapisane w sposób, który sprawia, że ich jakość nie spada, gdy zmieniamy ich rozmiar. To super sprawa, bo oznacza, że można je skalować bez obaw. Ale przy publikacji na stronach www, często musimy je przerobić na format rastrowy, jak PNG czy JPEG, żeby dobrze wyglądały w różnych przeglądarkach i na telefonach. Na przykład, logo, które mamy w formie wektorowej, najczęściej konwertujemy na format rastrowy, co pozwala na szybsze ładowanie ich na stronie. Dobrze jest też korzystać z zaleceń standardów webowych, takich jak W3C, które mówią o optymalizacji grafik, żeby strony się szybko ładowały. Podczas tej konwersji warto myśleć o kompresji i jakości obrazu, bo to wpływa na to, jak strona się prezentuje i jak szybko ładuje. Fajnie też przygotować grafiki w różnych rozmiarach, bo to się sprawdza na różnych ekranach, a użytkownicy będą mieli lepsze doświadczenia w przeglądaniu strony.

Pytanie 38

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

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

B. Kwalifikowany podpis elektroniczny

C. Mechanizmy szyfrowania SSL i TLS

D. Szyfrowanie PGP

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Słuchaj, mechanizmy szyfrowania SSL i TLS to naprawdę ważne sprawy, jeśli chodzi o bezpieczeństwo w sieci. Jak robisz zakupy w internecie, te protokoły pomagają chronić twoje dane między przeglądarką a serwerem. Dzięki nim nikt nie ma szansy na podsłuchanie tego, co wysyłasz. To szczególnie istotne dla informacji, które mogą być dość wrażliwe, jak dane kart płatniczych. Przykład? Kiedy płacisz w sklepie online, twoje dane są szyfrowane, a więc hakerzy nie mają dostępu. Zauważyłeś pewnie, że przeglądarki często pokazują kłódkę obok adresu strony – to oznacza, że połączenie jest bezpieczne, więc możesz być spokojny. Poza tym, korzystanie z SSL/TLS jest zgodne z najlepszymi praktykami, a także z normami bezpieczeństwa, które regulują, jak powinny wyglądać płatności w sieci.

Pytanie 39

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

A. <small>

B. C.

C. <mark>

D. <del>

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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 40

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

A. pozycjonowania

B. formatowania

C. kodowania znaków

D. testów funkcjonalności

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
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.

Rozpocznij nowy egzamin

Powrót do strony głównej