Презентація: Структура сайту та основи веб-дизайну.

Слайд 1: Титульний

• Заголовок: Структура сайту та основи веб-дизайну.

• Підзаголовок: Як влаштовані веб-ресурси та як зробити їх зручними.

• Інфо: Інформатика, 7 клас.

---

Слайд 2: Що таке структура сайту?

• Основна думка: Сайт — це не просто набір сторінок, а впорядкована система.

• Типи структур:

  • Лінійна: користувач переходить від сторінки до сторінки (як у книжці).

  • Ієрархічна (деревоподібна): від головної сторінки до розділів та підрозділів (найпопулярніша).

  • Довільна: усі сторінки пов’язані між собою посиланнями.

---

Слайд 3: Види сторінок сайту

Кожна сторінка має свою роль:

1. Головна (Home page): «обличчя» сайту, звідки починається навігація.

2. Інформаційні сторінки: містять статті, тексти, фото.

3. Сторінки розділів: меню для переходу до конкретних тем.

4. Контакти та зворотний зв’язок: для зв'язку з авторами.

---

Слайд 4: Як створити сайт без програмування?

• Автоматизовані засоби (CMS та конструктори):

  • Конструктори (Wix, Google Sites, Canva): дозволяють збирати сайт із готових блоків, як конструктор LEGO.

  • CMS (WordPress): системи управління вмістом для складніших проєктів.

• Переваги: не потрібно знати код, швидкий результат, готові шаблони.

---

Слайд 5: Етапи створення веб-ресурсу

1. Постановка мети: для чого цей сайт?

2. Проєктування: розробка структури на папері або в схемі.

3. Дизайн та наповнення: створення візуалу та додавання контенту.

4. Публікація: розміщення в інтернеті (хостинг та домен).

---

Слайд 6: Ергономіка веб-сторінок

Ергономіка — це наука про те, як зробити сайт зручним для людини.

• Правило «3-х кліків»: користувач має знайти потрібну інформацію не більше ніж за 3 переходи.

• Контрастність: текст має легко читатися (чорне на білому — ідеально).

• Адаптивність: сайт має однаково добре виглядати на комп’ютері та смартфоні.

---

Слайд 7: Золоті правила розміщення контенту

• F-патерн: люди зазвичай переглядають сторінку за траєкторією літери "F". Найважливіше ставимо зверху та зліва.

• Повітря: не перевантажуйте сторінку текстом, залишайте вільне місце.

• Акценти: виділяйте головне кнопками або кольором.

---

Слайд 8: Підсумок та запитання

• Запитання для самоперевірки:

  • Яка структура сайту найзручніша для онлайн-магазину?

  • Чим відрізняється конструктор сайтів від написання коду вручну?

  • Чому важливо враховувати ергономіку?

---

Поради для оформлення:

• Мінімум тексту: використовуй лише ключові тези, решту розповідай усно.

• Скриншоти: додай на слайди приклади реальних сайтів (наприклад, сайт школи або Wikipedia).

• Інтерактив: запропонуй учням зайти на Google Sites і спробувати створити першу сторінку прямо на уроці.

Структура сайту. Види сторінок сайту. Автоматизовані засоби створення та публікації веб-ресурсів. Правила ергономічного розміщення відомостей на веб-сторінці. С. 150-163. 

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

---

Слайд 1: Назва презентації

Тема: Структура сайту та основи веброзробки. Зміст:

• З чого складається сайт?

• Якими бувають сторінки?

• Як створити сайт без програмування?

• Правила зручного дизайну (ергономіка).

---

Слайд 2: Структура вебсайту

Сайт — це не просто набір сторінок, а впорядкована система.

1. Внутрішня структура — це схема зв’язків між сторінками (меню, посилання). Вона буває:

   • Лінійна: сторінки йдуть одна за одною (як у книжці).

   • Ієрархічна (деревоподібна): від головної сторінки до розділів і підрозділів.

   • Довільна: сторінки пов’язані між собою хаотично.

2. Зовнішня структура — це вигляд окремої сторінки (дизайн).

---

Слайд 3: Види сторінок сайту

За функціями сторінки поділяють на:

• Головна (Home page): «обличчя» сайту, звідки починається навігація.

• Інформаційні: статті, новини, опис товарів.

• Навігаційні: карти сайту, результати пошуку.

