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

Урок по информатике "Веб програмирование. HTML. "

1              Урок  91-92:Веб програмирование. HTML.

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

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

Дата: 10/01/2015

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

Класс: 11

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

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

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

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

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

Цели урока

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

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

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

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

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

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

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

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

План

Этапы урока

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

Ресурсы

1-20 mins

W) Спросите учащихся о наличии предыдущего опыта веб редактирования и о понимании того, как делаются веб сайты.

Продемонстрируйте скаченный  html код популярного веб сайта и отредактируйте его, чтобы вывести свои заголовки.

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

Просмотр видеоурока Е. Попова HTMLбазовый курс”. Урок №1 «Введение в HTML» (просмотр с 0.00-7.26мин. и 12.04-16.43мин.).

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

www.google.com

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

 

 

 

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

21-50 mins

Создать всем классом главную веб страницу. Представьте язык html и функции тегов <head> и <body>, работающие с: <title><h#><p><br/><hr/>.

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

Просмотр видеоуроков Е. Попова HTMLбазовый курс”. Урок №2 «Понятие тега. Создание каркаса таблицы» и урок № 3 «Параграфы и заголовки».

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

http://html.manual.ru/

 

 

 

Html1002.zip. Запускающий файл index.html

51-80 mins

Изучить списки <ul><ol><li>, ссылки <ahref><aname> и изображения  <img ...>. Позвольте учащимся поэкспериментировать над кодом.

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

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

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

(I) Попросите учащихся написать код, чтобы воссоздать несколько веб страниц на основе предоставленного изображения. Позвольте учащимся поэкспериментировать. Например, не говорите им разницу между <p>  и <br> , позвольте им самим ее выявить и помочь друг другу.

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

http://www.w3schools.com/html/

 

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

 

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

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

Повторить изученные теги

 

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

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

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

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

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

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

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

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

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

Рефлексия

 

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

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

 

Поставленной цели учащиеся достигли, т.к. она была реальной и достижимой. На сегодняшнем уроке учащиеся узнали, что такое HTML,  тег.  Работали с тегами <head>,<body>, <title>, <h#>, <p>, <br/>, <hr/>. Атмосфера была дружественной и рабочей. Сильные ученики выполняли дополнительные задания на создание таблиц. Времени хватило, изменения в план не вносились.

Общая оценка

 

Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)?

1:Тема нравится учащимся справились все ученики, в т.ч. те, кому информатика дается с трудом.   

 

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

 

Какие две вещи могли бы улучшить урок (подумайте как о преподавании, так и об обучении)?

 

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

 

 

Что я узнал(а) за время урока о классе или отдельных учениках такого, что поможет мне подготовиться к следующему уроку?

 

 

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



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

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