Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik informatyk
Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Data rozpoczęcia: 6 kwietnia 2026 12:33
Data zakończenia: 6 kwietnia 2026 12:34

Egzamin niezdany

Wynik: 12/40 punktów (30,0%)

Wymagane minimum: 20 punktów (50%)

Udostępnij swój wynik

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Zdefiniowany styl CSS spowoduje, że nagłówki pierwszego poziomu będą

A. wyśrodkowane, pisane wielkimi literami, a odstępy między literami ustalone na 10 px

B. wyśrodkowane, pisane małymi literami, a odstępy między liniami ustalone na 10 px

C. wyjustowane, pisane wielkimi literami, a odstępy między liniami ustalone na 10 px

D. wyjustowane, pisane małymi literami, a odstępy między literami ustalone na 10 px

Analizując niepoprawne odpowiedzi kluczowe jest zrozumienie podstawowych właściwości CSS które zostały źle zinterpretowane. Po pierwsze właściwość text-align: center jest błędnie zrozumiana w kontekście odpowiedzi mówiących o wyjustowaniu. Wyjustowanie czyli wyrównanie tekstu zarówno do lewego jak i prawego marginesu wymagałoby użycia wartości justify co było nieprawidłowo domniemane. Kolejnym nieporozumieniem jest zastosowanie właściwości text-transform: uppercase która jednoznacznie oznacza zmianę liter na wielkie litery. Błędne odpowiedzi sugerujące pisanie małymi literami ignorują to bezpośrednie działanie transformacji tekstowej. Odstępy między literami a odstępy między liniami to dwie różne właściwości które w CSS są zarządzane za pomocą letter-spacing i line-height. Odpowiedzi wskazują na nieprawidłowe zrozumienie tych terminów co sugeruje brak rozróżnienia między przestrzenią wokół liter a wysokością linii tekstu. Zrozumienie różnic między tymi właściwościami jest kluczowe dla efektywnego stosowania CSS w praktyce projektowej gdzie precyzja i dokładność w stylizacji są niezbędne aby osiągnąć zamierzony efekt wizualny i funkcjonalny. Błędne interpretacje wynikają często z niewłaściwego zaznajomienia się z terminologią CSS co prowadzi do mylących założeń w projektowaniu stron internetowych

Pytanie 2

Ile razy zostanie wykonana pętla przedstawiona w języku PHP, zakładając, że zmienna kontrolna nie jest zmieniana w jej wnętrzu?
for($i = 0; $i <= 10; $i++) { ...... }

A. 10 razy

B. Nieskończoność

C. 11 razy

D. 0 razy

Odpowiedzi 0, 10 oraz nieskończoność są niepoprawne z kilku powodów. Przyjęcie, że pętla wykona się 0 razy, jest błędne, ponieważ pętla for rozpoczyna swoje działanie od zainicjowania zmiennej $i na 0. Zgodnie z konstrukcją pętli, pierwsze sprawdzenie warunku $i <= 10 jest pozytywne, co implikuje, że blok kodu zostanie wykonany przynajmniej raz. W odniesieniu do odpowiedzi 10, zakłada ona, że pętla zakończy się, gdy $i osiągnie wartość 10, co jest mylące. W rzeczywistości, pętla wykonuje się 11 razy, ponieważ ostatnie wykonanie kodu następuje przy $i równym 10, a następnie następuje inkrementacja, co sprawia, że $i osiąga 11 i przerywa działanie pętli. Wreszcie, odpowiedź sugerująca nieskończoną ilość iteracji jest również błędna. Nieskończone pętle często wynikają z braku modyfikacji zmiennej sterującej, jednak w tym przypadku pętla for ma zdefiniowaną inkrementację, co zapewnia, że po pewnym czasie pętla zakończy swoje działanie, nie generując nieskończoności. Każda z tych błędnych odpowiedzi pokazuje różne nieporozumienia dotyczące działania pętli for oraz logiki programistycznej w PHP.

Pytanie 3

Który z poniższych formatów nie umożliwia zapisu plików animowanych?

A. GIF

B. SWF

C. ACE

D. SVG

GIF, SWF i SVG to popularne formaty, które umożliwiają przechowywanie animacji. GIF, czyli Graphics Interchange Format, od lat jest standardem w sieci do tworzenia prostych animacji. Dzięki możliwości zapisywania sekwencji obrazów w jednym pliku, GIF umożliwia tworzenie krótkich klipów animowanych, które są powszechnie wykorzystywane w mediach społecznościowych, takich jak Twitter czy Facebook. Format ten obsługuje do 256 kolorów z palety, co sprawia, że jest idealny do prostych animacji, ale mniej skuteczny w przypadku bardziej złożonych obrazów kolorowych. SWF, lub Shockwave Flash, jest innym formatem, który został zaprojektowany przez firmę Adobe do tworzenia interaktywnych aplikacji i animacji w sieci. Umożliwia on osadzanie dźwięku, wideo oraz zaawansowane animacje, co czyni go bardzo wszechstronnym narzędziem dla twórców treści internetowych. SVG, z angielskiego Scalable Vector Graphics, to format oparty na XML, który obsługuje grafikę wektorową oraz animacje. Dzięki zastosowaniu technologii HTML5, SVG pozwala na dynamiczne animacje i interaktywność, co znacząco zwiększa jego zastosowanie w nowoczesnych aplikacjach internetowych. W związku z tym, te trzy formaty są niewątpliwie przystosowane do tworzenia i zapisywania plików animowanych, co czyni je nieodpowiednimi odpowiedziami w kontekście pytania.

Pytanie 4

Ikona, która pojawia się przed adresem w oknie adresowym przeglądarki internetowej lub przy tytule aktywnej karty, nazywana jest

A. emoticon.

B. favicon.

C. webicon.

D. iConji.

iConji, webicon i emoticon to terminy, które nie odnoszą się do właściwego pojęcia favicon, a ich użycie w kontekście ikon w przeglądarkach jest mylące. iConji to termin, który nie ma uznania w standardach webowych ani w dokumentacji dotyczącej projektowania stron internetowych. Może być mylony z pojęciem ikony, ale nie odnosi się bezpośrednio do ikon w kontekście przeglądarek. Webicon to również nieformalne odniesienie, które nie jest szeroko stosowane w branży. W rzeczywistości nie ma ustalonej definicji tego terminu w dokumentacji dotyczącej projektowania stron. Emoticon to zaś symbol wyrażający emocje, często stosowany w komunikacji internetowej (np. :) lub :( ), a nie w kontekście ikon reprezentujących strony internetowe. Emoticony są używane głównie w tekstach, czatach i na forach internetowych, aby wyrazić uczucia, podczas gdy favicony są elementem interfejsu użytkownika, mającym na celu identyfikację wizualną strony. Z tego względu ani iConji, ani webicon, ani emoticon nie mogą być poprawnymi odpowiedziami na pytanie dotyczące ikony przed adresem URL w przeglądarkach.

Pytanie 5

Które z zapytań SQL wybiera nazwiska z tabeli klient, które mają co najmniej jedną literę i zaczynają się od litery Z?

A. SELECT nazwisko FROM klient WHERE nazwisko='Z?';

B. SELECT nazwisko FROM klient WHERE nazwisko LIKE 'Z%';

C. SELECT nazwisko FROM klient WHERE nazwisko LIKE 'Z_%';

D. SELECT nazwisko FROM klient WHERE nazwisko='Z_?';

Pierwsza odpowiedź, 'SELECT nazwisko FROM klient WHERE nazwisko='Z?';', nie działa, bo użycie znaku zapytania '?' w SQL to nie to samo co szukanie jednoliterowych wzorców. Znak '?' zazwyczaj używa się w kontekście parametrów w zapytaniach, a nie jako zamiennik dla jednego znaku. Więc to zapytanie nie zwróci żadnych nazwisk zaczynających się na 'Z'. W przypadku drugiej odpowiedzi, 'SELECT nazwisko FROM klient WHERE nazwisko='Z_?';', jest podobnie. Kombinacja 'Z_' sugeruje, że po 'Z' musi być jeden znak, ale dodanie znaku zapytania po znaku podkreślenia nie ma sensu w tym kontekście. Dlatego to zapytanie też nie przyniesie oczekiwanych rezultatów. Ostatnia odpowiedź, 'SELECT nazwisko FROM klient WHERE nazwisko LIKE 'Z_%';', mówi, że powinien być jeden dowolny znak po 'Z', co nie pasuje do wymagań pytania. To oznacza, że zwrócone będą tylko te nazwiska, które mają dokładnie jedną dodatkową literę, co też nie spełnia kryteriów pytania. Więc, podsumowując, żadna z tych odpowiedzi nie pasuje do tego, czego szukaliśmy.