• Контактні: форми зворотного зв'язку, адреси.

• Цільові (Landing pages): сторінки, створені для реклами конкретного продукту.

---

Слайд 4: Автоматизовані засоби створення веб-ресурсів

Сьогодні не обов’язково знати мову HTML, щоб створити сайт. Для цього використовують:

• Конструктори сайтів (SaaS): онлайн-сервіси (наприклад, Google Sites, Wix, Canva). Просто перетягуєш блоки — і готово!

• Системи керування вмістом (CMS): програми для створення великих сайтів (наприклад, WordPress).

• Онлайн-редактори: де можна швидко зробити візитку чи портфоліо.

Переваги: швидкість, наявність готових шаблонів, не потрібні навички програмування.

---

Слайд 5: Ергономіка веб-сторінок

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

Основні елементи сторінки:

1. Шапка (Header): назва сайту, логотип, меню.

2. Основна частина (Content): головна інформація.

3. Бічна панель (Sidebar): додаткові посилання, банери.

4. Підвал (Footer): авторські права, контакти.

---

Слайд 6: Правила розміщення відомостей

Щоб сайт був зручним, дотримуйся цих правил:

• Правило "F-патерну": користувачі зазвичай сканують сторінку очима у формі літери F (зліва направо, зверху вниз). Найважливіше став угорі ліворуч.

• Контрастність: текст має легко читалися на фоні.

• Простота навігації: користувач має знайти потрібну інформацію за 2-3 кліки.

• Адаптивність: сайт повинен гарно виглядати і на комп'ютері, і на смартфоні.

• Єдиний стиль: однакові шрифти та кольори на всіх сторінках.

---

Слайд 7: Висновки

• Сайт має чітку структуру для зручного пошуку інформації.

• Існують різні типи сторінок під різні завдання.

• Завдяки конструкторам (як Google Sites) кожен може стати розробником.

• Головне в дизайні — зручність користувача (ергономіка).

---

Тобі допомогти підібрати кольорову гаму для презентації чи, можливо, підказати, як створити перший сайт у Google Sites?

📝 Текстовий процесор: Шаблони, стилі та пошук

1. Використання шаблонів документів

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

• Навіщо вони потрібні? Щоб не створювати документ "з нуля" щоразу (наприклад, резюме, лист, звіт чи календар).

• Як знайти? У Microsoft Word: Файл → Створити. Там можна обрати готовий макет.

• Перевага: Економія часу та професійний вигляд документа.

---

2. Форматування з використанням стилів

Стиль — це набір параметрів форматування (шрифт, розмір, колір, відступи), який має свою назву.

• Типи стилів: Найчастіше використовують стилі для заголовків (Heading 1, 2) та звичайного тексту.

• Чому це круто? 1. Швидкість: Можна змінити оформлення всіх заголовків одним кліком.

  2. Зміст: На основі стилів заголовків програма автоматично створює Зміст (автоматичне оглавление).

  3. Єдність: Весь документ виглядає в одному стилі.

---

3. Пошук та заміна фрагментів тексту

Ці інструменти допомагають миттєво знаходити слова у великих текстах і змінювати їх.

• Пошук (Ctrl + F): Допомагає знайти конкретне слово або фразу в документі на 100+ сторінок за секунду.

• Заміна (Ctrl + H): Автоматично змінює одне слово на інше у всьому документі.

  • Приклад: Тобі потрібно замінити в усьому тексті "м. Київ" на "столиця України". Замість того, щоб шукати вручну, ти використовуєш функцію "Замінити все".

---

💡 Головні поради (Cheat Sheet):

Функція	Гарячі клавіші	Результат
Пошук	Ctrl + F	Виділяє знайдені слова жовтим.
Заміна	Ctrl + H	Міняє старе слово на нове автоматично.
Стилі	Вкладка Основна	Робить документ структурованим.

---

---

---

---

---

---

---

5 практичних завдань для роботи в Google Документах, які допоможуть закріпити знання про шаблони, стилі та пошук.

---

Практична робота: "Ефективна робота з текстом"

Завдання 1. Робота з шаблонами

1. Відкрий головну сторінку Google Документів.

2. Натисни «Галерея шаблонів» (угорі праворуч).

3. Обери шаблон «Резюме» (або «Лист»).

