Конспект урока по информатике на тему "Основы языка гипертекстовой разметки HTML. Создание HTML - документа в редакторе Блокнот"

Цели урока:

·формирование представлений о языке гипертекстовой разметки HTML;

·формирование умений создавать HTML-документы в редакторе Блокнот;

·развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

Методические рекомендации к уроку

1. Проверка знаний предыдущего урока (репродуктивный метод обучения, индивидуальная и фронтальная форма работы).

Выполнение индивидуальных заданий на компьютере: сохранить в виде веб-страницы предложенную учителем презентацию (упражнение к § 2 (п. 2. 2) пособия [1]; ЭСУ Web11‑4 [2]). Предложите учащимся перечислить последовательность действий при сохранения презентации PowerPoint в виде веб-документа и ответить на вопрос: Какие параметры веб-документа можно настроить?

2. Актуализация знаний и мотивация учащихся на изучение нового материала (фронтальная форма работы).

Мотивации учащихся способствует формулировка целей урока: познакомиться с основами языка гипертекстовой разметки и создать HTML-документ в редакторе Блокнот.

Для актуализации ранее изученного материала напомните возможности простейшего текстового редактора Блокнот и основные приемы работы. В каком формате сохраняется текстовый документ в редакторе Блокнот?

3. Объяснение нового материала (объяснительно-иллюстративный метод обучения, фронтальная форма работы).

Объяснение начните с обсуждения основных понятий языка гипертекстовой разметки. Введите понятие тега. Подчеркните, что веб-страница представляет собой текстовый документ, в котором расставлены теги ‑ метки языка HTML. Они интерпретируются браузером: например, указывают ему, как должно отображаться содержание страницы на экране. Сравните действие открывающих и закрывающих, парных и непарных тегов.

Далее отметьте, что HTML‑ документ можно создавать в простейших текстовых редакторах, например, редакторе Блокнот, а затем сохранять в файле с расширением . htm или . html. Разметка HTML‑документа состоит в расстановке тегов ‑ меток языка HTML.

Рассмотрите структуру простейшей веб-страницы (рис. 1. 14 пособия[1] или ЭСУ Web11‑5 [2]). Выясните роль парных тегов.

C помощью видеопроектора продемонстрируйте действие некоторых тегов структуры, например:

4. Закрепление нового материала (частично-поисковый метод обучения, индивидуальная форма работы).

Предложите учащимся занять места за компьютерами и выполнить задания примеров 1 и 2 из § 3 (п. 3. 1); ЭСУ Web11‑5 [2]. Контролируйте самостоятельную работу каждого ученика, просматривая результаты на каждом этапе в браузере. При затруднениях оказывайте необходимую помощь.

При наличии времени подготовленным учащимся дополнительно предложите выполнить пример 3 из п. 3. 1, а также разместить на главной странице бегущую строку.

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

Учащиеся демонстрируют созданные страницы. Обсуждаются этапы работы и затруднения учащихся. Кратко формулируются основные понятия гипертекстовой разметки, поясняются использованные теги.

6. Домашнее задание

Изучить материал § 3 (п. 3. 1) учебного пособия [1], ответить на вопросы 1‑4, подготовиться к практическому выполнению одного из заданий упражнения
(на выбор учащегося).

Полную информацию смотрите в файле. 

Цели урока:

• формирование представлений о языке гипертекстовой разметки HTML;

• формирование умений создавать HTML-документы в редакторе Блокнот;

• развитие логического мышления, умений анализировать, сравнивать, систематизировать, обобщать.

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

Учащиеся должны знать: понятия тег, атрибуты тега.

Учащиеся должны уметь: создавать HTML-документы в редакторе Блокнот.

Программное и методическое обеспечение урока: редактор Блокнот; учебное пособие «Информатика 11», § 3 (п.3.1) [1]; ЭСУ Web11‑5 [2].

1. Проверка знаний предыдущего урока (репродуктивный метод обучения, индивидуальная и фронтальная форма работы).

Выполнение индивидуальных заданий на компьютере: сохранить в виде веб-страницы предложенную учителем презентацию (упражнение к § 2 (п.2.2) пособия [1]; ЭСУ Web11‑4 [2]). Предложите учащимся перечислить последовательность действий при сохранения презентации PowerPoint в виде веб-документа и ответить на вопрос: Какие параметры веб-документа можно настроить?

2. Актуализация знаний и мотивация учащихся на изучение нового материала (фронтальная форма работы).

Мотивации учащихся способствует формулировка целей урока: познакомиться с основами языка гипертекстовой разметки и создать HTML-документ в редакторе Блокнот.

Для актуализации ранее изученного материала напомните возможности простейшего текстового редактора Блокнот и основные приемы работы. В каком формате сохраняется текстовый документ в редакторе Блокнот?

3. Объяснение нового материала (объяснительно-иллюстративный метод обучения, фронтальная форма работы).

Объяснение начните с обсуждения основных понятий языка гипертекстовой разметки. Введите понятие тега. Подчеркните, что веб-страница представляет собой текстовый документ, в котором расставлены теги ‑ метки языка HTML. Они интерпретируются браузером: например, указывают ему, как должно отображаться содержание страницы на экране. Сравните действие открывающих и закрывающих, парных и непарных тегов.

Далее отметьте, что HTML‑ документ можно создавать в простейших текстовых редакторах, например, редакторе Блокнот, а затем сохранять в файле с расширением .htm или .html. Разметка HTML‑документа состоит в расстановке тегов ‑ меток языка HTML.

Рассмотрите структуру простейшей веб-страницы (рис. 1.14 пособия[1] или ЭСУ Web11‑5 [2]). Выясните роль парных тегов html … html, … , body … body.

C помощью видеопроектора продемонстрируйте действие некоторых тегов структуры, например: p, br; оформления, например: b, i (ЭСУ Web11‑5 [2]). Введите понятие атрибутов тега. Приведите примеры атрибутов и продемонстрируйте их действие. Например, изменяйте цвет фона веб-страницы, задавая значения атрибута bgcolor (red, green, blue).

4. Закрепление нового материала (частично-поисковый метод обучения, индивидуальная форма работы).

Предложите учащимся занять места за компьютерами и выполнить задания примеров 1 и 2 из § 3 (п.3.1); ЭСУ Web11‑5 [2]. Контролируйте самостоятельную работу каждого ученика, просматривая результаты на каждом этапе в браузере. При затруднениях оказывайте необходимую помощь.

При наличии времени подготовленным учащимся дополнительно предложите выполнить пример 3 из п.3.1, а также разместить на главной странице бегущую строку.

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

Учащиеся демонстрируют созданные страницы. Обсуждаются этапы работы и затруднения учащихся. Кратко формулируются основные понятия гипертекстовой разметки, поясняются использованные теги.

6. Домашнее задание

Изучить материал § 3 (п. 3.1) учебного пособия [1], ответить на вопросы 1‑4, подготовиться к практическому выполнению одного из заданий упражнения
(на выбор учащегося).