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: 8 czerwca 2026 16:22
Data zakończenia: 8 czerwca 2026 16:54

Egzamin zdany!

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

Jaką operację trzeba wykonać podczas edytowania zdjęcia w programie graficznym, aby zamienić białe tło na przezroczystość?

A. Dodać kanał alfa

B. Maksymalnie zmniejszyć jasność

C. Zmienić saturację obrazu

D. Skadrować obraz

Aby zamienić białe tło na przezroczystość w edytorze grafiki, kluczowym krokiem jest dodanie kanału alfa do obrazu. Kanał alfa jest używany do zarządzania przezroczystością pikseli w obrazie rastrowym, co pozwala na zachowanie tylko tych elementów, które mają być widoczne. Proces ten jest szczególnie istotny przy pracy z grafiką stosowaną w projektach multimedialnych, takich jak strony internetowe, animacje czy prezentacje. Po dodaniu kanału alfa, można użyć narzędzi selekcji, takich jak różdżka czy lasso, aby zaznaczyć obszar białego tła i usunąć go, co skutkuje uzyskaniem przezroczystości. Dobrą praktyką jest również zapisanie pliku w formacie obsługującym przezroczystość, jak PNG, co zapewnia, że efekt końcowy zostanie zachowany, a tło będzie rzeczywiście przezroczyste. Przykład zastosowania można znaleźć w tworzeniu grafik do mediów społecznościowych, gdzie przezroczystość tła pozwala na lepsze dopasowanie elementów do różnych szablonów.

Pytanie 2

Która z metod wyświetlenia tekstu nie jest określona w języku JavaScript?

A. Metoda document.write()

B. Funkcja window.alert()

C. Właściwość innerHTML

D. Funkcja MessageBox()

Funkcja MessageBox() nie jest zdefiniowana w języku JavaScript, co czyni tę odpowiedź poprawną. W JavaScript do wyświetlania interaktywnych okien dialogowych służy metoda window.alert(), która wyświetla prosty komunikat. Metoda ta przyjmuje jeden argument, który jest tekstem wyświetlanym w oknie alertu. Przykład użycia: window.alert('To jest komunikat');. Kolejną metodą jest document.write(), która umożliwia dynamiczne dodawanie treści do dokumentu HTML. Przykład: document.write('<h1>Witaj w JavaScript!</h1>');. W praktyce, podczas tworzenia interaktywnych aplikacji webowych, wybór metody prezentacji danych powinien być przemyślany, biorąc pod uwagę doświadczenia użytkowników. Warto również stosować standardy dotyczące dostępności, aby zapewnić, że wszyscy użytkownicy, niezależnie od ich umiejętności technicznych, mogą z łatwością korzystać z aplikacji.

Pytanie 3

Który efekt został zaprezentowany na filmie?

A. Zwiększenie ostrości zdjęcia.

B. Zmiana jasności zdjęć.

C. Przenikanie zdjęć.

D. Zmniejszenie kontrastu zdjęcia.

Poprawnie wskazany efekt to przenikanie zdjęć, często nazywane też płynnym przejściem (ang. crossfade). Polega to na tym, że jedno zdjęcie stopniowo zanika, jednocześnie drugie pojawia się z narastającą widocznością. W praktyce technicznej realizuje się to najczęściej przez zmianę przezroczystości (opacity) dwóch warstw – jedna warstwa z pierwszym obrazem ma zmniejszaną wartość opacity z 1 do 0, a druga z kolejnym zdjęciem zwiększaną z 0 do 1. Na stronach WWW taki efekt robi się zwykle za pomocą CSS (transition, animation, keyframes) albo JavaScriptu, czasem z użyciem bibliotek typu jQuery czy gotowych sliderów. Moim zdaniem to jest jeden z podstawowych efektów, który warto umieć odtworzyć, bo pojawia się w galeriach, sliderach na stronach głównych, prezentacjach produktów czy prostych pokazach slajdów. W materiałach multimedialnych, np. w edycji wideo, dokładnie ten sam efekt nazywa się przejściem typu „cross dissolve” lub „fade”, i zasada działania jest identyczna – płynne nakładanie się dwóch klatek obrazu w czasie. Dobre praktyki mówią, żeby nie przesadzać z czasem trwania przenikania: zwykle 0,5–1,5 sekundy daje przyjemny, profesjonalny wygląd, bez wrażenia „zamulenia” interfejsu. Warto też pilnować spójności – jeśli na stronie używasz przenikania w jednym miejscu, dobrze jest utrzymać podobny styl animacji w innych elementach, żeby całość wyglądała konsekwentnie i nie rozpraszała użytkownika. W kontekście multimediów na WWW przenikanie jest też korzystne wydajnościowo, bo operuje głównie na właściwości opacity i transformacjach, które przeglądarki potrafią optymalizować sprzętowo.

Pytanie 4

Który standard wideo cechuje się rozdzielczością 1920 × 1080 pikseli?

A. Ultra HD

B. Full HD

C. HD Ready

D. 4K

Full HD (oznaczane też 1080p) to standard rozdzielczości 1920 × 1080 pikseli - powszechny w telewizorach, monitorach i nagraniach wideo. „p” oznacza skanowanie progresywne (pełne klatki). Wyższe standardy to 4K / Ultra HD (3840 × 2160), a niższy popularny to HD Ready (1280 × 720). Im więcej pikseli, tym ostrzejszy obraz. Dlatego 1920 × 1080 to rozdzielczość Full HD.

Pytanie 5

Do czego służy znacznik <i> w języku HTML?

A. zdefiniowania formularza

B. zdefiniowania nagłówka w treści

C. umieszczania obrazu

D. zmiany kroju pisma na pochylony

Znacznik <i> w języku HTML jest używany do przedstawienia tekstu w stylu kursywy. Jest to jeden z najprostszych znaczników, który jest często stosowany do podkreślenia pewnych elementów tekstowych, takich jak tytuły książek, nazwy filmów czy inne wyrazy, które mają znaczenie kontekstowe. Użycie tego znacznika jest zgodne z zasadami semantyki HTML, co oznacza, że zachowuje on znaczenie treści, a nie tylko jej wygląd. Warto również zauważyć, że w CSS istnieje wiele możliwości stylizacji tekstu, a znacznik <i> jest jednym z elementów, które w łatwy sposób można połączyć z regułami stylów, aby stworzyć atrakcyjne wizualnie strony internetowe. Przykładem zastosowania może być: <p>Ostatnio przeczytałem <i>Harry'ego Pottera</i> i bardzo mi się podobał.</p>. W tym przypadku tytuł książki jest wyróżniony, co przyciąga uwagę czytelnika. Warto pamiętać, że w nowoczesnym HTML zamiast <i> dla stylizacji można używać CSS, jednak <i> pozostaje ważnym elementem dla zachowania semantyki treści.