4. Заповни його своїми даними: ім'я, школа, твої захоплення. Зверни увагу, як зберігається структура документа при заміні тексту.

Завдання 2. Застосування стилів

1. Створи новий порожній документ.

2. Напиши назву документа: "Мої улюблені предмети". Застосуй до цього рядка стиль «Назва» (Title).

3. Нижче напиши назви трьох предметів (наприклад: Інформатика, Математика, Історія). До кожної назви застосуй стиль «Заголовок 1» (Heading 1).

4. Під кожним заголовком напиши по одному реченню, чому цей предмет цікавий. Переконайся, що для цього тексту встановлено стиль «Звичайний текст».

Завдання 3. Автоматичний зміст

1. Використовуючи документ із Завдання 2, перейди на новий рядок на самому початку документа.

2. Натисни Вставити (Insert) → Зміст (Table of contents).

3. Обери варіант із номерами сторінок.

4. Перевірка: Додай ще один предмет зі стилем «Заголовок 1» в кінець документа і натисни кнопку «Оновити зміст» у самому змісті.

Завдання 4. Пошук та заміна

1. Скопіюй будь-який текст про комп'ютери з Вікіпедії (приблизно на 1 сторінку) і встав у Google Документ.

2. Натисни Ctrl + H (або Правка → Знайти та замінити).

3. У полі "Знайти" введи слово "комп'ютер".

4. У полі "Замінити на" введи слово "ЕОМ" (велика літерами).

5. Натисни «Замінити все». Подивись, скільки замін відбулося.

Завдання 5. Швидке форматування стилів

1. У тому ж документі зміни оформлення одного «Заголовка 1»: зроби його синім кольором, шрифтом Arial та розміром 18.

2. Виділи цей змінений заголовок.

3. У панелі стилів натисни стрілочку біля «Заголовок 1» та обери «Оновити 'Заголовок 1' відповідно до виділеного фрагмента».

4. Спостерігай, як усі інші заголовки в документі автоматично стали синіми.

---

Порада: Після виконання можеш поділитися посиланням на документ із вчителем, натиснувши кнопку "Поділитися" (Share).

Хочеш, щоб я підготував короткий тест для перевірки знань за цими завданнями?

Покупки  ст. 128 

Назва таблиці: "Облік придбання офісного обладнання" (або "Придбання шкільного приладдя")
 

№	Назва товару	Кількість	Ціна за одиницю (грн)	Знижка (%)	Дата придбання	Загальна вартість (грн)
1	Ноутбук Acer	1	18500,00	5%	12.12.2025
2	Монітор 27''	2	4899,50	0%	12.12.2025
3	Картридж для принтера	4	750,00	10%	13.12.2025
4	Бездротова миша	5	299,90	0%	13.12.2025
5	Флеш-накопичувач 64 ГБ	10	199,00	15%	14.12.2025
6	Набір маркерів (4 шт.)	3	55,75	0%	14.12.2025
7	Папір для принтера (упак.)	20	145,50	5%	15.12.2025

 

Запитання за матеріалом завдання

1. Типи даних: Які типи даних містяться у стовпцях «Назва товару», «Кількість» та «Дата придбання»? Поясніть різницю між ними.

2. Побудова формул: Запишіть формулу, яку потрібно ввести в клітинку G2, щоб розрахувати вартість ноутбука з урахуванням знижки. Використовуйте адреси клітинок.

3. Відсотковий формат: Як зміняться математичні дії у формулі, якщо в стовпці «Знижка» замість формату відсотків (5%) буде записано просто число (5)?

4. Арифметичні оператори: Які математичні оператори використовуються в електронних таблицях для множення та віднімання? Наведіть приклади з цього завдання.

5. Автозаповнення: Опишіть алгоритм дій: як швидко розрахувати загальну вартість для всіх товарів у списку, не вводячи формулу вручну для кожного рядка?

6. Форматування чисел: Яке форматування доцільно встановити для стовпців «Ціна за одиницю» та «Загальна вартість», щоб вони виглядали як грошові суми?

7. Адресація: Чому при копіюванні формули вниз по стовпцю адреси клітинок (наприклад, з C2 на C3) змінюються автоматично? Як називається такий вид посилань?

8. Пріоритет операцій: Чи потрібні дужки у формулі для розрахунку вартості зі знижкою? Поясніть, як зміниться результат, якщо їх прибрати.

