<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Навчання та творчість</title>
		<link>https://svch.ucoz.com/load/</link>
		<description>Навчання та творчість</description>
		<lastBuildDate>Thu, 16 Apr 2026 17:20:50 GMT</lastBuildDate>
		<generator>uCoz Web-Service</generator>
		<atom:link href="https://svch.ucoz.com/load/rss" rel="self" type="application/rss+xml" />
		
		<item>
			<title>57 / 10 клас Створення динамічних елементів на веб-сторінках</title>
			<description>&lt;h2 data-path-to-node=&quot;3&quot;&gt;Практичні завдання&lt;/h2&gt;

&lt;h2 data-path-to-node=&quot;4&quot;&gt;&lt;strong&gt;1. Живий зворотний відлік до події&lt;/strong&gt;&lt;/h2&gt;

&lt;p data-path-to-node=&quot;8&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;8&quot;&gt;Завдання:&lt;/b&gt; Додати на сторінку таймер, який у реальному часі показує дні, години та хвилини до певної дати (наприклад, до кінця навчального року).&lt;/p&gt;

&lt;ul data-path-to-node=&quot;9&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;9,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,0,0&quot;&gt;Інструмент:&lt;/b&gt; Вбудований HTML-код (Custom Embed).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;9,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,1,0&quot;&gt;Результат:&lt;/b&gt; Цифри змінюються щосекунди без перезавантаження сторінки.&lt;/p&gt;

 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;p&gt;&amp;nbsp;&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;h2 data-path-to-node=&quot;10&quot;&gt;&lt;strong&gt;2. Динамічна галерея-карусель&lt;/strong&gt;&lt;/h2&gt;

&lt;p data-path-to-node=&quot;14&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;14&quot;&gt;Завдання:&lt;/b&gt; Налаштувати автоматичне прокручування зображень (слайд-шоу) з анімацією переходу.&lt;/p&gt;

&lt;ul data-path-to-node=&quot;15&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;15,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,0,0&quot;&gt;Інструмент:&lt;/b&gt; Стандартний блок &quot;Карусель зображень&quot;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;15,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,1,0&quot;&gt;Результат:&lt;/b&gt; Зображення змінюються самостійно з заданою швидкістю.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 data-path-to-node=&quot;2&quot;&gt;Інструкція до виконання завдання №4&lt;/h3&gt;

&lt;ol data-path-to-node=&quot;3&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,0,0&quot;&gt;Підготовка контенту:&lt;/b&gt;&lt;/p&gt;

 &lt;ul data-path-to-node=&quot;3,0,1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,0,1,0,0&quot;&gt;Підготуй 3&amp;ndash;5 зображень однакового розміру (це важливо для охайного вигляду сайту). Це можуть бути фото класу, природи або скриншоти твоїх робіт.&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,1,0&quot;&gt;Додавання віджета:&lt;/b&gt;&lt;/p&gt;

 &lt;ul data-path-to-node=&quot;3,1,1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,1,1,0,0&quot;&gt;На панелі інструментів праворуч вибери вкладку &lt;b data-index-in-node=&quot;47&quot; data-path-to-node=&quot;3,1,1,0,0&quot;&gt;Вставити&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,1,1,1,0&quot;&gt;Прокрути вниз до списку віджетів і натисни на &lt;b data-index-in-node=&quot;46&quot; data-path-to-node=&quot;3,1,1,1,0&quot;&gt;Карусель зображень&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,1,1,2,0&quot;&gt;Натисни на &amp;laquo;+&amp;raquo; і вибери &amp;laquo;Завантажити зображення&amp;raquo; або &amp;laquo;Вибрати зображення&amp;raquo;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,2,0&quot;&gt;Налаштування динаміки (Критичний крок):&lt;/b&gt;&lt;/p&gt;

 &lt;ul data-path-to-node=&quot;3,2,1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,2,1,0,0&quot;&gt;Коли зображення додані, не поспішай натискати &amp;laquo;Вставити&amp;raquo;. У вікні редагування каруселі зверху праворуч натисни на значок &lt;b data-index-in-node=&quot;121&quot; data-path-to-node=&quot;3,2,1,0,0&quot;&gt;Налаштування&lt;/b&gt; (шестерня ⚙️).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,2,1,1,0&quot;&gt;Постав галочку навпроти пункту &lt;b data-index-in-node=&quot;31&quot; data-path-to-node=&quot;3,2,1,1,0&quot;&gt;Автозапуск&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,2,1,2,0&quot;&gt;Вибери &lt;b data-index-in-node=&quot;7&quot; data-path-to-node=&quot;3,2,1,2,0&quot;&gt;Швидкість переходу&lt;/b&gt; (наприклад, &amp;laquo;Повільно&amp;raquo; або &amp;laquo;Середня&amp;raquo;). Це і зробить твою галерею динамічною.&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,3,0&quot;&gt;Завершення:&lt;/b&gt;&lt;/p&gt;

 &lt;ul data-path-to-node=&quot;3,3,1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,3,1,0,0&quot;&gt;Натисни &amp;laquo;Вставити&amp;raquo;. Тепер розтягни блок каруселі на потрібну ширину сторінки.&lt;/p&gt;

 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;hr /&gt;
 &lt;p&gt;&amp;nbsp;&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;h2 data-path-to-node=&quot;16&quot;&gt;&lt;strong&gt;3. Інтерактивна кнопка-перемикач (Ефект наведення)&lt;/strong&gt;&lt;/h2&gt;

&lt;p data-path-to-node=&quot;17&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;17&quot;&gt;Завдання:&lt;/b&gt; Створити кнопку за допомогою коду, яка змінює колір або розмір при наведенні курсору.&lt;/p&gt;

&lt;ul data-path-to-node=&quot;18&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;18,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;18,0,0&quot;&gt;Інструмент:&lt;/b&gt; HTML/CSS (блок &quot;Вставити код&quot;).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;18,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;18,1,0&quot;&gt;Результат:&lt;/b&gt; Візуальний відгук інтерфейсу на дії користувача.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;
&lt;hr /&gt;
&lt;hr /&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;strong&gt;4&amp;nbsp;Вбудовування презентації Google Slides&lt;/strong&gt; із функцією автовідтворення &amp;mdash; це чудовий спосіб додати динамічний контент на сайт. У цьому випадку презентація перетворюється на кероване або автоматичне слайд-шоу.&lt;/p&gt;

&lt;p data-path-to-node=&quot;1&quot;&gt;Ось покрокова інструкція для виконання цього завдання:&lt;/p&gt;

&lt;h3 data-path-to-node=&quot;2&quot;&gt;Крок 1: Налаштування презентації (в Google Slides)&lt;/h3&gt;

&lt;p data-path-to-node=&quot;3&quot;&gt;Перш ніж додавати презентацію на сайт, її потрібно правильно &quot;опублікувати&quot;:&lt;/p&gt;