Pytanie 6

Jakim formatem plików dźwiękowych charakteryzuje się kompresja bezstratna?

A. MPEG

B. MP3

C. WAW

D. FLAC

MP3 to format dźwiękowy, który wykorzystuje kompresję, ale niestety jest to kompresja stratna, więc część danych audio się traci. Dlatego jakość dźwięku nie jest najlepsza, co może być problemem dla audiofilów, którzy szukają czegoś lepszego. Z kolei WAV to format nieskompresowany, co oznacza, że zachowuje wszystkie dane, ale pliki są duże… mało praktyczne, zwłaszcza jak masz ogromną bibliotekę muzyczną. MPEG, znany bardziej jako standard kompresji wideo, też może być używany do dźwięku, ale tak jak MP3, traci na jakości. Generalnie ani MP3, ani WAV, ani MPEG nie nadają się do kompresji bezstratnej, więc to nie są dobre odpowiedzi w tym przypadku.

Pytanie 7

W HTML, aby dodać obrazek z tekstem przylegającym, umiejscowionym na środku obrazka, trzeba użyć znacznika

A. <img src="/obrazek.png" alt="obraz1" hspace="30px">tekst

B. <img src="/obrazek.png" alt="obraz2" align="middle">tekst

C. <img src="/obrazek.png" alt="obraz3" height="50%">tekst

D. <img src="/obrazek.png" alt="obraz4">tekst

Aby wstawić obrazek z tekstem przyległym w HTML, należy skorzystać ze znacznika <img> z atrybutem align ustawionym na 'middle'. Atrybut align jest przestarzały w HTML5, ale nadal może być używany w kontekście tekstów przylegających do obrazków. Ustawiając 'middle', obrazek będzie wyśrodkowany w pionie względem linii tekstu, co pozwala na estetyczne umiejscowienie obrazu w odniesieniu do towarzyszącego mu tekstu. Dobrym przykładem jest zastosowanie <img src='/obrazek.png' alt='obraz2' align='middle'>tekst, co sprawia, że obrazek staje się integralną częścią tekstu, a nie tylko jego dodatkiem. W kontekście standardów, warto zauważyć, że HTML5 zaleca stosowanie CSS do pozycjonowania, dlatego bardziej współczesnym podejściem byłoby użycie stylów CSS, np. 'vertical-align: middle'. Można to osiągnąć poprzez dodanie klasy do obrazka oraz odpowiedniego stylu CSS. Chociaż align jest przestarzały, jego rozumienie jest istotne dla osób przystosowujących starsze strony do nowych standardów.

Pytanie 8

Wskaż blok, który jest sformatowany zgodnie z podanym stylem CSS.

background: linear-gradient(to right, LightBlue, DarkBlue);

A. Blok 3

B. Blok 4

C. Blok 1

D. Blok 2

Blok 2 jest poprawną odpowiedzią ponieważ wykorzystuje styl CSS background linear-gradient(to right LightBlue DarkBlue) co oznacza że gradient kolorów rozciąga się od lewej do prawej strony elementu CSS linear-gradient pozwala na tworzenie gładkich przejść między kolorami co jest popularną techniką w projektowaniu stron internetowych Styl ten dodaje wizualnej atrakcyjności i może być użyty w różnych częściach witryny takich jak przyciski nagłówki czy tła sekcji Właściwość gradientu pozwala na zastosowanie wielu kolorów i kontrolowanie ich punktów początkowych i końcowych co zwiększa elastyczność projektowania Ponadto gradienty są wspierane przez wszystkie nowoczesne przeglądarki co czyni je doskonałym wyborem dla responsywnych stron internetowych Wykorzystanie gradientów zamiast obrazów tła pomaga także w optymalizacji strony zmniejszając czas ładowania co jest zgodne z najlepszymi praktykami branżowymi i wpływa pozytywnie na doświadczenie użytkownika CSS oferuje również inne typy gradientów takie jak radial-gradient i conic-gradient które mogą być używane w zależności od potrzeb projektowych

Pytanie 9

Jak w języku strukturalnym przechować dane 50 uczniów (imię, nazwisko, średnia)?

A. tablicy 50 elementów o składowych strukturalnych

B. struktury 50 elementów o składowych tablicowych

C. klasy 50 elementów typu tablicowego

D. tablicy 50 elementów o składowych łańcuchowych

Dane jednego ucznia (imię, nazwisko, średnia) to różne pola opisujące jeden obiekt - w języku strukturalnym grupuje je STRUKTURA. Aby przechować 50 uczniów, tworzy się tablicę 50 elementów, gdzie każdy element jest taką strukturą. Dlatego potrzebna jest tablica o składowych strukturalnych.

Pytanie 10

Aby uzyskać akapit, w którym słowo „zaznaczony” jest wyróżnione znacznikiem <mark>, a słowo „istotny” oznaczone jako ważne <em> - z poprawnym otwarciem i zamknięciem znaczników - należy zastosować kod:

<p>Tekst może być <mark>zaznaczony albo <i>istotny</i> dla autora</mark></p>

<p>Tekst może być <mark>zaznaczony</mark> albo <em>istotny</em> dla autora</p>

<p>Tekst może być <mark>zaznaczony</mark> albo <em>istotny dla autora</p>

<p>Tekst może być <mark>zaznaczony albo <em>istotny</em> dla autora</mark></p>

Poprawny kod to

<p>Tekst może być <mark>zaznaczony</mark> albo <em>istotny</em> dla autora</p>

Każdy znacznik obejmuje dokładnie to słowo, którego dotyczy: <mark> wyróżnia „zaznaczony”, a <em> oznacza „istotny” jako ważny - i oba są zamknięte. Znaczniki nie zachodzą też na siebie nieprawidłowo. Dlatego ta wersja jest poprawna.