9. Аналіз даних: Як за допомогою інструментів табличного процесора швидко знайти товар, на який була витрачена найбільша сума грошей?

10. Оновлення даних: Що станеться із «Загальною вартістю», якщо ми змінимо кількість «Паперу для принтера» з 20 на 25 упаковок? Чи потрібно буде переписувати формулу?

 

Задача для Google Таблиць (Інформатика, 7 клас)

Задача для Google Таблиць (Інформатика, 7 клас)

Тема: "Обчислення вартості та знижок: Планування шкільної екскурсії"

Ця задача дозволяє учням відпрацювати введення формул, використання функцій СУМ (SUM), СЕРЕДНЄ (AVERAGE) та обчислення відсотків у Google Таблицях.

---

📝 Умова задачі

7-А клас планує поїздку на екскурсію до Музею науки. Класний керівник має розрахувати загальну вартість поїздки для 25 учнів, враховуючи витрати на квитки, транспорт та можливість отримання групової знижки.

Дані для введення:

Опис витрат	Вартість за 1 одиницю (грн)	Кількість одиниць
Вхідний квиток для 1 учня	80	25
Оренда автобуса (загальна вартість)	2500	1
Кишенькові витрати (середнє значення на 1 учня)	50	25

Додаткові умови:

1. Музей надає групову знижку 10% від загальної вартості вхідних квитків, якщо група перевищує 20 осіб.

2. Клас отримав спонсорську допомогу в розмірі 1500 грн, яку слід відняти від загальної суми витрат.

---

📊 Завдання для учнів (Кроки в Google Таблицях)

Крок 1: Створення та заповнення таблиці

1. Створіть нову Google Таблицю та назвіть її: "Екскурсія 7-А клас".

2. Створіть таблицю, як показано нижче (комірки A1:E5).

	A	B	C	D	E
1	ПЛАНУВАННЯ ЕКСКУРСІЇ (7-А клас)
2	Опис витрат	Вартість за 1 од. (грн)	Кількість	Загальна вартість (грн)
3	Вхідні квитки	80	25	Формула!
4	Оренда автобуса	2500	1	Формула!
5	Кишенькові витрати	50	25	Формула!
6

Крок 2: Використання формул для обчислення (Стовпець D)

1. У комірці D3 обчисліть загальну вартість квитків (Вартість за 1 од. $\times$ Кількість):

   • Введіть формулу: =B3*C3

2. У комірці D4 обчисліть загальну вартість оренди автобуса:

   • Введіть формулу: =B4*C4

3. У комірці D5 обчисліть загальну суму на кишенькові витрати:

   • Введіть формулу: =B5*C5

Крок 3: Обчислення знижки (Секція 1)

1. У комірці E7 обчисліть Суму квитків (без знижки) за допомогою функції СУМ:

   • Введіть: =СУМ(D3) (або просто посилання на D3)

2. У комірці E8 розрахуйте Суму знижки (10%) від вартості квитків (E7):

   • Введіть формулу: =E7*0.1

Крок 4: Обчислення загальних витрат (Секція 2)

	A	B
7	Сума квитків:	Формула!
8	Знижка (10% від квитків):	Формула!
9	Загальні витрати (до спонсорства):	Формула!
10	Спонсорська допомога:	1500
11	Кінцева вартість екскурсії:	Формула!
12	Вартість на 1 учня (кінцева):	Формула!

1. У комірці B9 обчисліть Загальні витрати (до спонсорства) (Сума всіх витрат D3:D5 мінус знижка B8):

   • Введіть формулу: =СУМ(D3:D5)-B8

2. У комірці B11 обчисліть Кінцеву вартість екскурсії (Загальні витрати B9 мінус Спонсорська допомога B10):

   • Введіть формулу: =B9-B10

Крок 5: Обчислення середнього (Секція 3)

1. У комірці B12 обчисліть Вартість на 1 учня (Кінцева вартість B11, поділена на кількість учнів - 25).

   • Введіть формулу: =B11/25

   • Додатково: У цьому ж діапазоні можна показати, як обчислити Середню вартість одиниці (B3:B5) за допомогою функції СЕРЕДНЄ: =СЕРЕДНЄ(B3:B5)

---

✔️ Очікувані результати (для самоперевірки):