&lt;ol data-path-to-node=&quot;4&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,0,0&quot;&gt;Відкрий свою презентацію в Google Slides.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,1,0&quot;&gt;Перейди в меню &lt;b data-index-in-node=&quot;15&quot; data-path-to-node=&quot;4,1,0&quot;&gt;Файл (File)&lt;/b&gt; -&amp;gt; &lt;b data-index-in-node=&quot;30&quot; data-path-to-node=&quot;4,1,0&quot;&gt;Поділитися (Share)&lt;/b&gt; -&amp;gt; &lt;b data-index-in-node=&quot;52&quot; data-path-to-node=&quot;4,1,0&quot;&gt;Опублікувати в інтернеті (Publish to the web)&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,2,0&quot;&gt;У вікні, що з&amp;rsquo;явиться, вибери вкладку &lt;b data-index-in-node=&quot;38&quot; data-path-to-node=&quot;4,2,0&quot;&gt;Вбудувати (Embed)&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;4,3,0&quot;&gt;Важливо для динаміки:&lt;/b&gt; * Встанови прапорець &lt;b data-index-in-node=&quot;43&quot; data-path-to-node=&quot;4,3,0&quot;&gt;&quot;Запускати слайд-шоу відразу після завантаження програвача&quot;&lt;/b&gt;.&lt;/p&gt;

 &lt;ul data-path-to-node=&quot;4,3,1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,3,1,0,0&quot;&gt;Встанови прапорець &lt;b data-index-in-node=&quot;19&quot; data-path-to-node=&quot;4,3,1,0,0&quot;&gt;&quot;Починати слайд-шоу заново після останнього слайда&quot;&lt;/b&gt; (це створить нескінченний цикл).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,3,1,1,0&quot;&gt;Вибери час затримки між слайдами (наприклад, кожні 3 або 5 секунд).&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;4,4,0&quot;&gt;Натисни кнопку &lt;b data-index-in-node=&quot;15&quot; data-path-to-node=&quot;4,4,0&quot;&gt;Опублікувати&lt;/b&gt; та скопіюй HTML-код (він починається з &lt;code data-index-in-node=&quot;67&quot; data-path-to-node=&quot;4,4,0&quot;&gt;&lt;iframe...&lt;/code&gt;).&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;h3 data-path-to-node=&quot;5&quot;&gt;Крок 2: Вбудовування на Google Сайт&lt;/h3&gt;

&lt;ol data-path-to-node=&quot;6&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,0,0&quot;&gt;Відкрий свій Google Сайт у режимі редагування.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,1,0&quot;&gt;На панелі праворуч вибери вкладку &lt;b data-index-in-node=&quot;34&quot; data-path-to-node=&quot;6,1,0&quot;&gt;Вставити (Insert)&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,2,0&quot;&gt;Натисни на інструмент &lt;b data-index-in-node=&quot;22&quot; data-path-to-node=&quot;6,2,0&quot;&gt;Вбудувати (Embed)&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,3,0&quot;&gt;У вікні вибери вкладку &lt;b data-index-in-node=&quot;23&quot; data-path-to-node=&quot;6,3,0&quot;&gt;Вставити код (Embed code)&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,4,0&quot;&gt;Встав скопійований раніше код і натисни &lt;b data-index-in-node=&quot;40&quot; data-path-to-node=&quot;6,4,0&quot;&gt;Далі&lt;/b&gt;, а потім &lt;b data-index-in-node=&quot;54&quot; data-path-to-node=&quot;6,4,0&quot;&gt;Вставити&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;hr data-path-to-node=&quot;7&quot; /&gt;
&lt;h3 data-path-to-node=&quot;8&quot;&gt;Альтернативний (швидкий) спосіб через Google Диск&lt;/h3&gt;

&lt;p data-path-to-node=&quot;9&quot;&gt;Якщо тобі не потрібні специфічні налаштування циклу, а достатньо просто додати презентацію:&lt;/p&gt;

&lt;ol data-path-to-node=&quot;10&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,0,0&quot;&gt;На панелі Google Сайту &lt;b data-index-in-node=&quot;23&quot; data-path-to-node=&quot;10,0,0&quot;&gt;Вставити&lt;/b&gt; прокрути вниз до розділу &quot;Google Документи&quot; і вибери &lt;b data-index-in-node=&quot;85&quot; data-path-to-node=&quot;10,0,0&quot;&gt;Презентації&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,1,0&quot;&gt;Вибери потрібний файл зі свого диска.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,2,0&quot;&gt;Після того, як презентація з&apos;явиться на сторінці, натисни на неї, щоб з&apos;явилася панель налаштувань (іконка &lt;b data-index-in-node=&quot;107&quot; data-path-to-node=&quot;10,2,0&quot;&gt;шестерні ⚙️&lt;/b&gt;).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,3,0&quot;&gt;У налаштуваннях постав галочки:&lt;/p&gt;

 &lt;ul data-path-to-node=&quot;10,3,1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,3,1,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;10,3,1,0,0&quot;&gt;Автозапуск&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,3,1,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;10,3,1,1,0&quot;&gt;Зациклювання&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,4,0&quot;&gt;Натисни &lt;b data-index-in-node=&quot;8&quot; data-path-to-node=&quot;10,4,0&quot;&gt;Готово&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;h3 data-path-to-node=&quot;11&quot;&gt;Порада для перевірки:&lt;/h3&gt;

&lt;p data-path-to-node=&quot;12&quot;&gt;Як і у випадку з каруселлю зображень, автовідтворення може не спрацювати безпосередньо в конструкторі. Обов&apos;язково натисни кнопку &lt;b data-index-in-node=&quot;130&quot; data-path-to-node=&quot;12&quot;&gt;&quot;Попередній перегляд&quot;&lt;/b&gt; (зверху в меню), щоб побачити, як презентація самостійно гортає слайди.&lt;/p&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/10_klas/57_10_klas_stvorennja_dinamichnikh_elementiv_na_veb_storinkakh/12-1-0-10376</link>
			<category>10 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/10_klas/57_10_klas_stvorennja_dinamichnikh_elementiv_na_veb_storinkakh/12-1-0-10376</guid>
			<pubDate>Thu, 16 Apr 2026 17:20:50 GMT</pubDate>
		</item>
		<item>
			<title>29 / 5 клас Етапи створення презентації та вимоги до її оформлення</title>
			<description>&lt;p&gt;&lt;span style=&quot;font-size:24px;&quot;&gt;Етапи створення презентації та вимоги до її оформлення. &lt;a href=&quot;https://files.pidruchnyk.com.ua/uploads/book/5_inf_morze_2022.pdf&quot; target=&quot;_blank&quot;&gt;С. 221-231&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;h1 data-path-to-node=&quot;2&quot;&gt;Створюємо рекламу: від ідеї до презентації&lt;/h1&gt;

&lt;h2 data-path-to-node=&quot;3&quot;&gt;Що таке реклама?&lt;/h2&gt;

&lt;p data-path-to-node=&quot;4&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;4&quot;&gt;Реклама&lt;/b&gt; &amp;mdash; це спосіб поширення інформації про товар, послугу або навіть людину, щоб привернути увагу покупців чи глядачів. У сучасному світі вона оточує нас усюди: від великих білбордів на вулицях до коротких роликів в інтернеті.&lt;/p&gt;

&lt;p data-path-to-node=&quot;5&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5&quot;&gt;Чи можна назвати презентацію рекламою?&lt;/b&gt; Так! Якщо ваша презентація розповідає про переваги якогось продукту, проєкту чи ідеї, щоб зацікавити інших &amp;mdash; вона виконує роль реклами.&lt;/p&gt;

&lt;hr data-path-to-node=&quot;6&quot; /&gt;
&lt;h2 data-path-to-node=&quot;7&quot;&gt;4 кроки до ідеальної презентації&lt;/h2&gt;

