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: 10 czerwca 2026 21:29
Data zakończenia: 10 czerwca 2026 21:43

Egzamin zdany!

Wynik: 31/40 punktów (77,5%)

Wymagane minimum: 20 punktów (50%)

Nowe

Analiza przebiegu egzaminu- sprawdź jak rozwiązywałeś pytania

Przebieg egzaminu

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

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

A. RGB, 72 ppi

B. CMYK, 150 ppi

C. LAB, 300 ppi

D. CMYK, 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 2

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

A. purple; #ff00ff

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

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 3

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

A. PNG i TIFF

B. BMP i WMF

C. JPEG i PNG

D. RAW i GIF

Odpowiedź JPEG i PNG jest prawidłowa, ponieważ te formaty graficzne są najczęściej stosowane w publikacji materiałów wizualnych w internecie. Format JPEG (Joint Photographic Experts Group) charakteryzuje się kompresją stratną, co oznacza, że jest idealny do zdjęć i obrazów o bogatej kolorystyce, gdzie niewielka utrata jakości nie wpływa na ogólne wrażenie wizualne. Z kolei format PNG (Portable Network Graphics) obsługuje przezroczystość oraz kompresję bezstratną, co czyni go doskonałym wyborem dla grafik z dużą ilością szczegółów, tekstu lub przezroczystości. Dzięki tym właściwościom, obydwa formaty są zgodne z najlepszymi praktykami w zakresie publikacji online, umożliwiając szybkie ładowanie stron internetowych oraz zapewniając wysoką jakość wizualną. W kontekście projektowania banerów reklamowych, stosowanie JPEG i PNG gwarantuje, że obrazy będą wyglądać dobrze na różnych urządzeniach i w różnych rozdzielczościach, co jest kluczowe w dzisiejszym zróżnicowanym środowisku użytkowników.

Pytanie 4

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

A. glif.

B. wakat.

C. layout.

D. plugin.

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 5

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

A. font-size

B. text-indent

C. font-family

D. font-style

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 6

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

A. Czerwony, żółty, niebieski

B. Fioletowy, czarny, biały

C. Czerwony, fioletowy, pomarańczowy

D. Fioletowy, pomarańczowy, zielony

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 7

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

A. wielokolorowość.

B. prostość i spójność układu.

C. duży rozmiar.

D. różnorodność wizualną i tekstową.

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 8

W którym formacie należy zapisać wielostronicową publikację interaktywną przeznaczoną do zamieszczenia w internecie?

A. EPUB

B. JPEG

C. PSD

D. CDR

Poprawna odpowiedź to EPUB, bo jest to standardowy format do publikacji wielostronicowych, interaktywnych dokumentów przeznaczonych do dystrybucji cyfrowej, głównie w internecie i na urządzeniach mobilnych. EPUB jest w praktyce takim „HTML-em w paczce” – w środku ma strony oparte na XHTML/HTML, style w CSS, grafiki, czasem multimedia i interaktywne elementy. Dzięki temu publikacja może się dopasowywać do różnych ekranów: telefonu, tabletu, czytnika e-booków czy przeglądarki. To jest właśnie duża przewaga nad formatami statycznymi. W nowocześniejszych wersjach EPUB (szczególnie EPUB 3) można dodawać wideo, audio, hiperłącza, spisy treści generowane automatycznie, zakładki, a nawet proste skrypty. W branży wydawniczej to podstawowy standard dla e-booków, katalogów, broszur szkoleniowych czy podręczników online. Z mojego doświadczenia, jeśli ktoś myśli o nowoczesnej publikacji, którą da się wygodnie czytać na różnych urządzeniach i którą można łatwo aktualizować, to EPUB jest pierwszym wyborem, bo jest otwarty, dobrze udokumentowany i wspierany przez większość czytników i aplikacji. Co ważne, wiele programów DTP i edytorów (np. InDesign) ma bezpośredni eksport do EPUB, więc cały profesjonalny workflow wydawniczy jest do niego dostosowany. W przeciwieństwie do formatów graficznych czy plików roboczych, EPUB jest właśnie projektowany jako końcowy format publikacji dla użytkownika końcowego, a nie tylko do pracy wewnątrz jednego programu.