• Загальна вартість квитків (D3): 2000 грн

• Сума знижки (B8): 200 грн

• Кінцева вартість екскурсії (B11): 3550 грн

• Вартість на 1 учня (B12): 142 грн

---

Чи бажаєте, щоб я створив іншу задачу, наприклад, на тему оцінювання успішності учнів?

Формули. Абсолютні та мішані посилання в електронних таблицях.

С 132-133 Вправа 5, (с.130), 6 (с.131), Підручник 

Табличні процесори та їх призначення

Табличний процесор (або електронна таблиця) — це прикладна програма, призначена для створення, редагування, зберігання, опрацювання та аналізу даних, поданих у вигляді прямокутних таблиць.

---

📊 Призначення

Основне призначення табличних процесорів — автоматизація обчислень та аналіз даних. Вони використовуються для:

1. Обчислень: Виконання складних математичних, фінансових, статистичних та логічних розрахунків за допомогою формул і вбудованих функцій. Наприклад, знайти суму чисел, середнє значення або визначити найбільше/найменше число.

2. Упорядкування та зберігання даних: Зручне подання великих обсягів інформації у структурованому вигляді (рядки та стовпці).

3. Аналізу даних: Сортування, фільтрування, пошук даних для швидкого прийняття рішень.

4. Створення діаграм і графіків: Візуалізація даних для кращого розуміння тенденцій і зв'язків. Наприклад, відобразити успішність класу у вигляді стовпчастої діаграми.

Приклади табличних процесорів: Microsoft Excel, Google Таблиці, LibreOffice Calc.

---

💡 5  Завдань для 7 Класу

Ось 5 практичних завдань, які допоможуть учням 7-го класу освоїти базові навички роботи з табличними процесорами.

Завдання 1: Шкільний Бюджет 🍎

• Мета: Навчитися вводити текст і числа та використовувати функцію СУМ (SUM).

• Дія: Створити таблицю «Витрати на Школу» з трьома стовпцями: «Витрата» (зошит, ручка, олівець, обід), «Кількість» та «Вартість (грн)». У новому рядку, в стовпці «Вартість (грн)», порахувати загальну суму всіх витрат, використовуючи формулу.

Завдання 2: Середній Бал 📈

• Мета: Навчитися використовувати функцію СЕРЕДНЄ (AVERAGE) та форматувати таблицю.

• Дія: Створити таблицю оцінок учня за 5 предметів. У стовпці «Оцінка» ввести бали. В окремій клітинці порахувати середній бал за всі предмети, використовуючи відповідну функцію. Зробити клітинку із середнім балом жирною та жовтою.

Завдання 3: Переведення Валют 💰

• Мета: Навчитися створювати прості математичні формули (множення).

• Дія: Створити таблицю для переведення доларів у гривні. Ввести курс: 1 Долар = 40.50 грн (умовний курс). Створити стовпці «Сума в Доларах» (ввести 5 різних сум) та «Сума в Гривнях». У клітинках стовпця «Сума в Гривнях» створити формулу, яка множить суму в доларах на фіксовану клітинку з курсом.

Завдання 4: Овочі та Фрукти (Сортування) 🥕

• Мета: Навчитися сортувати дані.

• Дія: Створити список із 10 назв фруктів та овочів у стовпці «Назва» та їхню вагу у грамах (число) у стовпці «Вага (г)». Відсортувати цей список:

  • Спершу за назвою (від А до Я).

  • Потім за вагою (від найбільшої до найменшої).

Завдання 5: Діаграма Погоди ☀️

• Мета: Навчитися будувати діаграми.

• Дія: Створити таблицю «Погода Тижня» з двома стовпцями: «День Тижня» (Пн, Вт, Ср, Чт, Пт) та «Максимальна Температура (°C)» (ввести 5 різних чисел). На основі цих даних створити стовпчасту діаграму, яка візуально покаже коливання температури протягом тижня.

---

Чи хотіли б Ви, щоб я надав покрокову інструкцію для одного з цих завдань, наприклад, для Завдання 3: Переведення Валют?

Завдання 1: Організація навчальних матеріалів 📁

 

Ситуація: Тобі потрібно впорядкувати всі файли, пов'язані з вивченням інформатики за перше півріччя (презентації, реферати, практичні роботи) на твоєму комп'ютері.

Твоє завдання:

