Каталог матеріалів

Урок №15 для 10-11 класів по модулю "Веб-технології" - Адаптивна верстка.

«___»__________ 20___ року

Урок №15. Адаптивна верстка.

Мета: Допомогти учням засвоїти факти та основні ідеї адаптивної верстки. Забезпечити якість вивчення нового матеріалу. Формувати вміння виділяти головне, актуалізувати, конспектувати, порівнювати, зіставляти. Забезпечити диференційований підхід. Встановити зв'язки між засвоєними та новими знаннями. Формувати групи компетентностей: соціально-трудову, інформаційну, загальнокультурну, соціально-трудову, уміння вчитися.

Тип уроку: засвоєння нових знань; формування вмінь і навичок;

Обладнання та наочність: комп’ютери, підручники, презентація, проектор.

Програмне забезпечення: Google Chrome, Notepad++

Хід уроку

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

  • Привітання з класом
  • Повідомлення теми і мети уроку

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

ІІІ. Актуалізація опорних знань

  • Перевірка ДЗ (Слайд3)

Перевірка учнівських сайтів з табличною версткою.

  • Повторення раніше вивченого матеріалу (Слайд4)
  1. Що таке верстка та яка вона буває?
  2. З яким типом верстки ми познайомились на уроці?
  3. Під час роботи за ПК які плюси та мінуси ви виділили в табличній верстці?

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

Демонстрація навчальних слайдів. Розповідь вчителя.

Усвідомлення набутих знань й формування вмінь та навичок

  • Практичне завдання (Слайд43-44)

Відповідно до розробленої табличної структури сайту в дома розробіть аналогічну блочну (гнучку) структуру.

  • Релаксація

Вправа для профілактики короткозорості та порушення зору

Підведення підсумків уроку

  • Бесіда за питаннями (Слайд45)
  1. В чому полягає суть гнучкого налаштування блоків?
  2. Що означає код margin-left: 5%; ?
  3. Що означає код border-radius: 15px; ?

Домашнє завдання

Опрацювати вивчений матеріал.