- Преподавателю
- Информатика
- Конспект урока на тему Основы языка гипертекстовой разметки HTML. Создание HTML-документа в редакторе Блокнот
Конспект урока на тему Основы языка гипертекстовой разметки HTML. Создание HTML-документа в редакторе Блокнот
Раздел | Информатика |
Класс | - |
Тип | Конспекты |
Автор | Александрова С.А. |
Дата | 26.09.2015 |
Формат | doc |
Изображения | Есть |
Основы языка гипертекстовой разметки HTML.
Создание HTML-документа в редакторе Блокнот
Цели урока:
-
формирование представлений о языке гипертекстовой разметки 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, подготовиться к практическому выполнению одного из заданий упражнения