Pytanie 11

W języku JavaScript należy uzyskać dostęp do elementu w pierwszym akapicie podanego kodu HTML. Jak można to zrobić za pomocą funkcji

<p>pierwszy paragraf</p>
<p>drugi paragraf</p>
<p>trzeci paragraf</p>
...

A. getElementByClassName('p.1')[0];

B. getElementByTagName('p')[0];

C. getElementById('p1');

D. getElement('p');

Wariant getElement('p') jest niepoprawny, ponieważ nie istnieje w JavaScript żadna funkcja o takiej nazwie. Odwoływanie się do elementów DOM w JavaScript wymaga stosowania precyzyjnych i zgodnych z dokumentacją metod, takich jak getElementById, getElementsByTagName czy querySelector. Kolejna opcja, getElementById('p1'), jest błędna w kontekście tego pytania, ponieważ getElementById wymaga podania unikalnego identyfikatora ID, który w tym przypadku nie został określony w kodzie HTML. Użycie tej metody odnosiłoby się do elementu posiadającego atrybut id równy 'p1', co nie pasuje do przedstawionego kodu. Z kolei getElementByClassName('p.1') jest niepoprawne z kilku powodów. Po pierwsze, funkcja ta szuka elementów na podstawie klasy, a w kodzie HTML nie ma klasy o nazwie 'p.1'. Po drugie, format 'p.1' sugeruje błędne użycie znaków, ponieważ kropka jest separatorem w nazwach klas, a nie ich częścią. Poprawne odwołanie do elementu pierwszego paragrafu wymaga zastosowania jednej z metod iterujących po elementach, jak getElementsByTagName, która zwraca listę elementów o danym tagu, a następnie użycia indeksowania, aby precyzyjnie wskazać pierwszy element tej listy. Zrozumienie tych różnic i odpowiednie stosowanie metod JavaScript jest kluczowe dla efektywnego zarządzania elementami DOM i tworzenia dynamicznych stron WWW. Zwracanie uwagi na poprawne identyfikatory, klasy i struktury metod to fundament przy pracy z JavaScript i DOM, który pozwala na uniknięcie wielu powszechnie popełnianych błędów.

Pytanie 12

W HTML-u znacznik tekst będzie prezentowany przez przeglądarkę w sposób identyczny do znacznika

A. <h1>tekst</h1>

B. <b>tekst</b>

C. <big>tekst</big>

D. <sub>tekst</sub>

Znacznik <strong> w HTML jest używany do oznaczania tekstu, który ma być wyróżniony jako ważny. Jego domyślne stylizowanie w przeglądarkach polega na pogrubieniu tekstu, co jest również funkcją znacznika <b>. Oba znaczniki mają podobne zastosowanie, ale <strong> niesie dodatkowe znaczenie semantyczne, co oznacza, że informuje przeglądarki i maszyny o tym, że dany tekst jest istotny. Przykładem może być użycie <strong> w nagłówkach lub w miejscach, gdzie chcemy zwrócić uwagę na kluczowe informacje, jak np. 'Zamówienie <strong>pilne</strong> musi być dostarczone do jutra.' W kontekście dobrych praktyk zaleca się używanie znaku <strong> zamiast <b>, gdyż wspiera to dostępność i SEO - wyszukiwarki lepiej interpretują semantykę treści, co może wpłynąć na pozycjonowanie strony. Warto również pamiętać, że zgodnie z W3C, semantyka HTML ma kluczowe znaczenie dla strukturyzacji dokumentów oraz ich dostępności.

Pytanie 13

Jak nazywa się metoda-konstruktor (wywoływana przy tworzeniu obiektu) w PHP?

__construct

__open

__new

__create

Konstruktor w PHP ma jedną, ustaloną nazwę. __new, __open i __create to metody nieistniejące. Metodą wywoływaną przy tworzeniu obiektu jest __construct.

Pytanie 14

Aby podczas tworzenia tabeli zdefiniować klucz obcy na wielu kolumnach, należy użyć zapisu:

CONSTRAINT fk_osoba_uczen FOREIGN KEY(nazwisko, imie) REFERENCES osoby (nazwisko, imie)

CONSTRAINT (nazwisko, imie) FOREIGN REFERENCES KEY osoby (nazwisko, imie)

CONSTRAINT fk_osoba_uczen FOREIGN KEY ON(nazwisko, imie) REFERENCES osoby (nazwisko, imie)

CONSTRAINT (nazwisko, imie) FOREIGN KEY REFERENCES osoby (nazwisko, imie)

Pozostałe zapisy łamią składnię definicji klucza obcego. W dwóch brakuje listy kolumn zaraz po FOREIGN KEY albo przestawiono słowa kluczowe (FOREIGN REFERENCES KEY zamiast FOREIGN KEY ... REFERENCES) - serwer odrzuci je jako błąd. W jeszcze innym po FOREIGN KEY dopisano zbędne ON, którego w tej konstrukcji nie ma. Prawidłowy wielokolumnowy klucz obcy to CONSTRAINT nazwa FOREIGN KEY(kolumny) REFERENCES tabela(kolumny), dlatego to ten zapis jest poprawny.

Pytanie 15

W języku JavaScript, w celu przekształcenia specjalnie przygotowanego tekstu w tablicę, można wykorzystać metodę

A. split()

B. replace()

C. slice()

D. trim()

Użycie metod takich jak trim(), replace() czy slice() w kontekście zamiany tekstu na tablicę jest nieprawidłowe z kilku powodów. Metoda trim() służy do usuwania białych znaków (spacji, tabulatorów itp.) z początku i końca ciągu znaków. Choć jest to przydatne w wielu sytuacjach, nie ma ona żadnego wpływu na strukturę samego tekstu, a tym samym nie może być używana do przekształcania ciągu w tablicę. Z kolei replace() jest metodą, która zastępuje podciąg w łańcuchu, ale nie dzieli go na elementy. Na przykład, użycie replace() na ciągu "Jan,Kasia,Piotr" z celem uzyskania tablicy spowoduje, że nadal będziemy mieć jeden łańcuch, w którym nie będą mogły wystąpić oddzielne elementy. Natomiast metoda slice() służy do wycinania określonej części łańcucha, co również nie prowadzi do generowania tablicy. Powszechnym błędem myślowym jest założenie, że te metody mogą spełniać funkcję podziału tekstu, podczas gdy ich rzeczywiste zastosowanie jest zupełnie inne. W praktyce, stosując metody, które nie są przeznaczone do dzielenia tekstu, programiści mogą napotkać problemy z wydajnością i czytelnością kodu, co jest sprzeczne z zasadami dobrego programowania. Zrozumienie różnicy między tymi metodami oraz ich odpowiednim zastosowaniem jest kluczowe dla efektywnej pracy z danymi tekstowymi i zapewnia, że procesy przetwarzania informacji w aplikacjach są zarówno efektywne, jak i łatwe do utrzymania.

