урок

Пак И.М., школа №145 Яшнабадского района г.Ташкента
1
РОМО ОДУНО Яшнабадского района
2 тур конкурса «Самый лучший учитель информатики»
Разработка урока информатики для 9 класса
Тема:
Гарри Поттер и HTML
(Понятие HTML)
одна группа ( 15- 20 учащихся)
Подготовила:
Пак Ирина Михайловна, учитель информатики школы № 145
Дата проведения: 16.03.2017
Место проведения: СОШ № 204
г.Ташкента
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
2
Разработка урока информатики в 9 классе.
Тема: Гарри Поттер и HTML. ( Понятие HTML)
Цели:
Изучение основ языка разметки гипертекста HTML и использование
его при Web-конструировании.
Задачи:
Образовательная:
 знать назначение языка разметки гипертекста HTML, основных тегов
и их атрибутов;
 уметь создавать Web-страницу.
Развивающая:
 способствовать развитию информационной культуры;
 развивать эмоциональную сферу, формировать положительные
эмоции к процессу обучения.
Воспитательная:
 воспитывать уважение и умение сотрудничать с окружающими
людьми, трудолюбие и добросовестность,
 интерес к занятиям информатикой как возможной области будущей
практической деятельности.
Тип урока:
Оборудование:
Оснащение:
Урок усвоения новых знаний.
1. Персональные компьютеры.
2. Мультимедийный проектор, колонки
1. Презентация Power Point
2. Раздаточный материал для обучающихся (описание
факультетов)
3. Распределительная шляпа.
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
3
4. Жетоны для распределения
5. Наградной материал (билеты в Хогвартс или Карта
Мародеров).
Программное
1. ОС Windows,
обеспечение:
2. Браузер
Форма
Игра - соревнование четырех команд.
проведения:
Структура урока:
1. Организационный момент.
2. Этап подготовки обучающихся к активному сознательному усвоению
знаний.
3. Этап усвоения новых знаний Закрепление материала.
4. Этап закрепления знаний.
5. Итог урока.
6. Домашнее .задание.
Ход урока:
1.Организационный момент
При входе ученики вынимают из Распределительной шляпы эмблемы
факультетов Хогвартса и таким образом делятся на 4 группы.
Учащиеся рассаживаются за столы с эмблемами четырех факультетов Хогвартса.
Приветствие, проверка отсутствующих и готовность к уроку, объявление темы и
цели урока).
Учитель: Здравствуйте, ребята! Сегодня мы побываем на уроке трансфигурации в
школе Чародейства и волшебства Хогвартс! Тема нашего урока связана с
Интернетом и называется Гарри Поттер и HTML. (Понятие HTML).
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
4
(Демонстрация презентации, 1-3 слайд).
2.Этап подготовки обучающихся к активному сознательному усвоению
знаний.
Учитель: Пока я готовилась к этому уроку, то пришлось побывать в омуте памяти
и вспомнить, какой была жизнь без интернета и как она изменилась с его
появлением. (демонстрация ролика про Интернет 4 слайд).
Мы живём в современном информационном мире, в котором Интернет – это мир
общения, познания, увлечения.
Всемирная паутина, или WWW (World Wide Web), представляет собой
глобальное информационное пространство. В WWW каждый может разместить
собственный Web-узел, содержащий информацию по любой теме.
Физической основой Всемирной паутины является Интернет (от англ. Internet) всемирная система объединённых компьютерных сетей.
Web-узел, или Web-сайт (англ. web — паутина и site — место) — это
совокупность Web-страниц. Каждая Web-страница представляет собой текстовый
файл, в котором текст размечен на языке HTML (или XHTML).
Web-обозрева́тель, обозрева́тель, бра́узер— программное обеспечение для
просмотра Web-сайтов, то есть для запроса Web-страниц
Таким образом, если Служба WWW Интернета зависит, в основном, от Webсайтов и Web-страниц. то стоит вопрос «Как создаются Web-страницы?».
Web-страницы создаются специальными программами. Например, с помощью
редакторов как Microsoft FrontPage, Macromedia Home Site, Adobe Dream Weaver,
серверных скриптов (языки сценариев) как PHP, ASP, JavaScript, а также с
помощью HTML, XML. (Слайды 5-7)
3. Этап усвоения новых знаний.
Учитель: запишем в тетрадях:
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
5
HTML (HyperText Markup Language – язык разметки гипертекста), является
языком создания Web-страниц. Его нельзя считать языком программирования.
(Слайд 8)
Язык HTML позволяет

форматировать текст (под форматированием текста чаще всего понимают
оформление текста с помощью шрифтов, цвета и др. признаков текста,
изменяющих его вид, но не смысл);

различать в нём функциональные элементы (кнопки, таблицы и др.);

создавать ссылки на другие ресурсы Интернет (гиперссылки);

