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: 11 czerwca 2026 13:55
Data zakończenia: 11 czerwca 2026 14:12

Egzamin zdany!

Wynik: 22/40 punktów (55,0%)

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

Kod JavaScript aktywowany przez kliknięcie przycisku ma na celu

<img id="i1" src="obraz1.gif">
<button onclick="document.getElementById('i1').src='obraz2.gif'">
test</button>

A. zmienić styl obrazu o id i1

B. ukryć obraz2.gif

C. zamienić obraz1.gif na obraz2.gif

D. pokazać obraz2.gif obok obraz1.gif

Kod JavaScript w przedstawionym przykładzie został zaprogramowany w celu zamiany źródła obrazu na nowe po naciśnięciu przycisku. Gdy użytkownik kliknie na przycisk, wywołuje on funkcję, która zmienia atrybut 'src' elementu <img> z 'obraz1.gif' na 'obraz2.gif'. Jest to typowy sposób manipulacji elementami DOM w JavaScript, co jest fundamentalnym elementem programowania interakcji na stronach internetowych. Takie podejście jest zgodne z najlepszymi praktykami w zakresie programowania front-end, ponieważ pozwala na dynamiczne zmiany na stronie bez konieczności przeładowania całej strony. Przykładem praktycznego zastosowania może być użycie tego typu kodu w aplikacjach webowych, gdzie użytkownik może interaktywnie zmieniać widok, na przykład w galeriach zdjęć, grach przeglądarkowych czy aplikacjach do nauki. Zrozumienie tej techniki jest kluczowe dla każdego programisty front-end, ponieważ efektywne wykorzystanie JavaScript do manipulacji DOM jest jednym z podstawowych narzędzi w budowie nowoczesnych aplikacji webowych.

Pytanie 2

W bazie danych wykonano następujące polecenia dotyczące uprawnień użytkownika adam. Po ich realizacji użytkownik adam uzyska uprawnienia do

GRANT ALL PRIVILEGES ON klienci TO adam
REVOKE SELECT, INSERT, UPDATE ON klienci FROM adam

A. tworzenia tabeli klienci oraz modyfikowania w niej danych

B. usuwania tabeli lub jej rekordów

C. modyfikowania danych i przeglądania tabeli klienci

D. przeglądania tabeli klienci oraz dodawania do niej sektorów

Prawidłowa odpowiedź dotycząca usunięcia tabeli lub jej rekordów wynika z analizy poleceń SQL które zostały wykonane na użytkowniku adam. Instrukcja GRANT ALL PRIVILEGES zapewnia użytkownikowi wszystkie dostępne uprawnienia do tabeli klienci w tym możliwość usunięcia zarówno całej tabeli jak i jej rekordów. Jednakże w dalszej kolejności polecenie REVOKE SELECT INSERT UPDATE ogranicza te konkretne uprawnienia. Pozostawia to użytkownikowi adam pełne prawo do korzystania z polecenia DELETE które umożliwia usunięcie poszczególnych rekordów oraz DROP które pozwala usunąć całą tabelę. Jest to kluczowe w zarządzaniu bazą danych zwłaszcza w kontekście zapewnienia integralności i bezpieczeństwa danych. W praktyce administratorzy baz danych muszą umiejętnie zarządzać uprawnieniami aby zapewnić odpowiedni poziom bezpieczeństwa oraz kontrolę dostępu zgodnie z najlepszymi praktykami branżowymi. Dzięki temu można uniknąć nieautoryzowanego dostępu do wrażliwych danych oraz przypadkowego usunięcia ważnych informacji

Pytanie 3

Zawartość kodu w języku HTML umieszczona w ramce ilustruje zestaw

<ol>
 <li>Pierwszy</li>
 <li>Drugi</li>
 <li>Trzeci</li>
 </ol>

A. wypunktowanej

B. linków

C. numerowanej

D. skróconych

Fragment kodu HTML używa tagu <ol> co oznacza listę numerowaną. Tag <ol> jest skrótem od ordered list i jest używany do tworzenia listy elementów, które są automatycznie numerowane przez przeglądarkę. Wewnątrz tego tagu znajdują się tagi <li>, które oznaczają poszczególne elementy listy. Każdy z tych elementów będzie wyświetlany z kolejnym numerem w przeglądarce internetowej. Na przykład w przypadku zamieszczonego kodu HTML przeglądarka wyświetli listę z numerami 1 2 3 przed elementami Pierwszy Drugi Trzeci. Listy numerowane są użyteczne w sytuacjach gdy ważna jest kolejność elementów na przykład w instrukcjach krok po kroku lub rankingach. Tworzenie list numerowanych z użyciem <ol> jest zgodne ze standardami HTML i jest dobrym rozwiązaniem gdyż pozwala na łatwe zarządzanie kolejnością elementów bez konieczności ręcznego numerowania co redukuje ryzyko błędów i automatycznie aktualizuje numerację w przypadku dodania bądź usunięcia elementów z listy.

Pytanie 4

W sekcji nagłówkowej kodu HTML znajduje się tekst przedstawiony na ilustracji. Tekst ten zostanie wyświetlony

<title>Strona miłośników psów</title>

A. w zawartości strony, w pierwszym widocznym nagłówku

B. w zawartości strony, na banerze

C. w polu adresu, obok wpisanego adresu URL

D. na pasku tytułowym przeglądarki

Tag <title> w HTML jest częścią sekcji nagłówkowej dokumentu i służy do określenia tytułu strony wyświetlanego na pasku tytułu przeglądarki. Jest to kluczowy element z punktu widzenia SEO, ponieważ wyszukiwarki internetowe używają informacji z tagu <title> do indeksowania stron i określania ich treści. Tytuł strony powinien być krótki, ale jednocześnie bogaty w słowa kluczowe, dzięki czemu zwiększa szanse na wysoką pozycję w wynikach wyszukiwania. W praktyce dobrze zaprojektowany tytuł wpływa na widoczność strony w sieci i przyciąga uwagę użytkowników. Ważne jest, aby tytuł był unikalny dla każdej strony w witrynie, co pomaga w lepszym zrozumieniu struktury strony przez odwiedzających oraz roboty indeksujące. Zgodnie z dobrymi praktykami, tytuł powinien zawierać od 50 do 60 znaków, aby był w pełni widoczny w wynikach wyszukiwania i nie został przycięty. Tytuł to pierwsze, co użytkownik widzi w zakładkach przeglądarki oraz w wynikach wyszukiwania, dlatego jego odpowiednia konstrukcja jest niezmiernie ważna.