Pytanie 16

Co daje użytkownikowi nadanie w MySQL roli DBManager?

A. tworzenie kont użytkowników i ustawianie haseł

B. wszystkie operacje na bazach i na użytkownikach serwera

C. wszystkie operacje na bazach danych

D. możliwość monitorowania serwera

Rola DBManager w MySQL daje użytkownikowi prawo do WSZYSTKICH operacji na BAZACH danych (tworzenie, modyfikowanie, usuwanie baz i ich zawartości) - to rola zarządzania danymi, lecz nie kontami innych użytkowników. Zapamiętaj: DBManager rządzi bazami, ale nie zarządza użytkownikami serwera.

Pytanie 17

W języku PHP stwórz warunek, który będzie prawdziwy, gdy zmienna

$a

będzie jakąkolwiek liczbą całkowitą mniejszą niż -10 lub gdy zmienna

$b

będzie liczbą z zakresu (25, 75). Wyrażenie logiczne w tym warunku powinno mieć postać

A. ($a < -10) and (($b > 25) and ($b < 75))

B. ($a < -10) or (($b > 25) or ($b < 75))

C. ($a < -10) or (($b > 25) and ($b < 75))

D. ($a < -10) and (($b > 25) or ($b < 75))

Wyrażenie logiczne ($a < -10) or (($b > 25) and ($b < 75)) jest poprawne, ponieważ spełnia warunki określone w treści zadania. Warunek ten sprawdza, czy zmienna $a jest mniejsza od -10 lub czy zmienna $b mieści się w przedziale od 25 do 75, co oznacza, że musi być większa niż 25 oraz mniejsza niż 75 jednocześnie. Takie podejście jest zgodne z zasadami logiki i jest typowe w programowaniu w PHP. Praktycznym zastosowaniem tego typu warunków może być filtrowanie danych użytkowników na podstawie wieku lub kwot transakcji, gdzie istotne jest spełnienie kilku kryteriów. Warto również zauważyć, że użycie operatora 'or' w tym przypadku jest kluczowe, gdyż pozwala na spełnienie przynajmniej jednego z warunków, co jest istotne w kontekście przyjmowania danych. Dobre praktyki w programowaniu sugerują, aby zawsze dokładnie definiować warunki logiczne oraz unikać nadmiarowych złożoności, co czyni kod bardziej czytelnym i łatwiejszym w utrzymaniu.

Pytanie 18

Analizując poniższy kod HTML, jak w przeglądarce zachowa się blok B względem bloku A?

<div>A</div>
<div style="margin-top: 20px">B</div>

A. bloki A i B będą nachodzić na siebie

B. blok A zostanie przesunięty w lewo o 20 px

C. blok B będzie oddalony od bloku A o 20 px

D. zostanie ustawiony dolny margines bloku B

Drugi <div> (blok B) ma w atrybucie style ustawione margin-top: 20px - to margines zewnętrzny po GÓRNEJ stronie. Ponieważ blok B leży pod blokiem A, ten 20-pikselowy margines tworzy odstęp nad B, odsuwając go w dół od A. Dlatego blok B będzie oddalony od bloku A o 20 px.

Pytanie 19

Jaki jest cel procesu normalizacji tabel w bazie danych?

A. uporządkowanie struktury w celu wyeliminowania nadmiarowości danych

B. wyłącznie utworzenie tabel i relacji

C. dodawanie nowych rekordów do bazy

D. graficzne przedstawienie struktury bazy

Normalizacja to proces porządkowania struktury bazy danych tak, by ograniczyć nadmiarowość (powielanie) danych i zapobiec anomaliom przy ich wstawianiu, zmianie czy usuwaniu. Polega na podziale danych między tabele zgodnie z tzw. postaciami normalnymi (1NF, 2NF, 3NF) i powiązaniu ich kluczami. Dzięki temu każda informacja jest przechowywana w jednym miejscu, co ułatwia jej spójną aktualizację. Dlatego celem normalizacji jest uporządkowanie struktury i wyeliminowanie nadmiarowości danych.

Pytanie 20

Jakie polecenie pozwala na dodanie kolumny zadaniekompletne do tabeli zadania?

A. INSERT INTO zadania VALUES zadaniakompletne

B. ADD COLUMN zadaniekompletne WITH zadania

C. ALTER TABLE zadania ADD COLUMN zadaniekompletne int

D. CREATEINDEX zadania ADD COLUMN zadaniekompletne int

Odpowiedź 'ALTER TABLE zadania ADD COLUMN zadaniekompletne int' jest rzeczywiście na miejscu. To polecenie ALTER TABLE to standardowy sposób na zmiany w tabelach w SQL. Dzięki niemu możemy dodawać, usuwać czy zmieniać kolumny, a także wprowadzać różne ograniczenia. W tym przypadku dodajemy nową kolumnę 'zadaniekompletne', która będzie przyjmować wartości całkowite (int). Fajnym przykładem zastosowania tego polecenia może być śledzenie postępu zadań w projekcie. Kolumna 'zadaniekompletne' mogłaby oznaczać, czy zadanie jest skończone (np. 0 dla nieukończonego, 1 dla ukończonego). Zawsze warto pomyśleć o tym, jak takie zmiany mogą wpłynąć na istniejące dane oraz aplikacje korzystające z tej tabeli, żeby nie narazić się na różne problemy z danymi.

Pytanie 21

Do jakiego celu służy certyfikat SSL?

A. zidentyfikowania posiadacza witryny

B. deszyfracji danych przesyłanych w sieci

C. blokowania złośliwego oprogramowania na stronie

D. zapisywania informacji o sesjach generowanych w witrynie