Pytanie 6

Który z czterech głównych kolorów w modelu barw CMYK jest

A. zielony

B. czarny

C. brązowy

D. pomarańczowy

Zielony, brązowy i pomarańczowy nie są podstawowymi kolorami modelu CMYK, co można wyjaśnić na podstawie zasad działania tego modelu barw. Zielony, będący kolorem wtórnym, powstaje z połączenia cyjanu i żółtego, co oznacza, że nie jest niezależnym kolorem w tym systemie. Pomarańczowy również jest kolorem wtórnym, tworzonym przez mieszanie czerwieni i żółtego, co sprawia, że brakuje mu statusu podstawowego koloru w kontekście druku. Brązowy natomiast jest kolorem, który powstaje z kombinacji różnych kolorów podstawowych, takich jak czerwony, żółty i czarny, co również wyklucza go z grona kolorów podstawowych. W modelu CMYK kluczowe jest zrozumienie, że kolory są tworzone poprzez subtractive mixing, co oznacza, że każdy dodany kolor absorbuje pewne długości fal świetlnych, co w efekcie zmienia postrzegany kolor. Z tego powodu, kolory takie jak zielony, brązowy i pomarańczowy, które są wynikiem mieszania, nie mogą być uznawane za podstawowe elementy tego modelu. W kontekście druku, poprawne zastosowanie kolorów podstawowych jest niezbędne dla uzyskania oczekiwanych rezultatów wizualnych, dlatego ważne jest, aby znać ich właściwości i sposób, w jaki wpływają na finalny efekt druku.

Pytanie 7

Wartość kolumny w tabeli, która działa jako klucz podstawowy

A. może mieć wartość pustą (NULL)

B. jest wykorzystywana do szyfrowania treści tabeli

C. jest zawsze w formacie numerycznym

D. musi być unikalna

Istnieje wiele nieporozumień związanych z koncepcją klucza podstawowego w bazach danych. Po pierwsze, stwierdzenie, że klucz podstawowy zawsze musi być numeryczny, jest błędne. Klucze podstawowe mogą być zdefiniowane na podstawie różnych typów danych, takich jak tekst, daty czy inne formaty, pod warunkiem, że wartości te są unikalne. W rzeczywistości, wiele systemów zarządzania bazami danych (DBMS) wspiera klucze podstawowe oparte na typach tekstowych, na przykład numery identyfikacyjne użytkowników mogą być reprezentowane jako ciągi znaków. Kolejnym błędnym założeniem jest, że klucz podstawowy może przyjmować wartość pustą (NULL). W kontekście relacyjnych baz danych, klucz podstawowy nie może mieć wartości NULL, ponieważ jego podstawową funkcją jest jednoznaczna identyfikacja rekordów, a wartość pusta uniemożliwia taką identyfikację. Szyfrowanie zawartości tabeli przez klucz podstawowy również jest mylącym podejściem; klucz podstawowy nie służy do zabezpieczania danych, lecz do ich identyfikacji. W praktyce, aby zapewnić bezpieczeństwo danych, stosuje się inne metody, takie jak szyfrowanie danych w polach tabeli, a nie na poziomie klucza podstawowego. Takie nieporozumienia mogą prowadzić do poważnych błędów w projektowaniu baz danych oraz w ich późniejszym użytkowaniu, dlatego kluczowe jest zrozumienie podstawowych zasad funkcjonowania kluczy w kontekście relacyjnych baz danych.

Pytanie 8

Jak określa się podzbiór strukturalnego języka zapytań, który dotyczy formułowania zapytań do bazy danych przy użyciu polecenia SELECT?

A. SQL DQL (ang. Data Query Language)

B. SQL DDL (ang. Data Definition Language)

C. SQL DCL (ang. Data Control Language)

D. SQL DML (ang. Data Manipulation Language)

W odpowiedziach pojawiają się różne podzbiory języka SQL, które pełnią odrębne funkcje. SQL DML (Data Manipulation Language) jest odpowiedzialny za manipulację danymi, tj. ich wstawianie, aktualizację oraz usuwanie. Chociaż DML wydaje się być blisko związany z zapytaniami, to jednak jego głównym celem jest zarządzanie danymi, a nie ich pobieranie. Z kolei SQL DDL (Data Definition Language) służy do definiowania struktury bazy danych, w tym tworzenia, modyfikowania i usuwania tabel oraz innych obiektów bazodanowych. DDL jest kluczowy w projektowaniu baz danych, ale nie ma zastosowania w kontekście pobierania danych. SQL DCL (Data Control Language) odnosi się do zarządzania uprawnieniami dostępu do danych i obiektów bazy danych, co również nie jest związane z formułowaniem zapytań. DCL pozwala na kontrolowanie, kto może korzystać z danych i co może z nimi robić, a nie na ich pobieranie. Typowym błędem jest mylenie DML i DQL, gdyż obydwa dotyczą danych, ale DQL jest wyłącznie dla zapytań, podczas gdy DML dla ich manipulacji. Właściwe rozumienie różnic między tymi podzbiorami SQL jest kluczowe dla efektywnej pracy z bazami danych.

Pytanie 9

W systemie baz danych stworzono tabelę Mieszkancy zawierającą informacje. Aby usunąć tę tabelę wraz z danymi, należy użyć komendy

A. ALTER TABLE Mieszkancy;

B. DROP TABLE Mieszkancy;

C. DELETE FROM Mieszkancy;

D. TRUNCATE TABLE Mieszkancy;

Wybór polecenia 'DELETE FROM Mieszkancy;' jest nieodpowiedni w kontekście usuwania tabeli, ponieważ to polecenie służy do usuwania danych z istniejącej tabeli, a nie do usuwania samej tabeli. 'DELETE' jest używane, gdy chcemy usunąć niektóre lub wszystkie rekordy w tabeli, ale sama tabela pozostaje nienaruszona i jej struktura pozostaje w bazie danych. Często myli się te dwa polecenia, co może prowadzić do nieefektywnego zarządzania danymi, a także do nieporozumień przy projektowaniu baz danych. Z kolei 'ALTER TABLE Mieszkancy;' jest poleceniem służącym do zmiany struktury istniejącej tabeli, co również nie odpowiada na potrzebę usunięcia tabeli. Może to obejmować dodawanie lub usuwanie kolumn, co nie ma nic wspólnego z usuwaniem tabeli jako całości. Wreszcie, 'TRUNCATE TABLE Mieszkancy;' to polecenie, które usuwa wszystkie rekordy z tabeli, ale w przeciwieństwie do 'DROP TABLE', nie usuwa samej tabeli. Dlatego użycie 'TRUNCATE' może być mylące, ponieważ dane są usuwane, ale tabela i jej struktura pozostają w bazie danych. Błędne przekonanie, że 'DELETE' lub 'TRUNCATE' mogą zastąpić 'DROP', prowadzi do niezamierzonych konsekwencji w zarządzaniu danymi i architekturze bazy danych.

Pytanie 10

Dla celu strony internetowej stworzono grafikę rysunek.jpg o wymiarach: szerokość 200 px, wysokość 100 px. Aby zaprezentować tę grafikę jako miniaturę – pomniejszoną z zachowaniem proporcji, można użyć znacznika

A. <img src="/rysunek.png" style="width: 50px">

B. <img src="/rysunek.png" style="width: 25px; height:25px;">

C. <img src="/rysunek.png" style="width: 25px; height:50px;">

D. <img src="/rysunek.png">

Odpowiedź <img src="/rysunek.png" style="width: 50px"> jest poprawna, ponieważ umożliwia wyświetlenie grafiki w formacie miniatury, zachowując proporcje oryginalnego obrazu. Przy zmniejszaniu rozmiaru obrazu, kluczowe jest ustawienie tylko jednego z wymiarów (szerokości lub wysokości), co pozwala na automatyczne dostosowanie drugiego wymiaru w taki sposób, aby nie zniekształcić proporcji. W tym przypadku, ustawienie szerokości na 50 px pozwala na proporcjonalne zmniejszenie wysokości do około 25 px, co jest zgodne z zasadą, że proporcje powinny pozostawać niezmienione. W praktyce, korzystanie z CSS do określenia rozmiarów obrazków poprawia responsywność strony oraz jej estetykę, co jest zgodne z dobrymi praktykami w web designie. Warto również pamiętać, że do poprawy ładowania stron i doświadczenia użytkownika, często zastosowanie rozmiarów odpowiednich do urządzeń mobilnych oraz desktopowych jest kluczowe.

