«Весна — лето 2024»

Урок информатики на тему "HTML - программирование. Инструменты создания информационных объектов для Интернет. "

разработка урока по информатике первый вводный урок на тему "HTML - программирование. Инструменты создания информационных объектов для Интернет. "

Олимпиады: Информатика 1 - 11 классы

Содержимое разработки

План урока

Время: 03.03.2017

Предмет: информатика

Класс: 11 А

Учебная взаимосвязь:

английский язык, история

Ключевые понятия:

Основы языка HTML

Изучение нового материала

Оценка:

  • Наблюдение

  • Взаимооценивание

  • Рефлексия

Тема урока: HTML - программирование. Инструменты создания информационных объектов для Интернет.

Цель урока:

Получат представление об основных средствах языка HTML, научатся пользоваться языком HTML, научатся создавать Web страницы; сформировать представление учащихся о понятии «тэг». Ознакомить с типами тэгов. Ввести понятие «статическая Web-страница».

Развитие познавательного интереса;

Развитие способности к анализу и обобщению;

Развитие навыков по созданию Web-страниц;

Развитие информационной культуры

Воспитывать информационной культуры, культуру труда, умение работать в группе.

Критерии успешности

Знать о основах языка HTML;

Знать теги языка HTM;

Знать структуру документа HTML;

Уметь составлять коды в блокноте;

Уметь находить и исправлять ошибки допущенные в коде;

Уметь анализировать и находить оптимальные решения опираясь на информацию

Ресурсы:

ПК, учебное пособие, проектор, раздаточный материал, ватманы, фломастеры


Время


Вид работы


Учитель


Ученики

3-4 минут

1.Создание благоприятной атмосферы

Цель: актуализация знаний учащихся по данной теме

Приветствует учащихся. Приглашает их встать в круг.

Что такое интернет? Вы пользуетесь интернетом? Какими сервисами вы пользуетесь? Вы знаете, как работает интернет? В основном информация расположена где? Сайт? Вы знаете, как можно создать сайт?

Приветствуют учителя. Встают в круг. Отвечают на поставленные вопросы

1 минута

2. Деление на группы

Цель: создание группы для работы над кластером

Учитель раздает пазлы с номерами и дает возможность учащимся найти свою группу

Ученики разбирают пазлы с номерами и находят свои группы

5 минут

3. Составление кластера

Цель: зафиксировать промежуточные знания в виде кластера

Составьте пожалуйста кластер на тему интернет

Учитель координирует и консультирует учащихся

Учащиеся в группах составляют кластер по теме интернет обсужденной в группе

10 минут

4. Изучение нового материала

Цель: дать теоретические знания учащимся для создания сайта

Учитель объясняет новую тему, с показом презентации

HTML

HyperText Markup Language

язык разметки гипертекстов.

Первая версия HTML датируется 1989 годом. Автором идеи является Тимоти Джон Бернерс-Ли, который в 1990 году создал первый в мире сайт info.cern.ch и описал новые технологии WWW, основанной на протоколе передачи данных HTTP, на языке HTML.

Основным понятием в HTML является

тег или тэг (от английского слова tag) – специальное слово, заключенное в угловые скобки и задающие оформление документа и служебную информацию. Теги бывают чаще всего парные, а также встречаются одиночные.

  • --открывает документ

  • head-образуют заголовок документа

  • titletesttitle--что находится между ними то и будет отображаться в заголовке окна(64 симв)

  • bodybody --ограничивают тело HTML документа

  • html--закрывает документ

  • font color="green"--тег устанавливает зеленый цвет шрифта

  • body bgcolorlime"закрашивает фон сайта в светло-зеленый цвет

  • img src="image.jpg" --загружает графический файл на сайт, где форматами изображения чаще являются (gif, jpg, png)

  • hr --добавляет линию в HTML документ

  • br/--создает разрыв между строками

  • pp--тег устанавливает абзац текста

  • bb--тег выделяет текст полужирным

  • ii--тег выделяет текст курсивом

  • uu--тег выделяет текст подчеркнутым

  • h1h1--тег описывает заголовок первого уровня, за ним идут h2, h3 и так далее до h6, который является самым мелким заголовком


Учащиеся слушают учителя и задают вопросы по новой теме

2 минуты

5. Найдите соответствие

Цель: закрепить полученные знания по функциям тегов




Учащиеся выполняют задания и ответом является слово «8 марта»

3 минуты

6. Логическая цепочка.

Цель: закрепить полученные знания по структуре программы на языке HTML




Учащиеся выполняют задания и ответом является имя автора идеи языка HTML Бернерс Ли

15 минут

7.Практическая работа на ПК

Учитель консультирует.

Набрать код программы.

Изменить код программы и создать сайт с поздравлением женщин с наступающим праздником 8 марта

Учащиеся набирают код программы, затем исправляют код и создают свой код программы сайта на 8 марта

3 минуты

8. Дополнение к кластеру

Написать дополнение к кластеру

Учащиеся записывают дополнения к кластеру

1 минута

9. Подведение итога урока

Учитель консультирует по поводу выведения суммативного оценивания учащихся

Учащиеся заполняют критериальные листы с подсчетом набранных баллов



Получите свидетельство о публикации сразу после загрузки работы



Получите бесплатно свидетельство о публикации сразу после добавления разработки


Серия олимпиад «Весна — лето 2024»



Комплекты учителю



Качественные видеоуроки, тесты и практикумы для вашей удобной работы

Подробнее

Вебинары для учителей



Бесплатное участие и возможность получить свидетельство об участии в вебинаре.


Подробнее