&lt;p data-path-to-node=&quot;8&quot;&gt;Щоб рекламна презентація була успішною, її потрібно створювати поетапно:&lt;/p&gt;

&lt;h3 data-path-to-node=&quot;9&quot;&gt;1. Планування (Підготовчий етап)&lt;/h3&gt;

&lt;p data-path-to-node=&quot;10&quot;&gt;Перш ніж відкривати комп&apos;ютер, дайте відповіді на запитання:&lt;/p&gt;

&lt;ul data-path-to-node=&quot;11&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;11,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;11,0,0&quot;&gt;Мета:&lt;/b&gt; Навіщо я це роблю? (Розповісти, запросити).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;11,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;11,1,0&quot;&gt;Аудиторія:&lt;/b&gt; Для кого це? (Для друзів, вчителів чи батьків).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;11,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;11,2,0&quot;&gt;Сценарій та структура:&lt;/b&gt; Про що я скажу спочатку, а чим закінчу?&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 data-path-to-node=&quot;12&quot;&gt;2. Підготовка вмісту&lt;/h3&gt;

&lt;p data-path-to-node=&quot;13&quot;&gt;Зберіть усі &amp;laquo;матеріали&amp;raquo; для слайдів:&lt;/p&gt;

&lt;ul data-path-to-node=&quot;14&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;14,0,0&quot;&gt;Яскраві &lt;b data-index-in-node=&quot;8&quot; data-path-to-node=&quot;14,0,0&quot;&gt;зображення&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;14,1,0&quot;&gt;Короткий та зрозумілий &lt;b data-index-in-node=&quot;23&quot; data-path-to-node=&quot;14,1,0&quot;&gt;текст&lt;/b&gt;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;14,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;14,2,0&quot;&gt;Посилання&lt;/b&gt; на джерела, які ви використали.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 data-path-to-node=&quot;15&quot;&gt;3. Створення слайдів&lt;/h3&gt;

&lt;p data-path-to-node=&quot;16&quot;&gt;Це технічний етап роботи в програмі (наприклад, PowerPoint або Google Презентації):&lt;/p&gt;

&lt;ul data-path-to-node=&quot;17&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;17,0,0&quot;&gt;Виберіть &lt;b data-index-in-node=&quot;9&quot; data-path-to-node=&quot;17,0,0&quot;&gt;шаблон&lt;/b&gt;, який відповідає темі.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;17,1,0&quot;&gt;Розмістіть текст і картинки так, щоб їх було зручно розглядати.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 data-path-to-node=&quot;18&quot;&gt;4. Репетиція виступу&lt;/h3&gt;

&lt;p data-path-to-node=&quot;19&quot;&gt;Фінальна перевірка вашої роботи:&lt;/p&gt;

&lt;ul data-path-to-node=&quot;20&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;20,0,0&quot;&gt;Перегляньте презентацію самостійно.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;20,1,0&quot;&gt;Виправте помилки, якщо вони є.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;20,2,0&quot;&gt;Спробуйте виступити перед кимось із близьких, щоб почути їхню думку.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;hr data-path-to-node=&quot;21&quot; /&gt;
&lt;blockquote data-path-to-node=&quot;22&quot;&gt;
&lt;p data-path-to-node=&quot;22,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;22,0&quot;&gt;Порада для успіху:&lt;/b&gt; Найкраща реклама &amp;mdash; та, що не дратує! Вона має бути корисною, естетичною та чесною.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;hr data-path-to-node=&quot;23&quot; /&gt;
&lt;h3 data-path-to-node=&quot;24&quot;&gt;Завдання для самоперевірки:&lt;/h3&gt;

&lt;ol data-path-to-node=&quot;25&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;25,0,0&quot;&gt;Подумай, яка реклама в інтернеті тобі подобається найбільше і чому?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;25,1,0&quot;&gt;Які навички (крім знання інформатики) потрібні, щоб створити круту рекламу?&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/5_klas/29_5_klas_etapi_stvorennja_prezentaciji_ta_vimogi_do_jiji_oformlennja/16-1-0-10375</link>
			<category>5 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/5_klas/29_5_klas_etapi_stvorennja_prezentaciji_ta_vimogi_do_jiji_oformlennja/16-1-0-10375</guid>
			<pubDate>Thu, 16 Apr 2026 03:29:24 GMT</pubDate>
		</item>
		<item>
			<title>44 / 7 клас.  Поняття про модуль. Створення графічних примітивів</title>
			<description>&lt;h3 id=&quot;_ntXdaZfkAdKQi-gPhbrHwAY_40&quot;&gt;&lt;a data-ved=&quot;2ahUKEwiXq6rm0uyTAxVSyAIHHQXdEWgQFnoECAwQAQ&quot; href=&quot;https://colab.research.google.com/?hl=uk&quot; jsname=&quot;UWckNb&quot; ping=&quot;/url?sa=t&amp;amp;source=web&amp;amp;rct=j&amp;amp;opi=89978449&amp;amp;url=https://colab.research.google.com/%3Fhl%3Duk&amp;amp;ved=2ahUKEwiXq6rm0uyTAxVSyAIHHQXdEWgQFnoECAwQAQ&quot;&gt;Google Colab&lt;/a&gt;&lt;/h3&gt;

&lt;hr /&gt;
&lt;h3 id=&quot;_ntXdaZfkAdKQi-gPhbrHwAY_40&quot;&gt;&lt;span style=&quot;color:#800080;&quot;&gt;&lt;em&gt;Промпт:&lt;/em&gt;&lt;/span&gt;&lt;/h3&gt;

&lt;h3&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style=&quot;color:#800080;&quot;&gt;Напиши програму на Пайтоні, яка намалює квадрат, кожна сторона якого різного кольору, перевірку будемо злійснювати в &lt;/span&gt;&lt;a data-ved=&quot;2ahUKEwiXq6rm0uyTAxVSyAIHHQXdEWgQFnoECAwQAQ&quot; href=&quot;https://colab.research.google.com/?hl=uk&quot; jsname=&quot;UWckNb&quot; ping=&quot;/url?sa=t&amp;amp;source=web&amp;amp;rct=j&amp;amp;opi=89978449&amp;amp;url=https://colab.research.google.com/%3Fhl%3Duk&amp;amp;ved=2ahUKEwiXq6rm0uyTAxVSyAIHHQXdEWgQFnoECAwQAQ&quot;&gt;&lt;span style=&quot;color:#800080;&quot;&gt;Google Colab&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;color:#800080;&quot;&gt;. Напиши пояснення для кожного рядка програми&lt;/span&gt;&lt;/strong&gt;&lt;/h3&gt;

&lt;hr /&gt;
&lt;p data-path-to-node=&quot;0&quot;&gt;Для створення такого малюнка в Google Colab ми використаємо бібліотеку &lt;code data-index-in-node=&quot;71&quot; data-path-to-node=&quot;0&quot;&gt;ColabTurtlePlus&lt;/code&gt;. Оскільки стандартна бібліотека &lt;code data-index-in-node=&quot;119&quot; data-path-to-node=&quot;0&quot;&gt;turtle&lt;/code&gt; потребує графічного вікна (яке не відкривається у хмарних сервісах), цей пакет спеціально адаптований для роботи в браузері.&lt;/p&gt;

