Інтернет та Веб-браузери

Курс «Інформатика» • 9 клас

1 / 16
Урок інформатики • 9 клас ~45 хвилин

Глобальна мережа Інтернет.
Браузери та їх налаштування

Інтерактивний навчальний посібник. Комп'ютерні мережі, служби Інтернету, будова сучасних вебоглядачів, гарячі клавіші та практичні навички безпечної роботи.

← → Навігація клавішами
Класифікація мереж
Служби Інтернету
Анатомія браузера
Симулятор & Тест
Модуль 1

Основи мереж

Комп'ютерна мережа та її різновиди

Комп'ютерна мережа — це сукупність обчислювальних пристроїв, з'єднаних між собою каналами зв'язку для обміну даними та спільного використання ресурсів.

PAN (Personal Area Network)

Персональна мережа (< 10 метрів)

Об'єднує особисті пристрої одного користувача: смартфон, бездротові навушники, смарт-годинник, планшет.

Технології: Bluetooth, Wi-Fi Direct, ZigBee.

LAN (Local Area Network)

Локальна мережа (1 будинок / клас)

З'єднує комп'ютери в межах однієї кімнати, школи, офісу чи квартири. Зазвичай охоплює до кількох сотень пристроїв.

Приклад: Комп'ютерний кабінет школи, домашній Wi-Fi.

WAN (Wide Area Network)

Глобальна мережа (Країни / Світ)

Охоплює великі географічні території, з'єднуючи тисячі локальних мереж по всьому світу.

Головний приклад: Глобальна мережа Інтернет.
Пам'ятайте: Інтернет є найвідомішим прикладом мережі WAN Слайд 2 з 16
Модуль 1

Глобальна мережа

Що таке Інтернет та як він функціонує?

Інтернет (Internet) — це всесвітня система об'єднаних комп'ютерних мереж, яка працює на основі стандартизованих протоколів передачі даних (TCP/IP).

Клієнт-серверна архітектура

Ваш пристрій (клієнт) надсилає запит, а потужний комп'ютер (сервер) відправляє відповідь з потрібною веб-сторінкою.

IP-адресація

Кожен пристрій в мережі має унікальний цифровий номер (наприклад, 142.250.180.14), за яким його знаходять інші.

Система DNS (Domain Name System)

Перекладає зрозумілі людині вебадреси (наприклад, google.com) у числові IP-адреси серверів.

Клієнт (Ноутбук)
Запит HTTP →
Веб-сервер

Передавання даних відбуваються за лічені мілісекунди завдяки оптико-волоконним та супутниковим каналам.

Протокол TCP/IP — це "мова", якою спілкуються всі комп'ютери в Інтернеті Слайд 3 з 16
Модуль 1

Бездротовий доступ

Мобільний Інтернет та Wi-Fi технології

Мобільні стандарти зв'язку

Позначення у рядку стану смартфона показують поточну технологію передачі даних:

E (2G) EDGE — базовий рівень (повільний, лише для тексту)
H / H+ (3G) HSPA — швидкісний доступ (фото, музика, серфінг)
LTE / 4G Сучасний стандарт (FULL HD відео, онлайн-ігри)
5G Новітнє покоління (надвисока швидкість та мінімальна затримка)

Wi-Fi та Модемний режим

Wi-Fi — технологія бездротової локальної мережі. Wi-Fi Direct дозволяє з'єднувати пристрої безпосередньо без роутера (подібно до Bluetooth, але набагато швидше).

Режим точки доступу (Tethering)

Смартфон може "роздавати" мобільний Інтернет на ноутбуки чи планшети друзів через Wi-Fi, Bluetooth або USB-кабель.

Мобільний Інтернет забезпечує автономність та свободу пересування Слайд 4 з 16
Модуль 1

Інтернет-сервіси

Основні служби (сервіси) Інтернету

Всесвітня павутина (WWW)

Найпопулярніша служба для перегляду взаємопов'язаних веб-сторінок з текстом, графікою та відео.

Електронна пошта (E-mail)

