Test podsumowujacy wiadomosci z calego roku szkolnego (lekcje 16-28)
ð Podstawa programowa: II.3-VSprawdzian koncowy z klasy II obejmuje material z lekcji 16-28 i sklada sie z nastepujacych czesci:
15 pytan jednokrotnego wyboru (A, B, C, D) - po 1 punkcie za kazde poprawne pytanie. Czas: ok. 10 minut.
5 pytan otwartych wymagajacych krotkich odpowiedzi (2-5 zdan) - po 3 punkty. Czas: ok. 10 minut.
Jedno zadanie praktyczne - napisanie fragmentu kodu HTML/CSS lub analiza problemu. Czas: ok. 15 minut.
1. Ktory znacznik HTML definiuje naglowek najwyzszego poziomu?
A) <header> B) <h1> C) <head> D) <title>
2. Ktory selektor CSS wybiera elementy o klasie "info"?
A) #info B) .info C) info D) *info
3. Co oznacza skrot DNS?
A) Digital Network System B) Domain Name System C) Data Network Service D) Domain Net Standard
4. Ktory adres IP jest adresem prywatnym?
A) 8.8.8.8 B) 192.168.1.1 C) 142.250.185.78 D) 1.1.1.1
5. Co to jest WCAG?
A) Web Content Accessibility Guidelines B) World Computer Association Group C) Web CSS Animation Guide D) Wireless Communication Access Gateway
6. Ktora wlasciwosc CSS definiuje kolor tla?
A) color B) font-color C) background-color D) bg-color
7. Ktory protokol zapewnia szyfrowane polaczenie z serwerem WWW?
A) HTTP B) FTP C) HTTPS D) SMTP
8. Czym jest "filter bubble" (banka informacyjna)?
A) Filtr antyspamowy B) Algorytm pokazujacy tresci zgodne z naszymi pogladami C) Zapora sieciowa D) Program antywirusowy
9. Ktory atrybut HTML laczy dwie kolumny tabeli?
A) rowspan="2" B) colspan="2" C) merge="2" D) span="2"
10. Co to jest MOOC?
A) Mobile Open Online Connection B) Massive Open Online Course C) Modern Online Operating Computer D) Multi Output Online Channel
1. B) <h1>
2. B) .info
3. B) Domain Name System
4. B) 192.168.1.1
5. A) Web Content Accessibility Guidelines
6. C) background-color
7. C) HTTPS
8. B) Algorytm pokazujacy tresci zgodne
z naszymi pogladami
9. B) colspan="2"
10. B) Massive Open Online Course1. Wyjasnij roznice miedzy znacznikami semantycznymi a niesemantycznymi w HTML5. Podaj po 2 przyklady kazdego typu. (3 pkt)
2. Opisz model pudelkowy CSS (Box Model). Wymien i krotko opisz kazda warstwe. (3 pkt)
3. Czym jest wykluczenie cyfrowe? Wymien trzy jego wymiary i podaj po jednym przykladzie dla kazdego. (3 pkt)
4. Opisz, jak dziala system DNS. Co sie dzieje, gdy wpisujesz adres strony w przegladarce? (3 pkt)
5. Czym jest slad cyfrowy? Wymien 3 osoby lub podmioty, ktore moga sprawdzac Twoj slad cyfrowy, i wyjasn dlaczego. (3 pkt)
1. Znaczniki semantyczne opisuja ZNACZENIE tresci
(np. <header>, <nav>, <article>, <footer>).
Znaczniki niesemantyczne to ogolne kontenery
bez znaczenia (np. <div>, <span>).
Semantyka pomaga: czytniki ekranowe, SEO,
czytelnosc kodu.
2. Model pudelkowy CSS:
- Content - tresc elementu (tekst, obraz)
- Padding - odstep wewnetrzny (tresc-obramowanie)
- Border - obramowanie (ramka wokol elementu)
- Margin - odstep zewnetrzny (element-sasiedzi)
box-sizing: border-box wlicza padding i border
do szerokosci elementu.
3. Wykluczenie cyfrowe = brak dostepu lub
umiejetnosci korzystania z technologii.
- Przepasc dostepu: brak komputera/Internetu
(np. mieszkancy wsi bez swiatlowodu)
- Przepasc umiejetnosci: brak kompetencji
(np. senior nie umie korzystac z e-maila)
- Przepasc korzysci: nieefektywne korzystanie
(np. ktos ma Internet, ale nie zna e-uslug)
4. DNS zamienia nazwy domen na adresy IP:
1) Wpisujesz www.google.com w przegladarce
2) Komputer pyta serwer DNS o adres IP
3) Serwer DNS odpowiada: 142.250.185.78
4) Przegladarka laczy sie z serwerem pod tym IP
5) Serwer wysyla strone HTML do przegladarki
5. Slad cyfrowy = informacje o Tobie w Internecie
(posty, zdjecia, historia, cookies).
Sprawdzaja go:
- Pracodawcy (70% sprawdza profile kandydatow
przed rozmowa kwalifikacyjna)
- Reklamodawcy (analizuja dane do targetowania
reklam)
- Cyberprzestepcy (szukaja informacji do atakow
phishingowych i social engineeringu)Napisz kompletny kod HTML strony "Moja wizytowka" z zewnetrznym arkuszem CSS. Strona musi zawierac:
<!-- index.html -->
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Moja wizytowka</title>
<link rel="stylesheet" href="wizytowka.css">
</head>
<body>
<header>
<h1>Jan Kowalski</h1>
<p>Uczen klasy II liceum,
pasjonat informatyki i programowania.</p>
</header>
<main>
<h2>Umiejetnosci</h2>
<table>
<thead>
<tr>
<th>Umiejetnosc</th>
<th>Poziom</th>
<th>Doswiadczenie</th>
</tr>
</thead>
<tbody>
<tr>
<td>HTML/CSS</td>
<td>Sredniozaawansowany</td>
<td>1 rok</td>
</tr>
<tr>
<td>Python</td>
<td>Podstawowy</td>
<td>6 miesiecy</td>
</tr>
<tr>
<td>Grafika</td>
<td>Podstawowy</td>
<td>3 miesiace</td>
</tr>
</tbody>
</table>
<h2>Zainteresowania</h2>
<ul>
<li>Programowanie</li>
<li>Gry komputerowe</li>
<li>Robotyka</li>
<li>Fotografia</li>
</ul>
<p>Moj ulubiony serwis:
<a href="https://github.com"
target="_blank">GitHub</a></p>
<img src="https://via.placeholder.com/200"
alt="Zdjecie profilowe">
</main>
<footer>
<p>© 2026 Jan Kowalski</p>
</footer>
</body>
</html>
/* wizytowka.css */
body {
font-family: 'Segoe UI', Arial, sans-serif;
background-color: #f0f4f8;
color: #2d3748;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 { color: #2b6cb0; }
h2 { color: #2c5282; }
table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
th, td {
border: 1px solid #cbd5e0;
padding: 10px;
text-align: left;
}
th {
background-color: #2b6cb0;
color: white;
}
a {
color: #2b6cb0;
text-decoration: none;
}
a:hover {
color: #e53e3e;
text-decoration: underline;
}