1. Створи на робочому столі одну головну теку з назвою "Інформатика_7_Клас".

2. Всередині неї створи три підтеки: "Презентації", "Практичні", "Теорія".

3. Поясни, як ти будеш вирішувати проблему, якщо дві різні практичні роботи мають однакову назву файлу, наприклад, Завдання.docx.

4. Запропонуй алгоритм дій (послідовність кроків), щоб швидко знайти файл, якщо ти пам'ятаєш лише його тип (.pptx або .docx), але не пам'ятаєш назву.

 

Завдання 2: Планування бюджету поїздки 📊

 

Ситуація: Ваш клас планує поїздку до історичного музею. У вас є наступні дані:

• Кількість учнів: 25

• Вартість вхідного квитка: 50 грн/особа

• Оренда автобуса: 1200 грн (загальна сума)

Твоє завдання (використовуй електронні таблиці):

1. Створи невелику таблицю, де будуть вказані ці дані.

2. За допомогою формули обчисли загальну суму витрат на поїздку.

3. За допомогою формули обчисли вартість поїздки на одну особу (враховуючи і квиток, і частину вартості автобуса).

4. Сформулюй висновок, чи вистачить вам 2000 грн, які клас зібрав на поїздку.

 

Завдання 3: Безпечна реєстрація в Інтернеті 🔑

 

Ситуація: Тобі потрібно придумати надійний пароль для нового навчального онлайн-сервісу. Сервіс вимагає, щоб пароль був надійним.

Твоє завдання:

1. Сформулюй три (3) основні вимоги до надійного пароля (наприклад, довжина, типи символів).

2. Придумай і запиши два варіанти пароля, які відповідають цим вимогам, використовуючи метод "пароль-фраза" (наприклад, перетворення фрази на символи).

3. Поясни, де (і чи варто взагалі) зберігати цей пароль, щоб не забути його і водночас захистити від сторонніх.

 

Завдання 4: Оформлення оголошення про змагання 📝

 

Ситуація: Ти відповідальний за створення оголошення про шкільні змагання з шахів. Оголошення має бути привабливим, легко читатися та містити всю необхідну інформацію.

Твоє завдання (використовуй текстовий процесор):

1. Назви мінімум 5 елементів обов'язкової інформації, яку ти маєш додати в оголошення (наприклад, час, місце).

2. Вибери та обґрунтуй, який тип вирівнювання (по лівому краю, по центру, по ширині) ти обереш для заголовка, а який — для основного тексту.

3. Опиши, як ти використаєш маркований або нумерований список для представлення правил змагання, щоб вони були максимально зрозумілими.

 

Завдання 5: Пошук та оцінка інформації 🔍

 

Ситуація: Ти пишеш доповідь про винахідника Інтернету. Тобі потрібно швидко знайти три ключові факти про цю особу, але ти маєш переконатися, що інформація є достовірною.

Твоє завдання (використовуй пошукову систему):

1. Сформулюй один ефективний пошуковий запит, щоб знайти ім'я винахідника (наприклад, використовуючи лапки або ключові слова).

2. Знайди дві різні вебсторінки з відповіддю на це запитання. Поясни, яка з цих сторінок (наприклад, офіційний сайт університету чи новинний блог) є більш надійним джерелом і чому.

3. Назви два критерії, за якими ти оцінюєш достовірність знайденої інформації (крім самого джерела).

Компетентнісні завдання з Інформатики (7 клас, Морзе, Барна)

1. 📧 Електронна Пошта та Безпека

 

Ситуація: Твоя однокласниця Вікторія отримала електронний лист із проханням терміново надіслати її логін та пароль до шкільної системи оцінювання, нібито від адміністратора школи. У листі зазначено, що це необхідно для "оновлення облікового запису".

Завдання:

1. Оціни ризик: Поясни Вікторії, чому цей лист є небезпечним. Як називається цей вид шахрайства в інтернеті?

2. Дії: Які кроки Вікторія повинна виконати, щоб безпечно відреагувати на цей лист і захистити свій обліковий запис? Сформулюй три конкретні поради.

---

 

2. 📊 Обробка Даних у Таблицях

 

Ситуація: Класний керівник попросив тебе допомогти підрахувати результати благодійного ярмарку. У тебе є список проданих товарів із зазначенням назви товару, кількості та ціни за одиницю.

