10.2.3.2 Разрабатывать веб-страницу в веб-редакторе ...

Раздел долгосрочного плана:

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

Школа:

Дата

ФИО учителя:

Количество

присутствующих, отсутствующих:

Тема урока

Разработка веб-страницы

Цели обучения

10.2.3.2 Разрабатывать веб-страницу в веб-редакторе

10.2.3.3 Размещать графические объекты

Цели урока

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

Критерии успеха

Понимает, как создаются веб страницы на HTML языке.

Понимает в чём отличие шаблона для создания сайта от его полного создания.

Может привести аргументы к тому или иному методу создания сайта.

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

Предметная лексика и терминология:

HTML, CSS, PHP, Notepad, Тэги (Head, P, H1, H2, Body, Html).

Полезные фразы для диалога/письма:

В коде сайта можно выделить ряд основных разделов…

В разделе Body, пишется основной код программы…

Привитие ценностей

Уважение, сотрудничество, обучение на протяжении всей жизни.

Глобально гражданство

Программировать на HTML, CSS, PHP можно в любой стране и одинаково.

Аутентичное обучение

Развитие функциональной грамотности.

Межпредметные связи

Математика, Искусство.

Навыки использования ИКТ

Поиск информации в интернете, на форумах и тематических сайтах, просмотр видео уроков.

Предварительные знания

Знания об алгоритма из предыдущих классов.

Запланированные этапы урока

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

Ресурсы

Начало урока

0-3 мин

(Г) Приветствие, проверка присутствующих. Объявление темы, цели урока, критериев успеха.

Презентация.

Середина урока

4 - 10мин

11 - 37 мин

(Г) Изучение/Повторение тэгов <table>, <a href>, <img src>, <embed src> для создания Web-страницы о себе.

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

(W) Изучить тэги <table>, создавая список товаров из магазина, их описаний, изображений и цен

ПК

Пример 3-4

Конец урока

38-40 мин

(W) Обсуждение с учениками, что они знают о создании сайтов? Какие языки используются для создания сайтов?

Начало урока

0-2 мин

(W) Повторение темы, цели урока, критериев успеха.

Презентация,

Середина урока

3 - 37 мин

(И) Изучение CSS самостоятельно создание первой интернет страницы: http://computerlessons.ru/lessons/css/2.html

Ученики отвечают на вопрос учителя:

Для чего необходим CSS?

Для чего используется теги {} и div?

Что было непонятно?

(I) Создание блоков с использованием <div> / <id>

(I) Заполнение сайта

(I) Создание общей части из блочного дизайна

ПК.

Пример 3-4

Конец урока

38 - 40 мин

Рефлексия:

- Все ли критерии успеха были достигнуты?

- Что осталось непонятным?

- Над какими критериями необходимо работать?

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

Оценивание – как Вы планируете проверить уровень усвоения материала учащимися?

Здоровье и соблюдение техники безопасности.

Дифференциация выражена в оказании индивидуальной поддержки отдельным учащимся

Реализованный интерфейс и код программы.

Физминутки для глаз на первом и втором уроках Правил техники безопасности в компьютерном классе.

Были ли цели урока/цели обучения реалистичными?

Все ли учащиеся достигли ЦО?

Если нет, то почему?

Правильно ли проведена дифференциация на уроке?

Выдержаны ли были временные этапы урока?

Какие отступления были от плана урока и почему?

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

Общая оценка

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

1:

2:

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

1:

2:

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