Урок 6

Мета.

• формування предметних компетентностей: ü забезпечити засвоєння знань про основні тренди у дизайні; формувати вміння використовувати основні тренди у веб-дизайні для розробки власного сайта;
• формування ключових компетентностей:
  • спілкування рідною мовою: уміння ставити запитання, аналізувати текстову інформацію, відстоювати власну думку;
  • спілкування іноземною мовою: уміння здобувати інформацію з іноземних джерел інформації;
  • уміння вчитися: навички самостійно визначати орієнтири пошуку необхідної інформації;
  • компетентність у цифрових технологіях: уміння застосовувати цифрові технології для пошуку і аналізу інформації;
  • ініціативність і підприємливість: уміння генерувати ідеї і втілювати їх у проекті.

Очікувані результати: учні знають основні тренди у веб-дизайні

Обладнання: комп’ютери з доступом в мережу Інтернет, інтерактивна дошка.

Тип уроку: Комбінований.

План

І. Організаційний етап

· привітання

· перевірка присутніх

· перевірка готовності учнів до уроку

Створення атмосфери психологічного комфорту.

• Правила ТБ при роботі в кабінеті Інформатики.

ІІ. Актуалізація опорних знань і життєвого досвіду

Прийом «Продовжить речення»

Про веб-дизайн мені відомо...

Завдання веб-дизайну...

Про професію веб-дизайнера я знаю...

Рефлексивний прийом «Зроби висновок»

Чи можна сказати, що у вас достатньо знань про веб-дизайн?

Наскільки ви розумієтеся на сучасних трендах у веб-дизайні?

ІІІ. Повідомлення теми. Організація спільного з учнями формулювання мети й завдань уроку

Учитель пропонує учням уважно прочитати тему уроку та визначити, що від них очікується, яких знань їм слід набути, що навчитися робити.

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

IV. Мотивація навчальної діяльності

Мотиваційні запитання

Чому мені потрібно розумітися на трендах у веб-дизайні?

Як інформація про тренди у веб-дизайні допоможе зробити мій сайт більш цікавим?

Що допоможе мені зосередитися на завданнях уроку?

V. Вивчення нового матеріалу

Пояснення вчителя з елементами демонстрування презентації

(використовуються можливості локальної мережі кабінету або проектор)

VI. Закріплення вивченого матеріалу

Прийом «Найкращий журналіст»

Учням пропонують скласти запитання до вивченого матеріалу. Запитання мають бути змістовними, лаконічними, спонукати задуматися. Їх записують на аркушах і віддають у «прес-центр» (назначена група учнів). Запитання по черзі зачитують, і клас надає відповіді. Оцінюють якість складеного запитання.

VIІ. Практична робота «Пошук ідей розробки сайта на основі сучасних трендів у веб-дизайні»

Тренувальні вправи

1. Завантажити архів з файлами зображеннями.

2. Скопіювати папку з малюнками з 11 КЛАСС/html/ Image у вашу папку.

3. Створити файл tulips.html та розмістити там малюнок tulips.jpg. Заголовок web-сторінки Тюльпани. Розташувати малюнок зліва web-сторінки. Розміри малюнка 1280*720.

4. Створити файл Koala.html та розмістити там малюнок Koala.jpg. Заголовок web-сторінки Коала. Розташувати малюнок по центру web-сторінки. Розміри малюнка 640*480.

5. Створити файл Jellyfish.html та розмістити там малюнок Jellyfish.jpg. Заголовок web-сторінки Медуза. Розташувати малюнок по правому краю web-сторінки. Розміри малюнка 1280*720

6. Створити файл Penguins.html та розмістити там малюнок Penguins.jpg. Заголовок web-сторінки Пінгвіни. Розташувати малюнок по центру web-сторінки. Розміри малюнка 640*480.

VIІI. Підбиття підсумків уроку. Рефлексія

Запитання для рефлексії

Що нового я дізнався на уроці?

Чи маю я задоволення від роботи над обраним проектом?

Чи можна сказати, що я розуміюся на основних трендах веб-дизайну?

Яку інформацію з теми уроку я розповім удома батькам?

VIІІ. Домашнє завдання

Завести «Щоденник особистих вражень від вивчення інформатики». Зробити пост у соціальних мережах про тренди веб-дизайну.

ІX. Оцінювання роботи учнів