Pytanie 9

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

A. CSV, PSD

B. AI, PDF

C. DWG, EPUB

D. PDF, EPUB

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 10

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

A. PHP

B. BASIC

C. JAVA

D. CSS

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

Pytanie 11

Aby stworzyć strony internetowe dla firmowej witryny, która elastycznie przystosowuje się do różnych rozdzielczości ekranu i dobrze prezentuje się oraz działa na różnych urządzeniach, takich jak komputer stacjonarny, tablet czy smartfon, konieczne jest użycie

A. języka XML i oddzielnych wersji strony dla różnych typów urządzeń

B. języka XHTML i struktury opartej na tabelach

C. całkowitego generowania stron w Flashu

D. Responsive Web Design

Pełne generowanie stron we Flashu jest rozwiązaniem, które w przeszłości było popularne, jednak obecnie jest to metoda przestarzała i niewłaściwa do tworzenia responsywnych witryn. Flash nie tylko zmaga się z problemami związanymi z kompatybilnością na urządzeniach mobilnych, ale także nie jest wspierany przez wiele nowoczesnych przeglądarek, co znacząco ogranicza dostępność stron. Dodatkowo, użytkownicy mobilni często nie mogą w ogóle zobaczyć treści opartych na Flashu, co prowadzi do frustracji i utraty potencjalnych klientów. Język XHTML i struktura oparta na tabelach, które były stosowane we wcześniejszych wersjach HTML, również nie są zalecane w kontekście współczesnych standardów webowych. Wykorzystanie tabel do układania treści prowadzi do problemów z elastycznością i utrzymywaniem strony, co jest sprzeczne z zasadami RWD. Takie podejście skutkuje także problemami z SEO, ponieważ wyszukiwarki mogą mieć trudności z indeksowaniem zawartości. Język XML oraz tworzenie osobnych wersji witryny dla różnych kategorii sprzętu są również nieefektywnymi strategiami. Tego rodzaju podejście generuje znaczne nakłady pracy przy tworzeniu i utrzymywaniu wielu wersji witryny, co jest kosztowne i czasochłonne. W obecnych realiach internetowych kluczowe jest tworzenie uniwersalnych rozwiązań, które zapewniają spójne doświadczenia użytkownika, niezależnie od urządzenia, z którego korzysta.

Pytanie 12

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

A. <title>

B. <head>

C. <body>

D. <meta>

Wybór odpowiedzi spośród <meta>, <title> oraz <head> pokazuje pewne nieporozumienia co do struktury dokumentu HTML i roli, jaką pełnią poszczególne komponenty. Znacznik <meta> jest używany do dostarczania dodatkowych informacji o stronie, takich jak opis, słowa kluczowe czy dane o autorze. Jego funkcje są bardziej związane z SEO i nie mają wpływu na zawartość widoczną dla użytkowników, co może prowadzić do błędnych przekonań, że jest on odpowiedzialny za przedstawienie treści. Sekcja <title> ma na celu określenie tytułu strony, który jest wyświetlany w pasku zakładek przeglądarki oraz w wynikach wyszukiwania, ale nie zawiera żadnych elementów, które są widoczne na stronie. Z kolei <head> to obszar, w którym umieszczane są metadane, arkusze stylów oraz skrypty JavaScript, które wpływają na działanie strony, nie zaś na jej zewnętrzny wygląd czy treść. Warto zrozumieć, że struktura dokumentu HTML jest kluczowa dla organizacji treści oraz dla prawidłowego funkcjonowania strony, a odpowiednie umiejscowienie i zrozumienie funkcji tych znaczników jest istotne dla każdego twórcy stron internetowych.

Pytanie 13

Wskaż prawidłową kolejność czynności wykonywanych podczas aktualizacji aplikacji Wordpress.

A. Wykonanie kopii zapasowej, testowanie sklonowanej strony, aktualizowanie elementów strony.

B. Instalowanie wtyczek, weryfikowanie znaczników HTML, pozycjonowanie strony.

