Уявіть, що ви — веб-дизайнери, які отримали замовлення від Міністерства культури: зробити сучасний, "свіжий" сайт про Лесю Українку, який був би цікавим для підлітків.

1. Створення "Своєї теми" (Аналог написання CSS)

Замість стандартних тем Google, учні мають створити власну тему:

• Колірна палітра: Обрати 3 основні кольори. Наприклад: "Мавчин ліс" (відтінки зеленого), "Волинське небо" (блакитний та сірий) або "Троянди й виноград" (винний та кремовий).

• Шрифти: Підібрати шрифтову пару. Один шрифт для заголовків (більш акцентний, наприклад, Playfair Display), інший для тексту (читабельний, наприклад, Montserrat або Roboto).

Багатошарові зображення, розміщення об’єктів у шарах

Завдання 1: "Лісова пісня" (Колаж-пейзаж)

Мета: Навчитися правильно розташовувати об'єкти: що має бути на задньому плані, а що — на передньому.

Твоє завдання: Створити ілюстрацію до драми "Лісова пісня", використовуючи щонайменше 5 шарів.

Порядок шарів (від нижнього до верхнього):

1. Шар "Небо": Градієнт або суцільний колір.

2. Шар "Далекий ліс": Силуети дерев (напівпрозорі).

3. Шар "Галявина": Основа землі та трави.

4. Шар "Мавка": Головна героїня (можна використати готове зображення без фону або намалювати силует).

5. Шар "Гілки": Квітучі гілки верби на передньому плані, що ніби "обрамляють" малюнок.

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

Завдання 2: "Оживи цитату" (Типографіка)

Мета: Навчитися працювати з текстовими шарами та ефектами накладання.

Твоє завдання: Створити листівку з відомою цитатою Лесі Українки (наприклад: "Contra spem spero!" або "Я в серці маю те, що не вмирає").

Технічні вимоги:

• Шар 1: Портрет поетеси (як фонова основа з низькою яскравістю).

• Шар 2: Текст цитати великим шрифтом.

• Шар 3: Декоративний елемент (наприклад, квітка або перо), який частково перекриває текст, створюючи 3D-ефект.

• Завдання із зірочкою: Зроби так, щоб одна буква цитати була за об'єктом, а інша — перед ним.

Завдання 3: "Склади вінок" (Робота з дублюванням шарів)

Мета: Навчитися копіювати, обертати та групувати шари.

Твоє завдання: Створити цифровий вінок, який міг би прикрасити портрет Лесі Українки.

1. Намалюй одну квітку (наприклад, волошку або мак) на окремому шарі.

2. Намалюй один листочок на іншому шарі.

3. Тиражуй: Продублюй ці шари багато разів.

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

5. Групування: Згрупуй усі шари вінка в одну папку "Вінок".

Задача: «Рейтинг геймерів»

Уявіть, що ти розробляєш систему для кіберспортивного турніру. У тебе є список балів, які набрали 10 учасників у грі. Бали записані у масив (список) у довільному порядку.

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

Задача: "Магазин фруктів"

У тебе є список цін на фрукти (у гривнях). Тобі потрібно:

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

2. Порахувати, скільки фруктів після зміни ціни коштують більше ніж 100 грн.

Програма на Python (Самостійно)... 

Як це працює (Пояснення для уроку)

• for i in range(len(prices)): цей цикл використовується, коли нам потрібно змінити елементи. Ми звертаємося до кожного фрукта за його "номером" (індексом) i.

• prices[i] = ...: так ми переписуємо старе значення на нове.

• expensive_count: це змінна-лічильник. Щоразу, коли ми знаходимо число більше за 100, ми додаємо до неї одиницю.

Тема — «Форматування електронної таблиці», фокус має бути на зміні зовнішнього вигляду клітинок: шрифтів, меж, кольорів та вирівнювання.

Практичне завдання: «Розклад моїх успіхів»

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

Що потрібно зробити:

