Каталог матеріалів
Каталог матеріалів
Переглянути всі {{ countSearchProducts }}
  • Результатів не знайдено
Каталог матеріалів

Урок №16 для 10-11 класів по модулю "Веб-технології" - Кросбраузерна оптимізація сторінок сайту

DESCRIPTION

«___»__________ 20___ року

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

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

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

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

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

Хід уроку

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

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

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

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

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

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

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

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

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

  • Релаксація

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

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

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

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

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

ТЕХНІЧНІ ВИМОГИ

1. Операційна система:

  • Windows 10 / Windows 11 (64-bit);
  • macOS 12.0 (Monterey) або новішою;
  • iOS 15+ чи Android 11+ (для мобільних пристроїв).

2. Офісне програмне забезпечення. Для коректного відкриття матеріалів рекомендовано пакет програмного забезпечення Microsoft Office 2021 або новішу версію (рекомендовано Microsoft 365). Допускається використання LibreOffice версії 7.5 і вище (дане програмне забезпечення є альтернативним, і потрібно розуміти, що можливе візуальне зміщення шрифтів, зображень, а також проблеми з відтворення мультимедіа чи відображенням зображень). Використання версій Microsoft Office, старіших за 2021 рік, може призвести до некоректного відображення презентацій, шрифтів, відео та анімацій.

3. Архіватор. Для розпакування файлів необхідно вкористовувати:

4. Мультимедійна підтримка. Пристрій має підтримувати сучасні медіакодеки (H.264 / AAC), необхідні для відтворення відео й аудіо, вбудованих у презентації. Для роботи з анімаціями необхідна підтримка DirectX 12+ (Windows) або Metal (macOS). У разі відсутності програмно забезпечення QuickTime https://support.apple.com/ru-ru/106375 можлива помилка під час відтворення вбудованого відео в презентацію, а саме «Носій відсутній».

5. Мінімальні технічні характеристики обладнання:

  • Процесор: не нижче Intel Core i3 або AMD Ryzen 3.
  • Оперативна пам’ять: від 4 ГБ (рекомендовано 8 ГБ).
  • Відеокарта: інтегрована Intel UHD / AMD Vega або дискретна.
  • Вільне місце на диску: не менше 2 ГБ.
  • Екран: роздільна здатність не менше 1366×768 (рекомендовано Full HD 1920×1080).

6. Інтернет-з’єднання. Для завантаження матеріалів необхідне стабільне підключення до Інтернету зі швидкістю від 5 Мбіт/с. Для доступу до інтерактивних компонентів необхідно використовувати сучасний браузер (Google Chrome, Opera, Safari або Mozilla Firefox останніх версій).

Коментарі до даного матеріалу поки відсутні