Certyfikat SSL (Secure Sockets Layer) jest istotnym elementem zabezpieczeń internetowych, który służy do szyfrowania komunikacji pomiędzy przeglądarką a serwerem. Głównym celem certyfikatu SSL jest zapewnienie poufności danych przesyłanych w Internecie oraz potwierdzenie tożsamości właściciela witryny. Dzięki zastosowaniu certyfikatu SSL, użytkownicy mogą mieć pewność, że ich dane osobowe, takie jak hasła czy numery kart kredytowych, są chronione przed przechwyceniem przez osoby trzecie. Certyfikaty są wydawane przez zaufane organizacje certyfikujące, które weryfikują tożsamość właściciela witryny. W przypadku HTTPS, protokołu korzystającego z SSL, przeglądarka wyświetla ikonę kłódki, co sygnalizuje, że połączenie jest bezpieczne. Implementacja certyfikatu SSL jest nie tylko techniczną koniecznością, ale także pozytywnie wpływa na SEO, ponieważ wyszukiwarki, takie jak Google, preferują witryny zabezpieczone SSL, co może prowadzić do lepszej pozycji w wynikach wyszukiwania.

Pytanie 22

Jaką relację w projekcie bazy danych powinno się ustalić pomiędzy tabelami przedstawionymi na rysunku, przy założeniu, że każdy klient sklepu internetowego złoży co najmniej dwa zamówienia?

A. 1:1

B. 1:n, gdzie 1 znajduje się po stronie Zamówienia, a wiele po stronie Klienta

C. 1:n, gdzie 1 jest po stronie Klienta, a wiele po stronie Zamówienia

D. n:n

Relacja 1:n, gdzie 1 jest po stronie Klienta, a wiele po stronie Zamówienia, oznacza, że każdy klient może mieć wiele zamówień, ale każde zamówienie jest powiązane dokładnie z jednym klientem. To podejście odpowiada rzeczywistości większości sklepów internetowych, gdzie klienci wielokrotnie dokonują zamówień. Projektując bazę danych zgodnie z tą relacją, stosujemy klucz obcy w tabeli Zamówienia, który odwołuje się do klucza głównego w tabeli Klient. Jest to zgodne z dobrymi praktykami w projektowaniu baz danych, które zalecają minimalizowanie redundancji i zapewnienie integralności danych. Praktyczne zastosowanie tego modelu umożliwia łatwe śledzenie historii zamówień klientów, co jest kluczowe dla analizy sprzedaży i zarządzania relacjami z klientami. Relacja 1:n jest jedną z najczęściej stosowanych w modelowaniu danych, co potwierdza jej uniwersalność i skuteczność w różnych systemach informatycznych, od sklepów internetowych po systemy zarządzania zasobami ludzkimi.

Pytanie 23

Aby nałożyć na zdjęcie półprzezroczysty znak wodny (logo prześwitujące przez obraz), należy:

A. poprawić nasycenie kolorów

B. zastosować filtr Gaussa

C. wykorzystać kanał alfa

D. odpowiednio przyciąć obraz

Aby logo prześwitywało przez zdjęcie (półprzezroczysty znak wodny), wykorzystuje się KANAŁ ALFA - steruje on stopniem przezroczystości pikseli, więc nakładana warstwa może być częściowo widoczna. Dlatego należy wykorzystać kanał alfa.

Pytanie 24

Jakie skutki wywoła poniższy fragment kodu w języku JavaScript?

n = "Napis1"; s = n.length;

A. Przypisze zmiennej s część napisu ze zmiennej n o długości określonej przez zmienną length

B. Wyświetli liczbę znaków napisu z zmiennej n

C. Przypisze wartość zmiennej n do zmiennej s

D. Przypisze zmiennej s wartość odpowiadającą długości tekstu w zmiennej n

Odpowiedzi 1, 2 oraz 4 są niepoprawne z różnych powodów, co wskazuje na nieporozumienia w zakresie działania właściwości length w JavaScript. W przypadku pierwszej odpowiedzi, twierdzenie, że zmienna n zostanie przypisana do zmiennej s, jest błędne. Wartości zmiennych są przypisywane, a nie same zmienne. Odpowiedź ta ignoruje fakt, że w kodzie następuje użycie operatora przypisania, co skutkuje przekazaniem wartości długości napisu. W kontekście drugiej odpowiedzi, należy podkreślić, że chociaż skrypt nie wyświetla bezpośrednio długości napisu, to długość jest przypisana do zmiennej s, co jest kluczowe dla dalszego użycia tej wartości. Ostatnia odpowiedź, mówiąca o przypisaniu fragmentu napisu o określonej długości, jest również myląca, ponieważ length dotyczy całkowitej liczby znaków w napisie, a nie jego fragmentu. Programiści często mylą funkcjonalności związane z długością łańcuchów znakowych z metodami, które pozwalają na wyodrębnienie części tekstu, takimi jak substring lub slice. Zrozumienie różnicy między tymi operacjami jest istotne dla efektywnego programowania i pracy z danymi tekstowymi.

Pytanie 25

Obraz o rozdzielczości 72 PPI oznacza, że ma 72 piksele na:

A. centymetr

B. megabajt

C. milimetr

D. cal

Skrót PPI to „pixels per inch”, czyli piksele na CAL - więc 72 PPI oznacza 72 piksele przypadające na jeden cal długości obrazu. To miara gęstości obrazu rastrowego. Zapamiętaj: „inch” = cal, więc PPI zawsze odnosi się do cala, nie do centymetra czy milimetra.

Pytanie 26

W systemie baz danych sklepu komputerowego znajduje się tabela o nazwie komputery. Aby stworzyć raport pokazujący dane z tabeli, obejmujący tylko komputery z co najmniej 8 GB pamięci oraz procesorem Intel, można wykorzystać kwerendę

A. SELECT * FROM komputery WHERE procesor = 'Intel' OR pamiec < 8

B. SELECT * FROM komputery WHERE procesor = 'Intel' OR pamiec >= 8;

C. SELECT * FROM komputery WHERE procesor = 'Intel' AND pamiec < 8

D. SELECT * FROM komputery WHERE procesor = 'Intel' AND pamiec >= 8;

