Zakres materiału 7

Komputer w życiu człowieka

1. Wprowadzenie
• Komputer jest jednym z najważniejszych wynalazków XX wieku.
• Początkowo służył głównie do obliczeń naukowych i wojskowych, dziś towarzyszy człowiekowi niemal w każdej dziedzinie życia.
• Stał się narzędziem codziennym – jak kiedyś książka czy pióro.
2. Zastosowania komputerów
• Praca – biura, banki, fabryki, medycyna (np. diagnozy, operacje wspomagane komputerowo).
• Edukacja – e-learning, szybki dostęp do informacji, narzędzia do nauki języków, matematyki, programowania.
• Komunikacja – e-maile, media społecznościowe, wideokonferencje.
• Rozrywka – gry, filmy, muzyka, sztuczna inteligencja tworząca treści.
• Życie codzienne – zakupy online, bankowość elektroniczna, planowanie podróży, inteligentne domy.
3. Pozytywne aspekty
• Ułatwia i przyspiesza pracę.
• Daje dostęp do niemal nieograniczonej wiedzy.
• Łączy ludzi na całym świecie.
• Pomaga osobom z niepełnosprawnościami (np. czytniki ekranu, protezy sterowane komputerowo).
4. Negatywne skutki
• Uzależnienia od internetu i gier.
• Spadek aktywności fizycznej, problemy ze zdrowiem (wzrok, kręgosłup).
• Zagrożenia w sieci: cyberprzemoc, kradzież danych, fake newsy.
• Dehumanizacja relacji – częściej rozmawiamy przez ekran niż twarzą w twarz.
5. Przyszłość komputerów
• Rozwój sztucznej inteligencji i automatyzacji.
• Coraz większa integracja z życiem codziennym – Internet Rzeczy, inteligentne miasta.
• Pytania etyczne: czy komputer zastąpi człowieka w pracy, a może nawet w myśleniu?
6. Podsumowanie
Komputer to potężne narzędzie – może być wielkim dobrem, ale także źródłem zagrożeń. Wszystko zależy od tego, jak człowiek go używa. Współczesny świat bez komputerów byłby trudny do wyobrażenia, ale warto zachować równowagę między „życiem online” a realnym.

2025-10-05 16:13:34

🗑 Usuń

Budowa i działanie sieci komputerowej

1. Co to jest sieć komputerowa?
Sieć komputerowa to grupa komputerów i innych urządzeń (np. drukarek, routerów, serwerów), które są połączone ze sobą w celu wymiany danych i współdzielenia zasobów.
Przykłady sieci:
• LAN (Local Area Network) – sieć lokalna, np. w domu lub szkole.
• WAN (Wide Area Network) – sieć rozległa, np. Internet.
• MAN (Metropolitan Area Network) – sieć miejska.
2. Podstawowe elementy budowy sieci
1. Urządzenia końcowe – komputery, laptopy, smartfony.
2. Urządzenia sieciowe – routery, switche, koncentratory (huby).
3. Medium transmisyjne – kable (np. skrętka, światłowód) lub fale radiowe (Wi-Fi).
4. Oprogramowanie sieciowe – protokoły i aplikacje umożliwiające komunikację.
3. Topologie sieci
Topologia określa sposób, w jaki urządzenia są połączone:
• Magistrala (bus) – wszystkie urządzenia podłączone do jednego kabla.
• Gwiazda (star) – wszystkie urządzenia połączone do centralnego urządzenia (np. switcha).
• Pierścień (ring) – urządzenia połączone w zamknięty krąg.
• Siatka (mesh) – każde urządzenie może łączyć się z wieloma innymi.
4. Protokoły sieciowe
Protokoły to zestaw zasad określających sposób komunikacji między urządzeniami.
Najważniejsze przykłady:
• TCP/IP – podstawowy protokół w Internecie.
• HTTP/HTTPS – przesyłanie stron WWW.
• FTP – przesyłanie plików.
• DHCP – automatyczne przydzielanie adresów IP.
5. Działanie sieci komputerowej
1. Urządzenie wysyła dane (np. wiadomość, plik) w formie pakietów.
2. Pakiety przechodzą przez medium transmisyjne i urządzenia sieciowe (np. router, switch).
3. Protokoły zapewniają, że dane docierają do właściwego odbiorcy w odpowiedniej kolejności i bez błędów.
4. Odbiorca odbiera pakiety i składa je w całość.
6. Bezpieczeństwo w sieci
• Firewall – filtruje ruch przychodzący i wychodzący.
• Antywirus – chroni przed złośliwym oprogramowaniem.
• Szyfrowanie – np. HTTPS chroni przesyłane dane.