C. Testowanie sklonowanej strony, weryfikowanie reguł CSS, projektowanie elementów graficznych.

D. Formatowanie tekstów, drukowanie projektu strony, oznaczenie licencji grafik.

Prawidłowa kolejność działań przy aktualizacji WordPressa to: najpierw wykonanie kopii zapasowej, potem testowanie sklonowanej strony, a dopiero na końcu aktualizowanie elementów strony (silnik WP, motyw, wtyczki). To jest dokładnie ten schemat, który znajdziesz w większości profesjonalnych procedur DevOps czy instrukcjach firm hostingowych. Kopia zapasowa (backup) to absolutna podstawa. I chodzi nie tylko o pliki strony (wp-content, motywy, wtyczki, uploady), ale też o bazę danych MySQL. W praktyce robi się to albo wtyczką typu UpdraftPlus, Duplicator, All-in-One WP Migration, albo z poziomu panelu hostingu (np. cPanel – Backup, phpMyAdmin – eksport bazy). Dzięki temu, jeśli aktualizacja rozsypie motyw, wtyczkę lub całą stronę, można jednym krokiem przywrócić działającą wersję. Drugi krok to testowanie sklonowanej strony, czyli tzw. środowisko stagingowe. Moim zdaniem to jest różnica między amatorskim a profesjonalnym podejściem. Klonuje się stronę na subdomenę typu staging.domena.pl albo dev.domena.pl, czasem w ogóle na osobny serwer. Tam wykonuje się aktualizacje, sprawdza kompatybilność wtyczek, testuje logowanie użytkowników, formularze, koszyk w sklepie, szybkość ładowania, zgodność z motywem i child theme. Dzięki temu nie ryzykujesz, że klient wchodzi na stronę i widzi białą stronę śmierci (white screen of death) albo fatal error z PHP. Dopiero trzeci krok to aktualizowanie elementów strony na produkcji. Najczęściej zaczyna się od wtyczek, potem motyw, na końcu silnik WordPress, choć bywa odwrotnie w zależności od sytuacji i wymagań. Po każdej większej aktualizacji warto wyczyścić cache (wtyczka cache + cache serwera + ewentualnie CDN), sprawdzić front-end, panel admina, formularze, panel klienta w WooCommerce. W dobrych praktykach zaleca się też robienie tzw. punktów przywracania przed każdą dużą zmianą i prowadzenie krótkiej dokumentacji: kiedy, co i z jakiej wersji na jaką wersję zostało zaktualizowane. W realnej pracy przy stronach produkcyjnych taka procedura naprawdę oszczędza sporo nerwów.

Pytanie 14

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

Odpowiedź wskazująca na konieczność zawarcia animacji w banerze internetowym skierowanym do młodzieży jest prawidłowa, ponieważ animacje przyciągają uwagę i stymulują interakcję. Młodsze pokolenia są bardziej podatne na ruchome elementy graficzne, co może znacząco zwiększyć skuteczność kampanii reklamowej. Zastosowanie animacji, jak np. subtelne przewijanie tekstu lub zmieniające się obrazy, może wzmocnić przekaz i uczynić go bardziej angażującym. W praktyce, animowane banery mogą być wykorzystywane do prezentacji dynamicznych ofert, promocji, a także do przekazywania emocji i wartości marki. Zgodnie z wytycznymi dotyczącymi projektowania interfejsów użytkownika, animacje powinny być używane w sposób, który nie przytłacza odbiorcy, ale raczej wzbogaca jego doświadczenie. Dobre praktyki branżowe sugerują, by animacje były subtelne i zharmonizowane z całością projektu, co pozwala na lepszą percepcję komunikatu.

Pytanie 15

Aby stworzyć graficzno-tekstową kompozycję na stronie internetowej, powinno się wykorzystać program

A. Puzzle Flow

B. Adobe Photoshop

C. Adobe AfterEffects

D. Audacity

