|
|
План урока. Школа
УРОК: Раздел 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 и функции тегов и , работающие с: <h#><br /><br /><hr/>. <br /><br />Изучить списки <ul><ol><li>, ссылки и изображения <img ...>. Учащиеся экспериментируют над кодом. <br />Формативное оценивание<br /><br />Учащиеся индивидуально выполняют практическое задание. Необходимо создать страницу о Казахстане аналогично со страницей в Wikipedia.org. <a href="/laboratornaya-rabota-1-sozdanie-staticheskogo-karkasa-sajta/index.html" title="Лабораторная работа №1: Создание статического каркаса сайта">Данная веб-страница должна содержать картинку</a>, таблицу и гиперссылку на другие страницы. Учителю необходимо дать учащимся шаблон HTML-страницы, текст и картинку для создания данной страницы. <br /><br /></td> <td colspan="2" width="29%"> <br />Ccылка на bilimland.kz:<br /><br />HTML и HTML редактор.<br /><br /> ФО 1<br /><br />Презентация про HTML<br /><br />Папка в архиве «Практическая работа в HTML»<br /><br />https://www.youtube. com/watch?v=CtgqHq ABORU&index=7&list= PL8AF26E29D8323979<br /></td> </tr> </tbody> <tbody> <tr> <td colspan="9" width="100%" valign="top"> <br /><b><span id='Дополнительная_информация'>Дополнительная информация</span></b><br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td colspan="4" width="31%"> <br /><b>Дифференциация – как Вы планируете оказать больше поддержки? Какие задачи Вы планируете поставить перед более способными учащимися?</b><br /></td> <td colspan="2" width="30%"> <br /><b><span id='Оценивание_–_как_Вы_планируете_проверить_уровень_усвоения_материала_учащимися__Междисциплинарные_связи'>Оценивание – как Вы планируете проверить уровень усвоения материала учащимися?</span></b><br /></td> <td colspan="3" width="38%"> <br /><b>Междисциплинарные связи</b><br /><br /><b>Проверка здоровья и безопасности</b><br /><br /><b>Связи с ИКТ </b> <br /><br /><b>Связи с ценностями</b><br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td colspan="4" width="31%" height="46"> <br />Дополнительная поддержка<br /><ul> <li/> <br />Работа в группах – поддержка одноклассников.<br /><li/> <br />Помощь учителя, если требуется.<br /></ul> <br />Более способные учащиеся<br /><ul> <li/> <br />Могут продемонстрировать аспекты своих решений, которые показались интересными/более сложными другим учащимся.<br /></ul> </td> <td colspan="2" width="30%"> <br />Ответы на вопросы и сеанс ответов.<br /><br />Использование <a href="/urok-po-teme-soderjanie-kol-vo-chasov-osnovnie-vidi/index.html" title="Урок по теме содержание кол-во часов Основные виды">вопросов при выполнении главного задания</a>, в процессе движения между группами.<br /><br />Использовать обзорные вопросы, чтобы понимать результаты/успехи.<br /><br />Проверять данные блога/журнала регистрации.<br /><br />Попросите выбранные группы передать вам свои файлы для просмотра.<br /></td> <td colspan="3" width="38%"> <br />Необходимо ли вам консультироваться с другими учителями-предметниками для планирования этого урока? <i>Только если</i> <i>возникают вопросы по моделям в данном предмете.</i><br /><br />Представляют ли любые задания этого урока риск для здоровья и безопасности учащихся? <i>Будьте осторожны при установке экрана, клавиатуры и мышки; остерегайтесь проводов, так как они представляют угрозу вашему передвижению.</i><br /><br />Будут ли учащиеся развивать свои навыки ИКТ во время данного урока? <i>Да</i><br /><br />Какие возможности для развития ценностей НИШ, присутствуют в данном уроке?<br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td rowspan="2" colspan="2" width="24%" height="23"> <br /><b><span id='Рефлексия_Были_ли_цели_урока/учебные_цели_реалистичными_Чему_ученики_научились_сегодня_Какая_была_атмосфера_урока'>Рефлексия</span></b><br /><br /><b>Были ли цели урока/учебные цели реалистичными? </b> <br /><b>Чему ученики научились сегодня? </b> <br /><b>Какая была атмосфера урока? </b> <br /><b>Хорошо сработал ли мой дифференцированный подход к работе? </b> <br /><b>Уложился ли я в график? </b> <br /><br /><b>Какие изменения я хотел бы внести в свой план и почему? </b> <br /></td> <td colspan="7" width="76%"> <br /><b><span id='Используйте_данный_раздел_для_рефлексии_урока._Ответьте_на_вопросы_о_Вашем_уроке_из_левой_колонки.'>Используйте данный раздел для рефлексии урока. Ответьте на вопросы о Вашем уроке из левой колонки. </span></b> <br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td colspan="7" width="76%"> <br /><br /><br /></td> </tr> </tbody> <tbody> <tr> <td colspan="9" width="100%" height="80" valign="top"> <br /><b><span id='Общая_оценка_Какие_два_аспекта_урока_прошли_хорошо_(подумайте_как_о_преподавании,_так_и_об_обучении)_1:_2'>Общая оценка</span></b><br /><b>Какие два аспекта урока прошли хорошо (подумайте как о преподавании, так и об обучении)?</b><br /><br /><b>1:</b><br /><br /><b>2:</b><br /><b>Какие две вещи могли бы улучшить урок (подумайте как о преподавании, так и об обучении)?</b><br /><br /><b>1: </b> <br /><br /><b>2:</b><br /><b><span id='Что_я_узнал(а)_о_классе_или_отдельных_учениках_такого_,_что_поможет_мне_подготовиться_к_следующему_уроку'>Что я узнал(а) о <a href="/vasha-tema-fio-oglavlenie/index.html" title="Ваша тема фио оглавление">классе или отдельных учениках такого</a>, что поможет мне подготовиться к следующему уроку?</span></b><br /><br /></td> </tr> </tbody> </table> <br /><br /><br /><div title="footer"> <br />Версия: 2 <br /><br />Дата: Март 2014<br /></div> |
|
|
написать администратору сайта
|
Скачать 27.52 Kb.