Технологическая карта урока по теме "HTML. Создание Web-сайта. Простые таблицы"

Скажи мне, и я забуду. Покажи мне, я смогу запомнить.
Позволь мне это сделать самому, и это станет моим навсегда.

Технологическая карта урока

Предмет	информатика и ИКТ
Класс	10
Тип урока	урок открытия новых знаний
Технология построения урока	системно-деятельностный подход
Тема	HTML. Работа с таблицами (простые таблицы)
Цель	- сформировать представление об основных правилах использования табличных тегов; - тренировать умение создавать и форматировать простые таблицы в html-документах.
Основные термины, понятия	таблица, свойства таблицы, общие теги таблицы и их атрибуты, строка, теги строки и их атрибуты, ячейка, теги ячейки и их свойства.

Планируемый результат

Предметные умения: обучающийся научится: - понимать и распознавать теги таблиц при просмотре HTML-разметки гипертекстовых документов; - применять стандартные теги таблиц для создания простых таблиц; обучающийся получит возможность научиться: использовать теги таблиц и их атрибуты для грамотного оформления простых таблиц на Web-страницах и создавать Web-страницы с табличной разметкой	Личностные УУД: - формирование основ саморазвития и самообразования; готовности и способности к самостоятельной деятельности; - формирование навыков сотрудничества; - формирование сознательного отношения к непрерывному образованию
	Регулятивные УУД: - умение самостоятельно определять цели деятельности и составлять планы деятельности; - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; - умение использовать все возможные ресурсы для достижения поставленных целей - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению; осознание качества и уровня усвоения.
	Познавательные УУД: - владение навыками познавательной и учебно-исследовательской деятельности; - умение ориентироваться в различных источниках информации
	Коммуникативные УУД: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности; - умение учитывать позиции других участников деятельности

Организация пространства

Формы работы	Ресурсы
Фронтальная, парная, индивидуальная	Книгопечатная продукция: распечатки, содержащие теги Web-страниц; тетради; карточки-задания; карточки, содержащие справочную информацию об атрибутах тегов таблиц; карточки рефлексии
	Технические средства обучения: проектор, учительский компьютер с открытым доступом к Интернет-ресурсам, ученические компьютеры

Дидактические задачи этапов урока

№ п/п	Этапы урока	Дидактические задачи (цель этапа)
1.	Мотивация к учебной деятельности	Создание ситуации успеха
2.	Актуализация знаний и пробное учебное действие	Применение имеющихся знаний для решения конкретной задачи
3.	Выявление места и причины затруднения	Фиксация места и причины затруднения
4.	Построение проекта выхода из затруднения	Определение цели деятельности
5.	Реализация построенного проекта	Использование познавательной и учебно-исследовательской деятельности
6.	Первичное закрепление (с комментированием во внешней речи)	Анализ самостоятельно полученной новой информации
7.	Самостоятельная работа с самопроверкой по эталону	Самопроверка умения применять новые знания при решении конкретной практической задачи
8.	Включение в систему знаний и повторение	Повторение и закрепление новых знаний
9.	Рефлексия учебной деятельности на уроке	Соотнесение цели урока и его результатов, самооценка работы на уроке

