УРОК: Раздел 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
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.