Adobe Photoshop to jeden z najpopularniejszych programów graficznych, wykorzystywanych do tworzenia kompozycji graficzno-tekstowych na stronach internetowych. Oferuje bogaty zestaw narzędzi do edycji grafiki rastrowej, co czyni go idealnym narzędziem do projektowania wizualnych elementów stron, takich jak banery, przyciski, ikony czy tła. Program pozwala na zaawansowane manipulacje obrazem, w tym warstwy, maski, filtry oraz efekty, które wspierają twórcze podejście w projektowaniu. Przykładem zastosowania Photoshop w praktyce może być stworzenie grafiki promującej nową usługę na stronie internetowej, gdzie projektant łączy tekst z obrazem, dbając o estetykę i czytelność. W kontekście standardów branżowych, korzystanie z Adobe Photoshop umożliwia projektantom przestrzeganie zasad UX/UI, poprzez tworzenie intuicyjnych i atrakcyjnych wizualnie interfejsów. Dlatego też, wybór tego oprogramowania przy tworzeniu stron internetowych jest zgodny z aktualnymi trendami i najlepszymi praktykami w branży.

Pytanie 16

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

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

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

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

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 17

Wprowadzenie na stronie internetowej to jej składnik w formie

A. zaawansowanego menu strony www

B. animacji wprowadzającej do serwisu internetowego

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

D. formularza online

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 18

Pozycjonowanie witryny internetowej to proces, który ma na celu

A. określenie parametrów animacji obiektów na stronie.

B. zwiększenie widoczności strony internetowej w wynikach wyszukiwania.

C. dobór rozdzielczości elementów graficznych.

D. obróbkę graficzną zastosowanych widgetów.

Pozycjonowanie strony internetowej, znane również jako SEO (Search Engine Optimization), jest kluczowym procesem, który ma na celu zwiększenie widoczności witryny w wynikach wyszukiwania. W praktyce oznacza to optymalizację treści, struktury strony oraz jej elementów technicznych, aby wyszukiwarki takie jak Google mogły łatwiej zindeksować stronę i lepiej ją ocenić. Przykładem efektywnego pozycjonowania jest zastosowanie słów kluczowych, które są istotne dla tematyki strony oraz częste aktualizowanie treści, co wpływa na ranking w wynikach wyszukiwania. Dobre praktyki SEO obejmują również dbanie o odpowiednią prędkość ładowania strony, optymalizację obrazów oraz zapewnienie responsywności witryny na różnych urządzeniach. Dzięki skutecznemu pozycjonowaniu, strona ma szansę na wyższą pozycję w wynikach wyszukiwania, co z kolei przekłada się na zwiększenie ruchu oraz potencjalnych klientów. Warto również zaznaczyć, że SEO to proces ciągły, wymagający regularnych analiz oraz dostosowywania strategii do zmieniających się algorytmów wyszukiwarek.

Pytanie 19

Do rozszerzenia funkcjonalności strony internetowej opartej o system zarządzania treścią instaluje się

A. wtyczki.

B. kodeki.

C. archiwizery.

D. fonty.

Poprawna odpowiedź to wtyczki, bo właśnie w ten sposób najczęściej rozszerza się funkcjonalność stron opartych na systemach zarządzania treścią (CMS), takich jak WordPress, Joomla, Drupal czy inne mniej popularne systemy. Wtyczka (ang. plugin) to dodatkowy moduł programistyczny, który podłącza się do istniejącego systemu i korzysta z jego API, czyli udostępnionych punktów zaczepienia: hooków, akcji, filtrów. Dzięki temu można dodać nowe funkcje bez modyfikowania głównego kodu CMS-a, co jest zgodne z dobrą praktyką: rdzeń systemu zostaje nietknięty, a rozszerzenia są odseparowane. W praktyce oznacza to, że jeśli chcesz dodać sklep internetowy do WordPressa, instalujesz wtyczkę typu WooCommerce. Jeśli chcesz formularz kontaktowy – instalujesz wtyczkę do formularzy. Jeżeli potrzebujesz integracji z systemem płatności, newsletterem, SEO, cache, galeriami zdjęć, nawet zewnętrznym API – to wszystko zwykle realizuje się właśnie przez instalację odpowiednich wtyczek. Z mojego doświadczenia w pracy z CMS-ami najważniejsze jest też dbanie o to, żeby wtyczki były aktualne, pochodziły ze sprawdzonych źródeł i miały dobre opinie. Nieuaktualnione rozszerzenia potrafią być poważną luką bezpieczeństwa. W branży przyjmuje się zasadę, że najpierw szukamy gotowej, dobrze utrzymanej wtyczki, a dopiero gdy jej nie ma, zlecamy napisanie własnej, zgodnie z dokumentacją danego CMS-a. Dzięki temu rozwój strony jest szybszy, tańszy i łatwiejszy w utrzymaniu, a cała architektura jest bardziej modularna i zgodna z profesjonalnymi standardami tworzenia serwisów WWW.

