Методическая разработка урока по теме "Язык HTML"

Министерство науки и высшего образования РФ

БФУ им.И.Канта

Институт образования

Конспект урока информатики 9 класс

По теме: «Язык HTML. Знакомство с языком HTML. Разработка сайта»

Выполнила студентка 3 курса

44.03.05 Педагогическое образование

с двумя профилями подготовки:

«Математика и информатика»:

Бобровникова Анастасия Дмитриевна

Калининград,

2020 год

Урок №1

Тема урока: «Язык HTML. Знакомство с языком HTML. Разработка сайта»

Тип урока: Урок изучения нового материала.

Цель: Обучающиеся познакомятся с языком HTML, научаться создавать сайты с помощью языка HTML.

Базовый учебник: К.Ю. Поляков, Е.А. Еремин «Информатика 9 класс» издательство «БИНОМ. Лаборатория знаний» - 2017 г. (Рабочая тетрадь и практические работы поэтому же учебнику)

Методы: проблемная ситуация, самостоятельный поиск информации, наглядные методы (образцы, таблицы), упражнения, рефлексия.

Педагогические технологии: Информационно-коммуникационные технологии.

Формы работы учащихся: фронтальная, групповая.

Организация деятельности учащихся на уроке:

1. Самостоятельно определяют цели урока;

2. Групповая работа с учебником;

3. Устная работа;

4. Групповая работа с изученным материалом (создание сайта);

5. Оценивают себя и друг друга;

6. Рефлексируют;

Задачи:

1. Обучающие

• Формирование у учащихся представления о языке HTML;

• Знакомство с новыми понятиями (тэги, атрибуты и т.д.);

• Расширение понятия о сайтах (создание и редактирование сайта);

• Формирование умения применять на практике язык HTML;

• Формирование эмоционально-волевой направленности на практическую работу;

2. Коррекционно-развивающие:

• Развитие познавательного интереса через постановку проблемной задачи;

• Развитие навыков работы с компьютером (в частности с программами Блокнот и Notepad++);

• Развитие способности оценки и самооценки (путем оценивания работ одноклассников и саморефлексии);

3.Воспитательные (формулируются из форм или содержания)

• воспитание интереса к разработке сайтов;

• воспитание умения работать в группах;

Оборудование: компьютер, интерактивная доска (или проектор), программное обеспечение Windows 7 + программа Notepad++).

Ход урока

Урок№2

Тема урока: «Язык HTML. Знакомство с языком HTML. Разработка сайта»

Тип урока: урок совершенствования знаний, умений и навыков.

Цель: Обучающиеся применят знания языка HTML, тэгов и атрибутов на практике, научаться самостоятельно создавать сайты с помощью языка HTML.

Базовый учебник: К.Ю. Поляков, Е.А. Еремин «Информатика 9 класс» издательство «БИНОМ. Лаборатория знаний» - 2017 г. (Рабочая тетрадь и практические работы поэтому же учебнику)

Методы: наглядные методы (образцы, таблицы), практическая работа, тестирование, рефлексия.

Формы работы учащихся: фронтальная, самостоятельная.

Педагогические технологии: Информационно-коммуникационные технологии, тестовые технологии.

Организация деятельности учащихся на уроке:

1. Самостоятельно определяют цели урока;

2. Устная работа;

3. Индивидуальная работа с изученным материалом (создание сайта);

4. Выполняют проверочную работу (тестирование)

5. Рефлексируют;

Задачи:

1. Обучающие

• Формирование навыков использование тэгов и атрибутов для создания сайтов;

• Формирование умения применять на практике язык HTML;

• Формирование эмоционально-волевой направленности на практическую работу;

2. Коррекционно-развивающие:

• Развитие познавательного интереса через постановку близкой практической задачи (создание сайта достопримечательности родного региона);

• Развитие навыков работы с компьютером (в частности с программами Блокнот и Notepad++);

• Развитие способности самооценки (путем саморефлексии);

3.Воспитательные (формулируются из форм или содержания)

• воспитание интереса к разработке сайтов;

• воспитание интереса к природе родного региона;

Оборудование: компьютер, интерактивная доска (или проектор), программное обеспечение Windows 7 + программа Notepad++), сайт «Мастер-тест» (или браузер Microsoft Edge, Internet Explorer).

Ход урока

Приложения

Приложение 1

Задание №1: Работа с материалом

Изучите материал из предоставленных источников (Электронный учебник, учебник, рекомендованный сайт), заполните пробелы и таблицу.

1. Веб-сайт – это________________________________________

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

1. Язык HTML – это____________________________

______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

1. Тэги – это

_______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

1. Атрибуты – это

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Начинаем работу с сайтом

Чтобы начать редактировать сайт необходимо ________________________________________________________________________________________________________________________________________________

Обязательные тэги:

______________________________________________________________________________________________________________________________________________________________________________________________________

Задание №2: создание сайта по шаблону

1) Название страницы – класс и буква.

2) Разместить заголовок страницы.

3) Разместить краткую информацию о классе.

4) Создать список класса.

5) Разместить фотографии.

6) Разместить ссылку на сайт школы.

Саморефлексия

Назовите три момента, которые у вас получились хорошо в процессе урока, и предложите одно действие, которое улучшит вашу работу на следующем уроке:

1. _________________________________________________________________________________________________________________________________

2. _________________________________________________________________________________________________________________________________

3. _________________________________________________________________________________________________________________________________

4. _________________________________________________________________________________________________________________________________

Домашняя работа

Рабочая тетрадь, §7, задание 12.

Дополнительное задание: рабочая тетрадь §7, задание №8,10, 11.

1. Возьмите неразлинованный лист бумаги, расположите его альбомно, то есть горизонтально.

2. Возьмите несколько цветных карандашей, фломастеров, минимум три-четыре цвета. Использование цветов позволяет разделить информацию на блоки или ранжировать по важности.

3.  Напишите крупно и объемно в самом центре основную тему. Желательно использовать крупные буквы, а также изобразить схематично или рисунком главную идею карты.

4. От центра сделайте несколько ветвей, каждую из них обозначите ключевым словом. Ветви, расположенные вокруг центральной темы будут наиболее крупные, затем по мере ветвления, ветви будут уменьшаться.

5. Продолжайте ветвление крупных идей на более мелкие, пока это Вам необходимо. Каждое понятие имеет ассоциативные связи с другими понятиями.

Приложение 2

Язык HTML. Знакомство с языком HTML. Разработка сайта

Алгоритм разработки сайта:

1. Создать текстовый документ и поменять его формат на .html

2. Открыть файл с помощью Блокнота или программы Notepad++

3. Начинаем создавать сайт с обязательных тэгов, затем добавлять необходимые по заданию.

4. Открываем файл в браузере и смотрим, как отображаются необходимые элементы

5. Редактируем сайт

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

Образец

__________________________

_____________________

___________

head_____________________