s1 s2 s3 s4 s5 s6
preload image preload image

№11 - Каскадні таблиці стилів. Стильове оформлення сторінок.

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


«___»__________ 20___ року

Урок №11.

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

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

 

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

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

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

Хід уроку

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

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

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

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

  • Повторення раніше вивченого матеріалу (Слайд3)
  1. Яким чином змінити колір тексту для окремої частини тексту? Яких ще параметрів може набувати використовуваний тег?
  2. Як глобально змінити забарвлення активних, використовуваних та пасивних гіперпосилань та тексту?
  3. Вивчення нового матеріалу

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

  1. Усвідомлення набутих знань й формування вмінь та навичок
  • Практичне завдання (Слайд27-28)
  • Релаксація

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

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

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

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



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

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


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