Pytanie 11

Określ złożoność obliczeniową algorytmu naiwnego (zwykłego) poszukiwania minimum w kolekcji liczb?

A. O(n3)

B. O(n)

C. O(n2)

D. O(n!)

Odpowiedzi O(n2), O(n3) oraz O(n!) sugerują, że złożoność obliczeniowa algorytmu naiwnego wyszukiwania minimum jest wyższa niż rzeczywista złożoność O(n). Złożoność O(n2) oznaczałaby, że algorytm wymagałby odwiedzenia każdego elementu dla każdego innego elementu, co jest charakterystyczne dla algorytmów porównawczych, które porównują elementy parzyście, na przykład w sortowaniu bąbelkowym. Tego typu złożoność nie ma jednak zastosowania w prostym wyszukiwaniu minimum, gdzie wystarczy jedno przejście przez zbiór w celu znalezienia najmniejszego elementu. Z kolei O(n3) wskazywałoby na jeszcze bardziej skomplikowaną operację, co w kontekście wyszukiwania minimum jest nieadekwatne. Złożoność O(n!) sugerowałaby, że algorytm wymagałby przetwarzania wszystkich możliwych permutacji zbioru, co jest zjawiskiem spotykanym w złożonych problemach kombinatorycznych, takich jak problem komiwojażera. Aby uniknąć takich nieporozumień, ważne jest zrozumienie, że wyszukiwanie minimum to operacja podstawowa, która nie wymaga złożonych algorytmów ani dodatkowych złożoności, a jedynie prostego przejścia przez zbiór danych. W praktyce, złożoności O(n2), O(n3) i O(n!) nie mają zastosowania w kontekście wyszukiwania minimum, co jest kluczowe dla zrozumienia efektywności algorytmu.

Pytanie 12

W programie do obróbki grafiki rastrowej zmodyfikowano krzywe kolorów tak, jak zaznaczono ramką na przedstawionym obrazie. Ma to na celu

A. modyfikację najjaśniejszych i najciemniejszych kolorów obrazu

B. wygładzenie krawędzi w obrazie

C. przyciemnienie całego obrazu

D. rozjaśnienie całego obrazu

Rozjaśnienie całości obrazu to koncepcja, która na pierwszy rzut oka może wydawać się słuszna, jednak nie odnosi się do rzeczywistych efektów modyfikacji krzywych kolorów. Rozjaśnienie związane jest z podnoszeniem wartości jasności dla wszystkich pikseli, co prowadzi do utraty szczegółów w najjaśniejszych partiach obrazu. Z kolei przyciemnienie całości obrazu, choć teoretycznie możliwe, również nie jest efektem manipulacji krzywymi kolorów, ponieważ polegałoby na obniżeniu wszystkich wartości kolorów, co prowadziłoby do homogenizacji obrazu i utraty kontrastu. Wygładzenie krawędzi na obrazie to całkowicie inny proces, związany z poprawą jakości wyświetlania detali, a nie z modyfikacją kolorów. Warto zauważyć, że takie pomyłki w interpretacji mogą wynikać z braku zrozumienia, jak działają krzywe kolorów. Użytkownicy mogą myśleć, że zmiany na krzywej mają na celu jedynie ogólną poprawę jasności, w rzeczywistości jednak ich głównym celem jest precyzyjna kontrola nad zakresem tonalnym i kolorem w obrazie. Dlatego kluczowe jest zrozumienie, że krzywe kolorów są narzędziem do bardziej złożonej manipulacji kolorystyką, a nie tylko do prostego rozjaśniania czy przyciemniania obrazu.

Pytanie 13

W CSS wartości underline, overline, blink są przypisane do atrybutu

A. font-weight

B. text-style

C. text-decoration

D. font-style

Zwracając uwagę na 'text-style', 'font-style' i 'font-weight', można się pogubić, bo to są różne rzeczy. Po pierwsze, 'text-style' w ogóle nie istnieje w CSS, więc jeśli ktoś tego użyje, to nie uzyska zamierzonych efektów. Często ludzie mylą 'font-style' z 'text-decoration', a to są zupełnie różne rzeczy. 'Font-style' odpowiada za styl czcionki, taki jak normalny czy kursywa, a 'text-decoration' dodaje różne efekty dekoracyjne do tekstu. Z kolei 'font-weight' to grubość czcionki, co wpływa na to, jak tekst wygląda, ale nie ma nic wspólnego z podkreślaniem. Jest to typowy błąd, bo niektórzy myślą, że te właściwości można wymieniać bez konsekwencji. Żeby dobrze stylizować tekst, trzeba rozumieć, co każda z tych właściwości robi i jak ich używać. To naprawdę pomaga w tworzeniu ładnych i funkcjonalnych stron internetowych.

Pytanie 14

W kodzie HTML5 znajduje się fragment, który zawiera błąd walidacji. Jakiego rodzaju jest to błąd?

<h6>tekst</h6>
<p>pierwsza <b>linia</b><br>
<p>Druga linia</p>

A. Znacznik musi być zamknięty.

B. Pierwszy znacznik nie został zamknięty.

C. Nagłówek szóstego poziomu nie istnieje.

D. Znaczniki powinny być zapisane wielkimi literami.

W pytaniu pojawia się kilka typowych nieporozumień dotyczących składni HTML5, które często się przewijają podczas nauki. Jednym z nich jest przekonanie, że znaczniki HTML powinny być pisane wielkimi literami – to nieprawda. Współczesny HTML, zgodnie ze standardem HTML5, jest case-insensitive, ale powszechną best practice jest używanie małych liter dla lepszej czytelności i zgodności z narzędziami walidującymi. Wielkie litery to już raczej relikt epoki XHTML, a nawet tam nie były konieczne. Kolejna sprawa to rzekomy brak nagłówka szóstego poziomu – <h6> – co nie ma pokrycia w rzeczywistości. <h6> to absolutnie poprawny i często używany element HTML, szczególnie przy rozbudowanej hierarchii nagłówków w dużych dokumentach. Pominięcie lub zakwestionowanie istnienia tego znacznika może świadczyć o powierzchownym zapoznaniu się ze strukturą HTML. Inna wątpliwość dotyczy znacznika i jego zamykania. W HTML5 nie jest wymagane samo-domykanie tego znacznika (czyli ), ponieważ parsery przeglądarek rozumieją zarówno wersję z ukośnikiem, jak i bez niego – to różnica względem XHTML, gdzie domknięcie było obowiązkowe. Często spotykam się też z mylnym przeświadczeniem, że pojedyncze bez ukośnika powoduje błąd – to nieprawda. Prawdziwym źródłem problemu w tym kodzie jest nieuwzględnienie zamknięcia pierwszego paragrafu przed rozpoczęciem kolejnego bloku . To właśnie ten aspekt narusza poprawną strukturę dokumentu HTML5 i prowadzi do niezgodności z walidacją. Moim zdaniem, zrozumienie, które elementy muszą być jawnie domykane, a które mogą być samo-domykające się, to klucz do uniknięcia niepotrzebnych błędów i frustracji podczas kodowania stron internetowych.

Pytanie 15

W tabeli o nazwie pracownicy zdefiniowano klucz główny w typie INTEGER z atrybutami NOT NULL oraz AUTO_INCREMENT. Dodatkowo zdefiniowane zostały pola imie oraz nazwisko. W przypadku wykonania podanej kwerendy SQL, która dodaje dane i pomija pole klucza, w bazie danych MySQL nastąpi

INSERT INTO pracownicy (imie, nazwisko)
VALUES ('Anna', 'Nowak');

A. zignorowanie polecenia, tabela nie ulegnie zmianie

B. dodanie rekordu do tabeli, dla klucza głównego zostanie przypisana kolejna wartość naturalna

C. błąd związany z niewłaściwą liczbą pól

D. dodanie rekordu do tabeli, dla klucza głównego zostanie przypisana wartość NULL