Назва Товару	Кількість	Ціна за одиницю (грн)
Печиво	45	12
Лимонад	30	15
Браслет	15	25

Завдання:

1. Формула: Яку формулу (наприклад, для клітинки D2) ти використаєш у табличному процесорі (наприклад, Excel або Google Sheets), щоб обчислити загальний дохід від продажу Печива?

2. Загальний Дохід: Яка функція дозволить швидко підрахувати суму доходу від усіх товарів?

3. Прийняття Рішення: На який товар варто зробити більший акцент наступного разу, щоб збільшити прибуток, виходячи з отриманих даних?

---

 

3. 🖼️ Редагування Зображень для проєкту

 

Ситуація: Ти готуєш презентацію про історію міста. Знайдене тобою історичне зображення дуже велике (розмір $2000 \times 1500$ пікселів) і має зайві поля навколо основного об'єкта.

Завдання:

1. Операції: Назви дві основні операції, які ти виконаєш у графічному редакторі (наприклад, Paint, GIMP), щоб зображення ідеально вписалося у слайд презентації та містило лише потрібну інформацію.

2. Обґрунтування: Поясни, чому зменшення розміру зображення (наприклад, до $800 \times 600$ пікселів) є важливим при підготовці презентації (згадай про обсяг файлу та швидкість завантаження).

---

 

4. 🌐 Пошук інформації та критичне оцінювання

 

Ситуація: Тобі потрібно знайти в інтернеті інформацію про те, коли саме була винайдена Всесвітня мережа (World Wide Web). Ти ввів у пошуковій системі запит і отримав такі два посилання:

1. Посилання А: Стаття з наукового журналу, датована 2023 роком, з посиланням на роботу Тіма Бернерса-Лі.

2. Посилання Б: Пост у соціальній мережі від невідомого користувача з назвою "10 цікавих фактів про Інтернет".

Завдання:

1. Запит: Сформулюй оптимальний пошуковий запит, використовуючи спеціальні символи або оператори (наприклад, лапки) для отримання точної дати.

2. Надійність: Яке з джерел (А чи Б) є більш надійним для використання у шкільному проєкті? Назви принаймні дві ознаки надійного джерела інформації в інтернеті.

Для виконання цих завдань учням знадобиться:

• Чітке визначення, що таке біт (0 або 1) і байт (8 біт).

• Таблиця перетворення одиниць: 1 Кб = 1024 байти.

Завдання 1: Перетворення тексту в двійковий код (Кодування)

Мета: Зрозуміти принцип кодування символів за допомогою двійкового коду.

Умова: Використовуючи подану таблицю кодування (наприклад, спрощену ASCII або просто визначте код для кількох літер, наприклад: А=01000001, Б=01000010, В=01000011, Пробіл=00100000), закодуйте своє ім'я (або коротке слово, наприклад, "КОД") у двійковий код.

Приклад (Слово "КОД"):

• К $\rightarrow$ 01001011

• О $\rightarrow$ 01001111

• Д $\rightarrow$ 01000100

• Результат: 010010110100111101000100

---

 

Завдання 2: Декодування двійкового коду в текст

Мета: Навчитися декодувати інформацію.

Умова: Маємо двійковий код: 01001001010011100100011001001111. Використовуючи ту саму таблицю кодування, що й у Завданні 1 (де кожен символ – це 8 біт), декодуйте повідомлення. Що це за слово?

Підказка: Розділіть код на групи по 8 біт.

---

 

Завдання 3: Визначення довжини двійкового коду (Біти та Байти)

 

Мета: Закріпити знання про одиниці вимірювання (біт, байт).

Умова: Учень записав повідомлення, яке в двійковому вигляді має 32 біти.

1. Скільки це байтів?

2. Скільки символів містить це повідомлення, якщо один символ кодується 8 бітами (1 байтом)?

---

 

Завдання 4: Перетворення одиниць вимірювання (Кілобайти)

 

Мета: Відпрацювати перетворення між байтами та кілобайтами.

Умова: Файл із малюнком має розмір 4096 байтів.

1. Скільки це буде Кілобайтів (Кб)? (Нагадаємо: 1 Кб = 1024 байти).

2. Якщо 1 біт – це 0 або 1, то скільки нулів та одиниць міститься в цьому файлі?

---

 

