Файл: Каскадные таблицы стилей css (Cascading Style Sheets).docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 28.03.2024

Просмотров: 7

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.


КГУ ООШ села Зеленое

Поурочный план

Тема урока: Каскадные таблицы стилей CSS (Cascading Style Sheets)
____________________________________________________

Раздел:
: «Веб- проектирование»

ФИО педагога



Дата: 07.02




Класс: 10
Количество присутствующих:




Тема урока
Каскадные таблицы стилей CSS (Cascading Style Sheets)

Цели обучения в соответствии
с учебной программой
10.4.2.2 использовать CSS при разработке web-страниц

Цели урока
Все учащиеся: имеют понятие о каскадных стилях;

Большинство учащихся: используют таблицу каскадных стилей при кодировании;

Некоторые учащиеся: обьясняют важность использования таблиц каскадных стилей

      Ход урока

Этап урока/ Время
Действия педагога
Действия ученика
Оценивание
Ресурсы

Начало урока
Организационный момент

Приветствие, проверка присутствующих. Психологический настрой на работу. Концентрация внимания учащихся.
Актуализация знаний

Кумулятивная беседа

Учащиеся обмениваются выполненными домашними заданиями и оценивают друг друга.
похвала



устная похвала, поощрение




Середина урока
Изучение нового материала

прием «Учимся вместе»

физминутка

Практическая работа за компьютером:

Задание. Изменим цвет и стиль текста web-страницы (рис. 1),

используя страницу стилей style.css, чтобы получилась

web-страница (рис. 2) (изменить цвет фона и текста)



Задание 2. Используя страницу стилей style.css, выполнить

нижеследующие изменения.

body{

background: blue;

color: white;

}

h1{

color:red;

}

h2{

color:yellow;

}







Учащимся в группах предлагается разобрать примеры использования каскадных таблиц стилей в учебнике.

Учащиеся задают уточняющие вопросы,


Дескрипторы: используют страницу стилей Style.css.

Учащиеся обмениваются выполненными заданиями и оценивают

друг друга.





похвала


баллы

презентация раздаточный лист

ноутбуки

Конец урока
Рефлексия

«Дерево успеха»

Домашнее задание по учебнику § 4.8 , выполнение уровневых заданий








Смотрите также файлы