Pytanie 20

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

A. Wykorzystywanie krótkich fragmentów tekstu.

B. Tworzenie atrakcyjnych grafik.

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

D. Zachowanie spójności stylistycznej.

Wprowadzanie co najmniej trzech par barw wzajemnie dopełniających nie jest zasadą powszechnie stosowaną w projektowaniu stron internetowych. W rzeczywistości, skuteczne projektowanie wizualne polega na umiejętnym dobieraniu kolorów, które nie tylko są estetyczne, ale także wspierają czytelność i funkcjonalność strony. Wiele z najlepszych praktyk w zakresie projektowania kolorów sugeruje ograniczenie palety kolorów do dwóch lub trzech głównych barw, co pozwala na zachowanie spójności wizualnej i unikanie przeładowania informacyjnego. Przykładowo, stosując jedną dominującą barwę, kolor akcentu oraz neutralne tło, projektant może stworzyć harmonijną kompozycję. Ponadto, zasady dotyczące dostępności, takie jak zapewnienie odpowiedniego kontrastu między tekstem a tłem, są kluczowe, by strona była użyteczna dla wszystkich użytkowników. Zatem, wykorzystanie zbyt wielu par barw wzajemnie dopełniających może prowadzić do dezorientacji i zmniejszenia funkcjonalności strony, zamiast ją poprawić.

Pytanie 21

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

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 22

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

A. <select>

B. <img>

C. <map>

D. <input>

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

Pytanie 23

Który z poniższych znaczników powinien być użyty, aby dodać w tekście indeks dolny?

A. <ins>

B. <del>

C.

D.

Znacznik jest używany do oznaczania tekstu, który ma być wyświetlany jako indeks dolny, co jest szczególnie przydatne w kontekście chemii, matematyki oraz w innych dziedzinach, gdzie takie zapisy są powszechne. Przykładowo, w formule chemicznej H₂O, liczba 2 jest zapisana jako indeks dolny, co wskazuje na dwa atomy wodoru w cząsteczce wody. Użycie znacznika poprawia czytelność i zrozumiałość tekstu, a także jest zgodne z zasadami semantyki HTML, które wskazują na właściwe użycie znaczników do określonych konwencji. Warto także zwrócić uwagę na to, że zastosowanie indeksów dolnych i górnych w HTML wspiera dostępność treści, umożliwiając czytnikom ekranu prawidłowe odczytywanie skomplikowanych wyrażeń matematycznych i chemicznych. Standardy W3C zalecają stosowanie znaczników semantycznych, aby poprawić interakcję użytkownika z treścią w sieci.

Pytanie 24

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

A. <big>

B. <abbr>

C.

D. <div>

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

Pytanie 25

W dokumencie hipertekstowym, przy pomocy znacznika , określa się

A. rozpoczęcie dokumentu HTML

B. zakończenie nagłówka dokumentu HTML

C. zakończenie dokumentu HTML

D. rozpoczęcie nagłówka dokumentu HTML