W przypadku tabeli z kluczem głównym typu INTEGER z atrybutem AUTO_INCREMENT, kiedy wprowadzamy nowy rekord i pomijamy pole klucza głównego, baza danych MySQL sama automatycznie przydziela kolejną wartość liczbową dla tego pola. AUTO_INCREMENT to mechanizm, który zapewnia, że każdemu nowemu rekordowi przypisana jest unikalna wartość klucza głównego, zaczynając od wartości początkowej, zwykle 1, i zwiększając ją o 1 z każdym nowym rekordem. Jest to niezwykle użyteczne w sytuacjach, gdy zależy nam na unikalności wartości kluczy głównych, co zapewnia integralność danych i unika konieczności ręcznego określania wartości klucza przy każdym nowym wpisie. Takie podejście jest zgodne ze standardami dobrych praktyk, ponieważ minimalizuje ryzyko błędów związanych z duplikacją danych. Przykładowo, jeśli do tabeli pracownicy dodajemy rekord z danymi pracownika, nie musimy się martwić o wartość identyfikatora, co znacznie upraszcza proces zarządzania danymi. Mechanizm AUTO_INCREMENT jest zatem kluczowy w kontekście zarządzania bazami danych, zapewniając automatyzację i integralność danych.

Pytanie 16

W dokumencie HTML zdefiniowano pewne elementy w klasie o nazwie "nomargin". W celu przeprowadzenia operacji na tych elementach za pomocą języka JavaScript, można wykorzystać funkcję

A. getElementById("nomargin")

B. getElementsByClassName("nomargin")

C. getElement("nomargin")

D. getElementsByTagName("nomargin")

Funkcja getElementsByClassName("nomargin") jest poprawnym sposobem na uzyskanie dostępu do elementów HTML przypisanych do klasy o nazwie 'nomargin'. Jest to metoda dostępna w obiekcie document, która zwraca kolekcję wszystkich elementów, które mają wskazaną klasę. W przeciwieństwie do getElementById, która zwraca pojedynczy element o podanym identyfikatorze, getElementsByClassName zwraca listę, co jest szczególnie przydatne, gdy mamy do czynienia z wieloma elementami oznaczonymi tą samą klasą. Przykładowo, jeśli mamy kilka divów z klasą 'nomargin', możemy w łatwy sposób iterować przez wszystkie z nich i stosować różne operacje, takie jak zmiana stylów czy dodawanie zdarzeń. Używanie tej metody jest zgodne z najlepszymi praktykami, ponieważ pozwala na selekcję grupy elementów, co z kolei wspiera modularność i łatwość zarządzania kodem. Warto również pamiętać, że w przypadku użycia tej metody, zmiany w DOM będą miały wpływ na wszystkie elementy, co może być przydatne w złożonych interfejsach użytkownika.

Pytanie 17

W relacyjnych bazach danych encja jest przedstawiana przez

A. kwerendę.

B. tabelę.

C. rekord.

D. relację.

Nieprawidłowe odpowiedzi wskazują na pewne nieporozumienia dotyczące definicji podstawowych elementów relacyjnych baz danych. Rekord, chociaż jest istotnym składnikiem tabeli, nie reprezentuje encji, lecz pojedynczą instancję encji. Mylne jest również utożsamianie tabeli z relacją, ponieważ relacja w kontekście teorii zbiorów odnosi się do zbioru krotek, podczas gdy tabela jest fizycznym i trwałym przedstawieniem tychże zbiorów w bazie danych. Kwerenda natomiast to instrukcja używana do uzyskiwania danych z bazy danych, a nie do ich reprezentacji. To podejście do zrozumienia modeli relacyjnych może prowadzić do błędnych wniosków w projektowaniu baz danych. Dla przykładu, nieumiejętność rozróżnienia między tabelą a rekordem może skutkować niewłaściwym modelowaniem danych, co wpłynie negatywnie na wydajność i integralność bazy danych. Warto zwrócić uwagę na znaczenie właściwego stosowania terminologii oraz zrozumienie struktury danych w relacyjnych bazach danych, co jest kluczowe dla efektywnego zarządzania danymi i ich relacjami.

Pytanie 18

W HTML-u, aby umieścić animację FLASH (z rozszerzeniem .swf) na stronie www, powinno się wykorzystać znacznik

A. <img>

B. <video>

C. <audio>

D. <object>

No to wiesz, że znacznik <object> to najlepszy sposób na osadzanie multimediów na stronie, zwłaszcza animacji FLASH (.swf). Działa to tak, że możemy włączyć różne treści zewnętrzne do HTML, co jest super do integracji różnych plików, jak wideo czy dźwięki. Patrz na ten przykład: <object data='animacja.swf' width='600' height='400'> <param name='autoplay' value='true'> <param name='loop' value='true'> </object>. Zauważ, że <object> może mieć różne atrybuty, które pomagają w kontrolowaniu jak to wszystko się wyświetla, jak 'width', 'height' i inne parametry odtwarzania. Jednak, biorąc pod uwagę dzisiejsze standardy, FLASH jest trochę na wylocie przez problemy z bezpieczeństwem i wsparciem przeglądarek. Lepiej więc, zamiast tego, patrzeć w stronę HTML5 i JavaScript do tworzenia animacji. Można używać animacji CSS3 lub różnych bibliotek JS, które dają dużo więcej możliwości i lepsze wsparcie na urządzeniach mobilnych.

Pytanie 19

Najprostszy sposób zamiany obiektu oznaczonego cyfrą 1 na obiekt oznaczony cyfrą 2 polega na

A. narysowaniu docelowego obiektu.

B. zmianie warstwy obiektu.

C. geometrycznym transformowaniu obiektu.

D. animowaniu obiektu.

Wybrałeś poprawną odpowiedź, która jest 'geometrycznym transformowaniem obiektu'. Kiedy mówimy o transformacji geometrycznej, mamy na myśli różne operacje, które można wykonać na obiektach, takie jak skalowanie, obracanie i przesuwanie. W przypadku obiektu oznaczonego numerem 1 i numerem 2 na obrazku, najprostszym sposobem na przekształcenie jednego w drugi jest używanie transformacji geometrycznej. Obiekt numer 2 jest większy i obrócony w stosunku do obiektu numer 1. Dzięki transformacjom geometrycznym mogliśmy osiągnąć ten efekt, skalując i obracając obiekt numer 1. Transformacje geometryczne są podstawą wielu operacji w dziedzinach takich jak grafika komputerowa, projektowanie CAD, animacja, a także w wielu innych dziedzinach technologii i nauki.

Pytanie 20

Które z poniższych oprogramowań nie jest systemem do zarządzania treścią (CMS)?

A. Mambo

B. Apache

C. WordPress

D. Joomla

Odpowiedź "Apache" jest prawidłowa, ponieważ Apache to serwer HTTP, który jest odpowiedzialny za obsługę i dostarczanie stron internetowych do przeglądarek użytkowników. Nie jest to system zarządzania treścią (CMS), który służy do tworzenia, edytowania i publikowania treści na stronach internetowych. Systemy takie jak Mambo, Joomla i WordPress to platformy CMS, które umożliwiają użytkownikom zarządzanie treściami w sposób intuicyjny i przyjazny dla użytkownika. Na przykład, WordPress, będący jednym z najpopularniejszych CMS-ów, oferuje bogaty ekosystem wtyczek oraz motywów, co pozwala na łatwe dostosowanie witryn do indywidualnych potrzeb. W kontekście branżowych standardów, stosowanie CMS-ów pozwala na skuteczniejsze zarządzanie treściami w witrynach, co jest zgodne z najlepszymi praktykami w zakresie tworzenia i utrzymania stron internetowych.

Pytanie 21

W języku PHP zapisano fragment kodu. Plik cookie stworzony tym poleceniem

setcookie("osoba", "Anna Kowalska", time() + (3600 * 24));

A. zostanie usunięty po jednej godzinie od jego utworzenia.

B. będzie przechowywany na serwerze przez jeden dzień.

C. będzie przechowywany na serwerze przez jedną godzinę.

D. zostanie usunięty po jednym dniu od jego utworzenia.

