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: 17 czerwca 2026 09:34
Data zakończenia: 17 czerwca 2026 09:53

Egzamin zdany!

Wynik: 21/40 punktów (52,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

Czym jest mapa witryny internetowej?

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

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

C. ilustruje schemat zawierający grafiki umieszczone na stronie

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

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

Pytanie 2

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

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

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

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

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

To właśnie taki zapis, jak <p>Pierwszy akapit.</p><p>Drugi akapit.</p>, jest zgodny ze standardem HTML. Każdy akapit w dokumencie oznaczamy osobnym tagiem otwierającym <p> i zamykającym </p>. 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 <p> 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 <p>, 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 3

Jaki operator w języku JavaScript służy do obliczania reszty z dzielenia?

A. operator +

B. operator *

C. operator %

D. operator /

Operator / jest używany do dzielenia dwóch liczb i zwraca wynik w postaci liczby, a nie reszty z dzielenia. W przypadku 5 / 2, wynik wynosi 2.5, co ilustruje, że operator ten nie może być stosowany do zyskania informacji o reszcie z dzielenia. Operator + z kolei służy do dodawania dwóch wartości. Przykład 3 + 2 daje wynik 5, co jest zasadniczo innym działaniem niż obliczanie reszty. Operator * jest używany do mnożenia, więc 3 * 2 wynosi 6; również nie ma związku z operacją dzielenia. Typowym błędem, który można dostrzec, jest mylenie operatora dzielenia z operatorem modulo, co prowadzi do niepoprawnych wyników w obliczeniach. Ważne jest zrozumienie kontekstu, w jakim każdy operator jest używany, ponieważ stosowanie niewłaściwego operatora do zadania może skutkować błędami logiki w programie, które są trudne do zidentyfikowania. Aby uniknąć takich problemów, programiści powinni starannie przemyśleć wybór operatorów, a także zapoznać się z dokumentacją języka JavaScript, aby w pełni zrozumieć, jak działają poszczególne operacje na liczbach.

Pytanie 4

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

A. przeprowadzić wektoryzację obiektów wektorowych

B. zamienić obiekty wektorowe w krzywe Beziera

C. wykonać trasowanie obiektów wektorowych

D. przekształcić obiekty wektorowe w rastrowe

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

Pytanie 5

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

A. Tryb kolorów

B. Stopień krycia

C. Nazwy warstw

D. Proporcje obrazu

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 6

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

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

A. A.

B. B.

C. D.

D. C.

Odpowiedź D jest poprawna, ponieważ używa właściwej składni CSS do zdefiniowania klasy dla list nienumerowanych z obrazkiem jako znakiem wypunktowania. Kluczowym elementem jest zastosowanie właściwości 'list-style-image', która pozwala na przypisanie obrazka jako punktora w liście. Ścieżka do obrazka jest określona jako 'url(GRAFIKI/znaczek_logo.gif)', co jest poprawne, ponieważ odnosi się do lokalizacji pliku CSS, w której zdefiniowana jest klasa. Dodatkowo, selektor 'ul.znaczek' wskazuje, że styl będzie dotyczył tylko elementów 'ul' z klasą 'znaczek', co jest zgodne z najlepszymi praktykami w zakresie struktury CSS. Używanie klas i selektorów w ten sposób umożliwia łatwe zarządzanie stylami w większych projektach, a także poprawia czytelność kodu. Dobrym przykładem zastosowania tej techniki jest tworzenie spersonalizowanych list, gdzie reprezentacja wizualna odgrywa kluczową rolę w UX. Zgodnie z aktualnymi standardami, stosowanie takich rozwiązań CSS pozwala na lepszą separację stylów od struktury HTML, co jest istotne w kontekście responsywności i zarządzania projektem.

Pytanie 7

Aby zmienić kolor tła witryny internetowej, należy określić atrybut

A. bgcolor

B. tbody

C. style

D. colgroup

Użycie atrybutu tbody nie jest odpowiednie do zmiany koloru tła strony. tbody jest używane do grupowania wierszy w tabeli i nie ma właściwości odpowiedzialnej za kolor tła. Z kolei atrybut colgroup służy do definiowania grup kolumn w tabeli, co również nie wiąże się z ustawieniem koloru tła. Głównym celem colgroup jest umożliwienie formatowania kolumn w ramach tabeli, a nie zmiana kolorów. W przypadku atrybutu style, chociaż może on być użyty do stylizacji elementów, jego zastosowanie bezpośrednio w kontekście zmiany koloru tła wymaga bardziej szczegółowego opisu. Styl CSS to nowoczesne podejście do definiowania wyglądu stron internetowych i jest zalecane, aby nie polegać na atrybutach HTML, które są przestarzałe. Oparcie się na atrybucie bgcolor w HTML może prowadzić do problemów z kompatybilnością w przyszłości i ogranicza elastyczność projektowania. Właściwe zrozumienie roli każdego z tych atrybutów jest kluczowe w skutecznym projektowaniu responsywnych i estetycznych stron internetowych, co jest fundamentalne w obecnym krajobrazie webowym.

Pytanie 8

Zanim zamieścisz w Internecie materiał multimedialny zawierający wizerunek osoby niepełnoletniej, należy

A. uzyskać zgodę osoby niepełnoletniej oraz jej prawnych opiekunów

B. podpisać zdjęcie osoby niepełnoletniej, podając jej imię oraz nazwisko

C. umieścić zdjęcie osoby niepełnoletniej po prawej stronie slajdu

D. uzyskać zgodę osoby niepełnoletniej na zamieszczenie wizerunku

Uzyskanie zgody osoby nieletniej oraz jej prawnych opiekunów przed publikacją wizerunku jest kluczowym elementem ochrony prywatności i praw dziecka, zgodnie z obowiązującymi przepisami prawa, w tym RODO. Osoby nieletnie nie są w pełni zdolne do podejmowania decyzji dotyczących wykorzystania ich wizerunku, dlatego zgoda ich opiekunów prawnych jest niezbędna. Przykładem zastosowania tej zasady jest sytuacja, w której szkoła planuje opublikować zdjęcia dzieci z wydarzenia szkolnego na swojej stronie internetowej. W takim przypadku szkoła musi uzyskać pisemną zgodę zarówno od dzieci, jak i ich rodziców lub opiekunów. Dobre praktyki w zakresie ochrony danych osobowych przewidują stosowanie formularzy zgody, które jasno określają, w jaki sposób i w jakim celu dane będą wykorzystywane, co zwiększa transparentność i zaufanie do instytucji. Należy również pamiętać, że zgoda może być cofnięta w każdym momencie, co powinno być jasno komunikowane w formularzu.

Pytanie 9

Wskaż element, który pozwala na układanie bloków treści w odniesieniu do siebie na stronie www.

A. <br>

B. <div>

C. <b>

D. <img>

Odpowiedź <div> jest poprawna, ponieważ tag ten jest kluczowym elementem w HTML, który umożliwia grupowanie i pozycjonowanie bloków zawartości na stronie internetowej. Element <div> służy do tworzenia sekcji, które można stylizować i układać w pożądany sposób przy użyciu CSS. Przykładem zastosowania może być tworzenie układu z wieloma kolumnami lub sekcjami na stronie, gdzie poszczególne elementy można precyzyjnie kontrolować. Dobrą praktyką jest stosowanie <div> w połączeniu z odpowiednimi klasami CSS, co pozwala na lepsze zarządzanie stylem i responsywnością strony. W kontekście semantyki HTML, <div> jest neutralnym kontenerem, co oznacza, że nie ma własnego znaczenia semantycznego, ale w połączeniu z innymi elementami, takimi jak <header>, <article> czy <footer>, może tworzyć zrozumiałą strukturę strony. Warto również pamiętać, że użycie <div> w odpowiedniej hierarchii DOM wspiera dostępność i indeksację przez wyszukiwarki, co jest istotne w SEO.

Pytanie 10

Dlaczego zamieszczony kod jest niezgodny z XHTML 1.1?

<!DOCTYPE html>
 <html>
 <head>
  <title>Agencja Grafiki Użytkowej GRAFA</title>
  <link rel="stylesheet" href="css/styles.css"/>
 </head>
 <body>
 <table> <tr><td id="menu">..tu menu... </td>
 <td id="header">Nasza agencja została stworzona przez ludzi dla ludzi.
 Jesteśmy na rynku od 1999 roku, stale zmieniając się dla WAS.
   <blockquote><p> Nasze motto: ....</p> </blockquote></td> </tr>
 <tr> <td colspan="2" id="content"> … tu opis oferty.... </td> </tr>
 </table>
 </body>
 </html>

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

B. Brakuje znacznika <meta> i jego atrybutów.

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

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

Analizując pozostałe odpowiedzi, można dostrzec kilka powszechnych nieporozumień związanych z XHTML 1.1. Pierwsza koncepcja sugerująca, że brakuje znaczników <heading>, <article>, <nav>, <aside> i <footer>, nie uwzględnia faktu, że XHTML 1.1 nie wymaga tych znaczników jako obowiązkowych. Chociaż są one zgodne z HTML5 i zalecane w kontekście semantycznego HTML, nie są one konieczne w XHTML 1.1. Ponadto, przedstawienie tych znaczników jako kluczowych dla zgodności z XHTML 1.1 jest mylące. Kolejnym często spotykanym błędem jest przekonanie, że brak znacznika <meta> i jego atrybutów, jak charset, jest krytyczny dla zgodności z XHTML 1.1. W rzeczywistości, mimo że znacznik <meta> jest ważny dla określenia kodowania i innych właściwości dokumentu, jego brak nie czyni dokumentu niezgodnym z XHTML 1.1. Ostatecznie, zrozumienie, że znacznik <blockquote> nie może być użyty wewnątrz znaczników <td></td>, jest błędne; zgodnie z specyfikacją HTML, <blockquote> jest dozwolony w obrębie <td> i może być użyty do przedstawienia cytatów w tabelach. Zatem wszystkie te odpowiedzi wynikają z błędnych założeń i niezrozumienia specyfikacji XHTML 1.1 oraz zasad dotyczących struktury dokumentu.

Pytanie 11

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

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

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

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

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

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

Pytanie 12

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

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

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

C. tryb barwny RGB, rozdzielczość 72 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 13

W języku HTML znacznik zawiera

A. nazwę dokumentu.

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

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

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 14

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

A. text-indent

B. font-family

C. font-size

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 15

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

A. PHP

B. CSS

C. JAVA

D. BASIC

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

Pytanie 16

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

A. HotDog.

B. Pajączek.

C. Adobe Photoshop.

D. Microsoft Expression Web.

Adobe Photoshop jest programem graficznym, który służy do edycji i obróbki zdjęć oraz tworzenia grafiki rastrowej. Choć jest to narzędzie niezwykle potężne w kontekście projektowania elementów wizualnych, takich jak obrazy i projekty layoutów, nie jest to program przeznaczony bezpośrednio do tworzenia stron internetowych. W praktyce, projektanci często wykorzystują Photoshop do stworzenia wizualnych prototypów stron, ale do rzeczywistego budowania i publikowania stron internetowych potrzebne są inne narzędzia, takie jak edytory HTML czy systemy zarządzania treścią (CMS). Dobre praktyki w branży obejmują wykorzystanie Photoshopa do tworzenia grafik, a następnie użycie odpowiednich narzędzi, takich jak HTML, CSS lub JavaScript, aby stworzyć w pełni funkcjonalną stronę internetową. Dzięki takiemu podejściu można zadbać o to, aby strona była nie tylko atrakcyjna wizualnie, ale również zoptymalizowana pod kątem wydajności i dostępności.

Pytanie 17

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

A. onmouseover

B. onmousedown

C. onmouseup

D. onmouseout

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

Pytanie 18

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

A. Łatka

B. Różdżka

C. Zaznaczanie plasterków

D. Cięcie na plasterki

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

Pytanie 19

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

A. <sub>

B. <ins>

C. <sup>

D. <del>

Znacznik <sub> 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 <sub> 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 20

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

A. <abbr>

B. <strong>

C. <div>

D. <big>

Znacznik <strong> 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 <strong> 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 <strong> 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ć <b>, 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 <strong>. 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, <strong> 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 21

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

A. kodeki

B. wtyczki

C. archiwizery

D. czcionki

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 22

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

B. D.

C. A.

D. C.

Umieszczanie zagnieżdżonych deklaracji CSS wewnątrz sekcji <body> dokumentu HTML jest praktyką, która wprowadza poważne problemy z wydajnością oraz organizacją kodu. Takie podejście sprawia, że przeglądarka musi przetwarzać style w momencie renderowania treści, co może prowadzić do opóźnień w wyświetlaniu strony. Z punktu widzenia standardów webowych, style powinny być umieszczane w sekcji <head>, aby mogły być załadowane i zastosowane jeszcze przed przetworzeniem elementów HTML. Przykłady umieszczania arkuszy stylów w sekcji <body> są sprzeczne z najlepszymi praktykami oraz mogą powodować konflikt z innymi stylami. Zamiast jasno określić styl elementów, kod staje się chaotyczny, co prowadzi do trudności w konserwacji i modyfikacji projektu. Kolejnym błędnym podejściem jest korzystanie z linków do zewnętrznych arkuszy stylów w miejscu zagnieżdżania. Może to powodować, że style są załadowane z opóźnieniem, co negatywnie wpływa na wrażenia użytkownika. Zrozumienie, jak i gdzie deklarować style, jest kluczowe dla prawidłowego projektowania stron internetowych oraz zgodności z obowiązującymi standardami. Warto zwrócić uwagę, że właściwe zorganizowanie kodu CSS nie tylko poprawia wydajność, ale także ułatwia zrozumienie i rozwój projektu w przyszłości.

Pytanie 23

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

A. Typ języka zastosowanego do budowy strony www

B. Słowa kluczowe i opis witryny internetowej

C. Nazwa strony www

D. Dane dotyczące praw autorskich

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 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. Zaznaczenie prostokątne.

B. Pióro.

C. Cięcie na plasterki.

D. Przycinanie.

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 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 26

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

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

B. Rozdzielczość 72 lpi tryb barwny RGB.

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

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

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

Pytanie 27

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

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

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

C. prezentacje są chronione hasłem

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

Brak odpowiedzi na to pytanie.

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

Pytanie 28

Weryfikacja poprawności realizacji projektu responsywnej strony internetowej polega na

A. ustaleniu liczby odsłon strony

B. prezentacji jej na urządzeniach o zróżnicowanej wielkości ekranów

C. zliczeniu liczby znaków na stronie

D. skalowaniu kolorów prezentowanych na ekranie

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Ocena poprawności wykonania projektu responsywnej strony internetowej w dużej mierze polega na jej wyświetleniu na różnych urządzeniach o różnych rozmiarach ekranów. Responsywność strony odnosi się do zdolności strony internetowej do dostosowywania swojego układu, treści i elementów graficznych w zależności od wielkości i orientacji ekranu, na którym jest wyświetlana. Testowanie responsywności zapewnia, że użytkownicy na smartfonach, tabletach i komputerach stacjonarnych mają podobne doświadczenia z przeglądaniem strony. W praktyce oznacza to, że projektanci i deweloperzy mogą używać narzędzi, takich jak Chrome DevTools, by symulować różne urządzenia, co pozwala na identyfikację problemów z układem, nawigacją czy czytelnością treści. Dobrym przykładem jest użycie techniki fluid grid, która pozwala na elastyczne rozmieszczanie elementów w oparciu o procentowe wartości, co daje lepszą adaptację do zmieniających się rozmiarów ekranu. Zgodność z zasadami WCAG (Web Content Accessibility Guidelines) jest również kluczowa, ponieważ wspiera dostępność treści na różnych urządzeniach, co jest istotnym aspektem oceny responsywności.

Pytanie 29

Programy do tworzenia grafiki trójwymiarowej umożliwiają

A. przygotowanie prezentacji multimedialnych

B. projektowanie stron internetowych

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Oprogramowanie do projektowania grafiki trójwymiarowej (3D) jest kluczowym narzędziem w branży gier komputerowych oraz filmowej. Umożliwia tworzenie modeli postaci, które stanowią podstawę dla animacji oraz interakcji w tych mediach. Programy takie jak Blender, Autodesk Maya czy 3ds Max umożliwiają artystom 3D modelowanie, teksturowanie oraz animowanie postaci, co sprawia, że są one niezwykle realistyczne i dynamiczne. W procesie tworzenia modeli, artyści korzystają z technik takich jak sculpting, retopologia oraz rigging, które pozwalają na osiągnięcie wysokiej jakości wyników. Przygotowane modele następnie mogą być używane w grach wideo, filmach animowanych, a także w wirtualnej rzeczywistości. Dobre praktyki obejmują optymalizację modeli pod kątem wydajności, co jest niezbędne, by działały płynnie w czasie rzeczywistym. Warto również zauważyć, że zaawansowane oprogramowanie 3D wspiera standardy, takie jak PBR (Physically Based Rendering), co zapewnia realistyczne odwzorowanie materiałów i oświetlenia.

Pytanie 30

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

Brak odpowiedzi na to pytanie.

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

Pytanie 31

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

A. HTML

B. SQL

C. PHP

D. CSS

Brak odpowiedzi na to pytanie.

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

Pytanie 32

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

A. Niekiedy aktualizowanie treści strony internetowej.

B. Regularne aktualizowanie treści strony internetowej.

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

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

Brak odpowiedzi na to pytanie.

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

Pytanie 33

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

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

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

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

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

Brak odpowiedzi na to pytanie.

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

Pytanie 34

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

B. Czarny.

C. Żółty.

D. Czerwony.

Brak odpowiedzi na to pytanie.

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

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

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

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

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

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

Brak odpowiedzi na to pytanie.

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

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

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

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

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

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

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Licencje Royalty Free umożliwiają korzystanie z zakupionych zdjęć w szerokim zakresie, co oznacza, że można je wykorzystywać zarówno w materiałach drukowanych, jak i cyfrowych, w tym na stronach internetowych. W przypadku licencji Royalty Free, właściciel praw autorskich zezwala na korzystanie z dzieła bez dodatkowych opłat w określonych ramach. Przykładowo, gdy firma wykorzystuje te zdjęcia na swojej stronie internetowej, może to przyczynić się do wzbogacenia treści wizualnej i poprawy estetyki, co jest kluczowe dla przyciągnięcia uwagi klientów. Takie podejście jest zgodne z najlepszymi praktykami w zakresie marketingu online, gdzie atrakcyjna grafika wpływa na pozytywne doświadczenie użytkownika i buduje wizerunek marki. Dlatego, w świetle obowiązujących zasad dotyczących wykorzystania materiałów Royalty Free, odpowiedź wskazująca na możliwość użycia zdjęć w dowolnym celu firmy jest jak najbardziej poprawna.

Pytanie 37

Jakie znaczenie ma akronim HTML?

A. Hierarchiczna struktura danych

B. Zewnętrzne arkusze stylów

C. Hipertekstowy język znaczników

D. Kaskadowe arkusze stylów

Brak odpowiedzi na to pytanie.

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

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

A. Audacity

B. Puzzle Flow

C. Adobe Photoshop

D. Adobe AfterEffects

Brak odpowiedzi na to pytanie.

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

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

A. CMY

B. CMYK

C. HSL

D. RGB

Brak odpowiedzi na to pytanie.

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

Pytanie 40

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

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

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

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

D. stosować pogrubienia słów.

Brak odpowiedzi na to pytanie.

Wyjaśnienie poprawnej odpowiedzi:
Składanie większych ilości tekstu wersalikami jest niewłaściwe, ponieważ może to prowadzić do trudności w czytaniu oraz zniechęcać użytkowników do zapoznania się z treścią. Wersaliki (czyli wielkie litery) są często postrzegane jako krzyk, co może wprowadzać wrażenie agresywności lub nieprzyjazności. W kontekście dostępności, tekst zapisany tylko wielkimi literami jest trudniejszy do zrozumienia dla osób z dysleksją oraz innymi trudnościami w czytaniu. Dobrą praktyką jest stosowanie typografii, która ułatwia percepcję treści, co obejmuje używanie małych liter dla tekstu głównego. Użycie wersalików powinno być ograniczone do nagłówków, akronimów czy innych elementów wyróżniających, aby nie obciążać czytelnika. Warto również zwrócić uwagę na zastosowanie odpowiednich rozmiarów czcionek oraz kontrastów kolorystycznych, które poprawiają czytelność. Przygotowując tekst na stronę internetową, celem powinno być dostarczenie użytkownikom przyjemnych i komfortowych doświadczeń podczas czytania.

Rozpocznij nowy egzamin

Powrót do strony głównej