&lt;h3 data-path-to-node=&quot;1&quot;&gt;Підготовка та код&lt;/h3&gt;

&lt;p data-path-to-node=&quot;2&quot;&gt;Спочатку потрібно встановити бібліотеку, а потім запустити сам код.&lt;/p&gt;

&lt;ol data-path-to-node=&quot;3&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;3,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3,0,0&quot;&gt;Встанови пакет (виконай у першій комірці):&lt;/b&gt;&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Python&lt;/p&gt;

&lt;p&gt;&lt;button _ngcontent-ng-c2165278770=&quot;&quot; aria-label=&quot;Копіювати код&quot; jslog=&quot;179062;track:generic_click,impression;BardVeMetadataKey:[[&quot;r_73b57c3dcdd3bbf7&quot;,&quot;c_b875a846792d51a6&quot;,null,&quot;rc_8d5950be6c0287e2&quot;,null,null,&quot;uk&quot;,null,1,null,null,1,0]];mutable:true&quot; mat-icon-button=&quot;&quot; mat-ripple-loader-centered=&quot;&quot; mat-ripple-loader-class-name=&quot;mat-mdc-button-ripple&quot; mat-ripple-loader-uninitialized=&quot;&quot; mattooltip=&quot;Копіювати код&quot;&gt;&lt;/button&gt;&lt;/p&gt;

&lt;pre _ngcontent-ng-c2165278770=&quot;&quot;&gt;
&lt;code _ngcontent-ng-c2165278770=&quot;&quot; data-test-id=&quot;code-content&quot; role=&quot;text&quot;&gt;!pip install ColabTurtlePlus
&lt;/code&gt;&lt;/pre&gt;

&lt;ol data-path-to-node=&quot;5&quot; start=&quot;2&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;5,0,0&quot;&gt;Програма для малювання квадрата:&lt;/b&gt;&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Python&lt;/p&gt;

&lt;p&gt;&lt;button _ngcontent-ng-c2165278770=&quot;&quot; aria-label=&quot;Копіювати код&quot; jslog=&quot;179062;track:generic_click,impression;BardVeMetadataKey:[[&quot;r_73b57c3dcdd3bbf7&quot;,&quot;c_b875a846792d51a6&quot;,null,&quot;rc_8d5950be6c0287e2&quot;,null,null,&quot;uk&quot;,null,1,null,null,1,0]];mutable:true&quot; mat-icon-button=&quot;&quot; mat-ripple-loader-centered=&quot;&quot; mat-ripple-loader-class-name=&quot;mat-mdc-button-ripple&quot; mat-ripple-loader-uninitialized=&quot;&quot; mattooltip=&quot;Копіювати код&quot;&gt;&lt;/button&gt;&lt;/p&gt;

&lt;pre _ngcontent-ng-c2165278770=&quot;&quot;&gt;
&lt;code _ngcontent-ng-c2165278770=&quot;&quot; data-test-id=&quot;code-content&quot; role=&quot;text&quot;&gt;from ColabTurtlePlus.Turtle import *

# Ініціалізація полотна
clearscreen()
setup(400, 400)
t = Turtle()
t.speed(5)
t.width(5)

# Список кольорів для кожної сторони
colors = [&quot;red&quot;, &quot;blue&quot;, &quot;green&quot;, &quot;orange&quot;]

# Малюємо квадрат
for color in colors:
 t.color(color) # Встановлюємо колір для поточної сторони
 t.forward(100) # Малюємо сторону завдовжки 100 пікселів
 t.right(90) # Повертаємо на 90 градусів
&lt;/code&gt;&lt;/pre&gt;

&lt;hr data-path-to-node=&quot;7&quot; /&gt;
&lt;h3 data-path-to-node=&quot;8&quot;&gt;Як це працює:&lt;/h3&gt;

&lt;ul data-path-to-node=&quot;9&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;9,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,0,0&quot;&gt;&lt;code data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,0,0&quot;&gt;setup(400, 400)&lt;/code&gt;&lt;/b&gt;: Створює область для малювання розміром 400x400 пікселів.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;9,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,1,0&quot;&gt;&lt;code data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,1,0&quot;&gt;t.width(5)&lt;/code&gt;&lt;/b&gt;: Робить лінію товщою, щоб кольори було краще видно.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;9,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,2,0&quot;&gt;Цикл &lt;code data-index-in-node=&quot;5&quot; data-path-to-node=&quot;9,2,0&quot;&gt;for color in colors&lt;/code&gt;&lt;/b&gt;: Програма бере по черзі кожен колір зі списку, змінює колір &amp;laquo;пера&amp;raquo; і малює одну сторону квадрата.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;9,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,3,0&quot;&gt;&lt;code data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9,3,0&quot;&gt;t.right(90)&lt;/code&gt;&lt;/b&gt;: Поворот праворуч створює кут квадрата.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;p data-path-to-node=&quot;10&quot;&gt;Спробуй запустити це в своєму блокноті Colab &amp;mdash; ти побачиш, як &quot;черепашка&quot; послідовно малює різнокольорові сторони!&lt;/p&gt;

&lt;h3&gt;&amp;nbsp;&lt;/h3&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/7_klas/44_7_klas_ponjattja_pro_modul_stvorennja_grafichnikh_primitiviv/19-1-0-10374</link>
			<category>7 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/7_klas/44_7_klas_ponjattja_pro_modul_stvorennja_grafichnikh_primitiviv/19-1-0-10374</guid>
			<pubDate>Tue, 14 Apr 2026 05:50:52 GMT</pubDate>
		</item>
		<item>
			<title>56 / 9 клас</title>
			<description>&lt;p data-path-to-node=&quot;0&quot;&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;360&quot; src=&quot;https://www.youtube.com/embed/cJmGzj-hIe4&quot; width=&quot;640&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;

&lt;p data-path-to-node=&quot;0&quot;&gt;Перелік запитань за матеріалами відео для самостійної перевірки знань (без відповідей), який зручно розмістити на сайті як тестове завдання або блок для роздумів:&lt;/p&gt;

&lt;h3 data-path-to-node=&quot;1&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1&quot;&gt;Контрольні запитання до уроку: &amp;laquo;Фільтрація та сортування даних. Редагування таблиць&amp;raquo;&lt;/b&gt;&lt;/h3&gt;