Wybrana kwerenda SELECT * FROM komputery WHERE procesor = 'Intel' AND pamiec >= 8; jest prawidłowa, ponieważ precyzyjnie spełnia wymagania dotyczące filtracji danych w tabeli komputery. Użycie operatora AND jest kluczowe w tej sytuacji, ponieważ umożliwia jednoczesne sprawdzenie dwóch warunków: pierwszy warunek wymaga, aby procesor był równy 'Intel', a drugi, aby pamięć RAM była większa lub równa 8 GB. W rezultacie kwerenda zwróci tylko te rekordy, które spełniają oba kryteria, co jest zgodne z założeniem raportu. W praktyce, tego typu kwerendy są niezwykle ważne, szczególnie w kontekście analizy danych, gdzie precyzyjne określenie kryteriów jest kluczowe dla uzyskania wartościowych wyników. Dobre praktyki w tworzeniu zapytań SQL obejmują także wykorzystanie odpowiednich indeksów na kolumnach procesor i pamiec, co może znacznie zwiększyć wydajność zapytań, zwłaszcza w dużych zbiorach danych.

Pytanie 27

W tabeli szkola (kolumny: imie, nazwisko, klasa) chcemy wyświetlić wszystkich uczniów klasy 3. Które polecenie jest poprawne?

UPDATE szkola SET klasa = 3

SELECT * FROM szkola SET klasa = 3

SELECT * FROM szkola WHERE klasa = 3

DELETE FROM szkola WHERE klasa = 3

Pozostałe zapytania nie wyświetlą uczniów klasy 3. UPDATE szkola SET klasa = 3 zmieniłoby dane - wszystkim ustawiłoby klasę 3 - zamiast cokolwiek pokazać. SELECT * FROM szkola SET klasa = 3 miesza składnię: SELECT nie używa SET, a warunek zapisuje się po WHERE. DELETE FROM szkola WHERE klasa = 3 usunęłoby tych uczniów, co jest przeciwieństwem wyświetlenia. Pobranie wierszy klasy 3 daje SELECT * FROM szkola WHERE klasa = 3, dlatego to ono jest poprawne.

Pytanie 28

Który z linków ma prawidłową budowę?

A. <a href='mailto:adres'> tekst </a>

B. <a href="mailto:adres"> tekst </a>

C. <a href='http://adres'> tekst </a>

D. <a href="http://adres"> tekst <a>

Odpowiedzi, które nie spełniają standardów HTML, prowadzą do niepoprawnych wyników. Na przykład, użycie pojedynczych cudzysłowów w atrybucie href, jak w konstrukcji <a href='mailto:adres'> tekst </a>, choć działa w wielu przeglądarkach, nie jest zgodne z zaleceniami HTML5, które preferują podwójne cudzysłowy. Ten błąd może prowadzić do problemów z interpretacją przez parsery HTML, a w ekstremalnych przypadkach może uniemożliwić poprawne wyświetlanie odsyłaczy. Dodatkowo, ostatnia odpowiedź <a href="http://adres"> tekst <a> jest błędna, ponieważ nie zamyka znacznika <a>, co skutkuje usunięciem semantycznego znaczenia linku i może prowadzić do problemów z dostępnością oraz indeksowaniem przez wyszukiwarki. Tego typu błędy są często wynikiem niedbałości lub braku zrozumienia podstaw HTML. Poprawna konstrukcja odsyłaczy jest kluczowa w budowaniu dostępnych stron internetowych, które są łatwe do nawigacji i interpretacji przez różne urządzenia i technologie asystujące. Przykłady błędów w HTML mogą również prowadzić do frustracji użytkowników, którzy mogą mieć problemy z interakcją z witryną, co w efekcie wpływa na ich postrzeganie jakości i profesjonalizmu danej strony.

Pytanie 29

W semantycznym HTML odpowiednikiem tagu <b>, który nie tylko pogrubia tekst, ale również oznacza go jako istotniejszy, jest

A. <mark>

B. <strong>

C. <ins>

D. <em>

Znaczniki HTML pełnią różne funkcje, a ich wybór przekłada się na semantykę oraz dostępność treści w sieci. Odpowiedzi, które nie są związane z <strong>, mogą wprowadzać w błąd co do prawidłowego użycia semantyki w HTML. Znak <ins> oznacza tekst, który został dodany do dokumentu, ale nie wskazuje na jego wadliwość ani nie nadaje mu specjalnego znaczenia w kontekście treści. Stosowanie <ins> w miejscu <strong> może prowadzić do nieporozumień co do roli danego tekstu, jako że jego głównym celem jest zaznaczenie nowo dodanych informacji, a nie akcentowanie ważności. Z kolei <mark> służy do wyróżniania tekstu na tle innych w celu wskazania jego istotności, ale nie definiuje go jako bardziej znaczącego w kontekście treści, co oznacza, że jego zastosowanie nie jest zgodne z wymaganiami semantyki. Natomiast <em> wskazuje na tekst, który powinien być akcentowany, ale w innym sensie – nie chodzi o znaczenie samego tekstu, a raczej o jego intonację w przypadku mowy, co w kontekście dokumentów HTML jest niewłaściwe. Błędy te są wynikiem nieporozumienia, gdzie użytkownicy mogą mylić różne znaczniki, nie rozumiejąc ich semantycznych różnic. Warto świadomie stosować odpowiednie znaczniki, by poprawić jakość i dostępność tworzonych treści w sieci.

Pytanie 30

Który z akapitów został sformatowany zgodnie z przedstawionym stylem, zakładając, że pozostałe właściwości akapitu mają wartości domyślne?

A. Odpowiedź B

B. Odpowiedź C

C. Odpowiedź A

D. Odpowiedź D

Paragraf oznaczony jako C został poprawnie sformatowany według przedstawionego stylu CSS. Styl ten określa kilka kluczowych właściwości: padding na poziomie 20 pikseli, kolor tekstu jako niebieski, pogrubienie tekstu ustawione na 900 oraz obramowanie o grubości 1 piksela z pełną linią. Padding określa wewnętrzne wcięcie, które wpływa na zwiększenie odległości między tekstem a krawędzią kontenera, co widać w odpowiedzi C jako przestrzeń wokół tekstu. Kolor tekstu zmienia się na niebieski, co również jest zgodne z wyglądem tej odpowiedzi. Font-weight ustawiony na 900 oznacza, że tekst powinien być wyraźnie pogrubiony, co jest zauważalne w porównaniu do innych opcji. Obramowanie wokół tekstu jest delikatne, ale widoczne, co odpowiada deklaracji border: 1px solid. Te właściwości są zgodne z powszechnymi praktykami projektowania stron internetowych, gdzie czytelność i estetyka odgrywają kluczową rolę. Praktyczne zastosowanie takich reguł CSS można znaleźć w projektowaniu intuicyjnych interfejsów użytkownika, gdzie spójność stylów ułatwia nawigację.