Этапы урока	Формируемые умения	Деятельность учителя	Деятельность обучающихся
Мотивация к учебной деятельности	Предметные: - применение простейших тегов разметки Web-страницы и форматирования текстовой информации Личностные: - формирование навыков сотрудничества Регулятивные: - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению; Познавательные: - умение ориентироваться в различных источниках информации Коммуникативные: - умение учитывать позиции других участников деятельности	Включение в деловой ритм. На предыдущих уроках мы с вами учились грамотно размещать текстовую информацию в HTML-документах, т.е. форматировать текстовую информацию с помощью тегов форматирования. Давайте повторим теги, которые вы использовали на предыдущих уроках. Красным маркером выделите теги структуры HTML-документа. Зеленым маркером выделите теги форматирования заголовка, абзаца, перехода на новую строку. (Работа в парах – распечатка на каждую парту) Давайте сверим полученный вами результат с моим.	Повторяют знания, полученные на предыдущем уроках: - правила создания Web-страницы; - основные теги гипертекстового документа; - теги форматирования текста.
Актуализация знаний и пробное учебное действие	Предметные: - применение простейших тегов разметки Web-страницы и форматирования текстовой информации Личностные: - формирование навыков сотрудничества; Регулятивные: - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; - умение использовать все возможные ресурсы для достижения поставленных целей Познавательные: - умение ориентироваться в различных источниках информации Коммуникативные: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности; - умение учитывать позиции других участников деятельности	Создание проблоемной ситуации. Предлагает выполнить задание. Давайте рассмотрим два HTML-документа: проект «Устройства компьютера», выполненный учениками прошлого года, и страницу, содержащую список сотрудников. Что вы можете сказать о размещении информации на странице? 1)      2) Можно ли с помощью уже известных вам тегов так разместить информацию в документе? Впишите необходимые теги для второго примера «Список сотрудников»	Анализируют дизайн страниц, выделяют особенности форматирования, определяют отличия и сходства в дизайне двух страниц. Выделяют теги, необходимые для выполнения задания. Создают HTML-документ. На доске в открытом документе вписываются теги форматирования заголовка и абзаца
Выявление места и причины затруднения	Предметные: - применение тегов разметки Web-страницы и форматирования Личностные: - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; Познавательные: - умение ориентироваться в различных источниках информации Коммуникативные: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности	Полученный документ просматривается в браузере. Вопросы: Вы довольны полученным результатом? Совпадает он с предложенным образцом? Что вы не смогли сделать? Как вы думаете, что было использовано в предложенных вам документах? Если бы вы выполняли работу в текстовом процессоре Microsoft Word, какими бы инструментами вы пользовались?	Анализируют выполненную работу: не получилось выполнить выравнивание текстовой информации с помощью известных тегов форматирования. Делаются предположения о использовании тегов авторского форматирования, знаков табуляции, деления текста на колонки …
Построение проекта выхода из затруднения	Личностные - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению; Познавательные: - владение навыками познавательной и учебно-исследовательской деятельности; - умение ориентироваться в различных источниках информации Коммуникативные: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности	Организует деятельсноть учащихся по исследованию проблемной ситуации. На практике есть способ более простой и удобный. Сейчас, я добавлю один атрибут в теги документов, и вы увидите сами.              Что вы видите? Какова же цель вашей дальнейшей деятельности? Сформулируйте тему урока? Что вам может помочь в достижении цели?	Делают вывод: - для размещения текстовой и графической информации в HTML-документах можно использовать таблицы; Определяют цель урока: - для работы необходимо изучить табличные теги. Формулируют тему урока: «Работа с таблицами» Перечисляют источники информации, в которых рассказываются правила использования табличных тегов
Реализация построенного проекта	Предметные - понимать и распознавать теги таблиц при просмотре HTML-разметки гипертекстовых документов; Личностные - формирование основ саморазвития и самообразования; готовности и способности к самостоятельной деятельности; - формирование навыков сотрудничества Регулятивные: - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению Познавательные: - владение навыками познавательной и учебно-исследовательской деятельности; Коммуникативные: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности; - умение учитывать позиции других участников деятельности	Предлагает исследовать и проанализировать конретный пример. Посмотрите на таблицу «Список сотрудников». Сколько столбцов, строк и ячеек в этой таблице? Посмотрите на распечатки HTML-документа «Список сотрудников» и выпишите новые неизвестные вам теги. Попробуйте по их размещению определить назначение этих тегов:   P.S. не забудьте 1.  некоторые теги будут контейнерные 2. контейнерные теги могут быть вложенными	Анализируют представленный текст HTML-документа. Выписывают теги. Определяют вид тегов (контейнерные, одиночные) Делают предположения о назначении этих тегов.
Первичное закрепление (с комментированием во внешней речи)	Предметные: - понимать и распознавать теги таблиц при просмотре HTML-разметки гипертекстовых документов; Личностные: - формирование основ саморазвития и самообразования; готовности и способности к самостоятельной деятельности; - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; - умение использовать все возможные ресурсы для достижения поставленных целей Познавательные: - владение навыками познавательной и учебно-исследовательской деятельности; - умение ориентироваться в различных источниках информации Коммуникативные: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности	Давайте сверим ваши результаты работы со справочной информацией по тегам таблиц: <TABLE>…</TABLE> - описание таблицы <CAPTION>…</CAPTION> - заголовок таблицы <TH>…</TH> ячейка заголовка таблицы <TR>…</TR> - строка таблицы <TD>…</TD> - ячейка таблицы В какой последовательности нужно записывать теги? Таблица получилась неказистая, плохо читаемая. Что нужно добавить, чтобы улучшить внешний вид таблицы? Что, кроме служебных слов, определяющих сами теги,  мы можем использовать? Весь внешний «лоск» создается с помощью указания необходимых значений атрибутов. Например, добавив атрибут BORDER в записи тега <TABLE> мы можем нарисовать границы таблицы. <TABLE border=1>. Где мы можем найти информацию об атрибутах табличных тегов? Обратите внимание на карточку «Список атрибутов» знаками «+» обозначены допустимые атрибуты для каждого тега таблицы.	Формулируют основные правила построения таблиц, определяют порядок записи тегов: - с помощью тега <TABLE>…</TABLE> задается таблица. - внутри этих тегов идет построчное <TR>…</TR> описание всех ячеек таблицы. - ячейки делятся на ячейки заголовка и обычные. Вспоминают особенности записи тегов – атрибуты, указывающие на особенности использования тегов. Делают вывод о необходимости использования дополнительной справочной информации.
Самостоятельная работа с самопроверкой по эталону	Предметные: - применение стандартных табличных тегов и их атрибутов для создания простых таблиц; Личностные: - формирование основ саморазвития и самообразования; готовности и способности к самостоятельной деятельности; - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; - умение использовать все возможные ресурсы для достижения поставленных целей Познавательные: - умение ориентироваться в различных источниках информации Коммуникативные: - умение продуктивно общаться и взаимодействовать в процессе совместной деятельности	Предлагает приминть полученные знания на практике. Давайте вспомним народную мудрость: Скажи мне, и я забуду. Покажи мне, я смогу запомнить. Позволь мне это сделать самому, и это станет моим навсегда. Постараемся полученные вами знания закрепить на практике. Каждый из вас самостоятельно должен выполнить практическую работу по полученной инструкционной карте практической работы «Простые таблицы» и карте со справочной информацией.	Выполняют практическую работу за компьютерами. Для своей работы используют специальный текстовый редактор Notepad++. Используют основные приемы редактирования текстовых документов, работу с блоками, сохранение текстового документа в нужном формате (с расширением .html)
Включение в систему знаний и повторение	Личностные - формирование основ саморазвития и самообразования; готовности и способности к самостоятельной деятельности; - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению; осознание качества и уровня усвоения	Задает вопросы. -У кого возникли затруднения при выполнении задания? - В каком месте возникли затруднения? - Что вам необходимо сделать, чтобы в дальнейшем не возникало затруднений? - Где вы сможете применять новые знания? - Какие документы вы теперь сможете создавать?	Анализируют результат практической работы; анализируют возможности использования табличных тегов при создании Web-страниц
Рефлексия учебной деятельности на уроке	Личностные - формирование основ саморазвития и самообразования; - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению; осознание качества и уровня усвоения.	Организует рефлексию. Давайте подведем итог нашего урока. Заполните карточки	Анализируют свою работу на уроке, соотносят результат и цель урока.
Домашнее задание	Личностные - формирование основ саморазвития и самообразования; готовности и способности к самостоятельной деятельности; - формирование сознательного отношения к непрерывному образованию Регулятивные: - умение самостоятельно определять цели деятельности и составлять планы деятельности; - умение самостоятельно осуществлять, контролировать и корректировать свою деятельность; - умение использовать все возможные ресурсы для достижения поставленных целей - умение выделять и осознавать то, что уже усвоено и что еще подлежит усвоению; осознание качества и уровня усвоения. Познавательные: - владение навыками познавательной и учебно-исследовательской деятельности; - умение ориентироваться в различных источниках информации	Мир таблиц многолик. Таблицы бывают простой и сложной структуры, видимые и невидимые. На следующем уроке мы продолжим изучение табличной разметки. Для работы вам потребуются знания, полученные сегодня на уроке. Домашнее задание поможет вам закрепить новые знания. Задает домашннее задание: Обязательная часть: - создать Web-страницу, содержащую информацию об использованных на уроке тегах таблицы и их атрибутах. При создании страницы использовать табличную разметку. Дополнительно: - опорный конспект, содержащий полный перечень тегов таблицы и их атрибутов	Работают в простейшем текстовом редакторе. Применяют основные приемы редактирования и сохранения документа в заданном формате. Используют теги таблиц при создании Web-страницы.

Краткое описание документа:

Технологическая карта урока в 9 классе.

Раздел: Коммуникационные технологии.

Тема: Создание Web-сайта. Простые таблицы.

На изучение HTML тегов отводится 3 урока. 1 Урок - знакомство с тегами HTML-документа и тегами форматирования. 2 Урок - знакомство с табличными тегами. 3 Урок - работа с тегами гиперссылок.

Ученики при выполнении практической части используют текстовый редактор Блокнот ++.

В дальнейшем ученикам предлагается выполнить индивидуальный проект, состоящий из 3-4 страниц HTML-документа. Материал, размещаемый на этих страницах, может быть выбран учеником самостоятельно или предложен учителем.