Widzę, że pomyślałeś, że plik cookie będzie trzymany na serwerze. To nie tak, bo wszystkie pliki cookie są przechowywane na komputerze użytkownika, a nie na serwerze. Serwer tylko korzysta z tych cookies, żeby wiedzieć, kto jest użytkownikiem i jak zarządzać sesjami. Kolejna sprawa – niektórzy myślą, że cookie wygasa po godzinie. Ale to nieprawda, bo w PHP argument wygaszenia to 3600 * 24, czyli 86400 sekund, co daje jeden dzień, a nie tylko godzinę. Te nieporozumienia mogą wynikać z braku zrozumienia funkcji setcookie() i tego, jak działają pliki cookie w webowych aplikacjach. Dobrze jest to wiedzieć, by tworzyć lepsze i bezpieczniejsze aplikacje.

Pytanie 22

Obejrzyj tabelę mieszkań, która zawiera kolumny: adres, metraż, ile_pokoi, standard, status, cena. Wykonanie poniższej kwerendy SQL SELECT spowoduje wyświetlenie:

SELECT metraz, cena FROM mieszkania WHERE ile_pokoi > 3;

A. wszystkie dane mieszkań, które mają co najmniej 3 pokoje

B. wszystkie informacje, z wyjątkiem adresu, dotyczące mieszkań z więcej niż 3 pokojami

C. metraż oraz cena tych mieszkań, które posiadają co najmniej 3 pokoje

D. metraż oraz cena tych mieszkań, które mają więcej niż 3 pokoje

Odpowiedzi, które sugerują, że kwerenda wyświetla wszystkie dane mieszkań z co najmniej 3 pokojami lub wszystkie dane oprócz adresu, są nieprawidłowe z kilku powodów. Przede wszystkim, operator '>' w kwerendzie oznacza, że zapytanie dotyczy jedynie mieszkań z większą liczbą pokoi niż 3, a więc tylko te, które mają 4 lub więcej pokoi będą brane pod uwagę. Odpowiedzi sugerujące, że zwracane są wszystkie dane mieszkań, nie uwzględniają, że kwerenda skupia się wyłącznie na kolumnach metraż i cena, co jest kluczowe w kontekście efektywności i przejrzystości zapytań. W kontekście SQL, wybór określonych kolumn jest bardzo istotny, ponieważ nie tylko zmniejsza objętość przesyłanych danych, ale również ułatwia ich analizę. Niezrozumienie tego aspektu może prowadzić do nieefektywnego korzystania z zasobów bazy danych. Ponadto, stwierdzenie, że kwerenda zwraca wszystkie dane oprócz adresu, jest mylne, ponieważ zapytanie w ogóle nie uwzględnia adresu ani innych informacji, a jedynie metraż i cenę. Tego typu nieprecyzyjne interpretacje mogą zniekształcić obraz tego, jak działa SQL i w jaki sposób można efektywnie zarządzać danymi.

Pytanie 23

W języku PHPnie ma możliwości

A. zmienianie dynamiczne treści strony HTML w przeglądarce

B. tworzenie dynamicznej zawartości strony internetowej

C. obróbka informacji przechowywanych w bazie danych

D. przetwarzanie danych z formularzy

Odpowiedź dotycząca zmieniania dynamicznej zawartości strony HTML w przeglądarce jest poprawna, ponieważ PHP jest językiem skryptowym działającym po stronie serwera. Oznacza to, że PHP nie jest w stanie bezpośrednio modyfikować zawartości strony HTML po jej załadowaniu w przeglądarce użytkownika. Zamiast tego, PHP generuje HTML, który następnie jest przesyłany do przeglądarki. Dynamiczna zawartość strony może być generowana na podstawie danych z bazy danych lub formularzy, ale wszelkie zmiany w HTML po stronie klienta wymagają użycia języków, które działają po stronie przeglądarki, takich jak JavaScript. Przykładem może być sytuacja, w której użytkownik wypełnia formularz, a dane są przetwarzane przez PHP, które zwraca zaktualizowaną stronę. W przypadku potrzeby dynamicznych zmian, JavaScript może być użyty do manipulacji DOM po załadowaniu strony. Warto również zauważyć, że zgodnie z dobrymi praktykami, powinno się oddzielać logikę serwerową (PHP) od logiki klienckiej (JavaScript), co przyczynia się do lepszej struktury kodu i ułatwia jego utrzymanie.

Pytanie 24

Jak wykonanie zapytania SQL przedstawionego poniżej wpłynie na tabelę pracownicy?

ALTER TABLE pracownicy MODIFY plec char(9);

A. Utworzy kolumnę plec o typie znakowym o zmiennej długości 9.

B. Zmieni typ danych kolumny plec na znakowy o stałej długości 9.

C. Utworzy kolumnę plec o typie znakowym o stałej długości 9.

D. Zmieni typ danych kolumny plec na znakowy o zmiennej długości 9.

Odpowiedź jest poprawna, ponieważ polecenie ALTER TABLE zmienia istniejącą kolumnę w tabeli pracownicy. W szczególności, polecenie MODIFY plec char(9) modyfikuje typ danych kolumny plec na znakowy o stałej długości 9. Oznacza to, że każda wartość przechowywana w tej kolumnie będzie miała dokładnie 9 znaków (wypełnionych np. spacjami, jeśli wartość będzie krótsza). W praktyce zapewnia to jednolitą długość dla przechowywanych danych, co może być korzystne w przypadku, gdy wymagane jest zachowanie spójności długości, na przykład przy przechowywaniu kodów pocztowych lub identyfikatorów. Standardy projektowania baz danych zalecają używanie odpowiednich typów danych, aby zminimalizować przestrzeń dyskową oraz przyspieszyć operacje na danych. Warto zauważyć, że w przypadku kolumny char(9) nie można wprowadzić wartości dłuższej niż 9 znaków, co zapobiega niezgodnościom danych.

Pytanie 25

Definicja stylu zaprezentowana w CSS odnosi się do odsyłacza, który

a:visited {color: orange;}

A. został wcześniej odwiedzony

B. jeszcze nie był odwiedzony

C. wskaźnik myszy znajduje się nad nim

D. posiada błędny adres URL

Wybór odpowiedzi związanej z błędnym adresem URL jest błędny, ponieważ kwestia odwiedzonych odsyłaczy w CSS nie ma związku z poprawnością adresu linku. Adres URL może być prawidłowy, a mimo to link może być nieodwiedzony lub odwiedzony, w zależności od tego, czy użytkownik wcześniej kliknął w dany odsyłacz. Użytkownicy często mylą te dwa pojęcia, co prowadzi do nieporozumień dotyczących działania linków w sieci. Kolejna błędna koncepcja to mylenie odsyłaczy z aktywnym stanem wskaźnika myszy. Pseudo-klasa `:hover` jest odpowiedzialna za stylizowanie odsyłaczy w momencie, gdy wskaźnik myszy znajduje się nad nimi, co jest zupełnie innym stanem niż stan odwiedzony. Takie pomylenie może prowadzić do nieprawidłowego projektowania interfejsu użytkownika, gdzie wizualizacje stanu linków są niewłaściwe. Z kolei stwierdzenie, że odsyłacz jeszcze nie został odwiedzony, ignoruje fakt, że stylizacja dotycząca odwiedzonych linków jest specyficzna dla tych, które były już otwarte przez użytkownika. Warto pamiętać, że CSS umożliwia precyzyjne definiowanie zachowań i stylów elementów, co powinno być stosowane zgodnie z ich przeznaczeniem i w dobrze zaplanowanej architekturze strony internetowej.

Pytanie 26

W języku JavaScript poniższy fragment funkcji ma na celu

wynik = 0;
for (i = 0; i < tab.length; i++) {
  wynik += tab[i];
}

A. obliczyć sumę wszystkich elementów tablicy

B. wyświetlić wszystkie elementy tablicy

C. dodać do każdego elementu tablicy ustaloną wartość

D. wprowadzić do każdego elementu tablicy bieżącą wartość zmiennej i