Pytanie 5

Które rozszerzenie pliku jest związane z formatem wideo?

A. *.bmp

B. *.jpg

C. *.png

D. *.avi

Rozszerzenie *.avi (Audio Video Interleave) oznacza plik wideo – to format kontenera przechowującego obraz i dźwięk. Do plików wideo należą też m.in. *.mp4, *.mkv czy *.mov. Pozostałe podane rozszerzenia to formaty obrazów statycznych. Rozpoznawanie typu pliku po rozszerzeniu ułatwia dobór odpowiedniego programu do jego otwarcia. Dlatego z formatem wideo związane jest rozszerzenie *.avi.

Pytanie 6

Na podstawie filmu wskaż, która cecha dodana do stylu CSS zamieni miejscami bloki aside i nav, pozostawiając w środku blok section?

A. nav { float: right; }

B. aside {float: left; }

C. nav { float: right; } section { float: right; }

D. nav { float: left; } aside { float: left; }

Prawidłowa odpowiedź opiera się na tym, jak działają własności float w CSS i w jakiej kolejności przeglądarka renderuje elementy blokowe. Jeśli w dokumencie HTML kolejność znaczników to np. <aside>, potem <section>, a na końcu <nav>, to bez dodatkowego stylowania wszystkie trzy ustawią się pionowo, jeden pod drugim, w tej właśnie kolejności. Dodanie float zmienia sposób, w jaki elementy „odpływają” od normalnego przepływu dokumentu i jak układają się obok siebie.

W stylu nav { float: right; } section { float: right; } sprawiamy, że zarówno nav, jak i section są przesuwane do prawej krawędzi kontenera, natomiast aside (bez float) pozostaje w normalnym przepływie, czyli z lewej strony. Ponieważ przeglądarka układa elementy w kolejności występowania w kodzie, najpierw wyrenderuje aside po lewej, potem section „odpłynie” w prawo, a na końcu nav też „odpłynie” w prawo, ustawiając się po prawej stronie, ale dalej od góry niż section. Efekt wizualny jest taki, że po lewej mamy aside, po prawej nav, a section ląduje między nimi, dokładnie tak jak było pokazane na filmie.

Moim zdaniem to zadanie dobrze pokazuje, że przy floatach zawsze trzeba myśleć o trzech rzeczach naraz: kolejności elementów w HTML, kierunku „pływania” (left/right) oraz o tym, które elementy pozostawiamy w normalnym przepływie. W praktyce w nowoczesnych projektach częściej używa się flexboxa albo CSS Grid do takich układów, bo są czytelniejsze i mniej problematyczne. Przykładowo, zamiast kombinować z float, można by użyć display: flex; na kontenerze i ustawić order dla aside i nav. Float nadal jednak pojawia się w starszych layoutach i w zadaniach egzaminacyjnych, więc warto dobrze rozumieć jego zachowanie, choćby po to, żeby poprawnie modyfikować istniejące style lub naprawiać „rozjechane” układy w starszych projektach.

Pytanie 7

Jak nazywa się ikona wyświetlana przed adresem w pasku adresu lub przy tytule karty przeglądarki?

A. emoticon

B. webicon

C. iConji

D. favicon

Favicon (favorite icon) to mała ikona reprezentująca stronę – wyświetlana przy tytule karty, w pasku adresu i przy zakładkach. Dodaje się ją do dokumentu zwykle znacznikiem <link rel="icon" href="..."> w sekcji <head>. Dlatego ikona strony to favicon.

Pytanie 8

Element <meta charset="utf-8"> definiuje metadane odnoszące się do strony internetowej dotyczące

A. opisu witryny

B. słów kluczowych

C. kodowania znaków

D. języka używanego na stronie

Element <meta charset="utf-8"> jest kluczowym składnikiem metadanych w dokumentach HTML, który określa sposób kodowania znaków używanych na stronie internetowej. Użycie kodowania UTF-8, które jest najczęściej stosowanym standardem, pozwala na wyświetlanie różnorodnych znaków z różnych języków, w tym znaków diakrytycznych. Dzięki temu, strony internetowe mogą być dostępne dla szerokiego grona użytkowników bez obaw o błędy związane z wyświetlaniem tekstu. Kiedy przeglądarka internetowa napotyka ten element, wie, że powinna interpretować zawartość dokumentu zgodnie z określonym kodowaniem. Jest to szczególnie ważne w kontekście globalizacji internetu, gdzie treści mogą być tworzone w wielu językach. Ustalając odpowiednie kodowanie, programiści minimalizują ryzyko wystąpienia problemów z wyświetlaniem, takich jak zamienione znaki czy nieczytelne fragmenty tekstu. Właściwe ustawienie metadanych jest zgodne z wytycznymi W3C oraz zaleceniami dla twórców stron internetowych, co czyni ten element niezbędnym w każdej współczesnej witrynie.

Pytanie 9

W CSS, co spowoduje poniższy kod z plikiem rysunek.png?

p {background-image: url("rysunek.png");}

A. widoczny, jeśli zastosowany zostanie znacznik img w kodzie

B. tłem dla każdego akapitu

C. pokazany obok każdego akapitu

D. tłem całej witryny