&lt;ol data-path-to-node=&quot;2&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,0,0&quot;&gt;Яку послідовність дій слід виконати в СУБД Access, щоб знайти конкретне слово або число в таблиці?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,1,0&quot;&gt;Чим відрізняються параметри пошуку &amp;laquo;Усе поле&amp;raquo;, &amp;laquo;Будь-яка частина поля&amp;raquo; та &amp;laquo;Початок поля&amp;raquo;?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,2,0&quot;&gt;Опишіть процес автоматичного видалення зайвих пропусків у даних за допомогою інструмента &amp;laquo;Замінити&amp;raquo;.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,3,0&quot;&gt;Які спеціальні символи (символи узагальнення) використовуються для пошуку, якщо відома лише частина слова?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,4,0&quot;&gt;Як здійснюється сортування даних за зростанням або за спаданням для окремого стовпця?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,5,0&quot;&gt;У якому випадку доцільно використовувати сортування за кількома полями одночасно і як це реалізувати технічно?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,6,0&quot;&gt;Яка основна відмінність між функціями &amp;laquo;Знайти&amp;raquo; та &amp;laquo;Фільтр&amp;raquo;?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,7,0&quot;&gt;Як працює &amp;laquo;Фільтр за виділеним&amp;raquo; і в яких ситуаціях він є найбільш зручним?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,8,0&quot;&gt;Опишіть алгоритм створення обчислювального поля в таблиці. Для яких завдань воно використовується?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,9,0&quot;&gt;Які можливості для редагування таблиці відкриваються перед користувачем у режимі &amp;laquo;Конструктор&amp;raquo;?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,10,0&quot;&gt;Як призначити або скасувати ключове поле для таблиці в режимі конструктора?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;2,11,0&quot;&gt;Яким чином можна скасувати всі накладені фільтри, щоб знову відобразити всі записи таблиці?&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/9_klas/56_9_klas/13-1-0-10373</link>
			<category>9 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/9_klas/56_9_klas/13-1-0-10373</guid>
			<pubDate>Tue, 14 Apr 2026 04:59:32 GMT</pubDate>
		</item>
		<item>
			<title>Якби поетеса жила в наш час?</title>
			<description>&lt;p data-path-to-node=&quot;0&quot;&gt;Проєкт поєднує літературну спадщину з найсучаснішими цифровими інструментами, що робить постать Лесі Українки ближчою для сучасних десятикласників.&lt;/p&gt;

&lt;p data-path-to-node=&quot;1&quot;&gt;Проєкт: &quot;Леся Українка: Digital Identity&quot;&lt;/p&gt;

&lt;p data-path-to-node=&quot;4&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;4&quot;&gt;Тема:&lt;/b&gt; &lt;a href=&quot;https://mirgorod7.blogspot.com/2026/02/10_02048661497.html&quot; target=&quot;_blank&quot;&gt;Якби поетеса жила в наш час?&lt;/a&gt;&lt;/p&gt;

&lt;p data-path-to-node=&quot;0&quot;&gt;&amp;nbsp;&lt;/p&gt;

&lt;p data-path-to-node=&quot;4&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;4&quot;&gt;План:&lt;/b&gt;&lt;/p&gt;

&lt;ol data-path-to-node=&quot;5&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,0,0&quot;&gt;Вступ: Актуальність постаті Лесі Українки в XXI столітті.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,1,0&quot;&gt;Концепція інфографіки: Візуалізація сучасного образу поетеси.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,2,0&quot;&gt;Технологічний етап: Створення медіаконтенту (Google Фото, Canva, YouTube).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,3,0&quot;&gt;Теоретичне підґрунтя: Об&amp;rsquo;єктна модель документа (DOM) у вебсередовищі.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,4,0&quot;&gt;Висновки.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;5,5,0&quot;&gt;Список використаних джерел.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;p data-path-to-node=&quot;6&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;6&quot;&gt;Вступ:&lt;/b&gt;&lt;/p&gt;

&lt;p data-path-to-node=&quot;6&quot;&gt;Постать Лесі Українки є символом незламності. Мета цього проєкту &amp;mdash; переосмислити її образ через призму сучасності, використовуючи інструменти штучного інтелекту та вебтехнологій, щоб показати, як її ідеї могли б трансформуватися у цифрову епоху.&lt;/p&gt;

&lt;p data-path-to-node=&quot;7&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;7&quot;&gt;Інструментальна частина:&lt;/b&gt;&lt;/p&gt;

&lt;ul data-path-to-node=&quot;8&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;8,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;8,0,0&quot;&gt;Генерація:&lt;/b&gt; ШІ-інструменти для створення зображень (наприклад, Gemini або Midjourney).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;8,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;8,1,0&quot;&gt;Організація:&lt;/b&gt; Google Фото для створення хмарного альбому, колажів та автоматичних відео.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;8,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;8,2,0&quot;&gt;Монтаж:&lt;/b&gt; Canva для створення професійного відеоролика з титрами та музичним супроводом.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;8,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;8,3,0&quot;&gt;Публікація:&lt;/b&gt; YouTube для хостингу відео та Google Sites для фінальної презентації портфоліо.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;p data-path-to-node=&quot;9&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;9&quot;&gt;Інтеграція теми &quot;Об&apos;єктна модель документа&quot; (DOM):&lt;/b&gt;&lt;/p&gt;

&lt;p data-path-to-node=&quot;9&quot;&gt;Під час додавання проєкту на Google Сайті ми взаємодіємо з об&amp;rsquo;єктною моделлю документа.&lt;/p&gt;

&lt;ul data-path-to-node=&quot;10&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;10,0,0&quot;&gt;DOM (Document Object Model)&lt;/b&gt; &amp;mdash; це програмний інтерфейс, який представляє вебсторінку як дерево об&apos;єктів.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,1,0&quot;&gt;Коли ти вбудовуєш відео з YouTube або додаєш текстовий блок на сторінку Google Сайту, браузер опрацьовує ці елементи як вузли (nodes) у дереві DOM. Розуміння того, що кожен заголовок, зображення чи кнопка є окремим об&apos;єктом зі своїми властивостями, дозволяє ефективно структурувати контент на сторінці сайту.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;p data-path-to-node=&quot;11&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;11&quot;&gt;Висновок:&lt;/b&gt;&lt;/p&gt;

&lt;p data-path-to-node=&quot;11&quot;&gt;Проєкт продемонстрував, що класична література та сучасні технології можуть створювати потужну синергію. Робота над проєктом дозволила не лише вдосконалити технічні навички, а й глибше відчути дух &quot;Дочки Прометея&quot;.&lt;/p&gt;

&lt;hr data-path-to-node=&quot;12&quot; /&gt;
&lt;h3 data-path-to-node=&quot;13&quot;&gt;&amp;nbsp;&lt;/h3&gt;

&lt;h3 data-path-to-node=&quot;13&quot;&gt;&lt;strong&gt;Опис ШІ-інструментів та сервісів&lt;/strong&gt;&lt;/h3&gt;

&lt;p data-path-to-node=&quot;14&quot;&gt;На сторінку сайту варто додати такий блок:&lt;/p&gt;

&lt;ul data-path-to-node=&quot;15&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;15,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,0,0&quot;&gt;Gemini / ChatGPT:&lt;/b&gt; Використано для генерації ідей для інфографіки та структурування тексту.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;15,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,1,0&quot;&gt;Canva Magic Media:&lt;/b&gt; Створення візуальних образів сучасної Лесі Українки за текстовими описами (промптами).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;15,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,2,0&quot;&gt;Google Photos AI:&lt;/b&gt; Автоматичне створення колажів та розпізнавання об&amp;rsquo;єктів на зображеннях.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;15,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,3,0&quot;&gt;Canva Video Editor:&lt;/b&gt; Онлайн-сервіс для нелінійного монтажу відео з використанням хмарних бібліотек.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;hr data-path-to-node=&quot;16&quot; /&gt;
&lt;h3 data-path-to-node=&quot;17&quot;&gt;&amp;nbsp;&lt;/h3&gt;

&lt;h3 data-path-to-node=&quot;17&quot;&gt;&lt;strong&gt;Ключові компетентності (формування під час проєкту)&lt;/strong&gt;&lt;/h3&gt;