Pytanie 31

Hermetyzacja to zasada programowania obiektowego mówiąca o tym, że

A. klasy mogą mieć zdefiniowane metody wirtualne, które są implementowane w pochodnych klasach.

B. pola i metody wykorzystywane tylko przez daną klasę są ograniczane zasięgiem private lub protected.

C. typy pól w klasach/obiektach mogą być dynamicznie zmieniane w zależności od danych im przypisywanych.

D. klasy mogą współdzielić ze sobą funkcjonalność.

Hermetyzacja to pojęcie, które dość często miesza się z innymi zasadami programowania obiektowego, takimi jak dziedziczenie, polimorfizm czy współdzielenie funkcjonalności między klasami. W efekcie powstaje takie wrażenie, że chodzi po prostu o „współpracę obiektów” albo „możliwość rozszerzania klas”, co jest tylko częścią obrazu, ale nie definicją hermetyzacji. Sedno hermetyzacji polega na ukrywaniu stanu obiektu i szczegółów implementacyjnych za dobrze zdefiniowanym interfejsem. Klasa ma swoje pola i metody pomocnicze, ale kod na zewnątrz widzi tylko to, co programista świadomie wystawi jako public. Pozostałe odpowiedzi dotykają innych cech obiektowości. Współdzielenie funkcjonalności między klasami to bardziej temat dziedziczenia, kompozycji albo używania wspólnych modułów czy interfejsów. To, że dwie klasy mogą mieć podobne metody i wykorzystywać wspólny kod, nie ma bezpośrednio nic wspólnego z hermetyzacją. Można mieć świetnie współdzieloną logikę, a kompletnie zignorować ukrywanie szczegółów implementacji i bezpieczeństwo stanu obiektów. Z kolei pomysł, że typy pól w klasach mogą się dynamicznie zmieniać w zależności od danych, dotyczy raczej systemu typów i języków dynamicznych, jak JavaScript czy PHP w trybie bez ścisłego typowania. To jest kwestia dynamicznego typowania, a nie hermetyzacji. Można mieć język statycznie typowany (np. Java, C#) i świetną hermetyzację, i można mieć język dynamicznie typowany, w którym hermetyzacja jest słaba lub w ogóle nieprzestrzegana. Natomiast metody wirtualne, nadpisywanie ich w klasach pochodnych, późne wiązanie wywołań – to klasyczny polimorfizm, nie hermetyzacja. Owszem, te koncepcje często występują razem w jednym projekcie, przez co łatwo się mylą, ale ich cele są inne. Polimorfizm pozwala różnym klasom reagować inaczej na to samo wywołanie metody, hermetyzacja zaś skupia się na tym, żeby ukryć wnętrze obiektu i wystawić tylko kontrolowany interfejs. Typowym błędem myślowym jest utożsamianie „obiektowości jako całości” z pojedynczymi jej elementami. Ktoś widzi dziedziczenie albo metody wirtualne i zakłada, że to już automatycznie „hermetyzacja”. W praktyce dobra hermetyzacja to przede wszystkim rozsądne używanie private/protected, unikanie publicznych pól, a także pilnowanie, żeby stan obiektu był spójny i nie dało się go przypadkiem popsuć z zewnątrz. To właśnie ta ochrona wnętrza klasy, a nie możliwość dziedziczenia czy dynamicznego typowania, jest tutaj kluczowa.

Pytanie 32

Po uszkodzeniu serwera bazy danych, aby jak najszybciej przywrócić pełną bazę, należy użyć:

A. najnowszej wersji instalacyjnej serwera

B. kompletnej listy użytkowników serwera

C. aktualnej kopii zapasowej

D. opisów struktur danych w tabelach

Po uszkodzeniu serwera najszybciej odtworzysz PEŁNĄ bazę z aktualnej KOPII ZAPASOWEJ (backupu) - zawiera ona zarówno strukturę, jak i dane. Dlatego regularne kopie to podstawa bezpieczeństwa: im świeższy backup, tym mniejsza strata. Zapamiętaj: awaria danych = przywrócenie z kopii zapasowej.

Pytanie 33

Jak określa się metodę umożliwiającą nawiązanie asynchronicznego połączenia klienta z serwerem i prowadzenie komunikacji bez konieczności przeładowania całej strony WWW?

A. XML

B. VBScript

C. AJAX

D. PHP

AJAX (Asynchronous JavaScript and XML) to technika używana w projektowaniu aplikacji internetowych, która umożliwia asynchroniczną komunikację między klientem a serwerem. Główną zaletą AJAX jest to, że pozwala na zaktualizowanie części strony internetowej bez potrzeby jej przeładowywania. Dzięki temu użytkownicy mogą interaktywnie korzystać z aplikacji, co poprawia doświadczenia użytkownika i zwiększa wydajność strony. Przykładem zastosowania AJAX może być dynamiczne ładowanie danych w formularzach, aktualizacja treści przy użyciu przycisków (np. 'Zobacz więcej'), czy też autouzupełnianie w polach tekstowych. Wykorzystując AJAX, deweloperzy mogą również minimalizować ruch sieciowy, ponieważ tylko zmienione lub nowe dane są przesyłane między serwerem a klientem. Technika ta jest zgodna z wieloma standardami webowymi, w tym z RESTful API, co czyni ją kluczowym elementem nowoczesnych architektur webowych. Warto zaznaczyć, że AJAX jest fundamentem dla wielu frameworków JavaScript, takich jak jQuery, Angular czy React, które jeszcze bardziej ułatwiają jego implementację.

Pytanie 34

W przedstawionym kodzie PHP w miejscu kropek powinno zostać umieszczone polecenie:

$zapytanie = mysqli_query($db, "SELECT imie, nazwisko FROM uzytkownik");
$ile = mysqli_num_rows($zapytanie);
for ($i = 0; $i < $ile; $i++)
{
  $wiersz = ....................................;
  echo "$wiersz[0] $wiersz[1]";
}

A. mysqli_query($zapytanie);

B. mysqli_num_fields($zapytanie);

C. mysqli_fetch_row($zapytanie);

D. mysqli_free_result($zapytanie);

W kontekście przedstawionego kodu PHP, prawidłowe uzupełnienie wiersza poleceń to użycie funkcji mysqli_fetch_row($zapytanie). Funkcja ta pobiera jeden wiersz z zestawu wyników zapytania jako tablicę indeksowaną numerycznie. Jest to istotny krok w procesie przetwarzania danych z bazy danych, ponieważ po wykonaniu zapytania SQL, dane muszą być odpowiednio odczytane, aby można je było wykorzystać w aplikacji. Przykładowo, po wykonaniu zapytania, możemy mieć wiele wierszy danych, a mysqli_fetch_row pozwala na iteracyjne pobieranie każdego z nich. W praktyce, stosując tę funkcję w pętli, możemy w prosty sposób zbudować listę lub tabelę, wyświetlając imię i nazwisko każdego użytkownika. Warto również pamiętać, że przy pracy z bazami danych ważne jest, aby uważnie monitorować proces pobierania danych, by uniknąć problemów z pamięcią, a także aby zwolnić zasoby po zakończeniu operacji. W związku z tym, standardową praktyką jest również stosowanie mysqli_free_result($zapytanie) po zakończeniu pracy z danymi, co pozwala na efektywne zarządzanie pamięcią.

Pytanie 35

Której wartości użyć w CSS, aby obramowanie było linią KRESKOWĄ?

solid

dotted

dashed

groove

Styl obramowania ustawia border-style. Wartość dashed rysuje ramkę linią KRESKOWĄ (z krótkich kresek). Dlatego linię przerywaną kreskową daje dashed.

Pytanie 36

Aby przekształcić tekst „ala ma psa” na „ALA MA PSA”, jaka funkcja PHP powinna być zastosowana?

A. strtolower('ala ma psa');

B. strstr ('ala ma psa');

C. strtoupper('ala ma psa');

D. ucfirst ('ala ma psa');

Funkcja strtoupper w PHP jest używana do konwersji wszystkich liter w danym ciągu znaków na wielkie litery. W kontekście modyfikacji tekstu „ala ma psa” na „ALA MA PSA”, zastosowanie funkcji strtoupper('ala ma psa') jest poprawnym podejściem. Funkcja ta jest częścią standardowej biblioteki PHP i jest szeroko stosowana w projektach, gdzie zachowanie wielkich liter jest kluczowe. Przykład użycia funkcji strtoupper jest prosty: wystarczy przekazać do niej ciąg, który ma zostać przekształcony. Przykładem może być zapis: $text = 'ala ma psa'; $uppercaseText = strtoupper($text); echo $uppercaseText; co wygeneruje wynik ALA MA PSA. Warto zauważyć, że funkcja ta nie zmienia oryginalnego ciągu, lecz zwraca nowy ciąg z przekształconymi literami. Zastosowanie funkcji strtoupper jest szczególnie przydatne w aplikacjach webowych, gdzie formatowanie tekstu może być kluczowe dla zapewnienia spójności danych wyjściowych oraz ich estetyki.

Pytanie 37

Jak w PHP przypisać wartość 4 do zmiennej sesyjnej o nazwie wyborID?

$_SESSION["wyborID"] = 4;

session.wyborID = 4;

session.wyborID = {4};

$_SESSION[4] = wyborID;

Pozostałe zapisy są błędne. session.wyborID = 4 używa notacji kropkowej (z innych języków), a w PHP do sesji sięga się przez $_SESSION[...]. $_SESSION[4] = wyborID zamienia klucz z wartością miejscami. Poprawne jest $_SESSION["wyborID"] = 4;.

Pytanie 38

Który zapis CSS wyrówna tekst akapitu do PRAWEJ strony?

<p style="font: right">tekst</p>

<p style="align: right">tekst</p>

<p style="text-align: right">tekst</p>

<p style="position: right">tekst</p>

Poziome wyrównanie tekstu ustawia właściwość text-align, więc text-align: right dosuwa treść akapitu do prawej krawędzi. Dlatego poprawny jest zapis <p style="text-align: right">.

Pytanie 39

Znacznik <strong> tekst</strong> w HTML będzie ukazywany przez przeglądarkę w identyczny sposób, jak znacznik

A. <big>tekst</big>

B. <b>tekst</b>

C. <sub>tekst</sub>

D. <h1>tekst</h1>

Znacznik <h1> jest używany do definiowania nagłówków na stronie internetowej. Oznacza on najwyższy poziom nagłówka i jest kluczowy dla struktury dokumentów HTML. Użycie <h1> dla wyróżnienia tekstu nie jest odpowiednie, ponieważ ten znacznik powinien być zarezerwowany dla tytułów oraz głównych nagłówków strony, co wpłynie na SEO, ponieważ wyszukiwarki traktują go jako istotny element hierarchii treści. Z kolei znacznik <big> jest używany do zwiększenia rozmiaru czcionki tekstu, co również nie odpowiada funkcji wyróżnienia semantycznego, które realizuje <strong>. W przypadku <big> nie zmienia się znaczenie tekstu, a jedynie jego rozmiar, co czyni go mniej przydatnym w kontekście semantyki. Ostatecznie, znacznik <sub> jest przeznaczony do dodawania tekstu dolnego, czyli subscript, co w żaden sposób nie wpływa na wyróżnienie tekstu jako takiego. Znaczniki te nie mają na celu podkreślenia znaczenia treści, co jest główną funkcją zarówno <strong>, jak i <b>. Dlatego, każde z wymienionych znaczników nie spełnia oczekiwań związanych z semantyką i wyróżnianiem tekstu w HTML.

Pytanie 40

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

A. webicon

B. favicon

C. emoticon

D. iConji

Mała ikona wyświetlana w pasku adresu i na karcie przeglądarki obok tytułu nazywa się favicon (favorite icon). Dołącza się ją do strony np. znacznikiem <link rel="icon">. Dlatego ta ikona to favicon.

Rozpocznij nowy egzamin

Powrót do strony głównej