Wybrana odpowiedź jest poprawna ponieważ w arkuszach stylów CSS zastosowanie selektora elementu p z właściwością background-image powoduje że obraz rysunek.png zostanie ustawiony jako tło dla każdego elementu paragrafu na stronie. Jest to przydatna technika gdy chcemy nadać spójny wygląd wszystkim paragrafom w dokumencie. Tło to może być używane do celów estetycznych lub jako część identyfikacji wizualnej strony. Warto pamiętać że w CSS można dodatkowo kontrolować sposób wyświetlania obrazka tła za pomocą właściwości takich jak background-repeat background-size i background-position co pozwala na precyzyjne dostosowanie wyświetlania. Dobre praktyki zalecają aby obrazy tła były odpowiednio zoptymalizowane pod kątem rozmiaru aby nie wpływały negatywnie na szybkość ładowania strony. W praktyce stosowanie obrazów jako tła w paragrafach może wspierać wizualne narracje oraz zwiększać zaangażowanie użytkowników szczególnie gdy są stosowane w przemyślany sposób w kontekście projektowania doświadczeń użytkownika UX.

Pytanie 10

Którą czynność gwarantującą poprawne wykonanie przedstawionego kodu JavaScript należy wykonać przed pętlą?

var text;
for(var i=0; i<tab.length; i++ ){
    text+=tab[i] + "<br>";
}

A. Upewnić się, że text jest typu string

B. Sprawdzić długość tablicy tab

C. Zainicjować zmienną text

D. Zadeklarować zmienną i

W przedstawionym kodzie JavaScript kluczowe jest zainicjowanie zmiennej 'text' przed rozpoczęciem pętli for. Zmienna ta ma za zadanie zbierać wartości z tablicy 'tab' i konkatenuje je w formie tekstu z dodanym znacznikiem HTML , który służy do łamania linii w przeglądarkach. Gdyby zmienna 'text' nie została zainicjowana, kod próbowałby wykonać operację konkatenacji na niezainicjowanej zmiennej, co skutkowałoby błędem. W JavaScript, zmienne, które nie zostały zainicjowane, mają wartość 'undefined', co może prowadzić do nieprzewidywalnych rezultatów. Dlatego przed pętlą, konieczne jest przypisanie zmiennej 'text' wartości początkowej, na przykład pustego łańcucha: text = ''. Dzięki temu, każda kolejna iteracja pętli doda nowy element tablicy do 'text' w sposób zgodny z zamierzeniem. Praktycznie, inicjalizowanie zmiennej jest fundamentalną praktyką w programowaniu, która zapobiega błędom oraz zapewnia klarowność kodu, co jest zgodne z najlepszymi standardami programowania.

Pytanie 11

Pętla while ma działać, dopóki zmienna x należy do przedziału otwartego (-2, 5). Który warunek to zapisuje (PHP)?

($x == -2) && ($x < 5)

($x > -2) && ($x < 5)

($x > -2) || ($x > 5)

($x < -2) || ($x > 5)

Przedział otwarty (-2, 5) oznacza liczby większe od -2 i jednocześnie mniejsze od 5 (oba końce wyłączone). Aby oba warunki zachodziły naraz, łączy się je operatorem koniunkcji &&: ($x > -2) && ($x < 5). Tak zapisany warunek while jest prawdziwy dokładnie wtedy, gdy x mieści się w przedziale. Dlatego poprawny jest zapis z &&.

Pytanie 12

Przedstawiona ikona funkcji edytora grafiki rastrowej o nazwie "kubełek" umożliwia

A. wypełnienie zaznaczonego obszaru kolorem.

B. zaznaczenie obszaru o takim samym kolorze.

C. zmianę aktywnych kolorów.

D. pobranie wskazanej barwy i ustawienie jej, jako aktywnej.

Gratulacje, odpowiedź jest poprawna. Ikona 'kubełek farby' w edytorach grafiki rastrowej jest narzędziem umożliwiającym wypełnienie zaznaczonego obszaru wybranym kolorem. Działanie tego narzędzia jest podobne do rozlewania farby - kolor wypełnia ciągły obszar aż do napotkania krawędzi lub pikseli o innym kolorze. Ta funkcja pozwala na szybkie i efektywne kolorowanie większych powierzchni obrazu. W praktyce, jest to niezwykle przydatne narzędzie, szczególnie gdy potrzebujesz szybko zmienić tło obrazu lub wypełnić obszar jednolitym kolorem. Warto również zauważyć, że różne edytory mogą mieć dodatkowe opcje dla tego narzędzia, takie jak możliwość wyboru tolerancji (która decyduje, jak bardzo podobny kolor musi być, aby został wypełniony) czy wypełnianie według warstwy czy według obrazu.

Pytanie 13

W systemie baz danych sklepu znajdują się dwie tabele powiązane ze sobą relacją: produkty oraz oceny. Tabela oceny zawiera dowolną liczbę ocen wystawionych przez klientów dla konkretnego produktu, które są zdefiniowane przez pola: id, ocena (pole numeryczne), produktID (klucz obcy). Aby uzyskać maksymalną ocenę dla produktu o ID równym 10, należy użyć zapytania

A. COUNT MAX SELECT ocena FROM oceny WHERE produktID = 10;

B. MAX SELECT ocena FROM oceny WHERE produktID = 10;

C. SELECT MAX(ocena) FROM oceny WHERE produktID = 10;

D. SELECT MAX COUNT(ocena) FROM oceny WHERE produktID = 10;

Odpowiedź "SELECT MAX(ocena) FROM oceny WHERE produktID = 10;" jest prawidłowa, ponieważ wykorzystuje odpowiednią składnię SQL do uzyskania maksymalnej wartości z kolumny "ocena" dla produktu o określonym ID. Funkcja agregująca MAX() umożliwia znalezienie najwyższej oceny w zbiorze danych spełniających określone kryteria. W tym przypadku, zapytanie przeszukuje tabelę "oceny" i filtruje wyniki na podstawie "produktID" równym 10. Takie podejście jest zgodne z najlepszymi praktykami w obszarze SQL, ponieważ zapewnia prostotę i efektywność. W praktycznym zastosowaniu, w momencie gdy mamy do czynienia z dużymi zbiorami danych, takie zapytanie pozwala na szybkie uzyskanie potrzebnych informacji, co jest kluczowe dla analizy wydajności produktów w sklepie. Używanie funkcji agregujących, takich jak MAX(), jest standardem w relacyjnych bazach danych, co czyni to podejście odpowiednim w kontekście zarządzania danymi.