&lt;p data-path-to-node=&quot;18&quot;&gt;Виконуючи це завдання, учні розвивають:&lt;/p&gt;

&lt;ol data-path-to-node=&quot;19&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;19,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;19,0,0&quot;&gt;Інформаційно-комунікаційна компетентність:&lt;/b&gt; Вміння працювати з хмарними сервісами, створювати мультимедійний контент та структурувати дані.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;19,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;19,1,0&quot;&gt;Культурна компетентність:&lt;/b&gt; Глибоке розуміння творчості Лесі Українки та здатність до її сучасної інтерпретації.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;19,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;19,2,0&quot;&gt;Навчання впродовж життя:&lt;/b&gt; Опанування нових інструментів ШІ, які постійно оновлюються.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;19,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;19,3,0&quot;&gt;Громадянська компетентність:&lt;/b&gt; Популяризація української культури в цифровому просторі (через YouTube та вебсайти).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;19,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;19,4,0&quot;&gt;Підприємливість та фінансова грамотність:&lt;/b&gt; Навички самопрезентації через ведення електронного портфоліо.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;hr data-path-to-node=&quot;20&quot; /&gt;
&lt;h3 data-path-to-node=&quot;21&quot;&gt;&amp;nbsp;&lt;/h3&gt;

&lt;h3 data-path-to-node=&quot;21&quot;&gt;&lt;strong&gt;Поглиблення знань з інформатики&lt;/strong&gt;&lt;/h3&gt;

&lt;p data-path-to-node=&quot;22&quot;&gt;Цей проєкт допомагає перейти від теорії до практики в таких напрямах:&lt;/p&gt;

&lt;ul data-path-to-node=&quot;23&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;23,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;23,0,0&quot;&gt;Вебтехнології:&lt;/b&gt; Розуміння ієрархії тегів та структури сторінки через концепцію DOM.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;23,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;23,1,0&quot;&gt;Хмарні технології:&lt;/b&gt; Організація спільного доступу до файлів у Google Фото та інтеграція сервісів між собою (Embedding).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;23,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;23,2,0&quot;&gt;Алгоритмічне мислення:&lt;/b&gt; Створення промптів для ШІ &amp;mdash; це фактично розробка алгоритму для отримання точного результату.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;23,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;23,3,0&quot;&gt;Основи кібербезпеки:&lt;/b&gt; Налаштування рівнів доступу до власного сайту та відео на YouTube.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;p data-path-to-node=&quot;24&quot;&gt;Успіхів у реалізації цього масштабного проєкту! Якщо потрібно підправити промпти для створення зображень Лесі &amp;mdash; звертайся.&lt;/p&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/10_klas/jakbi_poetesa_zhila_v_nash_chas/12-1-0-10372</link>
			<category>10 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/10_klas/jakbi_poetesa_zhila_v_nash_chas/12-1-0-10372</guid>
			<pubDate>Sun, 12 Apr 2026 03:07:56 GMT</pubDate>
		</item>
		<item>
			<title>55 / 9 клас Фільтрація та сортування даних у таблицях</title>
			<description>&lt;p&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;360&quot; src=&quot;https://www.youtube.com/embed/Tom2uTAlWB4&quot; width=&quot;640&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;

&lt;p data-path-to-node=&quot;0&quot;&gt;10 запитань до відеоуроку на тему &amp;laquo;Фільтрація та сортування даних у таблицях&amp;raquo; (СУБД Access), які допоможуть учням 9 класу перевірити засвоєння матеріалу:&lt;/p&gt;

&lt;ol data-path-to-node=&quot;1&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,0,0&quot;&gt;Повторення основ:&lt;/b&gt; Які типи даних найчастіше використовуються в полях бази даних Access (згідно з початком відео)?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,1,0&quot;&gt;Пошук даних:&lt;/b&gt; Опишіть алгоритм пошуку конкретного значення в таблиці бази даних. На якій вкладці знаходиться інструмент пошуку?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,2,0&quot;&gt;Сортування:&lt;/b&gt; Які два види сортування даних доступні в програмі Access і за якими правилами вони впорядковують інформацію?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,3,0&quot;&gt;Фільтрація (визначення):&lt;/b&gt; Що таке фільтрація даних у базі даних і чим вона відрізняється від звичайного пошуку?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,4,0&quot;&gt;Навігація в інтерфейсі:&lt;/b&gt; У якій групі інструментів на вкладці &amp;laquo;Основне&amp;raquo; зосереджені кнопки для керування сортуванням та фільтрами?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,5,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,5,0&quot;&gt;Робота з текстовими фільтрами:&lt;/b&gt; Як за допомогою фільтра відобразити в таблиці лише тих учнів, які мають конкретне ім&apos;я (наприклад, Юлія)?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,6,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,6,0&quot;&gt;Числові фільтри:&lt;/b&gt; Як встановити фільтр &amp;laquo;Між&amp;raquo;, щоб відібрати записи за певним діапазоном оцінок (наприклад, від 10 до 12 балів)?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,7,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,7,0&quot;&gt;Заміна даних:&lt;/b&gt; Яку послідовність дій потрібно виконати, щоб автоматично замінити одне слово на інше у всьому документі (наприклад, &amp;laquo;зараховано&amp;raquo; на &amp;laquo;зарах&amp;raquo;)?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,8,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,8,0&quot;&gt;Скасування дій:&lt;/b&gt; Як швидко прибрати (очистити) всі встановлені фільтри, щоб знову побачити повний список записів у таблиці?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,9,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,9,0&quot;&gt;Режим Конструктора:&lt;/b&gt; Для чого автор відео використовує режим &amp;laquo;Конструктор&amp;raquo; перед початком виконання практичних завдань із даними?&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/9_klas/55_9_klas_filtracija_ta_sortuvannja_danikh_u_tablicjakh/13-1-0-10371</link>
			<category>9 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/9_klas/55_9_klas_filtracija_ta_sortuvannja_danikh_u_tablicjakh/13-1-0-10371</guid>
			<pubDate>Thu, 09 Apr 2026 07:20:41 GMT</pubDate>
		</item>
		<item>
			<title>Веселка Наталія Май</title>
			<description>&lt;p&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;360&quot; src=&quot;https://www.youtube.com/embed/9aM-gmKdLn0&quot; width=&quot;640&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;</description>
			
			<link>https://svch.ucoz.com/load/muzika/2_klas_spivaemo/veselka_natalija_maj/167-1-0-10370</link>
			<category>2 клас Співаємо</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/muzika/2_klas_spivaemo/veselka_natalija_maj/167-1-0-10370</guid>
			<pubDate>Thu, 09 Apr 2026 06:48:09 GMT</pubDate>
		</item>
		<item>
			<title>Барви рідної землі</title>
			<description>&lt;p&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;360&quot; src=&quot;https://www.youtube.com/embed/FwY-6JxqAz0&quot; width=&quot;640&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;</description>
			
			<link>https://svch.ucoz.com/load/muzika/2_klas_spivaemo/barvi_ridnoji_zemli/167-1-0-10369</link>
			<category>2 клас Співаємо</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/muzika/2_klas_spivaemo/barvi_ridnoji_zemli/167-1-0-10369</guid>
			<pubDate>Thu, 09 Apr 2026 06:43:09 GMT</pubDate>
		</item>
		<item>
			<title>Що таке мови веб-скриптів?</title>
			<description>&lt;h2 data-path-to-node=&quot;2&quot;&gt;1. Що таке мови веб-скриптів?&lt;/h2&gt;