Wybór odpowiedzi dotyczącej wprowadzenia aktualnej wartości zmiennej i do każdego elementu tablicy jest mylny, ponieważ kod nie wykonuje takiej operacji. W rzeczywistości, zmienna 'i' jest jedynie wskaźnikiem iteracji w pętli i nie jest modyfikowana w żaden sposób w kontekście wartości elementów tablicy. Kolejna odpowiedź sugerująca wyświetlenie wszystkich elementów tablicy jest również błędna, ponieważ w kodzie nie pojawia się żadna operacja wyświetlająca. W języku JavaScript, aby wyświetlić elementy tablicy, używalibyśmy np. funkcji console.log() lub innej metody interakcji z użytkownikiem. Odpowiedź mówiąca o dodawaniu stałej wartości do każdego elementu tablicy odnosi się do innej operacji matematycznej, która nie znajduje odzwierciedlenia w podanym kodzie. W rzeczywistości, dodawanie stałej wartości wymagałoby zdefiniowania tej wartości oraz zmodyfikowania sposobu, w jaki elementy tablicy są przetwarzane. Typowe błędy myślowe przy analizie kodu mogą wynikać z nieprecyzyjnego zrozumienia, co każda linia kodu rzeczywiście wykonuje, a także z braku znajomości podstawowych operacji na tablicach, co prowadzi do błędnych wniosków. Zrozumienie, co dokładnie robi dany fragment kodu, jest kluczowe dla efektywnego programowania i unikania takich nieporozumień.

Pytanie 27

Podczas działania skryptu JavaScript został w konsoli wygenerowany błąd związany z działaniami na atrybucie elementu DOM. Z komunikatu wynika, że próbowano ustawić atrybut dla

A. tabeli.

B. odnośnika.

C. obrazu.

D. paragrafu.

Twoja odpowiedź była prawidłowa. Błąd 'Uncaught TypeError: Cannot set property 'src' of null' jest związany z próbą przypisania wartości do atrybutu 'src' nieistniejącego elementu DOM. Atrybut 'src' jest charakterystyczny dla elementów HTML obrazu, czyli <img>, i służy do określenia źródła obrazka. Gdy masz do czynienia z błędem tego typu, najczęściej wynika to z próby manipulacji atrybutem 'src' obrazu, który nie istnieje w strukturze DOM, co może wynikać na przykład z błędu w selektorze. Pamiętaj, że przed przypisaniem wartości atrybutu, warto upewnić się, że dany element DOM faktycznie istnieje. W przeciwnym razie, jak w tym przypadku, JavaScript zwróci błąd. Zrozumienie charakterystyki błędów i potrafiące identyfikowanie ich przyczyn jest kluczowe w procesie programowania.

Pytanie 28

Wskaż pole edycyjne sformatowane przedstawionym stylem CSS

input {
  border: none;
  border-bottom: 2px solid Blue;
  color: Gray;
  font-weight: 900;
}

Input 1. Podaj imię:

Input 2. Podaj imię:

Input 3. Podaj imię:

Input 4. Podaj imię: Agnieszka

A. Input 4.

B. Input 3.

C. Input 2.

D. Input 1.

Niestety, to nie to. Wybrałeś element, który nie spełnia wszystkich wymagań stylu CSS, który widziałeś w pytaniu. Właściwości takie jak 'border-bottom', 'color' i 'font-weight' są super przydatne, bo dzięki nim możemy dokładnie ustawić wygląd każdego elementu na stronie. W tym przypadku, styl, którego szukaliśmy, określa dolne obramowanie o grubości 2px w kolorze niebieskim, szary tekst oraz pogrubioną czcionkę. Jak coś nie pasuje do tych wymagań, to znaczy, że nie jest poprawnie sformatowane. Często zdarza się pomylić różne właściwości CSS albo nie zrozumieć, jak one wpływają na to, co widzimy na stronie. Ważne, żeby dobrze wiedzieć, jak działa CSS w praktyce, bo to naprawdę pomaga w tworzeniu i poprawianiu stron internetowych.

Pytanie 29

Który sposób na utworzenie tablicy w JavaScript jest niepoprawny pod względem składniowym?

A. var liczby = [3];

B. var liczby = new Array[1, 2, 3];

C. var liczby = new Array(1, 2, 3);

D. var liczby = [1, 2, 3];

Wybranie odpowiedzi, która mówi, że inne zapisy są poprawne, to nie najlepszy wybór. Na początku, niepoprawne jest użycie nawiasów kwadratowych zamiast okrągłych w wywołaniu konstruktora 'Array'. Zapis 'var liczby = new Array[1, 2, 3];' jest po prostu błędny. Zamiast tego powinieneś napisać 'var liczby = new Array(1, 2, 3);'. Co więcej, zapis 'var liczby = [3];' jest jak najbardziej w porządku - tworzy tablicę z jednym elementem, co czasami jest przydatne. A 'var liczby = [1, 2, 3];' to klasyka, bo używa literałów tablicowych, które są łatwiejsze w odbiorze. Pamiętaj, że stosowanie literałów jest zalecane, bo są prostsze i bardziej przejrzyste. Warto zrozumieć różnicę między nawiasami, bo to może ułatwić życie, zwłaszcza przy pisaniu kodu.

Pytanie 30

Aby skorzystać z relacji w zapytaniu, trzeba użyć słowa kluczowego

A. JOIN

B. UNION

C. GROUP BY

D. IN

Słowo kluczowe JOIN jest niezbędne do łączenia danych z różnych tabel w bazach danych relacyjnych. Umożliwia ono wykonanie zapytań, które wykorzystują powiązania między tabelami na podstawie wspólnych kolumn. Istnieje kilka rodzajów JOIN, w tym INNER JOIN, LEFT JOIN, RIGHT JOIN oraz FULL JOIN, z których każdy ma swoje specyficzne zastosowanie. Na przykład, używając INNER JOIN, można uzyskać tylko te rekordy, które mają odpowiadające wartości w obu tabelach. To podejście jest zgodne z zasadami normalizacji baz danych, które zalecają przechowywanie danych w sposób zminimalizowany, a relacje między danymi powinny być zarządzane przy użyciu kluczy obcych. Praktyczne zastosowanie JOIN jest kluczowe w analizie danych, gdzie często niezbędne jest zestawienie informacji z różnych źródeł, co pozwala na uzyskanie pełniejszego obrazu analizowanego problemu. Wiedza o tym, jak prawidłowo stosować JOIN, jest fundamentem pracy z bazami danych, a jej znajomość jest również wymagana w standardach branżowych związanych z zarządzaniem danymi.

Pytanie 31

Graficzny interfejs użytkownika, który umożliwia wprowadzanie danych do bazy, to

A. kwerenda

B. raport

C. encja

D. formularz

Raport, kwerenda i encja to pojęcia, które na pierwszy rzut oka mogą wydawać się związane z wprowadzaniem danych, jednak nie pełnią one roli graficznego interfejsu użytkownika umożliwiającego taką interakcję. Raport to narzędzie do prezentacji danych, najczęściej w formie zestawień i wykresów, które czerpie informacje z bazy danych, ale nie pozwala na ich edycję czy wprowadzanie nowych danych. To narzędzie, które skupia się na analizie i wizualizacji informacji, a nie na ich zbieraniu. Kwerenda to zapytanie do bazy danych, które umożliwia wydobycie określonych informacji, ale nie jest formą interakcji z użytkownikiem w sensie wprowadzania danych. Użytkownik, korzystając z kwerendy, nie wprowadza danych bezpośrednio, lecz prosi system o zwrócenie konkretnej porcji informacji zgodnie z ustalonymi kryteriami. Encja natomiast odnosi się do obiektów w modelu danych, które przechowują informacje w bazie danych, ale nie jest to obiekt interfejsu użytkownika. Encje są bardziej abstrakcyjnym pojęciem, związanym z przechowywaniem danych w bazach danych, a nie z ich wprowadzaniem. Powodzenie w korzystaniu z baz danych wymaga zrozumienia tych różnic oraz znajomości odpowiednich narzędzi, które rzeczywiście umożliwiają wprowadzanie danych, a formularze są kluczowym elementem takich interakcji.

Pytanie 32

W CSS zapis selektora

p > i { color: red;}

wskazuje, że kolorem czerwonym będzie wyróżniony

A. jedynie tekst w znaczniku , który znajduje się bezpośrednio wewnątrz znacznika

B. każdy tekst w znaczniku z wyjątkiem tych w znaczniku

C. tylko ten tekst znacznika , który ma przypisaną klasę o nazwie i

D. wszystkie teksty w znaczniku lub każdy tekst w znaczniku