Pytanie 14

Która klauzula określa powiązanie (relację) między tabelami w MySQL?

REFERENCES

PRIMARY KEY

INDEX

ORDER BY

Powiązanie między tabelami definiuje klauzula REFERENCES, używana przy kluczu obcym: FOREIGN KEY (kolumna) REFERENCES tabela(klucz). Wskazuje ona, do której tabeli i kolumny odwołuje się klucz obcy, ustanawiając relację i pilnując integralności danych. Dlatego powiązania tabel określa REFERENCES.

Pytanie 15

W jakim celu tworzy się kaskadowe arkusze stylów (CSS)?

A. aby definiować formatowanie (wygląd) elementów strony

B. aby dodać treści tekstowe

C. aby ułatwić użytkownikowi nawigację

D. aby przyspieszyć wyświetlanie grafiki

Kaskadowe arkusze stylów (CSS) tworzy się, aby DEFINIOWAĆ wygląd elementów strony – kolory, czcionki, rozmiary, marginesy i układ. Oddzielają one prezentację od treści (HTML). Dlatego czwarta odpowiedź jest poprawna.

Pytanie 16

Którego słowa kluczowego użyć w języku C, aby zdefiniować stałą?

const

#INCLUDE

static

#CONST

Słowo kluczowe const w języku C oznacza, że wartość zmiennej jest STAŁA (niezmienna) – np. const int MAX = 100;. Próba jej modyfikacji zgłosi błąd kompilacji. (Stałe można też definiować dyrektywą preprocesora #define.) Dlatego do zdefiniowania stałej służy const.

Pytanie 17

Zaprezentowano kod dla tabeli 3x2. Jaką modyfikację należy wprowadzić w drugim wierszu, aby tabela przypominała tę z obrazka, gdzie wiersz jest niewidoczny?

<table>
    <tr>
        <td style="border: solid 1px;">Komórka 1</td>
        <td style="border: solid 1px;">Komórka 2</td>
    </tr>
    <tr>
        <td style="border: solid 1px;">Komórka 3</td>
        <td style="border: solid 1px;">Komórka 4</td>
    </tr>
    <tr>
        <td style="border: solid 1px;">Komórka 5</td>
        <td style="border: solid 1px;">Komórka 6</td>
    </tr>
</table>

/efekt jest na obrazie - nie dołączam - nie analizuj/

A. <pre class="code-block"><tr style="display: none"></pre>

B. <pre class="code-block"><tr style="visibility: hidden"></pre>

C. <pre class="code-block"><tr style="clear: none"></pre>

D. <pre class="code-block"><tr style="display: table-cell"></pre>

Zastosowanie niewłaściwych właściwości CSS w tabelach może prowadzić do niezamierzonych efektów wizualnych i funkcjonalnych. 'Display: none' usunąłby wiersz z układu dokumentu, co skutkowałoby przesunięciem w górę wierszy poniżej. To podejście jest użyteczne, gdy element powinien być całkowicie usunięty z przestrzeni wizualnej i układu, ale nie spełniałoby celu przedstawionego w pytaniu, gdzie układ ma pozostać niezmieniony. Z kolei 'clear: none' jest właściwością CSS dotyczącą floatów, a nie widoczności, co oznacza, że nie miałoby żadnego wpływu na wyświetlanie wiersza tabeli. Jest to typowy błąd polegający na myleniu właściwości CSS w kontekście ukrywania elementów. Właściwość 'display: table-cell' jest stosowana dla elementów traktowanych jako komórki tabeli, co nie jest odpowiednie dla wierszy tabeli. Wybierając tę właściwość, użytkownik mógłby mylnie sądzić, że ma to wpływ na widoczność, podczas gdy w rzeczywistości zmienia jedynie sposób renderowania elementu. Prawidłowe rozumienie różnic między 'visibility' a 'display' jest kluczowe w tworzeniu przewidywalnych i stabilnych interfejsów użytkownika, co jest jednym z fundamentów dobrego projektowania front-endu. Wybór niewłaściwego podejścia do ukrywania elementów może prowadzić do niepożądanych zmian w interfejsie, co wpływa na użyteczność i estetykę strony.

Pytanie 18

Aby na stronie internetowej wyswietlic logo, ktorego tlo jest przezroczyste, nalezy zastosowac format:

A. JPG

B. CDR

C. BMP

D. PNG

PNG (Portable Network Graphics) to jedyny z wymienionych formatow, ktory zachowa przezroczyste tlo logo na stronie internetowej. Decyduje o tym kanal alfa - dodatkowa informacja o przezroczystosci kazdego piksela, dzieki ktorej miejsca bez grafiki pozostaja puste i przepuszczaja tlo strony. Logo wpasowuje sie wtedy w dowolne tlo bez bialego prostokata dookola. PNG stosuje przy tym kompresje bezstratna, wiec ostre krawedzie liter i jednolite barwy logo nie zostaja rozmyte. Format jest obslugiwany przez wszystkie przegladarki, co czyni go standardowym wyborem dla grafik z przezroczystoscia w sieci WWW.

Pytanie 19

Który z poniższych formatów NIE umożliwia zapis plików animowanych?

A. ACE

B. SWF

C. SVG

D. GIF

Wybór formatu SWF sugeruje, że użytkownik myli zastosowania różnych formatów plików. SWF, czyli Shockwave Flash, to format, który był powszechnie używany do tworzenia animacji i interaktywnych aplikacji internetowych. Jest on oparty na wektorowej grafice i obsługuje dźwięk oraz skrypty, co czyni go idealnym do tworzenia złożonych animacji. Z kolei SVG, czyli Scalable Vector Graphics, to format oparty na XML, który pozwala na tworzenie grafiki wektorowej i również obsługuje animacje przy użyciu CSS oraz JavaScript. Poprzez błędne przypisanie funkcji animacyjnych do ACE, użytkownik może nie dostrzegać, jak różne formaty są projektowane z myślą o określonych zastosowaniach. GIF to format, który od lat jest popularny w sieci do prezentacji prostych animacji, zwłaszcza w mediach społecznościowych. Użytkownicy często mylą różne zastosowania formatów i mogą nie być świadomi, że istnieją formaty, które są specjalnie zaprojektowane do obsługi animacji, podczas gdy inne służą zupełnie innym celom, jak kompresja danych. Właściwe zrozumienie tych różnic jest kluczowe dla efektywnego projektowania treści multimedialnych oraz optymalizacji ich działania w różnych środowiskach.

Pytanie 20

Dla którego akapitu zastosowano przedstawioną właściwość stylu CSS?

A. Akapit 2

B. Akapit 1

C. Akapit 4

D. Akapit 3

Wybrana przez Ciebie odpowiedź jest nieprawidłowa. Właściwość CSS 'border-radius: 20%;' nie została zastosowana do akapitu, który wybrałeś. Wskazuje na to fakt, że rogi akapitu są prostokątne, a nie zaokrąglone. Zaokrąglenie rogów jest efektem działania tej właściwości CSS. Warto pamiętać, że 'border-radius' to ważna właściwość, która daje możliwość manipulowania kształtem elementów HTML. Można za jej pomocą tworzyć różne efekty estetyczne, takie jak zaokrąglone rogi, elipsy czy okręgi. Jednak jej użycie powinno być zawsze przemyślane i dostosowane do ogólnego stylu strony. W przeciwnym razie, niewłaściwe użycie tej właściwości może zaburzyć harmonię projektu. Pamiętaj, że rozumienie i umiejętność zastosowania różnych właściwości CSS jest kluczem do tworzenia atrakcyjnych i funkcjonalnych stron internetowych.

Pytanie 21

W danej tabeli pracownicy, polecenie MySQL eliminujące wszystkie wpisy, dla których nie została wypełniona kolumna rodzaj_umowy, ma następującą formę

A. DELETE pracownicy WHERE rodzaj_umowy = 'brak';

B. DROP pracownicy FROM rodzaj_umowy = 0;

C. DROP pracownicy WHERE rodzaj_umowy IS NULL;

D. DELETE FROM pracownicy WHERE rodzaj_umowy IS NULL;

W odpowiedziach, które zostały uznane za błędne, można dostrzec kilka istotnych nieporozumień dotyczących użycia poleceń SQL. Przykładowo, polecenie "DELETE pracownicy WHERE rodzaj_umowy = 'brak';" sugeruje, że chcesz usunąć pracowników z tabeli, którzy mają zaznaczoną wartość 'brak'. Jednak, w kontekście baz danych, wartość NULL jest odmienna od wartości tekstowej. NULL oznacza brak jakiejkolwiek wartości, co nie jest tożsame z wartością 'brak'. W związku z tym to zapytanie nie zwróci żadnych rezultatów, ponieważ nie identyfikuje rekordów, których pole 'rodzaj_umowy' jest puste. Inna odpowiedź, "DROP pracownicy WHERE rodzaj_umowy IS NULL;" jest również niepoprawna, ponieważ komenda DROP służy do usuwania całej tabeli, a nie poszczególnych rekordów. Zastosowanie WHERE w tym kontekście jest niewłaściwe, co prowadzi do całkowitego usunięcia tabeli, a nie do usunięcia tylko określonych wierszy. Z kolei "DROP pracownicy FROM rodzaj_umowy = 0;" także wykazuje fundamentalne błędy, ponieważ DROP jest używane do usuwania obiektów bazy danych, a nie do operacji na danych. Użycie FROM jest również niepoprawne w kontekście DROP, co wskazuje na niewłaściwe zrozumienie składni SQL. Tego rodzaju pomyłki mogą prowadzić do poważnych konsekwencji, takich jak utrata danych czy zniszczenie struktury bazy danych, dlatego niezwykle istotne jest zrozumienie podstawowych różnic między poszczególnymi poleceniami oraz ich zastosowaniem w praktyce.

Pytanie 22

Której funkcji PHP użyć, aby NAWIĄZAĆ połączenie z serwerem bazy danych?

mysqli_autocommit()

mysqli_connect()

mysqli_fetch_row()

mysqli_get_connection_stats()

Połączenie z serwerem bazy danych MySQL nawiązuje funkcja mysqli_connect(host, użytkownik, hasło, baza) – zwraca uchwyt połączenia używany w kolejnych operacjach. Dlatego do połączenia służy mysqli_connect().

Pytanie 23

Na przedstawionej grafice znajduje się struktura sekcji dla witryny internetowej. Przyjmując, że blok5 nie ma przypisanej szerokości, a bloki są określone w dokumencie HTML w kolejności ich numeracji, jak powinno wyglądać zdefiniowanie opływania?

A. bloki 1, 2, 3, 4 float: right; blok 5 clear: right;

B. blok 1 float: left; bloki 2, 4 float: center; blok 3 float: right; blok 5 clear: both;

C. bloki 1, 2, 4 float: left; blok 3, 5 float: right;

D. bloki 1, 2, 4 float: left; blok 3 float: right; blok 5 clear: both;

Odpowiedź 3 jest poprawna, ponieważ odpowiada układowi bloków na stronie i ich pozycjonowaniu. Użycie właściwości CSS float: left; dla bloków 1, 2 i 4 pozwala im ułożyć się w linii po lewej stronie. Blok 3 z float: right; zostanie umieszczony po prawej stronie, co jest zgodne z przedstawionym układem. Blok 5 natomiast, znajdujący się na dole i rozciągający się na całą szerokość, wymaga użycia clear: both;, aby nie opływały go inne bloki i mógł zająć całą dostępną przestrzeń poziomą. Takie zastosowanie float i clear jest zgodne z najlepszymi praktykami w projektowaniu układów stron internetowych. Stylowanie za pomocą float jest powszechnie używane w CSS do tworzenia dynamicznych układów, a właściwość clear zapewnia, że element nie będzie opływany przez poprzedzające elementy pływające, co jest szczególnie istotne dla elementów podsumowujących lub końcowych na stronie.

Pytanie 24

Jakiego rodzaju oprogramowanie narzędziowe powinno być zainstalowane, aby umożliwić użytkownikowi przeprowadzanie operacji na zgromadzonych danych?

A. Obiektowy System Zarządzania Bazą Danych

B. System Zarządzania Bazą Danych (SZBD)

C. Otwarty mechanizm komunikacji bazy danych

D. Klucz obcy

Klucz obcy to dość ciekawe zagadnienie, które dotyczy relacji między tabelami w bazach danych. Dzięki niemu można powiązać różne rekordy, ale nie jest to coś, co działa samodzielnie. To nie jest jakieś oprogramowanie, które można zainstalować i oczekiwać, że wszystko będzie działać. Z kolei Obiektowy System Zarządzania Bazą Danych (OSZBD) to inny temat, który opiera się na podejściu obiektowym. Może być przydatny, ale nie jest powszechnym rozwiązaniem. Samo otwarte mechanizmy komunikacji bazy danych też w sumie nie zapewnia skutecznego zarządzania danymi. Błędem jest myślenie, że wybór nieodpowiednich elementów, takich jak klucz obcy czy te mechanizmy, załatwi sprawę. Efektywna praca z danymi w praktyce wymaga wyboru SZBD, który jest stworzony do tego, żeby skutecznie zarządzać danymi i nie pomijanie tego prowadzi do nieporozumień.

Pytanie 25

Metoda pełniąca w języku PHP rolę konstruktora klasy nosi nazwę:

__init()

__create()

__new()

__construct()

Pozostałe nazwy nie są konstruktorem w PHP. __create() i __new() brzmią wiarygodnie, ale PHP takich magicznych metod nie definiuje. __init() to nazwa konstruktora w Pythonie (jako __init__), a nie w PHP. Magiczne metody PHP mają dwa podkreślniki, a tę wywoływaną przy tworzeniu obiektu nazwano __construct(), dlatego pierwsza odpowiedź jest poprawna.

Pytanie 26

Którą technologię poleca się, aby treść serwisu mogli edytować użytkownicy bez umiejętności programowania?

A. SSL

B. SEO

C. CMS

D. FTP

Pozostałe technologie służą do czego innego. SEO to pozycjonowanie – działania poprawiające widoczność strony w wyszukiwarkach, a nie edycja treści. FTP to protokół PRZESYŁANIA plików na serwer (wymaga wiedzy technicznej). SSL to protokół SZYFROWANIA połączenia (HTTPS). Edycję treści bez kodowania umożliwia CMS, dlatego pierwsza odpowiedź jest poprawna.

Pytanie 27

Którego znacznika należy użyć, aby przejść do nowej linii tekstu, nie tworząc nowego akapitu?

<br>

<p>

</br>

</b>

Pozostałe znaczniki nie dają samego złamania linii.  tworzy odrębny akapit – wprowadza nową linię, ale też pionowy odstęp i traktuje tekst jako osobny blok, czego pytanie chciało uniknąć.  to znacznik zamykający pogrubienie, więc kończy formatowanie, a nie przenosi tekstu niżej.  jest błędny składniowo –   to element pusty i nie ma wersji zamykającej. Złamanie linii bez akapitu zapewnia  , dlatego ta odpowiedź jest poprawna.

Pytanie 28

Co wyświetli kod PHP:

echo date('Y');

A. miesiąc i rok

B. rok

C. dzień

D. dzień i miesiąc

Funkcja date() formatuje datę według podanego wzorca. Znak 'Y' oznacza czterocyfrowy ROK (np. 2026), więc echo date('Y'); wypisze sam rok. Inne znaki to m.in. 'm' (miesiąc), 'd' (dzień). Dlatego pierwsza odpowiedź jest poprawna.

Pytanie 29

Z tabel Artykuly oraz Autorzy należy wyodrębnić tylko nazwiska autorów oraz tytuły ich artykułów, które uzyskały ocenę 5. Odpowiednia kwerenda do pozyskania tych informacji ma postać

A. SELECT nazwisko, tytul FROM autorzy JOIN artykuly ON autorzy.id = autorzy_id;

B. SELECT nazwisko, tytul FROM autorzy, artykuly WHERE ocena == 5;

C. SELECT nazwisko, tytul FROM autorzy JOIN artykuly ON autorzy.id = artykuly.id;

D. SELECT nazwisko, tytul FROM autorzy JOIN artykuly ON autorzy.id = autorzy_id WHERE ocena = 5;

Odpowiedź SELECT nazwisko tytul FROM autorzy JOIN artykuly ON autorzy.id = autorzy_id WHERE ocena = 5; jest poprawna ponieważ precyzyjnie wykorzystuje konstrukcję SQL do połączenia tabel Autorzy i Artykuly. JOIN łączy te tabele na podstawie klucza obcego autorzy_id w tabeli Artykuly który odpowiada kluczowi głównemu id w tabeli Autorzy. To pozwala na uzyskanie pełnej informacji o autorach i ich artykułach. Klauzula WHERE ocena = 5 filtruje wyniki i zwraca jedynie te które mają ocenę równą 5. Jest to standardowe podejście w SQL do pobierania danych na podstawie określonych kryteriów co jest bardzo efektywne w zarządzaniu dużymi zbiorami danych. Praktyczne zastosowanie tego typu kwerend obejmuje na przykład systemy rekomendacji artykułów gdzie tylko dobrze ocenione treści są pokazywane użytkownikom. Stosowanie takich kwerend zgodnie z najlepszymi praktykami pozwala na utrzymanie wydajności bazy danych oraz na zapewnienie integralności danych co jest kluczowe w profesjonalnym zarządzaniu bazami danych.

Pytanie 30

Co realizuje polecenie zaczynające się od ALTER TABLE USA ...?

A. utworzenie nowej tabeli USA

B. usunięcie tabeli USA

C. nadpisanie starej tabeli USA

D. modyfikację (zmianę struktury) tabeli USA

Pozostałe odpowiedzi przypisują ALTER TABLE zadania innych poleceń. Usunięcie całej tabeli to DROP TABLE. Utworzenie nowej tabeli to CREATE TABLE. ALTER nie „nadpisuje” też starej tabeli nową – jedynie modyfikuje jej strukturę, zachowując dane. Dlatego ALTER TABLE oznacza modyfikację tabeli, czyli druga odpowiedź jest poprawna.

Pytanie 31

W semantycznym HTML odpowiednikiem elementu , który nie tylko pogrubia tekst, ale także wskazuje na jego większe znaczenie, jest

A.

B. <ins>

C.

D.

Użycie znaczników , <ins>, czy w kontekście pytania jest nieprawidłowe z różnych powodów. Znacznik służy do podkreślenia znaczenia tekstu, ale jego domyślna semantyka wskazuje, że ma on charakter emocjonalny, a nie wagi. Z kolei <ins> oznacza dodanie nowego elementu treści, co również nie odzwierciedla idei pogrubienia z podkreśleniem znaczenia. Znacznik stosuje się do wyróżniania fragmentów tekstu, które są istotne w danym kontekście, jednak nie przekazuje on informacji o większym znaczeniu, jak to ma miejsce w przypadku . Dlatego myślenie, że te znaczniki mogą zastąpić , może prowadzić do błędnych interpretacji treści przez odwiedzających stronę. Warto zauważyć, że poprawne użycie semantyki w HTML nie tylko wpływa na estetykę strony, ale także na jej funkcjonalność i dostępność. Błędy w doborze znaczników mogą skutkować brakiem przystosowania witryny do potrzeb osób z niepełnosprawnościami, co jest sprzeczne z zasadami tworzenia dostępnych stron internetowych. Stąd zasada dobrych praktyk nakazuje, aby stosować odpowiednie znaczniki w oparciu o ich semantyczne znaczenie, co przynosi korzyści zarówno w kontekście SEO, jak i użyteczności.

Pytanie 32

Co oznacza ustawienie background-attachment: scroll?

A. że tło pozostanie nieruchome przy przewijaniu

B. że tło będzie przewijać się razem z treścią strony

C. że tło będzie powtarzane jak kafelki

D. że tło pojawi się w prawym górnym rogu

Pozostałe opisy dotyczą innych właściwości lub wartości. Powtarzanie tła w kafelki ustawia background-repeat, a nie background-attachment. Położenie tła (np. w rogu) określa background-position. Nieruchome tło względem okna daje wartość fixed, a nie scroll. scroll oznacza tło przewijane z treścią, dlatego druga odpowiedź jest poprawna.

Pytanie 33

Którego znacznika HTML użyć, aby wstawić poziomą linię?

<line>

<hl>

<hr>

<br>

Pozostałe znaczniki nie tworzą poziomej linii. <line> oraz <hl> w ogóle nie istnieją w HTML.   wymusza ŁAMANIE wiersza (przejście do nowej linii), ale nie rysuje żadnej kreski. Poziomą linię wstawia <hr>, dlatego czwarta odpowiedź jest poprawna.

Pytanie 34

Najłatwiejszym i najmniej czasochłonnym sposobem na przetestowanie funkcjonowania strony internetowej w różnych przeglądarkach oraz ich wersjach jest

A. skorzystanie z narzędzia do walidacji kodu HTML

B. zainstalowanie na kilku maszynach różnych przeglądarek i przeprowadzenie testu witryny

C. testowanie strony w programie Internet Explorer, zakładając, że inne przeglądarki będą kompatybilne

D. użycie emulatora przeglądarek internetowych, np. Browser Sandbox

Wykorzystywanie walidatora języka HTML do testowania witryny w różnych przeglądarkach nie jest wystarczającą metodą. Walidatory są narzędziami, które sprawdzają poprawność kodu HTML pod kątem zgodności ze standardami W3C, ale nie oceniają, jak rzeczywiście strona będzie działać w różnych przeglądarkach. Możliwe jest, że strona przejdzie test walidacji, ale w rzeczywistości może wyświetlać się inaczej w różnych przeglądarkach z powodu różnych silników renderujących. Instalowanie różnych przeglądarek na wielu komputerach również nie jest efektywnym rozwiązaniem, gdyż wymaga znacznych nakładów czasu i zasobów, a także trudności w utrzymaniu aktualizacji i wersji. Testowanie jedynie w programie Internet Explorer, zakładając, że inne przeglądarki będą działać podobnie, jest mylne, gdyż różnice w implementacji standardów HTML, CSS i JavaScript w różnych przeglądarkach mogą prowadzić do nieoczekiwanych błędów. Takie podejście może skutkować poważnymi problemami z użytecznością, a także obniżyć jakość doświadczenia użytkownika. Istnieje zatem ryzyko, że aplikacja webowa nie będzie działać prawidłowo na kluczowych platformach, co w dzisiejszym zróżnicowanym środowisku przeglądarek stanowi istotne zagrożenie dla reputacji i funkcjonalności witryny.

Pytanie 35

Jak nazywa się mechanizm, dzięki któremu klasa pochodna przejmuje pola i metody klasy bazowej?

A. polimorfizmem

B. wirtualizacją

C. dziedziczeniem

D. hermetyzacją

Pozostałe pojęcia to inne mechanizmy. Polimorfizm pozwala traktować obiekty różnych klas przez wspólny interfejs, gdzie ta sama metoda zachowuje się różnie zależnie od klasy. Hermetyzacja (enkapsulacja) to ukrywanie wewnętrznych pól i metod obiektu (kontrola dostępu). Wirtualizacja to pojęcie z obszaru systemów/serwerów, niezwiązane z relacją klas. Przejmowanie składowych klasy bazowej to dziedziczenie, dlatego pierwsza odpowiedź jest poprawna.

Pytanie 36

W PHP, aby połączyć się z bazą danych MySQL przy użyciu biblioteki mysqli, w zapisie zamieszczonym poniżej, w miejscu litery 'c' powinno się wpisać

A. hasło użytkownika

B. lokalizację serwera bazy danych

C. nazwę użytkownika

D. nazwę bazy danych

Rozważając, co powinno znajdować się na miejscu oznaczonym literą 'c', należy zrozumieć, jak działa funkcja mysqli w PHP. Pierwszym argumentem jest lokalizacja serwera bazy danych, często jest to 'localhost' dla lokalnych połączeń, co może prowadzić do błędnego założenia, że to właśnie ten parametr znajduje się pod literą 'c'. Drugi parametr powinien być nazwą użytkownika bazy danych, co w kontekście bezpieczeństwa jest elementem, na który zawsze trzeba zwracać uwagę. Hasło użytkownika znajduje się na trzeciej pozycji i jest kluczowe dla zapewnienia, że tylko uprawnione osoby mogą uzyskać dostęp do bazy. Czwarty parametr to nazwa bazy danych, która jest niezbędna do określenia, z którą bazą chcemy pracować w ramach danego połączenia. Często błędnie przyjmuje się, że nazwa bazy powinna być na pierwszym miejscu, co wynika z zamieszania co do struktury danych wejściowych. Warto dodać, że lokalizacja serwera, choć czasem zaniedbywana, jest kluczowa w środowiskach rozproszonych, gdzie połączenia mogą być nawiązywane z różnych serwerów lub maszyn wirtualnych. Każdy z tych elementów jest istotny i musi być poprawnie zidentyfikowany, aby połączenie z bazą danych było skuteczne i bezpieczne. Praktyczne umiejętności w tej dziedzinie są kluczowe, zwłaszcza przy projektowaniu i wdrażaniu aplikacji działających w profesjonalnym środowisku produkcyjnym.

Pytanie 37

Którą funkcją PHP przekierować użytkownika na inną stronę?

include();

upload();

require();

header();

Pozostałe funkcje nie przekierowują użytkownika. require() oraz include() DOŁĄCZAJĄ do skryptu zawartość innego pliku (kod, szablon) – nie zmieniają adresu strony. upload() w ogóle nie jest funkcją PHP. Przekierowanie wysyła header("Location: ..."), dlatego druga odpowiedź jest poprawna.

Pytanie 38

Jakie polecenie pozwala na kontrolowanie oraz optymalizację bazy danych?

A. mysqldump

B. mysqlimport

C. mysqlshow

D. mysqlcheck

Odpowiedzi takie jak 'mysqlshow', 'mysqldump' i 'mysqlimport' są mylące, ponieważ nie pełnią roli narzędzi do sprawdzania i optymalizacji bazy danych. Narzędzie mysqlshow służy jedynie do wyświetlania informacji o bazach danych i tabelach, co może być użyteczne do monitorowania istniejących struktur, ale nie wpływa na ich integralność ani wydajność. Z kolei mysqldump jest wykorzystywane do tworzenia zrzutów danych z bazy, co jest kluczowe dla backupów, ale nie ma żadnych funkcji związanych z optymalizacją czy konserwacją. Wreszcie, mysqlimport jest narzędziem do importowania danych z plików zewnętrznych do bazy danych, a więc również nie odnosi się do kwestii sprawdzania czy optymalizacji. Wybierając te odpowiedzi, można dojść do błędnych wniosków, sądząc, że jedno narzędzie może pełnić wiele funkcji, podczas gdy każde z wymienionych narzędzi ma swoje specyficzne zadania. Zrozumienie różnicy między tymi narzędziami jest kluczowe dla efektywnego zarządzania bazami danych oraz stosowania najlepszych praktyk w ich administracji.

Pytanie 39

Która reguła CSS wyśrodkowuje tekst w PIONIE?

vertical-align: center

text-align: center

align: middle

vertical-align: middle

Pozostałe zapisy są błędne. vertical-align: center używa nieprawidłowej wartości – dla pionu poprawne jest middle, a center tu nie istnieje. text-align: center wyrównuje tekst w POZIOMIE, a nie w pionie. align: middle odwołuje się do nieistniejącej właściwości align (to dawny atrybut HTML, nie CSS). Pionowe wyśrodkowanie daje vertical-align: middle, dlatego pierwsza odpowiedź jest poprawna.

Pytanie 40

Algorytm pokazany na ilustracji można zapisać w języku JavaScript przy użyciu instrukcji

A. var i = 0; do i++; while(i > 10)

B. var i = 0; do i = i + 2; while(i < 10)

C. var i = 0; while(i <= 10) i += 2

D. for(i = 0; i > 10; i++)

Odpowiedź var i = 0 while(i <= 10) i += 2; jest poprawna, ponieważ reprezentuje poprawną implementację pętli while w języku JavaScript, która odzwierciedla logikę przedstawioną na rysunku. Kluczowym elementem jest inicjalizacja zmiennej i, ustawiając ją na 0. Następnie pętla while jest używana do sprawdzenia warunku i <= 10, co oznacza, że dopóki ten warunek jest spełniony, blok pętli będzie wykonywany. W każdym cyklu wartość i jest zwiększana o 2 za pomocą wyrażenia i += 2. Jest to typowy sposób iteracji w JavaScript, który pozwala na kontrolowaną manipulację zmienną kontrolującą pętlę. Takie podejście jest zgodne z najlepszymi praktykami, ponieważ zapewnia przejrzystość kodu i łatwość jego późniejszej modyfikacji. W praktycznych zastosowaniach, takie struktury są często używane w sytuacjach, gdy potrzebujemy przetworzyć dane w określonym zakresie, np. iterując przez elementy tablicy co drugi element. Zastosowanie pętli while z odpowiednim warunkiem umożliwia precyzyjną kontrolę nad przebiegiem iteracji, co jest kluczowe w programowaniu aplikacji i skryptów.

Rozpocznij nowy egzamin

Powrót do strony głównej