Znacznik <HEAD> w dokumentach HTML jest kluczowym elementem, który definiuje początek sekcji nagłówkowej dokumentu. Sekcja ta zawiera meta informacje, które są istotne dla przeglądarek internetowych oraz wyszukiwarek, ale nie są bezpośrednio wyświetlane na stronie. W nagłówku można umieścić takie elementy jak tytuł strony (<TITLE>), odwołania do arkuszy stylów CSS, skrypty JavaScript, a także meta tagi, które informują o autorze, opisie czy słowach kluczowych. Zgodnie z standardami W3C, poprawne zdefiniowanie nagłówka jest niezbędne dla prawidłowego działania dokumentu HTML, co ma wpływ na SEO oraz na sposób, w jaki strona jest renderowana. Przykładowo, title jest kluczowym elementem, ponieważ pojawia się na pasku tytułowym przeglądarki oraz w wynikach wyszukiwania, co podkreśla znaczenie sekcji <HEAD> w kontekście organizacji i prezentacji treści. Dlatego znajomość struktury dokumentów HTML oraz poprawnego użycia znaczników jest niezbędna w codziennej pracy web dewelopera.

Pytanie 26

Jakie znaczenie ma poniższa deklaracja kodu CSS:

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

A. Tylko tekst w obrębie wszystkich znaczników span znajdujących się w znacznikach l będzie miał rozmiar 10 pt i kolor zielony

B. Tekst znajdujący się we wszystkich znacznikach l oraz wszystkich znacznikach span będzie miał rozmiar 10 pt i kolor zielony

C. Tekst w każdym z znaczników span będzie miał rozmiar 10 pt i kolor zielony

D. Jedynie tekst znajdujący się w obrębie wszystkich znaczników l oraz tych wewnątrz znaczników span będzie miał rozmiar 10 pt i kolor zielony

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

Pytanie 27

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

A. przy użyciu ustawień optymalizacji

B. możliwość zastosowania nawigacji witryny

C. przypisanie różnych łączy URL

D. optymalizację tylko jednej części grafiki

Podział obrazu na różne segmenty w kontekście publikacji na stronach internetowych rzeczywiście uniemożliwia przypisanie różnych łączy URL do poszczególnych części obrazu. W praktyce oznacza to, że gdy obraz jest rozdzielany na mniejsze fragmenty, nie można bezpośrednio linkować każdego z tych fragmentów do odrębnych stron lub zasobów. W branży webowej standardem jest, aby obrazy były osadzone w sposób, który pozwala na efektywną nawigację i przypisanie unikalnych adresów URL. Na przykład, jeśli mamy obraz przedstawiający różne produkty, lepiej jest użyć jednego, spójnego obrazu z linkiem do strony produktu niż dzielić go na segmenty, które mogą być trudniejsze do zarządzania. W ten sposób zachowujemy również lepszą optymalizację SEO, ponieważ pozwalamy wyszukiwarkom na jednoznaczne zrozumienie, do jakiego zasobu odnosi się dany link. Dlatego pamiętajmy, że przy projektowaniu stron internetowych kluczowe jest zachowanie integralności linków i ich przypisanie do odpowiednich zasobów.

Pytanie 28

Aby opublikować rastrowy obraz cyfrowy w sieci, należy ustalić jego parametry:

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

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

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

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

Poprawna odpowiedź to tryb barwny RGB, rozdzielczość 72 ppi, jak najmniejszy rozmiar pliku. Tryb RGB (Red, Green, Blue) jest standardem dla mediów elektronicznych, ponieważ jest oparty na sposobie, w jaki monitory wyświetlają kolory. W przeciwieństwie do CMYK, który jest używany głównie w druku, RGB zapewnia lepszą jakość wyświetlania na stronach internetowych. Rozdzielczość 72 ppi (pixels per inch) jest wystarczająca dla większości zastosowań internetowych, ponieważ obrazy o wyższej rozdzielczości nie oferują zauważalnie lepszej jakości przy standardowych ekranach. Minimalizacja rozmiaru pliku jest kluczowa dla szybkości ładowania strony oraz jej optymalizacji pod kątem SEO. Praktyczne przykłady zastosowania obejmują publikowanie obrazów w galeriach internetowych, na blogach, czy w social mediach, gdzie szybkość wczytywania i jakość obrazu mają kluczowe znaczenie dla doświadczenia użytkowników i ogólnej wydajności strony.

Pytanie 29

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

A. Pierwszy akapit. Drugi akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit . Drugi akapit.