Odpowiedź ta jest poprawna, ponieważ selektor CSS <pre>p > i { color: red; }</pre> definiuje regułę, która odnosi się jedynie do elementów znajdujących się bezpośrednio wewnątrz elementu . Operator > jest selektorem potomka bezpośredniego, co oznacza, że tylko te , które są bezpośrednio dzieckiem , będą miały przypisany kolor czerwony. Na przykład, jeśli w kodzie HTML mamy Tekst, to ten tekst będzie czerwony. Z drugiej strony, jeżeli znajduje się zagnieżdżone w innym elemencie wewnątrz , jak Tekst, to ten tekst nie będzie formatowany na czerwono. Tego typu selektory są niezwykle przydatne w praktycznym zastosowaniu, gdyż pozwalają na precyzyjne określenie stylów dla konkretnych elementów, co jest zgodne z najlepszymi praktykami projektowania stron internetowych, takimi jak utrzymanie czytelności kodu i unikanie niezamierzonych efektów formatowania.

Pytanie 33

Jak powinien być poprawnie zapisany znacznik <img>, służący do umieszczenia na stronie internetowej obrazu rys.jpg, przeskalowanego do szerokości 120 px oraz wysokości 80 px z tekstem alternatywnym "krajobraz"?

A. <img src="rys.jpg" height="120px" width="80px" info="krajobraz"/>

B. <img href="rys.jpg" height="120px" width="80px" info="krajobraz"/>

C. <img image="rys.jpg" width="120px" height="80px" alt="krajobraz"/>

D. <img src="rys.jpg" width="120px" height="80px" alt="krajobraz"/>

Odpowiedzi, które nie są zgodne z poprawnym zapisem znacznika <img>, wykazują kilka kluczowych błędów, które wpływają na ich nieprawidłowość. W pierwszej z błędnych odpowiedzi zamiast atrybutu 'src' użyto 'image', co jest błędem w kontekście HTML. 'src' jest standardowym atrybutem, który określa źródło obrazu, podczas gdy 'image' nie jest rozpoznawane przez przeglądarki i nie prowadzi do wyświetlenia żadnej grafiki. W drugiej odpowiedzi zamiast 'alt' zastosowano 'info', co również jest nieprawidłowe, ponieważ 'alt' jest kluczowym atrybutem, który zapewnia opis alternatywny obrazu, istotny dla dostępności. Ponadto, w obu przypadkach zostały błędnie zamienione wartości 'width' i 'height', co może prowadzić do nieproporcjonalnego wyświetlania obrazów, co z kolei negatywnie wpływa na estetykę i użyteczność strony. Warto również zaznaczyć, że jednostka 'px' w kontekście atrybutów rozmiaru nie jest wymagana w HTML5, więc nawet jeśli byłoby to zastosowane w poprawny sposób, nie jest to konieczne. Te nieporozumienia mogą wynikać z braku znajomości aktualnych standardów HTML, co może prowadzić do problemów z wyświetlaniem i dostępnością treści na stronach internetowych. Zastosowanie odpowiednich atrybutów oraz ich wartości jest kluczowe dla tworzenia stron internetowych zgodnych z aktualnymi standardami i praktykami, co w dłuższym okresie przekłada się na lepsze doświadczenia użytkowników.

Pytanie 34

Jaką szerokość zaplanowano dla treści strony, bazując na podanej definicji CSS?

