Раздел долгосрочного плана: Раздел 5: Веб-проектирование |
Школа: |
|
Дата |
ФИО учителя: |
|
Количество присутствующих, отсутствующих: |
||
|
||
Тема урока |
Разработка веб-страницы |
|
Цели обучения, которые достигаются на данном уроке (ссылка на учебную программу) |
10.2.3.1 Знать основные теги |
|
Цели урока |
Знать основы веб-программирования и уметь сравнивать методы создания веб-сайтов. |
|
Критерии успеха |
Понимает, как создаются веб страницы на HTML языке. Понимает в чём отличие шаблона для создания сайта от его полного создания. Может привести аргументы к тому или иному методу создания сайта. |
|
Языковые цели
|
Предметная лексика и терминология: HTML, CSS, PHP, Notepad, Тэги (Head, P, H1, H2, Body, Html). Полезные фразы для диалога/письма: В коде сайта можно выделить ряд основных разделов… В разделе Body, пишется основной код программы…
|
|
Привитие ценностей |
Уважение, сотрудничество, обучение на протяжении всей жизни. |
|
Глобально гражданство |
Программировать на HTML, CSS, PHP можно в любой стране и одинаково. |
|
Аутентичное обучение |
Развитие функциональной грамотности. |
|
Межпредметные связи |
Математика, Искусство. |
|
Навыки использования ИКТ |
Поиск информации в интернете, на форумах и тематических сайтах, просмотр видео уроков. |
|
Предварительные знания |
Знания об алгоритма из предыдущих классов. |
|
Ход урока
Запланированные этапы урока |
Запланированная деятельность на уроке
|
Ресурсы |
||
Начало урока 0-3 мин
|
(Г) Приветствие, проверка присутствующих. Объявление темы, цели урока, критериев успеха.
|
Презентация.
|
||
Середина урока
4 - 10мин
11 - 35 мин
36-37 мин
|
(Г) Обсуждение с учениками, что они знают о создании сайтов? Какие языки используются для создания сайтов?
(Г) Просмотр видео уроков и создание первой интернет страницы с использованием следующих инструкций: https://www.tutorialspoint.com/html/index.htm https://www.tutorialspoint.com/html5/index.htm
(И) Ученики разрабатывают простую страницу с исопльзованием основной структуры (основных тегов html) веб-страницы
<html> <title>My First Site</title> <head> <body bgcolor = Yellow> <center> <table border = 1> <tr> <td><img src="AnyImage.jpg" width = 250> </td> <td> <h1>Example for 11 <h2>HTML simple <p><br> <table border = 1> <tr> <td bgcolor = Red><a href="http://ya.ru">Red</a></td> <td bgcolor = Green><a href="http://google.com">Green</a></td> <td bgcolor = Blue><a href="http://facebook.com">Blue</a></td> </tr> </table> </td> <tr><video src = "AnyVideo.mp4" width=450 autoplay=true></tr> </table> </body> </head> </html>
(Г) Ученики сохраняют документ с расширением *.html/*.htm в личную папку на персональном компьютере |
ПК
Пример 1-2
|
||
Для чего необходим язык html? Для чего используется теги P и H? Что было непонятно? |
|
|||
Конец урока 38 - 40 мин |
Рефлексия: - Все ли критерии успеха были достигн уты? - Что осталось непонятным? - Над какими критериями необходимо работать? |
|
||
Дифференциация – каким образом Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися? |
Оценивание – как Вы планируете проверить уровень усвоения материала учащимися? |
Здоровье и соблюдение техники безопасности. |
||
Дифференциация выражена в оказании индивидуальной поддержки отдельным учащимся |
Реализованный интерфейс и код программы. |
Физминутки для глаз на первом и втором уроках Правил техники безопасности в компьютерном классе. |
||
Рефлексия по уроку
Были ли цели урока/цели обучения реалистичными? Все ли учащиеся достигли ЦО? Если нет, то почему? Правильно ли проведена дифференциация на уроке? Выдержаны ли были временные этапы урока? Какие отступления были от плана урока и почему? |
Используйте данный раздел для размышлений об уроке. Ответьте на самые важные вопросы о Вашем уроке из левой колонки. |
|
|
Общая оценка
Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)? 1:
2:
Что могло бы способствовать улучшению урока (подумайте как о преподавании, так и об обучении)? 1:
2:
Что я выявил(а) за время урока о классе или достижениях/трудностях отдельных учеников, на что необходимо обратить внимание на последующих уроках?
|
Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.