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: 28 kwietnia 2026 19:20
Data zakończenia: 28 kwietnia 2026 19:31

Egzamin zdany!

Wynik: 27/40 punktów (67,5%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

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

A. multimedialnych interfejsów baz danych

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

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 2

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

A. <ins>

B.

C.

D. <del>

Wybierając inne znaczniki niż do indeksu dolnego, łatwo można się pomylić, szczególnie jeśli nie zna się dobrze semantyki HTML. Na przykład <del> służy do oznaczania fragmentów tekstu jako usuniętych, co jest używane chociażby przy pokazywaniu zmian w dokumencie – efekt wizualny to najczęściej przekreślony tekst, a nie żaden indeks. Z kolei jest wręcz przeciwieństwem , bo tworzy indeks górny – jego zastosowanie zobaczysz w zapisie potęg, jak np. w x2. To typowy błąd, mylić te dwa tagi, bo wyglądają podobnie w kodzie, ale jednak znaczą coś zupełnie innego. <ins> natomiast używany jest do oznaczania wstawionego tekstu, co raczej przydaje się podczas śledzenia edycji czy porównywania wersji, a nie do formatowania indeksów. Często spotykam się z sytuacjami, gdzie ktoś, nie znając dokładnie przeznaczenia tych tagów, próbuje nimi stylizować tekst zamiast przekazywać dodatkowe, „niewidoczne” dla użytkownika znaczenie. To prowadzi do problemów z dostępnością i interpretacją przez przeglądarki oraz narzędzia asystujące. Poza tym, takie podejście narusza dobre praktyki webowe i może utrudnić późniejszą edycję lub stylowanie dokumentu. Semantyka HTML to nie tylko wygląd – chodzi też o to, żeby maszyny i ludzie rozumieli tekst podobnie, a do tego właśnie służą odpowiednio dobrane znaczniki. Warto poświęcić chwilę na zapoznanie się z przeznaczeniem podstawowych tagów, żeby uniknąć takich pomyłek w przyszłości. Indeksy dolne i górne mają swoje dedykowane znaczniki, więc korzystanie z nich jest najbardziej sensowne zarówno pod względem technicznym, jak i praktycznym.

Pytanie 3

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

A. .

B. ;

C. :

D. ,

Poprawna odpowiedź to znak ';', który jest wymagany do zakończenia każdej komendy w języku skryptowym Perl. W Perl każdy pojedynczy wyraz polecenia musi być zakończony średnikiem, co pozwala interpreterowi na rozróżnienie między kolejnymi instrukcjami. Na przykład, w prostym skrypcie Perl, aby zdefiniować zmienną i przypisać jej wartość, zastosujemy zapis: '$a = 10;'. Zastosowanie średnika na końcu komendy jest standardem, który zapewnia poprawność składni i umożliwia właściwe wykonanie kodu. To podejście jest zgodne z analogicznymi praktykami w wielu językach programowania, takich jak C, C++ czy Java, gdzie również stosuje się średnik do oddzielania instrukcji. Prawidłowe zrozumienie reguł składniowych Perla jest kluczowe nie tylko dla poprawnego działania skryptów, ale również dla ich czytelności i utrzymania, co jest fundamentalne w programowaniu. Dobrą praktyką jest również stosowanie czytelnych nazw zmiennych i struktur, co w połączeniu z odpowiednim formatowaniem kodu, ułatwia jego późniejszą modyfikację oraz debugowanie.

Pytanie 4

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

A. purple; #ff00ff

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

C. yellow; #ffff00

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

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 5

Aby umieścić na stronie internetowej z tłem w kolorze kremowym logo firmy w postaci czerwono-czarnej grafiki na białym tle, należy najpierw przeskalować logo, a następnie

A. ustawić przezroczystość na biały kolor tła i zapisać grafikę w formacie GIF89a lub PNG

B. wystarczy zapisać grafikę w formacie GIF89a lub PNG

C. ustawić kanał alfa na kolory czerwony lub czarny i zapisać plik w formacie PNG

D. ustawić przezroczystość na biały kolor tła i zapisać grafikę w formacie JPG lub TIFF

Poprawna odpowiedź polega na ustawieniu przezroczystości na biały kolor tła oraz zapisaniu pliku grafiki w formacie GIF89a lub PNG. Wybór formatu PNG jest szczególnie korzystny, gdyż obsługuje on kanał alfa, co pozwala na precyzyjne definiowanie przezroczystości poszczególnych pikseli. Zastosowanie przezroczystości na białym tle pozwoli na harmonijne wkomponowanie logo w kremowe tło strony, eliminując nieestetyczne krawędzie. Format GIF89a, mimo iż ma swoje ograniczenia w zakresie palety kolorów, również może być użyty w sytuacji, gdy logo nie wymaga skomplikowanej przezroczystości. W branży projektowania graficznego kluczowe jest, aby końcowy efekt wizualny był spójny i profesjonalny; dlatego wybór odpowiedniego formatu i ustawienia przezroczystości ma istotne znaczenie. Przykładem praktycznego zastosowania jest przygotowanie bannerów reklamowych, gdzie estetyka połączenia różnych kolorów tła i grafik jest kluczowa dla przyciągnięcia uwagi odbiorców.

Pytanie 6

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

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

B. kolorystyka strony

C. wybór przeglądarki internetowej

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 7

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

A. TCP

B. FTP

C. SSH

D. SSL

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

Pytanie 8

Który z wymienionych programów nie służy do projektowania stron internetowych?

A. Adobe Photoshop

B. Pajączek

C. HotDog

D. Microsoft Expression Web

Kiedy mówimy o tworzeniu stron internetowych, istotne jest zrozumienie, jakie oprogramowanie i narzędzia są przeznaczone do tego celu. Microsoft Expression Web to program, który pozwala na edytowanie kodu HTML, CSS i JavaScript oraz wspiera tworzenie układów stron, co czyni go przydatnym dla web developerów. Podobnie, Pajączek jest zintegrowanym środowiskiem programistycznym, które umożliwia edycję kodu oraz wizualizację strony, co może znacznie usprawnić proces projektowania. HotDog również wspiera proces tworzenia stron, oferując opcje zarządzania kodem oraz wsparcie dla standardów webowych. W odróżnieniu od tych narzędzi, Adobe Photoshop nie jest przeznaczony do kodowania ani do zarządzania strukturą stron internetowych. Typowym błędem myślowym jest mylenie edytorów graficznych z edytorami kodu. Programy graficzne są niezbędne do tworzenia wizualnych elementów strony, ale sama ich obecność nie wystarcza do zaprojektowania funkcjonalnej strony internetowej. Użytkownicy mogą pomylić Photoshop z narzędziem do budowy stron, co prowadzi do nieporozumień dotyczących ról, jakie poszczególne aplikacje odgrywają w procesie tworzenia strony. Stąd ważne jest, aby pamiętać, że do efektywnego tworzenia stron internetowych nie wystarczy jedynie umiejętność obsługi programów graficznych, ale także zrozumienie języków programowania oraz narzędzi dedykowanych dla web developmentu.

Pytanie 9

W jaki sposób należy zapisać obraz w formacie plikowym, aby mógł być wyświetlany na stronie internetowej z płynnymi przejściami w obszarze przezroczystości (z częściowymi przezroczystościami)?

A. PNG

B. JPEG

C. PDF

D. BMP

Format PNG (Portable Network Graphics) jest idealnym wyborem do zapisywania obrazów z częściowymi przezroczystościami. W odróżnieniu od formatu JPEG, który nie obsługuje przezroczystości, PNG wykorzystuje algorytmy kompresji bezstratnej, co pozwala na zachowanie wysokiej jakości obrazu przy jednoczesnym wsparciu dla warstw przezroczystości. Dzięki temu, obrazy zapisane w tym formacie mogą w sposób płynny przechodzić od pełnej nieprzezroczystości do całkowitej przezroczystości, co jest kluczowe w projektowaniu stron internetowych i aplikacji graficznych. Przykładowo, ikony, logo czy tła obrazów z przezroczystością są często zapisywane w formacie PNG, co pozwala na ich łatwe nakładanie na inne elementy strony, bez widocznych krawędzi czy bloków kolorów. Dodatkowo, PNG obsługuje także paletę kolorów, co czyni go wszechstronnym narzędziem w pracy z grafiką. Użycie PNG jest zgodne z najlepszymi praktykami w tworzeniu estetycznych i funkcjonalnych interfejsów użytkownika.

Pytanie 10

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

A. !=

B. =

C. /

D. !

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

Pytanie 11

W jakim przypadku dwa zapisy w kodzie HTML reprezentują ten sam kolor?

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

B. yellow; #ffff00

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

D. purple; #ff00ff

Wybór innych opcji wskazuje na niepełne zrozumienie koncepcji kolorów w HTML i CSS. W przypadku "rgb(128, 255, 0); #ff8000", wartości RGB wskazują na kolor, który jest mieszanką zielonego (255) z pewną ilością czerwonego (128), co nie odpowiada kolorowi reprezentowanemu przez zapis szesnastkowy #ff8000, który jest pomarańczowym odcieniem. To prowadzi do błędnych wniosków, ponieważ wartości RGB muszą być zgodne z zapisami HEX, aby reprezentowały ten sam kolor. Podobnie w "purple; #ff00ff" mamy do czynienia z niezgodnością między nazwą koloru a jego reprezentacją szesnastkową. Kolor fioletowy jest reprezentowany przez RGB(128,0,128), a nie przez wartości w HEX, które wskazują na różowe odcienie, co prowadzi do nieporozumienia w identyfikacji kolorów. Warto również zauważyć, że w przypadku "green; rgb(0, 255, 0)" mamy do czynienia z poprawnym kolorem zielonym w obydwu systemach, ale nie są one sobie równoważne, co utrudnia zrozumienie relacji między różnymi notacjami kolorów. Te przykłady pokazują, jak istotne jest posługiwanie się poprawnymi konwersjami i znajomością systemów kolorów, aby skutecznie pracować z CSS i HTML oraz uniknąć typowych błędów w projektach graficznych.

Pytanie 12

Jakie znaczenie ma poniższa deklaracja kodu CSS:

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

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

B. 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. Tylko tekst w obrębie wszystkich znaczników span znajdujących się w znacznikach l 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 13

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

A. przygotowania reklamy w formie druku wielkoformatowego

B. umieszczenia w projekcie multimedialnym przeznaczonym do publikacji w sieci

C. realizacji całostronicowej reklamy w prasie

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

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

Pytanie 14

Aby przeprowadzić seryjną edycję zdjęć przeznaczonych do projektu strony internetowej, należy skorzystać z panelu programu Adobe Photoshop o nazwie

A. Duplikowanie źródła

B. Kompozycje warstw

C. Operacje

D. Style

Odpowiedzi "Powielanie źródła", "Style" oraz "Kompozycje warstw" nie są odpowiednie w kontekście seryjnej obróbki fotografii. Powielanie źródła odnosi się do procesu kopiowania pewnych elementów lub warstw w dokumencie, co nie ma zastosowania w automatyzacji przetwarzania wielu zdjęć. Osoby, które wybierają tę odpowiedź, często mylą proces kopiowania z bardziej skomplikowanymi operacjami edycyjnymi. Style w Photoshopie służą do nakładania gotowych efektów na warstwy, co może być użyteczne w poprawie estetyki pojedynczego obrazu, ale nie wspiera automatyzacji seryjnej obróbki. Użytkownicy mogą sądzić, że style pozwolą na szybką edycję wielu zdjęć, jednak w rzeczywistości wymagają one manualnego zastosowania na każdym z nich. Kompozycje warstw zaś pozwalają na organizację i zarządzanie warstwami w projekcie, co również nie ma związku z automatyzacją obróbki. Osoby wybierające tę odpowiedź mogą nie dostrzegać, że kompozycje warstw koncentrują się na wyglądzie docelowego obrazu, a nie na jego seryjnym przetwarzaniu. W efekcie, wybór tych odpowiedzi wynika z nieporozumienia dotyczącego funkcji każdego z paneli i narzędzi dostępnych w Photoshopie oraz ich zastosowania w kontekście zarządzania dużymi zbiorami zdjęć.

Pytanie 15

Zawarty w dokumencie elektronicznym odnośnik, który stanowi link umożliwiający błyskawiczny dostęp do informacji z innej sekcji tego dokumentu, to

A. widżet

B. przycisk wyboru

C. hiperłącze

D. pasek przewijania

Pasek przewijania to narzędzie interfejsu użytkownika, które umożliwia przewijanie treści w dokumencie. Choć jest istotnym elementem nawigacji, nie spełnia funkcji hiperłącza, ponieważ nie prowadzi użytkownika do konkretnej sekcji, lecz jedynie pozwala na przeglądanie zawartości w sposób linearny. Widżet to komponent interfejsu graficznego, który może pełnić różnorodne funkcje, takie jak wyświetlanie informacji lub interakcję z użytkownikiem, ale również nie ma bezpośredniego związku z nawigacją w obrębie dokumentu, a w kontekście pytania nie dostarcza mechanizmu nawigacyjnego do innych części dokumentu. Przyciski wyboru, z drugiej strony, służą do zaznaczania opcji w formularzach, co również nie odpowiada na zapotrzebowanie na bezpośrednie linkowanie do treści. Typowym błędem jest mylenie tych elementów z hiperłączem, co może wynikać z niepełnego zrozumienia ich funkcji i zastosowania w kontekście interakcji użytkownika z dokumentami elektronicznymi. Niezrozumienie tych różnic prowadzi do nieefektywnego projektowania interfejsów, które nie wykorzystują w pełni potencjału hiperłączy w kontekście nawigacji i dostępności informacji.

Pytanie 16

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

A. font-variant

B. font-size

C. font

D. font-family

Właściwość 'font-family' w arkuszu stylów CSS jest kluczowym elementem definiującym krój pisma stosowany na stronie internetowej. Umożliwia ona wskazanie jednego lub kilku krójów czcionek, które będą używane w danym elemencie. Definiując 'font-family', możesz określić czcionkę, która ma być używana, a także zaproponować alternatywne kroje w przypadku, gdy preferowany nie jest dostępny. Na przykład, zapis: 'font-family: Arial, sans-serif;' oznacza, że przeglądarka pierwszeństwo nada czcionce Arial, a jeśli jej nie znajdzie, zastosuje czcionkę z rodziny sans-serif. Dobrą praktyką jest zawsze podawanie zestawu czcionek, aby zapewnić spójność wizualną na różnych urządzeniach i systemach operacyjnych. Oprócz tego, 'font-family' pozwala na zastosowanie czcionek systemowych, a także czcionek dostępnych w sieci, takich jak te z Google Fonts, co daje projektantom większą elastyczność i możliwości w zakresie stylistyki. Zastosowanie tej właściwości zgodnie z aktualnymi standardami CSS jest kluczowe dla uzyskania czytelnych i estetycznych prezentacji tekstu na stronach internetowych.

Pytanie 17

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

A. Background-Color

B. Text-Color

C. Color

D. Bgcolor

Właściwość CSS 'background-color' to naprawdę ważny element, jeśli chodzi o stylizację stron. Dzięki niej możemy fajnie ustawić kolory tła dla różnych elementów naszej strony. To sprawia, że strona wygląda lepiej i jest bardziej przyjemna dla oka użytkownika. Na przykład, żeby ustawić jasnoszary kolor tła dla 'div', możemy napisać coś takiego: 'div { background-color: #f0f0f0; }'. Ale pamiętaj, żeby dobierać kolory tak, żeby dobrze kontrastowały z tekstem, bo to naprawdę ma znaczenie dla osób, które korzystają z naszej strony. Warto się też zainteresować innymi właściwościami, jak 'background-image' czy 'background-size', bo dzięki nim można stworzyć ciekawe wizualne efekty. Takie połączenia to super sposób na przyciągnięcie uwagi!

Pytanie 18

Zastosowanie usług komercyjnej firmy hostingowej do publikacji strony internetowej oznacza

A. brak możliwości dostępu do jakiejkolwiek bazy danych

B. automatyczne wyświetlanie na witrynie licznych reklam, które są niepowiązane z treścią serwisu

C. brak wsparcia dla języków skryptowych oraz ograniczenia w transferze

D. możliwość korzystania z serwera bazy danych, na przykład MySQL

Wybierając hosting, warto zrozumieć, jakie usługi są standardowo oferowane i jakie są ich ograniczenia. Odpowiedzi, które sugerują brak dostępu do bazy danych, są nieaktualne i nieodzwierciedlają współczesnych standardów w branży hostingowej. Większość komercyjnych firm hostingowych oferuje co najmniej jedną bazę danych, a często także wiele baz danych, co jest niezbędne do obsługi współczesnych aplikacji internetowych. Twierdzenie, że usługi hostingowe nie obsługują języków skryptowych jest również mylne; w rzeczywistości, większość hostingów wspiera różne języki programowania, takie jak PHP, Python czy Ruby, które są kluczowe dla dynamicznych stron internetowych. Również stwierdzenie, że publikacja na hostingu wiąże się z automatycznym wyświetlaniem reklam, jest nieprawdziwe. Wiele firm hostingowych oferuje plany bez reklam, co daje użytkownikom pełną kontrolę nad treścią ich witryn. Zrozumienie tych aspektów jest kluczowe dla prawidłowego wyboru hostingu, a również dla skutecznej pracy z technologiami webowymi oraz zarządzania treścią, co jest podstawą dla sukcesu w Internecie.

Pytanie 19

Jak nazywa się unikalny adres, który przypisany jest do każdej opublikowanej strony oraz zasobu w sieci?

A. IP

B. IMAP

C. FTP

D. URL

Poprawna odpowiedź to URL, co oznacza Uniform Resource Locator. URL to standardowy adres, który identyfikuje zasoby w Internecie, takie jak strony WWW, obrazy czy pliki. Każda opublikowana strona internetowa posiada unikalny URL, co pozwala użytkownikom na jej łatwe odnalezienie w sieci. URL składa się z kilku elementów, w tym protokołu (np. http, https), nazwy domeny oraz ścieżki dostępu do konkretnego zasobu. Przykładem URL może być 'https://www.example.com/index.html', gdzie 'https' określa protokół, 'www.example.com' to domena, a '/index.html' wskazuje na konkretny plik. Znajomość struktury URL oraz zasad jego tworzenia jest istotna w kontekście SEO oraz tworzenia użytecznych i zrozumiałych linków, co wpływa na użytkowników i wyszukiwarki. Dobre praktyki wskazują, że URL powinny być krótkie, zrozumiałe i zawierać słowa kluczowe, co przyczynia się do lepszej indeksacji przez wyszukiwarki oraz ułatwia nawigację użytkownikom.

Pytanie 20

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

A. Pierwszy akapit.

B. Pierwszy akapit. Drugi akapit.

C. Pierwszy akapit. Drugi akapit.

D. Pierwszy akapit. Drugi akapit.

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

Pytanie 21

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

A. profesjonalnego materiału wideo z wydarzenia

B. układu strony internetowej

C. prezentacji multimedialnej

D. animacji poklatkowej

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 22

Jakiego koloru będą teksty akapitów utworzone w oparciu o przedstawiony arkusz stylów?

<style>
 p{color: yellow;}
 p{color: black;}
 p{color: red;}
 </style>

A. Zielony

B. Żółty

C. Czarny

D. Czerwony

Odpowiedź "Czerwony" jest prawidłowa, ponieważ w przedstawionym arkuszu stylów zdefiniowane są trzy reguły CSS dla elementu . Jednak w CSS, zasada kaskadowości oznacza, że reguła, która jest zdefiniowana później, ma pierwszeństwo w przypadku konfliktów. W tym przypadku pierwszy przepis przypisuje kolor żółty, drugi czarny, a trzeci czerwony. Ponieważ ostatnia reguła (p{color: red;}) jest rozpatrywana jako dominująca, teksty akapitów przyjmą kolor czerwony. W praktyce ważne jest, aby zrozumieć kaskadowość i specyfikę reguł CSS, ponieważ pozwala to na efektywne zarządzanie stylami w projekcie. Dobrym przykładem jest tworzenie stylów dla różnych stanów elementów, takich jak :hover czy :active, co pozwala na lepsze wykorzystanie kaskadowości. Zrozumienie i wykorzystanie tych zasad jest kluczowe w tworzeniu responsywnych i estetycznych interfejsów użytkownika zgodnych z najlepszymi praktykami web designu.

Pytanie 23

Wskaż prawidłowy zapis dotyczący tworzenia akapitów 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.

Wiele osób początkujących w HTML ma problem z poprawnym otwieraniem i zamykaniem znaczników, zwłaszcza tych dotyczących bloków tekstu, takich jak akapity. Gdy widzimy zapis Pierwszy akapit., to niby wygląda sensownie, bo są dwa , ale brakuje zamykającego . Przeglądarka często wybacza takie błędy i próbuje to "naprawić" po swojemu, ale efekty mogą być zaskakujące: tekst się rozjeżdża, nie działa stylowanie, a na niektórych urządzeniach w ogóle coś się gubi. Zastosowanie z ukośnikiem na końcu () albo jest zupełnie niezgodne ze standardem HTML, chociaż może wydawać się znajome z XML czy XHTML. W HTML5 nie stosujemy samodzielnie zamykających się tagów dla akapitów, bo to nie są elementy samodomyklające (jak np. czy <img>). Co więcej, zapisy z zamykającymi tagami na początku, np. Pierwszy akapit., są logicznie kompletnie pomylone – bo najpierw zamykamy coś, czego nie otworzyliśmy. Bywa, że to wynika z nieporozumień albo złych nawyków z edytorów WYSIWYG czy kopiowania kodu z internetu, gdzie trafiają się błędy skryptowe. Z mojego doświadczenia wynika, że najwięcej problemów potem pojawia się przy rozbudowie strony – nagle style CSS przestają działać, pojawiają się nieoczekiwane odstępy lub znika część treści. Warto pilnować prawidłowej kolejności i kompletności znaczników, bo to oszczędza masę nerwów przy debugowaniu i pozwala osiągnąć spójny, profesjonalny efekt końcowy. Standardy HTML nie są tu przypadkowe – wynikają z konieczności czytelności zarówno dla przeglądarek, jak i dla osób utrzymujących kod.

Pytanie 24

Jakie narzędzie w programie Adobe Photoshop pozwala na rozdzielenie layoutu zapisanego w formacie PSD na elementy, które można edytować w HTML?

A. Przycinanie.

B. Pióro.

C. Cięcie na plasterki.

D. Zaznaczenie prostokątne.

Cięcie na plasterki to jedno z kluczowych narzędzi w programie Adobe Photoshop, które umożliwia podział layoutu zapisanego w formacie PSD na elementy edytowalne w kodzie HTML. Dzięki temu narzędziu projektant może wyodrębnić poszczególne sekcje grafiki, które następnie mogą być zastosowane w kontekście tworzenia stron internetowych. Przy użyciu funkcji cięcia na plasterki, użytkownik ma możliwość precyzyjnego określenia, które fragmenty projektu powinny być oddzielone, co jest niezbędne do ich zaimplementowania w kodzie HTML jako osobne obrazy lub linki. To narzędzie stosuje się często w praktyce przy tworzeniu responsywnych stron internetowych, gdzie różne elementy muszą być odpowiednio przystosowane dla różnych urządzeń. Współczesne standardy webowe, takie jak HTML5 i CSS3, podkreślają konieczność efektywnego zarządzania grafiką w projektach internetowych, co czyni cięcie na plasterki niezwykle praktycznym i niezbędnym narzędziem.

Pytanie 25

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 26

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

A. Czerwony, żółty, niebieski

B. Czerwony, fioletowy, pomarańczowy

C. Fioletowy, czarny, biały

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 27

Tworząc tekst do umieszczenia na stronie internetowej, nie wolno

A. stosować pogrubienia słów.

B. używać dużych liter w większej ilości tekstu.

C. zastosować podkreślenia słów.

D. umieszczać większej ilości tekstu w wersalikach.

Pomimo że niektóre z pozostałych podejść mogą się wydawać praktyczne, w rzeczywistości mogą wprowadzać w błąd i obniżać jakość tekstu na stronie internetowej. Składanie większej ilości tekstu minuskułami jest powszechnie akceptowane w kontekście pisania, ponieważ małe litery są bardziej czytelne, a ich użycie w dłuższych tekstach jest kluczowe dla płynności czytania. Jednakże, nadmierne użycie podkreśleń wyrazów może prowadzić do dekoncentracji czytelnika, zwłaszcza gdy podkreślone są zbyt liczne elementy. W typografii, podkreślenie jest często używane w kontekście linków, co może wprowadzać zamieszanie, jeśli jest stosowane w innych miejscach. Z drugiej strony, pogrubienia wyrazów są bardzo skuteczne w wyróżnianiu kluczowych informacji, ale ich nadmierne użycie może również prowadzić do chaosu wizualnego. Ważne jest, aby używać tych formatów w sposób umiejętny, z zachowaniem umiaru i zgodnie z zasadami projektowania. Celem jest nie tylko wyeksponowanie najważniejszych informacji, ale także utrzymanie jasności i przejrzystości tekstu. W praktyce, umiejętne zarządzanie typografią i formatowaniem tekstu może znacząco wpłynąć na efektywność komunikacji oraz doświadczenia użytkownika.

Pytanie 28

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

A. zakodowaniu

B. strumieniowaniu

C. wektoryzacji

D. optymalizacji

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

Pytanie 29

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

A. Joomla

B. Teams

C. Wordpress

D. Drupal

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 30

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

A. Testowanie klonowanej witryny, sprawdzanie reguł CSS, projektowanie elementów graficznych

B. Formatowanie treści, drukowanie projektu witryny, określenie licencji grafik

C. Instalacja wtyczek, sprawdzanie znaczników HTML, pozycjonowanie witryny

D. Wykonanie kopii zapasowej, testowanie klonowanej witryny, aktualizacja elementów witryny

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

Pytanie 31

Która z usług jest dedykowana do modyfikacji opublikowanych na stronie internetowej treści zawierających zdjęcia?

A. SSH

B. DNS

C. DHCP

D. FTP

Odpowiedź FTP (File Transfer Protocol) jest poprawna, ponieważ jest to protokół używany do przesyłania plików między komputerami w sieci. W kontekście aktualizacji opublikowanych na stronie internetowej artykułów ze zdjęciami, FTP pozwala na łatwe przesyłanie nowych lub zaktualizowanych plików, takich jak teksty i obrazy, z lokalnego komputera na serwer, na którym hostowana jest strona. Przykładowo, jeśli redaktor wprowadza zmiany w artykule lub dodaje nowe zdjęcia do galerii, może użyć klienta FTP, aby załadować te pliki na serwer. To praktyka powszechnie stosowana w branży web developmentu, gdzie standardem jest organizacja treści i multimediów w sposób, który umożliwia ich łatwe zarządzanie i aktualizację. Dzięki FTP, aktualizacje stron internetowych są szybkie i efektywne, co jest kluczowe dla utrzymania dynamiczności treści oraz zwiększenia zaangażowania użytkowników. Dodatkowo, korzystanie z FTP jest zgodne z dobrymi praktykami zarządzania treścią, ponieważ umożliwia wersjonowanie plików i zachowanie porządku w strukturze folderów na serwerze.

Pytanie 32

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

A. Tryb kolorów

B. Nazwy warstw

C. Proporcje obrazu

D. Stopień krycia

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

Pytanie 33

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

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

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

C. Opcja edytowania kodu HTML

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

Pełna kompatybilność z innymi systemami CMS nie jest cechą charakterystyczną dla Joomla. Joomla jest samodzielnym systemem zarządzania treścią (CMS), który ma swoje unikalne architektury i standardy. Chociaż Joomla oferuje wiele możliwości integracji z innymi systemami i aplikacjami, nie jest zaprojektowana z myślą o pełnej kompatybilności z innymi CMS, co może prowadzić do problemów z migracją treści i ustawień. Przykładowo, podczas przenoszenia danych z WordPressa do Joomla mogą wystąpić trudności związane z różnymi strukturami baz danych oraz sposobem, w jaki każdy system zarządza użytkownikami i treścią. W związku z tym, gdy planujesz rozwój strony internetowej w oparciu o Joomla, warto zwracać uwagę na te ograniczenia oraz stosować najlepsze praktyki, takie jak dokładne sprawdzenie kompatybilności rozszerzeń i wtyczek przed ich zainstalowaniem. Dobre praktyki obejmują także tworzenie kopii zapasowych przed migracją oraz testowanie systemu w środowisku deweloperskim przed wdrożeniem na żywo, aby uniknąć problemów z integracją.

Pytanie 34

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

A. archiwizery

B. kodeki

C. czcionki

D. wtyczki

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

Element kokpitu WordPressa do zarządzania dodatkami widoczny na ilustracji jest oznaczony

A. liczbą 4

B. liczbą 2

C. liczbą 3

D. liczbą 1

Prawidłowa odpowiedź to liczba 4, ponieważ właśnie ten element menu kokpitu WordPressa odpowiada za zarządzanie dodatkami, czyli wtyczkami (ang. plugins). Wtyczki w WordPressie to rozszerzenia, które umożliwiają dodawanie nowych funkcjonalności bez konieczności ingerowania w kod źródłowy strony. Moim zdaniem to najważniejsze narzędzie dla każdego administratora – bez znajomości sekcji 'Wtyczki' trudno wyobrazić sobie efektywne prowadzenie nowoczesnej strony. Przykład? Instalując odpowiednią wtyczkę, można szybko wdrożyć formularze kontaktowe, systemy SEO czy integracje z mediami społecznościowymi. Praktyka pokazuje, że regularne aktualizowanie i odpowiedzialne zarządzanie wtyczkami to podstawa dobrych praktyk branżowych – zaniedbanie tego często kończy się kłopotami z bezpieczeństwem albo spadkiem wydajności strony. Zresztą WordPress w oficjalnej dokumentacji mocno podkreśla, by nie instalować zbyt wielu wtyczek i zawsze sprawdzać ich reputację. To element, z którego korzysta się praktycznie codziennie w każdym większym projekcie. Z mojego doświadczenia, sprawne poruszanie się po tej części kokpitu to jedna z najważniejszych kompetencji webmastera WordPress. To tu można aktywować, dezaktywować lub usuwać rozszerzenia oraz instalować nowe prosto z repozytorium, co znacznie usprawnia rozwój funkcjonalności witryny bez ryzyka uszkodzenia systemu bazowego.

Pytanie 36

W języku HTML znacznik zawiera

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

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

C. nazwę dokumentu.

D. treść dokumentu.

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

Pytanie 37

Logo, menu, baner, widgety oraz intro to elementy

A. prezentacji multimedialnej.

B. profesjonalnego materiału wideo z eventu.

C. animacji poklatkowej.

D. layoutu strony internetowej.

Logo, menu, baner, widgety oraz intro to właśnie te elementy, które najczęściej spotyka się w layoutach, czyli szablonach stron internetowych. Takie komponenty pełnią kluczowe funkcje – logo oczywiście odpowiada za identyfikację wizualną firmy lub marki, menu służy do nawigacji, baner często promuje najważniejsze treści lub wydarzenia, widgety dodają różne funkcjonalności (np. pogodę, wyszukiwarkę, kalendarz), a intro bywa wykorzystywane do przyciągnięcia uwagi użytkownika przy pierwszym wejściu na stronę. Moim zdaniem przy projektowaniu strony internetowej nie da się pominąć tych podstawowych części, bo one tworzą pierwszy kontakt użytkownika z witryną. Praktycznie każda profesjonalnie zaprojektowana strona www ma przemyślany layout, a w nim logicznie rozmieszczone takie elementy, żeby korzystanie było intuicyjne i przyjemne. Standardy branżowe, takie jak WCAG czy zalecenia Google dotyczące UX/UI, podkreślają wagę czytelnego rozplanowania layoutu, spójności graficznej i dostępności nawigacji. Dobry layout łączy estetykę z funkcjonalnością – to jest podstawa zarówno dla bloga, sklepu internetowego, jak i dużego portalu. Często nawet drobny widget potrafi zrobić wielką różnicę w odbiorze strony. Warto więc znać te podstawowe elementy i umieć je poprawnie zaprojektować oraz wdrożyć.

Pytanie 38

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

A. Żółty.

B. Czarny.

C. Czerwony.

D. Zielony.

W tym pytaniu wszystko rozgrywa się o tzw. specyfikę oraz kolejność deklaracji CSS. Kiedy kilka reguł stylów dotyczy tego samego selektora, a nie mają różnej specyficzności, przeglądarka stosuje tę, która pojawia się jako ostatnia w kodzie. W arkuszu stylów przedstawionym w pytaniu wszystkie selektory to po prostu „p”, więc dotyczą każdego akapitu. Najpierw przypisano im kolor żółty, potem czarny, a na końcu czerwony. I to właśnie ta ostatnia wartość — color: red — będzie miała zastosowanie, bo nadpisuje poprzednie. W praktyce to bardzo częsta sytuacja, zwłaszcza gdy rozbudowujemy projekt lub podpinamy wiele plików CSS — jeśli ten sam selektor występuje wielokrotnie, ostateczny wygląd zależy od tego, która reguła jest ostatnia. Branżowo mówi się, że CSS działa na zasadzie „ostatni wygrywa” (ang. last rule wins), co potwierdzają oficjalne standardy W3C. Warto pilnować porządku w swoich stylach, bo nieświadome nadpisywanie może prowadzić do trudnych do wykrycia błędów wizualnych. Takie zachowanie CSS jest też przydatne przy tworzeniu tzw. motywów lub dynamicznego przewijania stylu, gdzie dokładnie na tej zasadzie można łatwo zmieniać wygląd całych sekcji strony. Z mojego doświadczenia wynika, że osoby początkujące często są zaskoczone tym mechanizmem i długo nie mogą znaleźć, dlaczego jakiś kolor nie działa — a to po prostu kwestia kolejności w kodzie.

Pytanie 39

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 40

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 lpi tryb barwny RGB.

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

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

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

Rozpocznij nowy egzamin

Powrót do strony głównej