КТП Інформатика 7 клас 2025-20256

7 клас. Інформатика. Дистанційно 2022-2023

Інформатика 7 клас. Завдання на період дистанційного навчання. Сторінка оновлюється щотижня (2021-2022н.р )

Практичні завдання: «Шевченко в цифровому форматі»

Для виконання цих завдань учні можуть використовувати онлайн-редактори (Canva, Photopea) або встановлені програми (GIMP, Inkscape, Paint.net).

Варіант 1. Створення цифрової цитати (Початковий/Середній рівень)

Завдання: Створити мотивуючий постер для соціальних мереж.

• Дія: Завантаж портрет Тараса Шевченка або фото пам’ятника йому.

• Текст: Додай одну з відомих цитат поета (наприклад: «Борітеся — поборете!»).

• Форматування:

  • Використай шрифт, що імітує рукописний текст.

  • Зроби текст напівпрозорим або додай підкладку (фігуру), щоб він краще читався на фоні.

  • Вирівняй текст по центру або за одним із країв.

Варіант 2. Сучасний Кобзар: Обкладинка (Достатній рівень)

Завдання: Розробити дизайн сучасної обкладинки для збірки «Кобзар».

• Дія: Створи композицію, де текст є головним елементом.

• Форматування:

  • Використай різні накреслення: жирний (Bold) для назви та курсив (Italic) для автора.

  • Налаштуй міжсимвольну відстань (трекінг), щоб назва виглядала стильно.

  • Додай ефект «Тінь» або «Свічення» до заголовка, щоб надати йому об’єму.

Варіант 3. Створення інфографіки «Шлях поета» (Високий рівень)

Завдання: Поєднати зображення карти України та текстові мітки.

• Дія: На фоні карти познач 3-4 ключові міста в житті Шевченка (Моринці, Санкт-Петербург, Канів тощо).

• Форматування:

  • Додай текстові блоки з короткою інформацією (рік, подія).

  • Використай списки (марковані або нумеровані) всередині текстових блоків.

  • Дотримуйся єдиної кольорової гами для всього тексту.

Таблиця: На що звернути увагу при оцінюванні

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Особливості векторних зображень (коротко для пам'яті)

Перед тим як перейти до вправ, згадаймо головні "фішки" вектора:

• Математична основа: Зображення складається не з точок (пікселів), а з геометричних об'єктів (ліній, кіл, прямокутників), що описуються формулами.

• Масштабування без втрат: Ти можеш розтягнути векторний малюнок до розмірів білборда, і він залишиться ідеально чітким.

• Робота з вузлами: Кожну лінію можна змінити, потягнувши за "вузли" або "маркери".

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

5 практичних завдань до Дня рідної мови ...

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

Слайд 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?