&lt;p data-path-to-node=&quot;3&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;3&quot;&gt;Веб-скрипти&lt;/b&gt; &amp;mdash; це невеликі програми, які додають веб-сторінкам інтерактивності. Якщо HTML відповідає за структуру (текст, заголовки), а CSS &amp;mdash; за дизайн (кольори, шрифти), то скрипти відповідають за &lt;b data-index-in-node=&quot;197&quot; data-path-to-node=&quot;3&quot;&gt;поведінку&lt;/b&gt;.&lt;/p&gt;

&lt;p data-path-to-node=&quot;4&quot;&gt;Найпопулярніша мова клієнтських скриптів &amp;mdash; &lt;b data-index-in-node=&quot;43&quot; data-path-to-node=&quot;4&quot;&gt;JavaScript (JS)&lt;/b&gt;.&lt;/p&gt;

&lt;h3 data-path-to-node=&quot;5&quot;&gt;Основні функції скриптів:&lt;/h3&gt;

&lt;ul data-path-to-node=&quot;6&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,0,0&quot;&gt;Створення анімацій та ефектів.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,1,0&quot;&gt;Перевірка даних у формах (наприклад, чи правильно введено email).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,2,0&quot;&gt;Оновлення вмісту сторінки без її перезавантаження (як стрічка у соцмережах).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;6,3,0&quot;&gt;Взаємодія з користувачем (реакція на натискання кнопок, рух миші).&lt;/p&gt;
 &lt;/li&gt;
&lt;/ul&gt;

&lt;hr data-path-to-node=&quot;7&quot; /&gt;
&lt;h2 data-path-to-node=&quot;8&quot;&gt;2. Способи використання скриптів у документах&lt;/h2&gt;

&lt;p data-path-to-node=&quot;9&quot;&gt;Скрипти інтегруються в HTML-документ двома основними способами:&lt;/p&gt;

&lt;ol data-path-to-node=&quot;10&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;10,0,0&quot;&gt;Внутрішній скрипт:&lt;/b&gt; Код розміщується безпосередньо всередині HTML-файлу за допомогою тегу &lt;code data-index-in-node=&quot;89&quot; data-path-to-node=&quot;10,0,0&quot;&gt;&lt;script&amp;gt;&lt;/code&gt;.&lt;/p&gt;
 HTML

 &lt;p&gt;&lt;button _ngcontent-ng-c382649431=&quot;&quot; aria-label=&quot;Копіювати код&quot; jslog=&quot;179062;track:generic_click,impression;BardVeMetadataKey:[[&quot;r_f1d90e828f924aa1&quot;,&quot;c_7199b9b01a1964fc&quot;,null,&quot;rc_64fdde314c424caa&quot;,null,null,&quot;uk&quot;,null,1,null,null,1,0]];mutable:true&quot; mat-icon-button=&quot;&quot; mat-ripple-loader-centered=&quot;&quot; mat-ripple-loader-class-name=&quot;mat-mdc-button-ripple&quot; mat-ripple-loader-uninitialized=&quot;&quot; mattooltip=&quot;Копіювати код&quot;&gt;&lt;/button&gt;&lt;/p&gt;

 &lt;pre _ngcontent-ng-c382649431=&quot;&quot;&gt;
&lt;code _ngcontent-ng-c382649431=&quot;&quot; data-test-id=&quot;code-content&quot; role=&quot;text&quot;&gt;&lt;script&amp;gt;
 alert(&apos;Вітаю на уроці інформатики!&apos;);
&lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;10,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;10,1,0&quot;&gt;Зовнішній скрипт:&lt;/b&gt; Код пишеться в окремому файлі (з розширенням &lt;code data-index-in-node=&quot;63&quot; data-path-to-node=&quot;10,1,0&quot;&gt;.js&lt;/code&gt;), а в HTML-документі додається лише посилання на нього. Це зручно для великих проєктів.&lt;/p&gt;
 HTML

 &lt;p&gt;&lt;button _ngcontent-ng-c382649431=&quot;&quot; aria-label=&quot;Копіювати код&quot; jslog=&quot;179062;track:generic_click,impression;BardVeMetadataKey:[[&quot;r_f1d90e828f924aa1&quot;,&quot;c_7199b9b01a1964fc&quot;,null,&quot;rc_64fdde314c424caa&quot;,null,null,&quot;uk&quot;,null,1,null,null,1,0]];mutable:true&quot; mat-icon-button=&quot;&quot; mat-ripple-loader-centered=&quot;&quot; mat-ripple-loader-class-name=&quot;mat-mdc-button-ripple&quot; mat-ripple-loader-uninitialized=&quot;&quot; mattooltip=&quot;Копіювати код&quot;&gt;&lt;/button&gt;&lt;/p&gt;

 &lt;pre _ngcontent-ng-c382649431=&quot;&quot;&gt;
&lt;code _ngcontent-ng-c382649431=&quot;&quot; data-test-id=&quot;code-content&quot; role=&quot;text&quot;&gt;&lt;script src=&quot;myscript.js&quot;&amp;gt;&lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;hr data-path-to-node=&quot;11&quot; /&gt;
&lt;h2 data-path-to-node=&quot;12&quot;&gt;3. Створення скриптів за допомогою ШІ&lt;/h2&gt;

&lt;p data-path-to-node=&quot;13&quot;&gt;Штучний інтелект (наприклад, Gemini або ChatGPT) значно спрощує написання коду. Замість того, щоб вчити складний синтаксис напам&apos;ять, можна описати завдання звичайною мовою.&lt;/p&gt;

&lt;h3 data-path-to-node=&quot;14&quot;&gt;Приклад завдання для ШІ (Промпт):&lt;/h3&gt;

&lt;blockquote data-path-to-node=&quot;15&quot;&gt;
&lt;p data-path-to-node=&quot;15,0&quot;&gt;&lt;i data-index-in-node=&quot;0&quot; data-path-to-node=&quot;15,0&quot;&gt;&quot;Напиши простий JavaScript-код для веб-сторінки, який при натисканні на кнопку змінює колір фону сторінки на випадковий.&quot;&lt;/i&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3 data-path-to-node=&quot;16&quot;&gt;Результат, який згенерує ШІ:&lt;/h3&gt;

&lt;p data-path-to-node=&quot;17&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;17&quot;&gt;HTML-частина:&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;HTML&lt;/p&gt;

&lt;p&gt;&lt;button _ngcontent-ng-c382649431=&quot;&quot; aria-label=&quot;Копіювати код&quot; jslog=&quot;179062;track:generic_click,impression;BardVeMetadataKey:[[&quot;r_f1d90e828f924aa1&quot;,&quot;c_7199b9b01a1964fc&quot;,null,&quot;rc_64fdde314c424caa&quot;,null,null,&quot;uk&quot;,null,1,null,null,1,0]];mutable:true&quot; mat-icon-button=&quot;&quot; mat-ripple-loader-centered=&quot;&quot; mat-ripple-loader-class-name=&quot;mat-mdc-button-ripple&quot; mat-ripple-loader-uninitialized=&quot;&quot; mattooltip=&quot;Копіювати код&quot;&gt;&lt;/button&gt;&lt;/p&gt;

