777031
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 5 480 руб.;
- курсы повышения квалификации от 1 400 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 60%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до 28 февраля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

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

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


Напоминаем, что в соответствии с профстандартом педагога (утверждён Приказом Минтруда России), если у Вас нет соответствующего преподаваемому предмету образования, то Вам необходимо пройти профессиональную переподготовку по профилю педагогической деятельности. Сделать это Вы можете дистанционно на сайте проекта "Инфоурок" и получить диплом с присвоением квалификации уже через 2 месяца!

Только сейчас действует СКИДКА 50% для всех педагогов на все 184 курса профессиональной переподготовки! Доступна рассрочка с первым взносом всего 10%, при этом цена курса не увеличивается из-за использования рассрочки!

ВЫБРАТЬ КУРС И ПОДАТЬ ЗАЯВКУ
библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

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

Общая информация

Номер материала: ДВ-089090



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

Специально для учителей, воспитателей и других работников системы образования действуют 60% скидки (только до конца зимы) при обучении на курсах профессиональной переподготовки (124 курса на выбор).

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

Подайте заявку на интересующий Вас курс сейчас: KURSY.ORG

Только до конца зимы! Скидка 60% для педагогов на ДИПЛОМЫ от Столичного учебного центра!

Курсы профессиональной переподготовки и повышения квалификации от 1 400 руб.
Для выбора курса воспользуйтесь удобным поиском на сайте KURSY.ORG


Вы получите официальный Диплом или Удостоверение установленного образца в соответствии с требованиями государства (образовательная Лицензия № 038767 выдана ООО "Столичный учебный центр" Департаментом образования города МОСКВЫ).

Московские документы для аттестации: KURSY.ORG


Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс «1С: Предприятие 7.7»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

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

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

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

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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