Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Конспект урока на тему "Основы языка гипертекстовой разметки HTML. Создание HTML-документа в редакторе Блокнот"

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

Международный конкурс по математике «Поверь в себя»

для учеников 1-11 классов и дошкольников с ЛЮБЫМ уровнем знаний

Задания конкурса по математике «Поверь в себя» разработаны таким образом, чтобы каждый ученик вне зависимости от уровня подготовки смог проявить себя.

К ОПЛАТЕ ЗА ОДНОГО УЧЕНИКА: ВСЕГО 28 РУБ.

Конкурс проходит полностью дистанционно. Это значит, что ребенок сам решает задания, сидя за своим домашним компьютером (по желанию учителя дети могут решать задания и организованно в компьютерном классе).

Подробнее о конкурсе - https://urokimatematiki.ru/


Идёт приём заявок на самые массовые международные олимпиады проекта "Инфоурок"

Для учителей мы подготовили самые привлекательные условия в русскоязычном интернете:

1. Бесплатные наградные документы с указанием данных образовательной Лицензии и Свидeтельства СМИ;
2. Призовой фонд 1.500.000 рублей для самых активных учителей;
3. До 100 рублей за одного ученика остаётся у учителя (при орг.взносе 150 рублей);
4. Бесплатные путёвки в Турцию (на двоих, всё включено) - розыгрыш среди активных учителей;
5. Бесплатная подписка на месяц на видеоуроки от "Инфоурок" - активным учителям;
6. Благодарность учителю будет выслана на адрес руководителя школы.

Подайте заявку на олимпиаду сейчас - https://infourok.ru/konkurs

  • Информатика

Поделитесь материалом с коллегами:

Основы языка гипертекстовой разметки 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]. Контролируйте самостоятельную работу каждого ученика, просматривая результаты на каждом этапе в браузере. При затруднениях оказывайте необходимую помощь.

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

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

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

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

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

Самые низкие цены на курсы профессиональной переподготовки и повышения квалификации!

Предлагаем учителям воспользоваться 50% скидкой при обучении по программам профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок".

Начало обучения ближайших групп: 18 января и 25 января. Оплата возможна в беспроцентную рассрочку (20% в начале обучения и 80% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru/kursy



Автор
Дата добавления 23.10.2015
Раздел Информатика
Подраздел Конспекты
Просмотров238
Номер материала ДВ-089090
Получить свидетельство о публикации

УЖЕ ЧЕРЕЗ 10 МИНУТ ВЫ МОЖЕТЕ ПОЛУЧИТЬ ДИПЛОМ

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

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

Список всех тестов можно посмотреть тут - https://infourok.ru/tests


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