&lt;pre _ngcontent-ng-c382649431=&quot;&quot;&gt;
&lt;code _ngcontent-ng-c382649431=&quot;&quot; data-test-id=&quot;code-content&quot; role=&quot;text&quot;&gt;&lt;button onclick=&quot;changeColor()&quot;&amp;gt;Змінити колір&lt;/button&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;p data-path-to-node=&quot;19&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;19&quot;&gt;JavaScript-частина:&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;JavaScript&lt;/p&gt;

&lt;p&gt;&lt;button _ngcontent-ng-c382649431=&quot;&quot; aria-label=&quot;Копіювати код&quot; jslog=&quot;179062;track:generic_click,impression;BardVeMetadataKey:[[&quot;r_f1d90e828f924aa1&quot;,&quot;c_7199b9b01a1964fc&quot;,null,&quot;rc_64fdde314c424caa&quot;,null,null,&quot;uk&quot;,null,1,null,null,1,0]];mutable:true&quot; mat-icon-button=&quot;&quot; mat-ripple-loader-centered=&quot;&quot; mat-ripple-loader-class-name=&quot;mat-mdc-button-ripple&quot; mat-ripple-loader-uninitialized=&quot;&quot; mattooltip=&quot;Копіювати код&quot;&gt;&lt;/button&gt;&lt;/p&gt;

&lt;pre _ngcontent-ng-c382649431=&quot;&quot;&gt;
&lt;code _ngcontent-ng-c382649431=&quot;&quot; data-test-id=&quot;code-content&quot; role=&quot;text&quot;&gt;function changeColor() {
 // Генеруємо випадковий колір
 const randomColor = &apos;#&apos; + Math.floor(Math.random()*16777215).toString(16);
 // Змінюємо фон сторінки
 document.body.style.backgroundColor = randomColor;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;h3 data-path-to-node=&quot;21&quot;&gt;Як це працює в навчанні:&lt;/h3&gt;

&lt;ol data-path-to-node=&quot;22&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;22,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;22,0,0&quot;&gt;Генерація:&lt;/b&gt; Ви отримуєте готовий каркас коду.&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;22,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;22,1,0&quot;&gt;Аналіз:&lt;/b&gt; Ви розбираєте, за що відповідає кожна команда (наприклад, &lt;code data-index-in-node=&quot;66&quot; data-path-to-node=&quot;22,1,0&quot;&gt;document.body.style&lt;/code&gt; звертається до стилів усієї сторінки).&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;22,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;22,2,0&quot;&gt;Корекція:&lt;/b&gt; Ви можете попросити ШІ: &lt;i data-index-in-node=&quot;34&quot; data-path-to-node=&quot;22,2,0&quot;&gt;&quot;Додай до цього коду анімацію плавного переходу кольору&quot;&lt;/i&gt;.&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote data-path-to-node=&quot;23&quot;&gt;
&lt;p data-path-to-node=&quot;23,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;23,0&quot;&gt;Важливо:&lt;/b&gt; ШІ &amp;mdash; це чудовий асистент, але він може помилятися. Завжди перевіряй логіку виконання скрипту в браузері через &quot;Інструменти розробника&quot; (клавіша &lt;b data-index-in-node=&quot;153&quot; data-path-to-node=&quot;23,0&quot;&gt;F12&lt;/b&gt;).&lt;/p&gt;
&lt;/blockquote&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/10_klas/shho_take_movi_veb_skriptiv/12-1-0-10368</link>
			<category>10 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/10_klas/shho_take_movi_veb_skriptiv/12-1-0-10368</guid>
			<pubDate>Wed, 08 Apr 2026 05:09:10 GMT</pubDate>
		</item>
		<item>
			<title>9 клас 54  про роботу з базами даних</title>
			<description>&lt;p&gt;&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;360&quot; src=&quot;https://www.youtube.com/embed/vVAyItBGfUw&quot; width=&quot;640&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p data-path-to-node=&quot;0&quot;&gt;10 запитань, складених на основі матеріалів відеоуроку про роботу з базами даних в Microsoft Access, які допоможуть перевірити розуміння теми учнями 9 класу:&lt;/p&gt;

&lt;ol data-path-to-node=&quot;1&quot; start=&quot;1&quot;&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,0,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,0,0&quot;&gt;Етапи проєктування:&lt;/b&gt; Які три ключові параметри необхідно визначити для кожного поля таблиці ще на етапі проєктування бази даних?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,1,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,1,0&quot;&gt;Вплив типів даних:&lt;/b&gt; Як вибір типу даних впливає на роботу бази даних (зокрема на пам&apos;ять та швидкість опрацювання)?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,2,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,2,0&quot;&gt;Різниця між текстами:&lt;/b&gt; У чому полягає основна відмінність між типами даних &amp;laquo;Короткий текст&amp;raquo; та &amp;laquo;Довгий текст&amp;raquo; в Access?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,3,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,3,0&quot;&gt;Обчислювальне поле:&lt;/b&gt; Для яких цілей використовується тип даних &amp;laquo;Обчислювальний&amp;raquo; та як правильно записувати назви полів у виразах для обчислень?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,4,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,4,0&quot;&gt;Наслідки помилок:&lt;/b&gt; До яких наслідків може призвести неправильно обраний тип даних (наприклад, &amp;laquo;Текст&amp;raquo; замість &amp;laquo;Дата/час&amp;raquo; для дня народження)?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,5,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,5,0&quot;&gt;Майстер підстановок:&lt;/b&gt; Поясніть призначення &amp;laquo;Майстра підстановок&amp;raquo;. У яких ситуаціях його зручно використовувати?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,6,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,6,0&quot;&gt;Обмеження в іменах:&lt;/b&gt; Які символи заборонено використовувати в іменах полів бази даних?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,7,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,7,0&quot;&gt;Режим Конструктора:&lt;/b&gt; Які додаткові можливості для налаштування полів (наприклад, розмір поля або формат) з&apos;являються у користувача при роботі в режимі &amp;laquo;Конструктор&amp;raquo;?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,8,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,8,0&quot;&gt;Обов&apos;язкові поля:&lt;/b&gt; Що станеться під час введення даних, якщо для певного поля у властивостях встановлено значення &amp;laquo;Обов&apos;язково &amp;mdash; Так&amp;raquo;, але користувач залишив його порожнім?&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p data-path-to-node=&quot;1,9,0&quot;&gt;&lt;b data-index-in-node=&quot;0&quot; data-path-to-node=&quot;1,9,0&quot;&gt;Ключове поле:&lt;/b&gt; Чому для ключових полів властивість &amp;laquo;Обов&apos;язкове поле&amp;raquo; завжди має бути активована?&lt;/p&gt;
 &lt;/li&gt;
&lt;/ol&gt;</description>
			
			<link>https://svch.ucoz.com/load/pidruchniki/9_klas/9_klas_54_pro_robotu_z_bazami_danikh/13-1-0-10367</link>
			<category>9 клас Інформатика</category>
			<dc:creator></dc:creator>
			<guid>https://svch.ucoz.com/load/pidruchniki/9_klas/9_klas_54_pro_robotu_z_bazami_danikh/13-1-0-10367</guid>
			<pubDate>Mon, 06 Apr 2026 10:46:29 GMT</pubDate>
		</item>
	</channel>
</rss>