Projekt: Kompletny przewodnik po internecie
Gratulacje! Dotarłeś do końca modułu o działaniu internetu. Czas zebrać wszystko, czego się nauczyłeś, i stworzyć kompletny przewodnik po internecie w formie strony HTML. Ten projekt podsumowuje całą wiedzę z modułu — od podstaw sieci, przez protokoły HTTP i DNS, po TCP/IP, streaming i bezpieczeństwo.
Wyobraź sobie, że jesteś skrybą faraona i musisz stworzyć wielki zwój wiedzy — encyklopedię internetową dla przyszłych pokoleń. Każda sekcja to inna komnata w piramidzie wiedzy!
Krok 1: Struktura dokumentu — fundament piramidy
Zacznij od solidnej podstawy. Każda piramida potrzebuje fundamentu, a każda strona HTML — poprawnej struktury:
1<!DOCTYPE html>
2<html lang="pl">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Kompletny przewodnik po internecie</title>
7</head>
8<body>
9 <header>
10 <h1>Jak działa internet — przewodnik</h1>
11 <p>Odkryj tajemnice sieci, tak jak odkrywamy tajemnice piramid!</p>
12 </header>
13 <main>
14 <!-- Tutaj dodasz kolejne sekcje -->
15 </main>
16</body>
17</html>Krok 2: Sekcja o podstawach internetu
Opisz, czym jest internet, WWW i jak powstała globalna sieć:
1<section>
2 <h2>Czym jest internet?</h2>
3 <p>Internet to globalna sieć połączonych komputerów,
4 komunikujących się za pomocą protokołów TCP/IP.</p>
5
6 <h3>Kluczowe pojęcia</h3>
7 <ul>
8 <li><strong>Internet</strong> — sieć fizyczna łącząca komputery</li>
9 <li><strong>WWW</strong> — World Wide Web, system stron internetowych</li>
10 <li><strong>Przeglądarka</strong> — program wyświetlający strony</li>
11 <li><strong>Serwer</strong> — komputer udostępniający zasoby</li>
12 </ul>
13</section>Krok 3: HTTP, HTTPS i komunikacja
Dodaj sekcję o protokołach komunikacji — jak przeglądarka rozmawia z serwerem:
1<section>
2 <h2>Protokoły HTTP i HTTPS</h2>
3 <p>HTTP (Hypertext Transfer Protocol) to język, którym
4 przeglądarka i serwer porozumiewają się ze sobą.</p>
5
6 <table>
7 <thead>
8 <tr>
9 <th>Cecha</th>
10 <th>HTTP</th>
11 <th>HTTPS</th>
12 </tr>
13 </thead>
14 <tbody>
15 <tr>
16 <td>Szyfrowanie</td>
17 <td>Brak</td>
18 <td>Tak (SSL/TLS)</td>
19 </tr>
20 <tr>
21 <td>Bezpieczeństwo</td>
22 <td>Niskie</td>
23 <td>Wysokie</td>
24 </tr>
25 <tr>
26 <td>Ikona w przeglądarce</td>
27 <td>Brak kłódki</td>
28 <td>Kłódka</td>
29 </tr>
30 </tbody>
31 </table>
32</section>Krok 4: DNS — system nazw domen
Wyjaśnij, jak DNS tłumaczy nazwy domen na adresy IP:
1<section>
2 <h2>System DNS</h2>
3 <p>DNS (Domain Name System) zamienia przyjazne nazwy
4 jak "google.com" na adresy IP jak "142.250.74.206".</p>
5
6 <h3>Etapy rozwiązywania DNS</h3>
7 <ol>
8 <li>Przeglądarka sprawdza lokalny cache</li>
9 <li>Zapytanie trafia do resolvera DNS</li>
10 <li>Resolver pyta root DNS server</li>
11 <li>Root kieruje do serwera TLD (.com, .pl)</li>
12 <li>Serwer TLD kieruje do serwera domeny</li>
13 <li>Otrzymujemy adres IP strony</li>
14 </ol>
15</section>Krok 5: TCP/IP i pakiety danych
Opisz, jak dane podróżują przez internet:
1<section>
2 <h2>Model TCP/IP</h2>
3 <p>TCP/IP to zestaw protokołów organizujących
4 przesyłanie danych w internecie.</p>
5
6 <h3>Warstwy TCP/IP</h3>
7 <ol>
8 <li><strong>Warstwa dostępu do sieci</strong> — kable, WiFi</li>
9 <li><strong>Warstwa internetowa (IP)</strong> — adresowanie</li>
10 <li><strong>Warstwa transportowa (TCP/UDP)</strong> — niezawodność</li>
11 <li><strong>Warstwa aplikacji</strong> — HTTP, DNS, FTP</li>
12 </ol>
13
14 <h3>TCP vs UDP</h3>
15 <table>
16 <thead>
17 <tr>
18 <th>Cecha</th>
19 <th>TCP</th>
20 <th>UDP</th>
21 </tr>
22 </thead>
23 <tbody>
24 <tr>
25 <td>Niezawodność</td>
26 <td>Gwarantuje dostarczenie</td>
27 <td>Brak gwarancji</td>
28 </tr>
29 <tr>
30 <td>Szybkość</td>
31 <td>Wolniejszy</td>
32 <td>Szybszy</td>
33 </tr>
34 <tr>
35 <td>Zastosowanie</td>
36 <td>Strony, email, pliki</td>
37 <td>Streaming, gry</td>
38 </tr>
39 </tbody>
40 </table>
41</section>Krok 6: Streaming i CDN
Dodaj sekcję o multimediach w sieci:
1<section>
2 <h2>Streaming i CDN</h2>
3 <p>Streaming pozwala odtwarzać multimedia bez pobierania
4 całego pliku. CDN przyspiesza dostarczanie treści.</p>
5
6 <h3>Jak działa CDN?</h3>
7 <p>CDN (Content Delivery Network) to sieć serwerów
8 na całym świecie przechowujących kopie treści.
9 Użytkownik łączy się z najbliższym serwerem.</p>
10</section>Krok 7: Bezpieczeństwo
Dodaj sekcję o ochronie w internecie:
1<section>
2 <h2>Bezpieczeństwo w internecie</h2>
3 <ul>
4 <li>Zawsze sprawdzaj kłódkę HTTPS w pasku adresu</li>
5 <li>Certyfikat SSL/TLS szyfruje komunikację</li>
6 <li>Nigdy nie podawaj haseł na stronach HTTP</li>
7 <li>Uważaj na phishing — fałszywe strony</li>
8 </ul>
9</section>Krok 8: Stopka — pieczęć faraona
Zamknij stronę stopką, jak pieczęcią na królewskim dekrecie:
1 <footer>
2 <p>Przewodnik po internecie — Moduł 2</p>
3 <p>Stworzony podczas podróży przez Starożytny Egipt</p>
4 </footer>
5</body>
6</html>Twoje zadanie
Stwórz kompletną stronę HTML łączącą wszystkie powyższe sekcje w jeden spójny dokument. Dodaj własne opisy, przykłady i egipskie analogie. Strona powinna być czytelna, dobrze zorganizowana i zawierać przynajmniej:
- Nagłówki
do<h1>
— hierarchia tematów<h3> - Listy
i<ul>
— wyliczanie kroków i pojęć<ol> - Tabele
— porównania protokołów<table> - Paragrafy
— opisy i wyjaśnienia<p> - Elementy semantyczne
,<header>
,<main>
,<section><footer>
Wyślij gotowy projekt do sprawdzenia mentorowi w następnym kroku.