Урок 15

Мета.

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

Очікувані результати: учні знають і розуміють властивості стилів та їх значення, вміють оперувати властивостями стилів.

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

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

План

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

· привітання

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

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

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

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

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

Прийом «Конкурс запитань»

Учитель організовує конкурс на найкраще запитання за темою уроку.

Учні відповідають на запитання своїх однокласників і визначають найкраще запитання.

VIІ. Практична робота

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

Практичні вправи

1. Скопіювати до власної папки папку /11 клас/Css/Урок 15
2. Всі подальші файли створювати і зберігати в даній папці.
3. Для файлу select3.html створіть CSS-правило, що описані у файлі select3.css (необхідно створити самостійно), для виділення помилок і застосуєте його до елементів з помилками:
   • Додайте CSS-правило для класу error з властивістю колір тексту: червоний;.
   • Додайте клас error до третього елементу списку.
   • і до другого абзацу
4. Для файлу font.html створіть CSS-правило, що описані у файлі font.css,
   • для класу size– встановити розмір шрифта 20pt
   • для класу bold встановити товщину шрифта жирний;.
   • для класу italic встановити накреслення шрифту курсив;
5. Для файлу usa.html створіть CSS-правило, що описані у файлі usa.css, використовуючи тег <div> та опис стилів за допомогою ідентифікаторів (ID)
   • Додайте CSS-правило для ідентифікатору democrats, з властивістю колір фону: синій;
   • Додайте CSS-правило для ідентифікатору republicans, з властивістю колір фону: червоний;
   • Додайте ідентифікатор democrats для тега <div>, що відповідає прізвищам Президентів США від Демократичної партії;
   • Додайте ідентифікатор republicans для тега <div>, що відповідає прізвищам Президентів США від Республіканської партії;
6. Для файлу sp.html створіть CSS-правило, що описані у файлі sp.css (необхідно створити самостійно), використовуючи тег <span> та опис стилів за допомогою класів
   • Додайте CSS-правило для класу benefit з властивістю колір тексту: червоний;.
     • Додайте клас benefit до всіх тегів <span>.

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

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

• Які мої досягнення на цьому уроці?
• Чи можу я пояснити, що таке каскадні таблиці стилів?
• Чи можна сказати, що я наблизився до мети проекту зі створення власного сайта?

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

Продовжити вивчення властивостей стилів.

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