Служба для обміну цифровими листами та файлами між користувачами через спеціальні адреси.

Інтерактивне спілкування

Месенджери, чати та VoIP-сервіси (Telegram, Viber, Skype, Zoom) для передачі тексту, голосу й відео.

Веб-форуми

Спеціалізовані онлайн-майданчики для обговорення тематичних питань та отримання консультацій.

Вікі-технології

Веб-сайти, вміст яких можуть колективно редагувати самі користувачі (Найвідоміший приклад — Вікіпедія).

Хмарні сховища

Сервіси збереження файлів та документів на віддалених серверах (Google Drive, OneDrive).

Кожна служба має власні правила та протоколи роботи Слайд 5 з 16
Модуль 1

Всесвітня павутина

Інтернет vs Всесвітня павутина (WWW)

Інтернет (Інфраструктура)

Це «глобальна дорога» — мережа з мільйонів комп'ютерів, кабелів, роутерів та серверів по всьому світу.

WWW (Інформаційна служба)

Це «автомобілі на дорозі» — величезне сховище гіпертекстових документів (веб-сторінок), що передаються цією мережею.

Ключові поняття Всесвітньої павутини:

Веб-сторінка

Окремий електронний документ з текстом, зображеннями та скриптами.

Гіперпосилання

Активний елемент на сторінці для швидкого переходу до іншого ресурсу.

URL-адреса

Єдиний унікальний вказівник на конкретний веб-ресурс в мережі.

Винахідником WWW є сер Тім Бернерс-Лі (1989 рік) Слайд 6 з 16
Модуль 2

Вебоглядачі

Браузери: призначення та популярні програми

Браузер (вебоглядач, від англ. browse — гортати) — це прикладна програма, яка інтерпретує код веб-сторінок (HTML, CSS, JavaScript) і перетворює його у візуальне зображення, яке ми бачимо на екрані.

Найпоширеніші сучасні браузери:

Google Chrome

Найпопулярніший у світі

Mozilla Firefox

Висока приватність

Apple Safari

Стандарт для iOS / macOS

Microsoft Edge

Вбудований у Windows

Opera

Вбудований VPN та бічна панель

Перший браузер створено в 1990 році та названо WorldWideWeb Слайд 7 з 16
Модуль 2

Інтерфейс

Будова вікна сучасного браузера

Вікіпедія: Інформатика
Нова вкладка
uk.wikipedia.org/wiki/Інформатика
Навчання Школа YouTube
Панель вкладок: Дозволяє працювати з багатьма веб-сторінками в одному вікні.
Omnibox (Адресний рядок): Поєднує введення адреси сайту та пошуковий запит.
Клавіша Ctrl+T відкриває нову вкладку у більшості браузерів Слайд 8 з 16
Модуль 2

Ефективна робота

Omnibox та "Гарячі клавіші" браузера

Omnibox (Омнібокс) — це розумний комбінований рядок. Якщо ви вводите URL (наприклад, site.org), він відкриє сайт. Якщо ж ви введете довільне слово чи питання — браузер автоматично перенаправить його в обрану пошукову систему.

Найкорисніші комбінації клавіш:

Перейти до Omnibox Ctrl + L
Створити нову вкладку Ctrl + T
Закрити поточну вкладку Ctrl + W
Відновити закриту вкладку Ctrl+Shift+T
Зберегти сторінку Ctrl + S
Пошук тексту на сторінці Ctrl + F
Гарячі клавіші значно прискорюють щоденну роботу за комп'ютером Слайд 9 з 16
Модуль 2

Функціональність

Збереження, масштаб та переклад сторінок

Збереження сторінки (Ctrl + S)

Ви можете зберегти веб-сторінку на свій ПК для автономного читання без Інтернету.

  • • Веб-сторінка, повністю: зберігає текст, фото та стилі у додатковій папці.
  • • Тільки HTML: зберігає лише текстову структуру.

Масштабування вмісту

Дозволяє збільшити дрібний шрифт або зменшити елементи для зручності.

Ctrl + [+] — збільшити
Ctrl + [-] — зменшити
Ctrl + [0] — скинути на 100%