1. Створи таблицю на 3 стовпці та 7 рядків.

2. Заповни її даними:

   • Перший стовпець — «День тижня».

   • Другий стовпець — «Головна справа дня».

   • Третій стовпець — «Мій настрій (1-10)».

3. Виконай форматування за списком:

   • Заголовки (перший рядок): зроби текст жирним, розмір шрифту — 14, вирівнювання — по центру. Залий клітинки заголовків світло-синім кольором.

   • Стовпець «День тижня»: зміни колір тексту на темно-зелений.

   • Стовпець «Мій настрій»: якщо число 8 і більше — зафарбуй клітинку жовтим (як сонечко), якщо менше — залиш білим.

   • Межі: виділи всю таблицю та встанови «Усі межі» (товсті лінії для контуру).

   • Об'єднання: над таблицею встав новий рядок, виділи три клітинки, натисни «Об’єднати та розташувати в центрі» і напиши назву: Мій супер-тиждень.

Чек-лист для перевірки:

• [ ] Чи є у таблиці межі?

• [ ] Чи виділені заголовки кольором?

• [ ] Чи змінено шрифт і його розмір?

• [ ] Чи об'єднані клітинки для заголовка всієї таблиці?

https://products.aspose.ai/words/uk/crosswordmaker/

Завдання на тему «Алгоритми впорядкування масиву» (9 клас) для виконання у Google Colab на мові Python.

Завдання 1: Метод «бульбашки» (Bubble Sort)

Умова: Дано список оцінок учня: [8, 11, 7, 9, 10, 6]. Напиши програму, яка впорядкує цей список за зростанням (від найменшої до найбільшої) за допомогою алгоритму бульбашки.

Завдання 2: Сортування вибором (Selection Sort)

Умова: Маємо список температур за тиждень: [12, 15, 10, 14, 13, 11, 9]. Впорядкуй їх за спаданням (від найтеплішої до найхолоднішої), використовуючи метод вибору.

Завдання 3: Використання вбудованих інструментів Python

Умова: Створи список імен друзів у довільному порядку. Використовуючи вбудований метод Python, відсортуй їх за алфавітом. Додай до списку нове ім'я та відсортуй ще раз.

Як перевірити в Google Colab:

1. Перейди на colab.research.google.com.

2. Натисни «New Notebook» (Новий блокнот).

3. Скопіюй код кожного завдання в окрему клітинку (Code cell).

4. Натисни кнопку Play зліва від клітинки, щоб побачити результат.

За матеріалами відео «Текстові елементи вебсторінок, теги та атрибути. Гіперпосилання»

Запитання та відповіді за відеоуроком та створення презентації

1. Яка різниця між абзацними тегами <p> та <div>?

   • Відповідь: Тег <p> створює абзац із між-абзацним інтервалом (відступом), тоді як тег <div> створює блок тексту без автоматичного між-абзацного інтервалу [00:57].

