Урок 23-24

Мета.

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

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

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

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

План

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

· привітання

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

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

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

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

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

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

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

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

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

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

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

1. Скопіювати до власної папки папку /11 клас/Урок 19
2. Всі подальші файли створювати і зберігати в даній папці.
3. До файлу ssilki3.html застосувати стилі, що описані у файлі ssilki3.css (необхідно створити самостійно)

• для всіх гіперпосилань встановіть наступні стилі,
  • початкові значення властивостей гіперпосилання
    • текст без підкреслення
    • колір тексту - синій
  • активне гіперпосилання
    • текст без підкреслення
    • колір тексту - червоний
    • колір фону тексту - жовтий
    • накреслення шрифта - жирний, курсив
  • при наведені курсора миші
    • текст без підкреслення
    • колір тексту - #cc9966
    • всі літери - великі
    • накреслення шрифта - курсив
  • гіперпосилання, яке було відвідане
    • текст без підкреслення
    • колір тексту - #ff66ff

3. Створити файл tabhover.html

• Створить таблицу згідно зразка

• для всіх рядків таблиці застосувати стиль описаний у файлі tabhover.css
  • при наведені курсора миші на будь-який рядок - колір фону всього рядка змінюється на #ffcc66
• для для клітинок всіх рядків таблиці крім першого, застосувати стиль описаний у файлі tabhover.css
  • при наведені курсора миші на будь-який рядок - колір фону всього рядка змінюється на #339900

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

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

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

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

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

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