D. Pierwszy akapit. Drugi akapit.

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

Pytanie 30

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 RGB, rozdzielczość 72 ppi, jak największy rozmiar pliku.

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

D. tryb barwny CMYK, rozdzielczość 96 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 31

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

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

B. multimedialnych interfejsów baz danych

C. multimedialnej aplikacji z autorskim interfejsem użytkownika

D. pokazu w formie slide show

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

Pytanie 32

Aby zmienić krój pisma w pliku CSS, należy dostosować właściwość

A. font-family

B. font-size

C. font-variant

D. font

Odpowiedzi, które wskazują na inne właściwości związane z typografią, mogą prowadzić do nieporozumień na temat ich rzeczywistych funkcji. 'Font-variant' jest właściwością, która służy do kontrolowania wyświetlania tekstu w różnych wariantach, takich jak małe litery czy wersaliki, ale nie zmienia samego kroju pisma. Użycie tej właściwości nie wpłynie na wybór czcionki, a jedynie na jej stylistyczne aspekty. Kolejną właściwością, 'font-size', odpowiedzialną jest za ustalanie wielkości czcionki, co również nie wpływa na wybór kroju, lecz jedynie na jego wymiary. Z kolei 'font' jest skrótem dla zestawu właściwości dotyczących czcionki i może zawierać zarówno 'font-size', jak i 'font-family', ale nie jest to optymalny sposób na samodzielną zmianę kroju pisma, szczególnie w kontekście zapewnienia czytelności i dostępności. Dlatego kluczowe jest zrozumienie, że aby zmienić krój pisma, należy używać 'font-family', która jest dedykowana do tego celu i pozwala na dokładną kontrolę nad stylem tekstu. W kontekście dobrych praktyk, warto unikać stosowania nieprecyzyjnych lub zbyt ogólnych właściwości, które nie realizują głównego celu zmiany kroju pisma, a zamiast tego skupić się na właściwości, która ma bezpośredni wpływ na wygląd tekstu, a więc na 'font-family'.

Pytanie 33

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

A.

B.

C. C.

D. <del>

Znacznik 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 , 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 na pewno jest praktycznym narzędziem do tworzenia dostępnych stron.

Pytanie 34

Jakie znaczenie ma akronim HTML?

A. Hierarchiczna struktura danych

B. Kaskadowe arkusze stylów

C. Zewnętrzne arkusze stylów

D. Hipertekstowy język znaczników

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

Pytanie 35

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

A. LibreOffice Impress oraz Adobe Photoshop

B. Prezi Viewer oraz CorelDRAW

C. LibreOffice Impress oraz LibreOffice Writer

D. Prezi i PowerPoint

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 36

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

A. Text-Color

B. Color

C. Background-Color

D. Bgcolor

Kolory tła w CSS można ustawiać na kilka sposobów, ale niektóre odpowiedzi, które podałeś, są po prostu błędne i mogą wprowadzać w błąd. Na przykład, 'text-color' w ogóle nie istnieje w CSS, bo odpowiednia właściwość to 'color'. I jeszcze 'bgcolor' to stara właściwość używana w HTML, a nie w CSS, więc lepiej ją omijać. Używanie takich przestarzałych terminów może powodować problemy przy tworzeniu stron. Warto też wiedzieć, że 'color' odnosi się tylko do koloru tekstu, a nie tła, więc dobrze się zaznajomić, co każda właściwość oznacza. Z mojej perspektywy, warto poczytać dokumentację CSS i zobaczyć, jak to wygląda w praktyce u doświadczonych projektantów.

Pytanie 37

Jakie produkty można stworzyć korzystając z programu Adobe Dreamweaver?

A. Druki reklamowe

B. Zrastrowane ilustracje

C. Aplikacje internetowe

D. Arkusze kalkulacyjne