2. Як можна встановити колір фону для вебсторінки?

   • Відповідь: Колір фону встановлюється за допомогою параметра bgcolor у тегу <body>. Значення можна вказувати назвою кольору англійською мовою або спеціальним шістнадцятковим кодом (наприклад, #ff0000), який можна дізнатися в палітрі Photoshop [01:00], [02:01].

3. Що має вищий пріоритет: графічний фон (зображення) чи колір фону?

   • Відповідь: Графічне зображення має вищий пріоритет. Якщо в коді вказано і колір (bgcolor), і зображення (background), то на сторінці відображатиметься саме зображення [03:02].

4. Які параметри відповідають за налаштування кольорів гіперпосилань у тегу <body>?

   • Відповідь: * alink — колір активного гіперпосилання (на яке натискають у даний момент).

     • link — колір посилань, за якими ще не переходили.

     • vlink — колір відвіданих посилань [03:29].

5. Який тег використовується для налаштування параметрів конкретного фрагмента тексту і які його атрибути?

   • Відповідь: Використовується тег <font>. Його основні атрибути: face (тип шрифту), size (розмір) та color (колір) [04:00].

6. Які теги використовуються для форматування накреслення тексту (жирний, курсив тощо)?

   • Відповідь: * <b> — жирний текст.

     • <i> — курсив.

     • <u> — підкреслений.

     • <s> — закреслений [05:23].

7. Як додати на сторінку горизонтальну лінію та як налаштувати її довжину?

   • Відповідь: Для цього використовується тег <hr>. Довжину можна вказувати в пікселях (фіксована ширина) або у відсотках (пропорційно до вікна браузера). Наприклад, width="80%" дозволить лінії змінювати розмір при масштабуванні вікна [05:41], [06:13].

8. Навіщо використовувати абзацні теги замість простого перенесення рядка <br>?

   • Відповідь: Використання абзаців дозволяє керувати вирівнюванням тексту (по лівому краю, по центру або по правому краю) за допомогою атрибута align [06:42].

Дорогі учні та батьки!

На уроці важливо дотримуватися певних правил, щоб забезпечити комфортне та продуктивне навчання. Одним із таких правил є заборона на зйомку фото та відео без дозволу вчителя. Ось кілька причин, чому це важливо:

1. Конфіденційність: Під час уроку можуть обговорюватися особисті питання учнів або вчителів. Зйомка може порушити їхні права на приватність.

2. Відволікання: Коли хтось починає знімати, це може відволікати не лише знімаючого, а й інших учнів, заважаючи їм зосередитися на навчанні.
   Вчитель витрачає час і зусилля, щоб підготувати урок. Без дозволу знімати під час заняття - це неповага до його праці.

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

4. Права інших учнів: Інші учні можуть не бажати, щоб їх знімали. Важливо поважати бажання інших та їх приватність.

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

План проєкту

1. Вступ: Що таке теплоенергетика та її роль у сучасному світі.

2. Принцип роботи ТЕС: Як тепло перетворюється на електрику.

3. Екологічні проблеми: Побічні ефекти спалювання палива.

4. Енергоефективність: Чому важливо зберігати ресурси.

5. Способи збереження енергії: Від промислових масштабів до власної оселі.

6. Висновок.

1. Що таке теплоенергетика?

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

• Основні види палива: вугілля, природний газ, мазут, торф.

2. Як працює теплова електростанція (ТЕС)?

Процес базується на законах термодинаміки:

Shutterstock

Огляд

1. У котлі спалюється паливо, нагріваючи воду.

2. Вода перетворюється на пару високого тиску.

3. Пара обертає турбіну, яка з’єднана з електрогенератором.

4. Генератор виробляє струм.

3. Екологічні наслідки

Теплоенергетика — один із найбільших забруднювачів:

• Викиди $CO_2$: спричиняють парниковий ефект.

• Смог та кислотні дощі: через викиди оксидів сірки та азоту.

• Теплове забруднення: скидання гарячої води у водойми порушує екосистеми.

4. Способи збереження енергоресурсів

Збереження енергії — це найдешевший та найчистіший "вид палива".

На державному та промисловому рівнях:

• Когенерація: одночасне виробництво електрики та тепла (використання "відпрацьованого" тепла для опалення міст).

• Модернізація обладнання: підвищення ККД (коефіцієнта корисної дії) установок.

• Перехід на відновлювані джерела: заміна вугілля сонячною та вітровою енергією.

В побуті (що можеш зробити ти):

• Теплоізоляція стін та вікон: зменшує втрати тепла взимку (фізика: зменшення теплопровідності стін).

• Встановлення термоголовок на радіатори: регулювання температури залежно від потреби.

• Використання відбивальних екранів: за батареями (фізика: відбивання інфрачервоного випромінювання назад у кімнату).

Цікавий факт для проєкту

Чи знаєш ти, що ККД звичайної теплової електростанції рідко перевищує 35–40%? Більша частина енергії палива просто "гріє повітря" навколо. Саме тому енергозбереження є таким важливим.

Висновок

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