Завдання 5: Оцінка розміру повідомлення

 

Мета: Застосувати знання про довжину коду для оцінки розміру даних.

Умова: Повідомлення складається з 1000 символів. Припустімо, що кожен символ кодується 1 байтом.

1. Який об'єм інформації (довжина двійкового коду) містить це повідомлення у байтах?

2. Скільки це приблизно буде у Кілобайтах (Кб)? (Округлити до цілого числа).

3. Скільки це буде у бітах? (1 байт = 8 біт).

---

---

---

---

---

---

---

Розв'язки Практичних Завдань

 

---

 

Завдання 1: Перетворення тексту в двійковий код (Кодування)

 

Умова: Закодуйте слово "КОД".

• Таблиця: К $\rightarrow$ 01001011, О $\rightarrow$ 01001111, Д $\rightarrow$ 01000100.

Розв'язок:

1. К $\rightarrow$ 01001011

2. О $\rightarrow$ 01001111

3. Д $\rightarrow$ 01000100

Відповідь: Повідомлення "КОД" у двійковому коді: 010010110100111101000100.

---

 

Завдання 2: Декодування двійкового коду в текст

 

Умова: Декодуйте 01001001010011100100011001001111.

Розв'язок:

1. Розділимо код на групи по 8 біт (1 байт):

   • 01001001

   • 01001110

   • 01000110

   • 01001111

2. Використовуючи таблицю кодування (або стандарт ASCII):

   • 01001001 $\rightarrow$ I

   • 01001110 $\rightarrow$ N

   • 01000110 $\rightarrow$ F

   • 01001111 $\rightarrow$ O

Відповідь: Декодоване слово: INFO (або "ІНФО", якщо використовується кирилична кодова таблиця).

---

 

Завдання 3: Визначення довжини двійкового коду (Біти та Байти)

 

Умова: Повідомлення має 32 біти.

1. Скільки це байтів?

2. Скільки символів містить повідомлення (якщо 1 символ = 8 біт)?

Розв'язок:

1. Байти: Оскільки $\mathbf{1}$ байт = $\mathbf{8}$ біт, потрібно 32 розділити на 8.

    

   $$32 \text{ біти} \div 8 = \mathbf{4 \text{ байти}}$$

2. Символи: Оскільки $\mathbf{1}$ символ кодується $\mathbf{1}$ байтом (8 біт), повідомлення містить стільки символів, скільки в ньому байтів.

    

   $$\mathbf{4 \text{ символи}}$$

Відповідь: 1) 4 байти; 2) 4 символи.

---

 

Завдання 4: Перетворення одиниць вимірювання (Кілобайти)

 

Умова: Файл має розмір 4096 байтів.

1. Скільки це Кілобайтів (Кб)? ($1 \text{ Кб} = 1024 \text{ байти}$).

2. Скільки нулів та одиниць (бітів) міститься в цьому файлі?

Розв'язок:

1. Кілобайти: Ділимо кількість байтів на 1024.

    

   $$4096 \text{ байтів} \div 1024 = \mathbf{4 \text{ Кб}}$$

2. Біти: Множимо кількість байтів на 8.

    

   $$4096 \text{ байтів} \times 8 = \mathbf{32768 \text{ бітів}}$$

Відповідь: 1) 4 Кб; 2) 32768 бітів.

---

 

Завдання 5: Оцінка розміру повідомлення

 

Умова: Повідомлення складається з 1000 символів. ($1 \text{ символ} = 1 \text{ байт}$).

1. Об'єм у байтах?

2. Об'єм у Кілобайтах (Кб)? (Округлити).

3. Об'єм у бітах?

Розв'язок:

1. Байти: 1000 символів $\times$ 1 байт/символ $= \mathbf{1000 \text{ байтів}}$.

2. Кілобайти: Ділимо 1000 байтів на 1024.

    

   $$1000 \text{ байтів} \div 1024 \approx 0.9765 \text{ Кб}$$

    

   Округляємо до цілого числа: $\mathbf{1 \text{ Кб}}$.

3. Біти: Множимо 1000 байтів на 8 біт/байт.

    

   $$1000 \text{ байтів} \times 8 = \mathbf{8000 \text{ бітів}}$$

Відповідь: 1) 1000 байтів; 2) Приблизно 1 Кб; 3) 8000 бітів.