Adobe Dreamweaver to naprawdę fajne narzędzie, które pomaga w tworzeniu stron internetowych i aplikacji. Można w nim programować w HTML, CSS, a nawet JavaScript, co daje dużą swobodę w projektowaniu. Osobiście uważam, że duży plus to jego opcje wizualne, bo można wprowadzać zmiany bez konieczności grzebania w kodzie non-stop. Przykładem, gdzie Dreamweaver się sprawdza, są interaktywne formularze, które są niezbędne w wielu stronach. A do tego integracja z bazami danych, co znacznie ułatwia życię, szczególnie przy dynamicznej treści. Nie zapominajmy też o standardach, jak W3C, które są wspierane przez program. Dzięki temu, mamy pewność, że nasze projekty są zgodne i wyglądają jak należy. To narzędzie jest znane w naszej branży, więc warto je znać i się nim posługiwać.

Pytanie 38

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

A. kolorystyka strony

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

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

D. wybór przeglądarki internetowej

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 39

Jaką informację zawiera pierwszy znacznik HTML w strukturze strony www?

A. Nazwa strony www

B. Dane dotyczące praw autorskich

C. Typ języka zastosowanego do budowy strony www

D. Słowa kluczowe i opis witryny internetowej

Wybierając odpowiedzi dotyczące tytułu strony, informacji o prawach autorskich lub słów kluczowych, można zauważyć powszechne nieporozumienia dotyczące struktury dokumentu HTML. Tytuł strony, definiowany w znaczniku <title>, jest ważnym elementem, ale jego funkcja to przede wszystkim informowanie użytkowników oraz systemów wyszukiwania o zawartości strony. To nie wpływa na interpretację kodu HTML. Informacje o prawach autorskich są umieszczane w stopce dokumentu i nie mają wpływu na jego strukturę ani na sposób wyświetlania strony. Słowa kluczowe oraz opisy, z kolei, są często umieszczane w meta tagach w sekcji <head>, ale ich rola w kontekście przeglądarek jest ograniczona i nie wpływają one na podstawową strukturę strony. Często mylące jest myślenie, że elementy te są tak samo istotne jak deklaracja DOCTYPE. W rzeczywistości, brak odpowiedniego DOCTYPE powoduje, że przeglądarka przestaje prawidłowo interpretować HTML, co prowadzi do problemów z renderowaniem. Zrozumienie, że pierwszym znakiem HTML jest deklaracja DOCTYPE, pozwala lepiej zrozumieć, jak przeglądarki interpretują dokumenty oraz jak ważne jest przestrzeganie standardów, aby zapewnić spójność i przewidywalność w działaniu aplikacji internetowych.

Pytanie 40

Która linia kodu zawiera prawidłowe zastosowanie zagnieżdżonych (wewnętrznych) deklaracji CSS w dokumencie HTML?

A.	<head>… <style type="text/css">… </style> </head>
B.	<body> … <style type="text/css">... </style> </body>
C.	<head>… <link rel=stylesheet type=css href=style/style.css /> </head>
D.	<head>… <link rel="stylesheet" type="text/css" href="style/style.css" /> </head>

A. D.

B. A.

C. C.

D. B.

Prawidłowe zastosowanie zagnieżdżonych deklaracji CSS w dokumencie HTML polega na umieszczeniu ich wewnątrz sekcji <head>, między znacznikami <style type="text/css">...</style>. Odpowiedź A ilustruje tę zasadę, przedstawiając odpowiednią strukturę dokumentu. W praktyce, umieszczając style w sekcji <head>, zapewniasz, że przeglądarka załaduje i zastosuje je przed renderowaniem treści strony. To kluczowe dla wydajności i poprawnego wyświetlania elementów na stronie. Standardy W3C oraz dobre praktyki w zakresie SEO zalecają tę metodę, ponieważ zewnętrzne style mogą przyczynić się do opóźnienia w renderowaniu strony. Dobrym przykładem może być zastosowanie zagnieżdżania dla określenia wyglądu nagłówków, linków, czy tła elementów. Na przykład, można zdefiniować style dla <h1>, , czy <a>, co pozwala na pełną kontrolę nad wyglądem strony bez konieczności odwoływania się do zewnętrznych plików CSS, co bywa uciążliwe w zarządzaniu projektem.

Rozpocznij nowy egzamin

Powrót do strony głównej