План урока
Оценка 4.6

План урока

Оценка 4.6
docx
09.05.2020
План урока
План урока.docx

УРОК: Раздел 7. Веб программирование

Школа:

Дата:

Имя учителя:  

КЛАССА: 10

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

отсутствующих:

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

 

применять HTML-теги для вставки мультимедиа объектов на web-страницу

Цели урока

Все учащиеся будут уметь:  

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

знают

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

 

Языковая цель

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

Уметь сравнивать методы создания веб сайтов

 

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

HTML

CSS

Class/ID

Встроенные и внешние таблицы стилей

POST/GET

Исполнение скриптов клиентом

Исполнение скриптов сервером

CMS (Система управления содержимым)

WYSIWYG

(что видишь, то и получишь)

Полезный набор(ы) фраз для диалога и письма:

Первый шаг - выбрать предпочитаемый дизайн, посмотрев на другие веб сайты.

Во-вторых, подумать о стиле, который вы хотите…

Выполнив это, подумайте о тексте

Следующий шаг – назвать файлы и папки….

После этого, вы должны решить, какие изображения….

После этого, вам необходимо подумать о ссылках.

Наконец, используя HTML

План

Planned timings

Запланированная деятельность (замените приведенные ниже задания, в соответствие с вашими планами)

Ресурсы

Начало

5 минут

 

 

15 минут

 

 

 

 

 

 

 

 

 

 

 

 

 

 

25 минут

 

 

 

 

 

 

Приветствие учащихся.

 

 

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

 

Возможные ответы учащихся можно группировать и написать на доске следующим образом:

Способы создания сайтов:

#1. Использование HTML редакторов – WYSIWIG (Adobe Dreamviewer, weebly.com и др.)

#2.  Использование CMS движков (Joomla, Wordpress и т.д.)

#3. Создание сайта с нуля: необходимо обладать хорошими знаниями HTML(Каркас)+CSS (верстка)+JavaScript(анимация)

 

Мини формативное оценивание о методах создания сайтов.

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

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

Изучить списки <ul><ol><li>, ссылки <a href><a name> и изображения <img ...>. Учащиеся экспериментируют над кодом.

 

 

 

 

 

Формативное оценивание

Учащиеся индивидуально выполняют практическое задание. Необходимо создать страницу о Казахстане аналогично со страницей в Wikipedia.org. Данная веб-страница должна содержать картинку, таблицу и гиперссылку на другие страницы. Учителю необходимо дать учащимся шаблон HTML-страницы, текст и картинку для создания данной страницы. 

 

 

 

 

 

 

Ccылка на bilimland.kz:

HTML и HTML редактор.

 

 

 

 

 

 

 

 

 

ФО 1

 

 

 

Презентация про HTML

 

 

 

 

 

Папка в архиве «Практическая работа в HTML»

 

https://www.youtube. com/watch?v=CtgqHq ABORU&index=7&list= PL8AF26E29D8323979

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

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

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

Междисциплинарные связи

Проверка здоровья и безопасности

Связи с ИКТ

Связи с ценностями

Дополнительная поддержка

·       Работа в группах – поддержка одноклассников.

·       Помощь учителя, если требуется.

Более способные учащиеся

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

Ответы на вопросы и сеанс ответов.

Использование вопросов при выполнении главного задания, в процессе движения между группами.

Использовать обзорные вопросы, чтобы понимать результаты/успехи.

Проверять данные блога/журнала регистрации.

Попросите выбранные группы передать вам свои файлы для просмотра.

Необходимо ли вам консультироваться с другими учителями-предметниками для планирования этого урока? Только если возникают вопросы по моделям в данном предмете.

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

Будут ли учащиеся развивать свои навыки ИКТ во время данного урока? Да

Какие возможности для развития ценностей НИШ, присутствуют в данном уроке?

Рефлексия

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

 

Чему ученики научились сегодня?  

 

Какая была  атмосфера урока?

 

Хорошо сработал ли мой дифференцированный подход к работе? 

 

Уложился ли я в график?

Какие изменения я хотел бы внести в свой план и почему?

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

 

Общая оценка

 

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

1:

2:

 

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

1:

2:

 

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

 

 


 

Скачано с www.znanio.ru

УРОК: Раздел 7. Веб программирование

УРОК: Раздел 7. Веб программирование

Приветствие учащихся.

Приветствие учащихся.

Чему ученики научились сегодня?

Чему ученики научились сегодня?
Скачать файл