2025-10-05 16:16:30

🗑 Usuń

Sposoby wykorzystania internetu

Internet to dziś podstawowe narzędzie komunikacji, pracy i rozrywki. Możemy go wykorzystywać na wiele sposobów – od codziennych czynności po zaawansowane zastosowania biznesowe i naukowe. Oto główne kierunki:
1. Komunikacja
• E-mail, czaty, wideokonferencje (np. Teams, Zoom, Messenger).
• Media społecznościowe – wymiana informacji, relacje ze znajomymi, grupy tematyczne.
• Fora i blogi – możliwość wymiany doświadczeń.
2. Edukacja i nauka
• Kursy online, e-learning (np. Coursera, Khan Academy, platformy szkolne).
• Dostęp do bibliotek cyfrowych i artykułów naukowych.
• Wsparcie dla uczniów i studentów – materiały edukacyjne, korepetycje online.
3. Praca i biznes
• Praca zdalna, telekonferencje.
• Obsługa firm przez systemy ERP/CRM w chmurze.
• Marketing internetowy – reklamy, social media, pozycjonowanie stron (SEO).
• E-commerce – sklepy internetowe, sprzedaż i zakupy online.
4. Rozrywka
• Filmy, seriale i muzyka na platformach streamingowych (Netflix, Spotify, YouTube).
• Gry online (MMORPG, gry mobilne, e-sport).
• Media społecznościowe – Instagram, TikTok, Facebook.
5. Usługi publiczne i bankowość
• E-administracja – składanie wniosków, ePUAP, rejestracja do lekarza online.
• Bankowość internetowa i mobilna.
• Płatności online (PayPal, Blik, PayU).
6. Informacja i wiadomości
• Portale informacyjne, serwisy tematyczne.
• Mapy i nawigacja online (Google Maps).
• Pogoda, notowania giełdowe, kursy walut – wszystko w czasie rzeczywistym.
7. Tworzenie i współpraca
• Publikowanie własnych treści – blogi, filmy, podcasty.
• Narzędzia do współpracy (Google Docs, Trello, GitHub).
• Tworzenie społeczności online wokół projektów i idei.
Podsumowanie:
Internet służy nie tylko do rozrywki, ale jest kluczowym narzędziem w edukacji, pracy, biznesie i życiu codziennym. Daje szybki dostęp do informacji, ułatwia komunikację i rozwija nowe formy współpracy.

2025-10-05 16:19:24

🗑 Usuń

kolory

https://mybrandnewlogo.com/pl/generator-palet-kolorow

2025-10-23 12:00:39

🗑 Usuń

Podstawowa struktura dokumentu HTML5

Każdy dokument HTML5 zaczyna się w ten sposób:

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tytuł strony</title>
</head>
<body>
<h1>Witaj w HTML5!</h1>
<p>To jest przykładowy tekst.</p>
</body>
</html>


Co oznacza:

<!DOCTYPE html> – deklaracja HTML5 (informuje przeglądarkę, że używamy najnowszej wersji HTML).

<html lang="pl"> – główny element strony, lang="pl" oznacza język dokumentu.

<head> – sekcja nagłówkowa (meta informacje, tytuł, linki do CSS, skrypty).

<body> – główna treść strony (to, co widzi użytkownik).

📑 Najczęściej używane elementy HTML5
🔹 Nagłówki
<h1>Nagłówek 1</h1>
<h2>Nagłówek 2</h2>
...
<h6>Nagłówek 6</h6>


<h1> to najważniejszy nagłówek, <h6> – najmniej ważny.

🔹 Akapity i tekst
<p>To jest akapit tekstu.</p>
<strong>Pogrubienie</strong>
<em>Kursywa</em>
<br> <!-- nowa linia -->
<hr> <!-- pozioma linia -->

🔹 Linki i obrazy
<a href="https://example.com">Odwiedź stronę</a>
<img src="obrazek.jpg" alt="Opis obrazka">

🔹 Listy
<ul>
<li>Element listy nieuporządkowanej</li>
</ul>

<ol>
<li>Element listy uporządkowanej</li>
</ol>

🔹 Tabele
<table>
<tr>
<th>Nagłówek</th>
<th>Nagłówek</th>
</tr>
<tr>
<td>Dane</td>
<td>Dane</td>
</tr>
</table>

🔹 Formularze
<form action="/submit" method="post">
<label for="name">Imię:</label>
<input type="text" id="name" name="name">
<input type="submit" value="Wyślij">
</form>

🧩 Nowe elementy w HTML5

HTML5 wprowadził semantyczne tagi ułatwiające strukturę strony:

<header>Główny nagłówek strony</header>
<nav>Nawigacja</nav>
<main>Główna treść</main>
<section>Sekcja tematyczna</section>
<article>Artykuł</article>
<aside>Panel boczny</aside>
<footer>Stopka</footer>

🎬 Multimedia w HTML5
<video controls>
<source src="film.mp4" type="video/mp4">
Twoja przeglądarka nie obsługuje wideo.
</video>

<audio controls>
<source src="muzyka.mp3" type="audio/mpeg">
</audio>

⚙️ Elementy interaktywne
<button>Kliknij mnie</button>
<details>
<summary>Rozwiń, aby zobaczyć więcej</summary>
<p>Ukryta treść</p>
</details>

⚙️ Komentarze

Komentarze nie są widoczne dla użytkownika:

<!-- To jest komentarz -->

2025-11-09 00:53:10

🗑 Usuń

TEST HTML

HTML5
1. Co oznacza deklaracja <!DOCTYPE html>?
A. Określa kodowanie znaków
B. Informuje przeglądarkę, że dokument jest HTML5
C. Włącza style CSS
D. Dodaje komentarz
2. Który element jest głównym elementem strony?
A. <main>
B. <html> C. <body>
D. <head>
3. Atrybut lang="pl" określa:
A. Typ dokumentu
B. Język użytkownika
C. Język dokumentu
D. Kodowanie znaków
4. Gdzie umieszczamy metadane i tytuł strony?
A. W <body>
B. W <main>
C. W <head> D. W <nav>
5. Główna widoczna treść strony znajduje się w:
A. <html>
B. <body>
C. <head>
D. <article>
6. Najważniejszy nagłówek HTML to:
A. <h3>
B. <h6>
C. <h1>
D. <h2>
7. Który element oznacza akapit?
A. <p>
B. <div>
C. <span>
D. <text>
8. Który element służy do pogrubienia?
A. <i>
B. <strong>
C. <brr>
D. <bold>
9. Który element powoduje przejście do nowej linii?
A. <hr>
B. <line>
C. <br>
D. <nl>
10. Który element rysuje poziomą linię?
A. <hr>
B. <br>
C. <line>
D. <border>
11. Który znacznik tworzy link?
A. <href>
B. <a> C. <link>
D. <url>
12. Atrybut src w obrazku oznacza:
A. Tytuł obrazka
B. Tekst alternatywny
C. Ścieżkę do pliku
D. Rozmiar obrazka
13. Atrybut alt opisuje:
A. Nazwę pliku
B. Zapasowy tekst, gdy obraz się nie wczyta
C. Kolor obrazka
D. Wysokość obrazka
14. Który element tworzy listę nieuporządkowaną?
A. <ol>
B. <ul>
C. <li>
D. <list>
15. Który element tworzy element listy?
A. <ul>
B. <ol>
C. <li>
D. <item>
16. Który znacznik oznacza wiersz tabeli?
A. <td>
B. <tr>
C. <th>
D. <row>
17. Który znacznik oznacza komórkę nagłówkową tabeli?
A. <td>
B. <th>
C. <tr>
D. <head>
18. Jak nazywa się znacznik oznaczający komórkę danych?
A. <data>
B. <th>
C. <td>
D. <cell>
19. Formularz zaczyna się od:
A. <label>
B. <input>
C. <form>
D. <submit>
20. Atrybut method="post" oznacza:
A. Wysyłanie danych w adresie
B. Wysyłanie danych w treści zapytania
C. Brak wysyłania danych
D. Zapis danych na serwerze
21. Który element jest nowy w HTML5?
A. <div>
B. <section>
C. <span>
D. <font>
22. Który element oznacza nawigację?
A. <menu>
B. <header>
C. <nav>
D. <aside>
23. Główna treść strony powinna być w:
A. <main>
B. <header>
C. <footer>
D. <section>
24. Panel boczny to:
A. <main>
B. <section>
C. <aside>
D. <article>
25. Stopka strony to:
A. <bottom>
B. <footer>
C. <end>
D. <finish>
26. Artykuł lub niezależna treść to:
A. <article>
B. <post>
C. <entry>
D. <blog>
27. Który element wstawia wideo?
A. <movie>
B. <mp4>
C. <video>
D. <media>
28. Aby dodać sterowanie odtwarzaniem wideo, używamy:
A. controls
B. play
C. start
D. sound
29. Jak dodamy źródło do tagu <video>?
A. <video file="film.mp4">
B. <video src="film.mp4">
C. <source src="film.mp4">
D. <media src="film.mp4">
30. Który tag dodaje audio?
A. <music>
B. <mp3>
C. <sound>
D. <audio>
31. Element interaktywny rozwijany to:
A. <expand>
B. <details>
C. <dropdown>
D. <summary>
32. Element ukazujący tytuł rozwijanego bloku to:
A. <header>
B. <title>
C. <summary>
D. <info>
33. Aby utworzyć przycisk, używamy:
A. <press>
B. <btn>
C. <button>
D. <click>
34. Komentarz w HTML zapisujemy jako:
A. /* komentarz */
B. // komentarz
C. <!-- komentarz -->
D. [[ komentarz ]]
35. Który element służy do wpisania tekstu w formularzu?
A. <textarea>
B. <input type="text">
C. <field>
D. <text>
36. Który tag reprezentuje nagłówek strony lub sekcji?
A. <top>
B. <head>
C. <header>
D. <heading>
37. Który element HTML5 najlepiej nadaje się na sekcję tematyczną?
A. <block>
B. <section>
C. <article>
D. <chapter>
38. Co oznacza <meta charset="UTF-8">?
A. Ustawia język strony
B. Ustawia kodowanie znaków
C. Ustawia styl strony
D. Ustawia tytuł
39. Atrybut action w <form> służy do:
A. Określenia stylu
B. Określenia miejsca wysłania danych
C. Ustawiania tytułu formularza
D. Tworzenia przycisku
40. Który element HTML5 NIE jest semantyczny?
A. <article>
B. <section>
C. <div>
D. <nav>

