10 клас. 46 Урок. Каскадні таблиці стилів. Стильове оформлення сторінок.

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

Тип уроку: засвоєння нових знань; формування вмінь і навичок;
Обладнання та наочність: комп’ютери, підручники, презентація, проектор, GoogleChrome, Notepad++.

Хід уроку:

1. Організаційний момент.
Привітання. Відмічання відсутніх.
Хвилина Патріотичного Виховання.

2. Актуалізація опорних знань.
1. Яким чином змінити колір тексту для окремої частини тексту? Яких ще параметрів може набувати використовуваний тег?
2. Як глобально змінити забарвлення активних, використовуваних та пасивних гіперпосилань та тексту?

3. Вивчення нового матеріалу.
Розповідь учителя (з демонструванням презентації на екрані: Каскадні таблиці стилів. Стильове оформлення сторінок.) Учитель. Сьогодні на уроці ми з вами познайомимось з каскадними стилями та способами опису візуальної складової документу.

4. Засвоєння нових знань.

Завдання

1. Створити на робочому столі папку та назвати її власним прізвищем та ім’ям.
2. Скопіюйте у власну папку документ index.html з вказаного вчителем місця.
3. Підключіть до поданої веб-сторінки таблицю стилів style.css.
4. Описуючи лише таблицю стилів, досягніть відображення вихідного документу index.html – (Використано шрифти «Arial»)
5. Про виконання повідомте вчителя.

            Для учня.

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

6. Підбиття підсумків.
1. Чому каскадні таблиці настільки популярні при побудові сайтів?
2. Які існують способи додавання стилів до документу?
3. Опишіть процес підключення окремої таблиці стилів до веб-документу.

7.Домашнє завдання.
Опрацювати вивчений матеріал. Підготуватись до тестової перевірки знань.