s1 s2 s3 s4 s5 s6
preload image preload image

№16 - Кросбраузерна оптимізація сторінок сайту

Перед завантаженням матеріалу познайомтесь з правилами використання - >>Читати тут<<
Для отримання даного матеріалу натисніть клавішу "Завантажити матеріал" котра знаходиться внизу сторінки.


«___»__________ 20___ року

Урок №16.

Кросбраузерна оптимізація сторінок сайту.

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

 

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

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

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

Хід уроку

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

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

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

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

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

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

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

                   Інструктаж вчителя. Роздача інструкційних карток.

  • Релаксація

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

  1. Підведення підсумків уроку
  • Бесіда за питаннями (Слайд30)
  1. Що таке кросбраузерна оптимізація?
  2. На що потрібно орієнтуватись при кросбраузерній оптимізації?
  3. Яке правило використовується при описі стилів під кожен браузер?

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

Опрацювати вивчений матеріал. Підготуватись до тестової перевірки знань по темах «Адаптивна верстка» та «Кросбраузерна оптимізація сторінок сайту».



Натисніть тут для завантаження

Додати коментар


Захисний код
Оновити