Торбаева Алма Болатовна
Должность:учитель информатики
Группа:Посетители
Страна:Казахстан
Регион:Караганда
05.05.2015
0
413
0

Веб програмирование. CSS.

План урока

1.      Урок  95-96:Веб програмирование. CSS.

Тип урока: Изучение новой темы

Школа: НИШ ХБН г.Караганда

Дата: 15/01/2015

Имя учителя: Торбаева А.Б.

Класс: 11

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

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

Цели обучения, которым способствует данный урок

Учащиеся могут:

объяснять создание веб сервисов (таких как интернет-магазины) и сетей посредством теории баз данных

Цели урока

·         знать основные HTML-теги и команды CSS для разработки веб-сайтов

·         знать основы веб-программирования и уметь сравнивать методы создания веб-сайтов

Языковые цели

Учащиеся могут:

перечислять письменно и устно основные шаги создания веб сайтов

Предыдущие знания

Разделы 11.1A, 11.2B и 11.3B являются важными для изучения данного раздела, так как они обеспечивают учащихся необходимыми знаниями и навыками, касающихся программирования и основ баз данных, изучаемых в данном разделе. Предпочтителен опыт разработки сайтов, наличие опыта программирования в HTML будет идеальным.

Пример с магазином основывается на теме базы данных из раздела 2В и тот же пример должен использоваться и в данном разделе.

План

Этапы урока

Запланированная деятельность на уроке

Ресурсы

1-6 min

Учащиеся просматривают видео Е.Попова о CSS.

Просмотр видеоурока Е. Попова “СSSбазовый курс”. Урок №2 «Принцип работы СSS».

 

Данное задание направлено на подготовку старшекласников к обучению в университете, где очень много тем им придется проходить самостоятельно. Далее данный уроки можно давать учащимся, которые отсутствовали или не поняли тему для самостоятельного изучения.

http://1popov.ru/bonuscourse/css/ – бесплатный ресурс HTML, CSSи др. Запускающий файл index.html

http://www.w3schools.com – ресурс на английском языке

7-15 min

(W) Продемонстрируйте использование CSS для изменения внешнего вида веб сайта.

 

Material A, Computer_Science_Grade_11_Web-programming_CSS_7-8.html

16-30 min

(G) Позвольте группам поэкспериментировать с CSS изменяя стили тэгов.

Учащиеся знакомятся с 3 типами включения CSSв HTMLи самостоятельно пытаются включить CSSв работу.

 

(По таксономии Блума задание направлено на развитие таких навыков как: знание, понимание, применение, синтез). Работа в парах.

 

 

http://ab-w.net/CSS/css-3-text.php

 

31-80 min

Учащиеся просматривают видеоурок Е. Попова HTMLбазовый курс” и создают новый сайт. Индивидуальнаяработа.

Просмотр видеоурока Е. Попова “СSSбазовый курс”. Урок №3 «Подключение и 3 базовых селектора».

(По таксономии Блума задание направлено на развитие таких навыков как: знание, понимание, применение, синтез)

 

(W) Поговорите о классах и селекторах идентификатора, используя несколько раз классы и один раз селектор идентификатора в  тэге <p>.

 

 

http://1popov.ru/bonuscourse/css/ – бесплатный ресурс HTML, CSSи др. Запускающий файл index.html

 

 

Integrated programme of Development Computer Science Grade 11 Course Plan Issue3, August 2013 , AEO NIS

Домашняя работа

Учащиеся просматривают видеоурок Е. Попова HTMLбазовый курс” и создают новый сайт. Индивидуальная работа.

Просмотр видеоурока Е. Попова “СSSбазовый курс”. Урок №4 «Групповые селекторы».

http://1popov.ru/bonuscourse/css/ – бесплатный ресурс HTML, CSSи др. Запускающий файл index.html

Дополнительная информация

Дифференциация – как Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися?

Дифференциация – как Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися?

Дифференциация – как Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися?

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

Дифференциация по результату.

(1) Групповая обратная связь для выданных заданий.

(2) Просмотр работы учащихся во время обхода класса.

Убедитесь, что все языковые выражения используются грамматически верно.

Рефлексия

 

Были ли реализованы цели урока/Ожидаемые результаты реалистичными? Чему сегодня научились учащиеся? Какова была атмосфера в классе? Сработала ли дифференциация? На все ли хватило времени? Какие изменения были внесены в план и почему?

Используйте данный раздел для рефлексии урока. Ответьте на вопросы о Вашем уроке из левой колонки. 

 

Поставленной цели учащиеся достигли, т.к. она была реальной и достижимой. На сегодняшнем уроке учащиеся узнали, что такое CSS, три способа вставки CSS в HTML. Атмосфера была дружественной и рабочей. Практически все ученики справились с заданием. Слабые ученики поверили в себя, старались не отсавать от сильных учеников. Времени хватило, изменения в план не вносились.

Summaryevaluation

 

 

Whattwothingswentreallywell (considerbothteachingandlearning)?

1: Тема нравится учащимся справились все ученики, стали показывать интересные работы «незаметные» ученики, стоит отметить, что работы были очень креативные.

 

2: Серия видеоуроков для развития самостоятельности в обучении и подготовке к дистанционному обучению дает свои плоды, ученики не задают много вопросов, стараются разобраться сами. 

 

What two things would have

Комментарии пользователей /0/
Комментариев нет...
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Наши услуги



Мы в соц. сетях

    Персональные сообщения