2025-12-01 09:13:02

🗑 Usuń

TWORZENIE I MODYFIKACJA OBRAZÓW

.

2025-12-18 11:59:03

🗑 Usuń

strona do wysłania https://18.26.edu.pl/

.

2025-12-18 12:00:15

🗑 Usuń

Tworzenie i modyfikowanie obrazów

Tworzenie i modyfikowanie obrazów to szeroki temat, który łączy grafikę komputerową, fotografię oraz coraz częściej sztuczną inteligencję. W skrócie chodzi o to, jak obrazy powstają i jak można je później zmieniać, poprawiać lub przekształcać.

1. Tworzenie obrazów
Obrazy można tworzyć na kilka sposobów:
Grafika rastrowa – obrazy z pikseli (np. zdjęcia JPEG, PNG). Typowe narzędzia: Photoshop, GIMP.
Grafika wektorowa – obrazy oparte na kształtach matematycznych (SVG, AI), skalowalne bez utraty jakości. Narzędzia: Illustrator, Inkscape.
Grafika 3D – modele i renderingi (Blender, Maya).
Generowanie obrazów przez AI – tworzenie obrazów na podstawie opisu tekstowego (np. ilustracje, koncept art, plakaty).

2. Modyfikowanie obrazów
Edycja obrazu może obejmować m.in.:
Podstawowe korekty: jasność, kontrast, nasycenie, balans kolorów
Retusz: usuwanie niedoskonałości, obiektów, tła
Kadrowanie i skalowanie
Fotomontaż: łączenie wielu obrazów w jeden
Stylizacja: zmiana stylu (np. zdjęcie → rysunek, akwarela)

3. Rola sztucznej inteligencji
AI mocno uprościła pracę z obrazami:
generowanie obrazów z opisu (text-to-image),
automatyczne usuwanie tła,
poprawa jakości i rozdzielczości (upscaling),
kolorowanie czarno-białych zdjęć,
inteligentna edycja fragmentów obrazu (dodawanie/usuwanie elementów).

4. Zastosowania
marketing i reklama,
media społecznościowe,
gry i filmy,
edukacja,
projektowanie UI/UX,
sztuka i ilustracja.

2025-12-18 12:11:46

🗑 Usuń