Автоматичний переклад

Під час відкриття закордонних сайтів браузер (наприклад, Google Chrome) пропонує миттєвий переклад всієї сторінки українською мовою.

Використовує Google Translate
Масштабувати сторінку також можна за допомогою Ctrl + Коліщатко миші Слайд 10 з 16
Модуль 2

Організація даних

Закладки, Менеджер закладок та Список читання

Що таке Закладка?

Це збережена у пам'яті браузера вебадреса цікавого сайту, щоб мати можливість швидко повернутися до нього в майбутньому без пошуку.

Швидке додавання: Ctrl + D

Менеджер закладок

Спеціальний інструмент для впорядкування сотень закладок по тематичних папках (наприклад: «Школа», «Програмування», «Музика»).

Корисна функція

Список читання (Reading List)

Дозволяє відкладати важливі статті чи уроки "на потім". Головна перевага — збережені у списку читання сторінки доступні для перегляду навіть без підключення до Інтернету.

Порада: Відобразити Панель закладок під адресним рядком можна комбінацією Ctrl + Shift + B.
Закладки можна синхронізувати між ПК та смартфоном через свій акаунт Слайд 11 з 16
Модуль 3

Безпека

Приватність та режим анонімного перегляду

Режим Інкогніто (Incognito)

Ctrl + Shift + N

У цьому режимі браузер НЕ зберігає на вашому пристрої:

  • Історію переглянутих веб-сторінок
  • Файли cookie та дані сайтів
  • Інформацію, введену у веб-формах
Важливо: Інкогніто НЕ робить вас невидимим для провайдера Інтернету, адміністратора шкільної мережі або сайтів, які ви відвідуєте!

Протокол HTTPS та замок

Значок замка в адресному рядку свідчить про використання шифрованого протоколу HTTPS.

Завдяки шифруванню ваші паролі, номери карток та особисті дані не зможуть перехопити зловмисники у публічних Wi-Fi мережах.

Ніколи не вводьте паролі на сайтах з позначкою "Не захищено" (HTTP).
Очистити історію браузера можна комбінацією Ctrl + Shift + Delete Слайд 12 з 16
Модуль 2

Мобільні технології

Мобільні браузери та швидкий обмін посиланнями

Мобільний браузер — вебоглядач, оптимізований для компактних сенсорних екранів смартфонів і планшетів.

Автоматичне адаптування вигляду сайтів під екран.
Перемикач «Версія для комп'ютера» для відкриття повного сайту.
Режим економії трафіку.

Обмін через QR-код

У браузері можна в один клік створити QR-код поточної сторінки та відсканувати його камерою смартфона, щоб відкрити сайт на мобільному без ручного введення адреси.

google.com
Відскануйте для переходу
Мобільний браузер Chrome
QR-коди дозволяють передавати посилання за 1 секунду Слайд 13 з 16
Практична зона

Інтерактивна лабораторія

Спробуйте самі!

Симулятор вікна браузера

Головна сторінка

Вітаємо на навчальному порталі!

Введіть будь-який запит або вебадресу в Omnibox вгорі та натисніть Enter.

Статус: Захищено (HTTPS)
Експериментуйте з режимом Інкогніто та додаванням закладок! Слайд 14 з 16
Перевірка знань

Тестування

Бали: 0 / 5

Перевірте свої знання з теми

Дайте відповіді на всі запитання для закріплення матеріалу Слайд 15 з 16
Підсумок уроку Матеріал засвоєно

Чудова робота!
Основні висновки:

Інтернет — глобальна мережа, що об'єднує мільйони комп'ютерів через протокол TCP/IP.
Браузер перекладає програмний код сторінок у зручний графічний інтерфейс.
Omnibox та гарячі клавіші (Ctrl+T, Ctrl+L, Ctrl+S) економлять час під час навчання.
Дотримуйтесь безпеки: перевіряйте HTTPS-замок та використовуйте Інкогніто на чужих ПК.
Дякуємо за увагу! Бажаємо успіхів у навчанні!