body {
  border: 2px;
  height: 600px;
  width: 560px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

A. 560 px

B. 2 px

C. 600 px

D. 640 px

Niestety, twoja odpowiedź jest niepoprawna. Właściwość CSS box-sizing: border-box sprawia, że szerokość elementu obejmuje zarówno treść, jak i obramowanie. Zatem, jeżeli w definicji CSS dla elementu body ustawiono szerokość na 560 px, oznacza to, że całkowita szerokość strony wynosi 560 px, niezależnie od szerokości obramowania. Powszechnym błędem jest mylenie szerokości całkowitej strony z szerokością jej treści, pomijając przy tym obramowanie. W przypadku właściwości box-sizing: border-box szerokość elementu obejmuje zarówno treść, jak i obramowanie, co jest standardem stosowanym w projektowaniu stron internetowych. Wszystkie odpowiedzi, które sugerują inny wynik, są błędne. Ważne jest, aby zrozumieć, jak działają różne jednostki i właściwości CSS, aby poprawnie definiować wymiary i rozmieszczenie elementów na stronie.

Pytanie 35

Deklaracja CSS margin: auto; wskazuje, że marginesy są

A. stałe dla danej przeglądarki, niezależnie od jej okna

B. zgodne z domyślnymi wartościami marginesów elementu, do którego zostały przypisane

C. obliczane przez przeglądarkę w taki sposób, aby element był wyśrodkowany poziomo

D. przechodzące z elementu nadrzędnego dla danego elementu

W przypadku, gdy mówimy o marginesach w CSS, często pojawiają się nieporozumienia dotyczące ich dziedziczenia i stałości. Odpowiedzi sugerujące, że marginesy są odziedziczone po elemencie rodzica, są mylne, ponieważ marginesy w CSS nie dziedziczą wartości, jak ma to miejsce w przypadku wielu właściwości typograficznych, np. czcionki. Marginesy są niezależne dla każdego elementu i można je ustawić indywidualnie. Dodatkowo, stwierdzenie, że marginesy są stałe dla danej przeglądarki, jest również nieprawidłowe. Wartości marginesów mogą być różne w zależności od rozmiaru okna przeglądarki i innych czynników, co sprawia, że są one elastyczne, a nie stałe. Kiedy mówimy o domyślnych wartościach marginesów, warto zauważyć, że elementy HTML mają swoje własne domyślne marginesy, ale użycie 'margin: auto;' nie odnosi się do tych domyślnych wartości. Zamiast tego, ta reguła wymusza na przeglądarce obliczenie marginesów w taki sposób, aby osiągnąć pożądany efekt wizualny, jakim jest centrowanie. Dlatego kluczowe jest zrozumienie, jak działają marginesy w CSS i jak mogą być wykorzystywane do tworzenia responsywnych układów stron internetowych.

Pytanie 36

Który z przedstawionych obrazów ma zastosowany poniższy styl CSS?

img {
    padding: 5px;
    border: 1px solid grey;
    border-radius: 10px;
}

A. C.

B. D.

C. A.

D. B.

Obraz A został sformatowany za pomocą stylu CSS, który określa podstawowe cechy estetyczne elementu graficznego. Pierwszym aspektem jest zastosowanie właściwości padding wynoszącej 5px, co oznacza, że wokół obrazu znajduje się wewnętrzny margines o szerokości 5 pikseli. To zapewnia przestrzeń między obrazem a jego ramką, zwiększając czytelność i estetykę wizualną. Następnie, użyto border o grubości 1px z kolorem solid grey. Ten cienki, szary obrys dodaje subtelny akcent, który pomaga wyróżnić obraz na tle strony. Wartość border-radius wynosi 10px, co dodaje zaokrąglone rogi, nadając nowoczesny wygląd. Takie zaokrąglenie jest często stosowane w nowoczesnym designie, aby nadać strony bardziej przyjazny i estetyczny wygląd. Stylizacja obrazów w ten sposób jest zgodna z zasadami responsywności i dostępności, co jest istotne w projektowaniu interfejsów użytkownika. Stosowanie takich technik pozwala na tworzenie spójnych i estetycznych stron internetowych, które są zgodne z obecnymi standardami UX i UI.

Pytanie 37

Portal internetowy dysponuje bardzo złożonym systemem stylów, który obejmuje style zewnętrzne, wewnętrzne oraz lokalne. Jak można zagwarantować, że określona cecha zdefiniowana w zewnętrznym stylu jest zawsze stosowana do elementu HTML, niezależnie od bardziej priorytetowych stylów?

A. jako pseudoklasę :active

B. przy pomocy pseudoelementu ::after

C. jako selektor potomka

D. przy pomocy reguły !important

Zdefiniowanie cechy za pomocą selektora potomka, pseudoklasy :active lub pseudoelementu ::after to podejścia, które nie spełniają wymaganego celu w kontekście priorytetyzacji stylów CSS. Selektor potomka odnosi się do elementów, które są zagnieżdżone wewnątrz innych elementów i nie zapewnia on wyższego priorytetu. Na przykład, jeśli mamy regułę `div p { color: blue; }`, a później w innym miejscu `p { color: red; }`, kolor tekstu w elemencie będzie czerwony, niezależnie od tego, że jest on dzieckiem <div>. Pseudoklasa :active dotyczy stanu interakcji z elementem, jak naciśnięcie przycisku. Nie można jej używać do stawiania stylów jako domyślnych, ponieważ działa tylko w momencie aktywacji, co nie spełnia wymogu stałego przypisania stylu. Pseudoelement ::after służy do dodawania treści po elemencie, ale również nie wpływa na priorytet wyświetlania stylów. Użycie tych metod w kontekście prób ustalenia stałych cech stylów może prowadzić do nieporozumień i błędów w kodzie, ponieważ nie zapewniają one odpowiedniej kontroli nad priorytetami, co jest kluczowe w projektowaniu stylów CSS. W praktyce, aby uniknąć konfliktów i nieprzewidywalnych rezultatów, zaleca się odpowiednie planowanie struktury styli oraz przejrzystość w używaniu reguły !important tylko tam, gdzie to absolutnie konieczne.

Pytanie 38

Zgodnie z aktualnie obowiązującym w Polsce prawem, osoby z wykształceniem inżynieryjno-technicznym są zobowiązane do odbywania szkoleń BHP w regularnych odstępach czasu, które nie powinny być dłuższe niż co

A. 1 rok

B. 6 lat

C. 8 lat

D. 5 lat

Wszystkie pozostałe odpowiedzi są błędne, ponieważ nie odpowiadają wymogom prawnym dotyczącym okresowych szkoleń BHP dla inżynieryjno-technicznych pracowników w Polsce. Odpowiedzi sugerujące, że szkolenia powinny odbywać się co 5, 6 lub 8 lat, opierają się na nieprawidłowym rozumieniu przepisów. Ustawa Kodeks pracy jasno określa, że okresowe szkolenia BHP mają na celu nie tylko dostarczenie pracownikom wiedzy na temat bezpieczeństwa, ale także dostosowanie ich umiejętności do zmieniających się warunków w miejscu pracy. Zbyt długi okres pomiędzy szkoleniami mógłby prowadzić do utraty aktualności wiedzy pracowników, co zwiększa ryzyko wypadków oraz zagrożeń zdrowotnych. W praktyce, regularne, coroczne szkolenia są niezbędne do nadążania za nowymi przepisami, technologiami oraz aktualizacjami w procedurach bezpieczeństwa. Ponadto, firmy, które zaniedbują wymóg przeprowadzania takich szkoleń, mogą być narażone na konsekwencje prawne oraz finansowe, w tym na kary administracyjne. Odpowiednie przestrzeganie przepisów dotyczących szkoleń BHP jest kluczowe dla zapewnienia bezpieczeństwa pracowników oraz ochrony firmy przed potencjalnymi stratami.

Pytanie 39

Model barw o parametrach: odcień, nasycenie, jasność i przezroczystość, to

A. HSLA

B. RGBA

C. SRGB

D. CMYK

W tym pytaniu chodzi o model barw, w którym występują dokładnie cztery parametry: odcień, nasycenie, jasność i przezroczystość. Kluczowe są tu trzy pierwsze słowa: odcień, nasycenie, jasność. To już samo w sobie powinno kierować myślenie w stronę rodziny HSL/HSV, a nie klasycznego RGB czy modeli drukarskich takich jak CMYK. Typowym błędem jest patrzenie tylko na obecność kanału przezroczystości i automatyczne kojarzenie go z RGBA, bo wiele osób zapamiętuje po prostu „A = alpha, czyli przeźroczystość”, bez zwracania uwagi na to, jakie są pozostałe składowe. W modelu RGBA mamy składniki Red, Green, Blue plus Alpha. Nie ma tam odcienia, nasycenia i jasności jako osobnych parametrów, tylko trzy liczby opisujące natężenie podstawowych składowych RGB. To oczywiście też może zawierać informację o kolorze, ale w zupełnie inny sposób. Jeżeli w pytaniu pojawia się słowo „odcień”, to z mojego doświadczenia w zadaniach testowych prawie zawsze chodzi o HSL/HSLA albo HSV/HSVA, bo tam kolor opisuje się kołem barw i procentami. Samo SRGB to nie jest model z parametrami odcień–nasycenie–jasność–przezroczystość, tylko standardowa przestrzeń barw RGB dla monitorów, zdefiniowana m.in. przez konsorcjum W3C i Microsoft. W CSS co prawda używamy funkcji `rgb()` czy `rgba()`, ale to tylko zapisy w przestrzeni sRGB, a nie osobny czteroparametrowy model jak w treści pytania. Wybranie SRGB często wynika z tego, że ktoś kojarzy skrót z „kolorami w przeglądarce”, ale to za mało, bo pytanie precyzyjnie opisuje właściwości. Z kolei CMYK jest modelem typowo poligraficznym: Cyan, Magenta, Yellow, Key (Black). Stosuje się go w druku, a nie w definicjach kolorów w CSS i nie ma tam żadnego kanału alpha ani parametrów odcień/nasycenie/jasność. Mylenie CMYK z HSL/HSLA to zwykle wynik tego, że ktoś kojarzy „inny niż RGB, więc może ten”. W projektowaniu stron WWW i interfejsów użytkownika, zgodnie z dobrymi praktykami front-end, warto rozróżniać: RGB/RGBA – składowe podstawowych barw światła, HSLA – odcień, nasycenie, jasność plus alpha, CMYK – druk, a sRGB – nazwa przestrzeni, nie czteroelementowego modelu H+S+L+A.

Pytanie 40

System informatyczny umożliwiający tworzenie, edycję i publikację treści na stronach internetowych bez konieczności posiadania zaawansowanej wiedzy technicznej, to

A. ERP

B. CMS

C. DBMS

D. RDBMS

W tym pytaniu łatwo się pomylić, bo wszystkie skróty brzmią dość podobnie i kojarzą się z systemami informatycznymi, ale ich przeznaczenie jest zupełnie inne niż w opisie. Kluczowe w treści pytania jest to, że chodzi o tworzenie, edycję i publikację treści na stronach WWW, bez wymagania zaawansowanej wiedzy technicznej. Innymi słowy – użytkownik ma mieć wygodny panel, formularze, edytor tekstu, przyciski do wstawiania obrazków, a cała techniczna „magia” ma dziać się w tle. DBMS, czyli Database Management System, to system zarządzania bazą danych. Takie oprogramowanie jak MySQL, PostgreSQL, Oracle Database czy Microsoft SQL Server służy do tworzenia baz danych, tabel, wykonywania zapytań SQL, nadawania uprawnień użytkownikom. To jest narzędzie typowo dla administratorów baz i programistów, a nie dla redaktorów treści. DBMS sam w sobie nie udostępnia prostego interfejsu do publikowania artykułów na stronie WWW, tylko przechowuje dane, na których później może pracować aplikacja, np. CMS. RDBMS (Relational Database Management System) to po prostu szczególny rodzaj DBMS, który opiera się na modelu relacyjnym – tabele, klucze główne, klucze obce, relacje między tabelami. Z punktu widzenia pytania to jeszcze bardziej techniczny poziom. RDBMS to „zaplecze” wielu systemów, także CMS-ów, ale nie narzędzie, z którego korzysta zwykły użytkownik do edycji treści. Typowym błędem myślowym jest utożsamianie „systemu informatycznego” z czymkolwiek, co pracuje na danych, bez rozróżnienia, czy to jest warstwa bazy danych, czy aplikacja użytkownika. ERP (Enterprise Resource Planning) to z kolei rozbudowany system do zarządzania zasobami przedsiębiorstwa: magazyn, sprzedaż, księgowość, kadry, produkcja. Owszem, ERP może mieć moduł do wystawiania dokumentów, raportów, czasem nawet prosty portal B2B, ale jego głównym celem nie jest publikowanie treści na publicznej stronie WWW. To rozwiązanie skierowane do działów finansowych, logistycznych, produkcyjnych, a nie do webredaktorów. Mylenie ERP z CMS-em zwykle wynika z tego, że oba są „dużymi systemami” i czasem integrują się ze stroną internetową, ale pełnią inne role. Właściwy system opisany w pytaniu to CMS – Content Management System – który łączy się zazwyczaj z bazą danych (często właśnie RDBMS), ale daje użytkownikowi przyjazny interfejs do zarządzania treścią. Jeżeli więc w opisie pojawia się tworzenie stron, artykułów, wpisów blogowych, galerii i to wszystko bez znajomości HTML czy SQL, to jest bardzo silna wskazówka, że chodzi właśnie o CMS, a nie DBMS, RDBMS czy ERP.

Rozpocznij nowy egzamin

Powrót do strony głównej