вставлять различные внешние объекты в отображаемую страницу
(изображения, звукозаписи и др.).

добавлять в страницу программные коды, написанные на языках
программирования (например, на языке JavaScript).
HTML является описательным языком разметки документов, в нем используются
указатели разметки (теги). Теговая модель описывает документ как
совокупность контейнеров, каждый из которых начинается и заканчивается
тегами.
(Слайды 9-10)
3.1. Понятие тега.
Контейнерная модель html-документа
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
6
Теги HTML-документов образованы с помощью слов английского языка, понятных
сокращений и обозначений.
Тег состоит из имени, которое обозначает элемент страницы. За ним может
следовать необязательный список атрибутов тега.
Теги заключаются в угловые скобки <> и могут быть одиночными или парными.
Парные теги содержат открывающий и закрывающий теги (контейнер).
Например, код Web-страницы помещается внутрь контейнера
<HTML>… </HTML>
Или непарный тег, служащий для переноса строки <BR>.
Теги могут записываться как прописными, так и строчными буквами
HTML-документ — это один большой контейнер, который начинается с
тега <HTML> и заканчивается тегом </HTML>:
В заголовке с помощью тега TITLE можно именовать окна браузера:
(Слайды 11-13)
3.2. Структура Web- Страницы
Контейнер HTML состоит из двух других вложенных контейнеров: заголовка
документа (HEAD) и тела документа (BODY):
<HTML>
<HEAD>
<TITLE>
Название Web-страницы
</TITLE>
</HEAD>
<BODY
На этой странице можно разместить любую интересную информацию
</ BODY>
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
7
</HTML>
</BODY>
</HTML> (Слайды 14-16)
3.3. Создание Web-страницы.
Учитель: Теперь мы можем создать свою web страничку. Что для этого надо? Что
понадобится нам для обучения?
• Браузер и Блокнот (или аналогичный простой редактор)
• Теги, составляющие структуру Web-страницы
• Непарный тег <br>
вот всё, что вам необходимо для работы. (Слайд 17)
3.4. Постановка задачи:
Создать Web- страницу с описанием факультета
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
8
Учитель: Сейчас вы создадите свою Web страницу по алгоритму:
1. Создать личную папку факультета.
2. Создать в блокноте шаблон HTML-документа, набрав HTML-код страницы.
3. Сохранить файл под именем Название факультета.txt в личной папке.
4. Открыть файл Шаблон.txt и внести необходимую информацию, используя
теги.
(Слайды 18-23)
А теперь – трансфигурация! С помощью магических действий мы превратим
текстовый документ в Web страницу!
Запоминайте!
Файл → Сохранить как…→Все файлы→расширение *.html!
Повторим все вместе!
Файл → Сохранить как…→Все файлы→расширение *.html!
5. Сохранить файл под именем Факультет (название).html в личной папке.
Для редактирования файла Факультет.html необходимо открыть его в Блокноте.
(Демонстрация презентации, слайды 24-27).
4. Этап закрепления знаний.
4.1. Индивидуальная работа на компьютере:
Практическая работа:
1. Создание Web-страницы с использованием языка разметки гипертекста
HTML.
5.Подведение итогов:
5.1. Оценивание.
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
9
Учитель: ваша сегодняшняя работа – репетиция экзамена на СОВ
(СуперОтменное Волшебство). И оценки такие же, как в Хогвартсе.


Проходные оценки

П — Превосходно

В — Выше Ожидаемого

У — Удовлетворительно
Непроходные оценки

С — Слабо

О — Отвратительно

Т — Тролль
Лучшая группа награждается билетом на Хогвартс – экспресс в нашу школу
чародейства и волшебства
Учитель демонстрирует лучшие работы, обращает внимание на ошибки, сообщает
оценки за работу на ПК.
Победившая группа получает билеты в Хогвартс (или Карту мародеров).
5.2. Индивидуальное выполнение теста и взаимопроверка с последующим
оглашением учителем правильных ответов.
1. Выполнение теста по теме «Основы языка разметки гипертекста».
2. Подведение итогов и саморефлексия: учащиеся отвечают на вопросы:
 Я вспомнил, что…
 Я узнал…
 Я понял…
 Особенно понравилось…
 Вызвало затруднение…
Разработка открытого урока на конкурс "Учитель года 2017"
Пак И.М., школа №145 Яшнабадского района г.Ташкента
и выставляют сами себе оценки за выполнение теста и кладут оценку в
конверт. Оценок два вида (Like и Dislike).
6. Этап информации о домашнем задании.
Творческое задание - создать Web - страницу с помощью HTML-языка на
свободную тему.
Спасибо за урок!
Я думаю, шалость удалась!
До свидания, ребята.
Разработка открытого урока на конкурс "Учитель года 2017"
10