ПІБ учителя (студента): Штиль Кирило Віталійович
Клас: 8
Тема уроку: Планування веб-сайту, дизайн веб-сторінки, принципи розміщення контенту.
Мета уроку: Навчити дітей створенню структури сайту
Цілі уроку:
- навчальні: забезпечити засвоєння знань із планування веб-сайту, ввести поняття дизайн веб-сторінки, ознайомити із принципами розміщення контенту, сформувати уявлення про автоматизовані засоби для створення та публікації веб-ресурсів.
- розвивальні: розвивати логічне мислення, формувати навички роботи працювати за інструкцією.
- виховні: виховувати зосередженість, відповідальність за виконану роботу
Обладнання уроку: комп’ютери з виходом в мережу Інтернет, презентація до уроку, інтерактивна дошка; інструкція з ТБ, вправи для зняття зорового напруження.
Тип уроку: вивчення нового матеріалу, первинне засвоєння нових знань.
Хід уроку:
Організаційний етап. (2 хв.)
Актуалізація опорних знань. (4 хв.)
Інтерактивний, прийом «Продовж речення»
- Веб-сайти потрібні для...
- Про розробку веб-сайтів мені відомо...
- Що таке вебсайт?
- Яка різниця між вебсайтом і веб-сторінко?
- Чи можна створити якісний сайт без спеціальних навичок? *Які навички знадобляться для створення сайту
- Я маю такий досвід розробки веб-сайтів...
- Я маю уявлення про такі інструменти веб-розробника...
Повідомлення теми і мети уроку. Мотивація. Інструктаж з техніки безпеки 4 ( хв.)
Сучасний світ постійно змінюються, удосконалюються, модернізуються. Те, що було актуально в минулих роках поступається абсолютно новим "фішкам". Саме тому необхідно знати про них, щоб результат розробки сайтів був не просто ефективним, а створював правильне враження про компанію, якій належить веб-ресурс. Про все це ми сьогодні і поговоримо.
Пояснення нового матеріалу. (25 хв.)
Презентація
https://docs.google.com/presentation/d/1jDuUqmc3aQBNx3sVO3WXgGF7UQjEYL4fOuO3XBRZdeg/edit?usp=sharing
Гімнастика для очей. (5 хв.)
|
Підведення підсумків. (4 хв.)
Фронтальне опитування:
Які є етапи створення сайту?
Яка із різновидів структур застаріла?
Ієрархічна структура – це?
На які етапи поділяється створення сайту?
Які бувають тренди в створенні веб-дизайну?
Повідомлення домашнього завдання. (1 хв.)
• Опрацювати матеріал уроку;
• Створити власний веб-сайт:
Продумайте структуру майбутнього сайту
Запустіть браузер і відкрийте веб-сторінку https://sites.google.com
Відкрийте на сайті сторінку безкоштовного створення сайту
При потребі зареєструйтеся.
Виберіть шаблон сайту, що якнайкраще відповідає вашим задумам та збережіть зміни.
У візуальному режимі конструктора змініть назву сайту, опис, відредагуйте навігаційне меню та підменю згідно із задумом.
Клацніть одну з кнопок меню вашого сайту і створіть нову сторінку, заповнивши її текстами та малюнками відповідно до ескізу.
Після завершення роботи вийдіть із режиму редагування сайту
Надішліть адресу свого сайту вчителеві.
