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



Дата27.11.2022
өлшемі80,5 Kb.
#52955
түріУрок
Байланысты:
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 мин





(Г) Изучение/Повторение тэгов , , , для создания Web-страницы о себе.

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

и
, позвольте им самим ее выявить и помочь друг другу.


(W) Изучить тэги

, создавая список товаров из магазина, их описаний, изображений и цен



ПК

Пример 3-4



Конец урока
38-40 мин

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






Начало урока
0-2 мин

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



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

Середина урока
3 - 37 мин



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

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


Для чего необходим CSS?
Для чего используется теги {} и div?
Что было непонятно?

(I) Создание блоков с использованием

/


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


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





ПК.



Пример 3-4



Конец урока
38 - 40 мин

Рефлексия:
- Все ли критерии успеха были достигнуты?
- Что осталось непонятным?
- Над какими критериями необходимо работать?




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

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

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

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

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

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



Рефлексия по уроку





Были ли цели урока/цели обучения реалистичными?
Все ли учащиеся достигли ЦО?
Если нет, то почему?
Правильно ли проведена дифференциация на уроке?
Выдержаны ли были временные этапы урока?
Какие отступления были от плана урока и почему?

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


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


2:


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


2:


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



Достарыңызбен бөлісу:




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет