Форматирование текста в HTML

Мультимедийные уроки информатики по теме:

WEB-дизайн


  1. Язык разметки гипертекста HTML
  2. Каскадные таблицы стилей CSS

Справочник тегов HTML Скачать (370 Кб)
Безопасные цвета в HTML Скачать (16 Кб)
Электронный учебник по HTML Сидорова Скачать (610  Кб)

HTML. Первые шаги

HTML. Первые шаги

Этот урок-презентация знакомит с базовыми понятиями использования языка разметки гипертекста - здесь Вы найдете принцип построения HTML-документа, теги форматирования текста в HTML. Также Вашему вниманию предлагается порядок действий при создании HTML-документа с помощью Блокнота.
В состав урока входит презентация, план урока и практическая работа.
Скачать (670 Кб)

План уроков 1 и 2:

Урок № 1
Введение в HTML. Форматирование текста в HTML


Цели и задачи урока:

  • Сформулировать основные принципы создания WEB -страниц; познакомить учеников с основными командами оформления текста; продемонстрировать использование этих команд на конкретных примерах оформления WEB -страниц; формировать навыки и умения создания простейших WEB -страниц.
  • Развивать логику, умение анализировать, сравнивать, делать выводы, высказывать свою мысль.
  • Воспитывать аккуратность, внимательность, вежливость и дисциплинированность, бережное отношение к своему здоровью.

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

Оборудование: мультимедийная система, слайды, учебник.

Ожидаемые результаты:

В конце урока ученики смогут:

  • Дать определение таким понятиям:
    • Гипертекст;
    • WEB -страница, WEB -сайт; WEB -дизайн;
    • Язык разметки гипертекста HTML ;
  • Использовать команды языка HTML для форматирования текста;

Ориентировочный план урока

  • Актуализация опорных знаний
  • Как вы можете определить понятие «Интернет»?
  • Что такое служба WWW ?
  • Как называются документы, которые мы можем просматривать в программе-браузере?
  • Изложение нового материала.
  • Систематизация понятий
    • Гипертекст;
    • WEB -страница, WEB -сайт; WEB -дизайн;
    • Язык разметки гипертекста HTML ;
  • Команды (теги), определяющие структуру WEB -документа.
  • Команды (теги) форматирования текста.
  • Физкультминутка.
  • Примеры использования тегов форматирования.
  • Закрепление нового материала.
  • Итоги урока.
  • Домашнее задание. Выучить конспект, Глава 6, § 4.6

 

Урок № 2
Тема: Практическая работа № 1 «Создание Web-страницы»

Цели урока:

  • Учить и научить каждого ребенка создавать простейшие Web-страницы в текстовом редакторе Блокнот.
  • Формировать навыки и умения работы с тегами языка HTML.
  • Учить строить аналогии, выделять главное, ставить и решать проблемы.
  • Воспитывать аккуратность, внимательность, вежливость и дисциплинированность.

План урока

  • Техника безопасности при работе с компьютером.
  • Разъяснение хода практической работы.
  • Практическая работа № 1 «Создание Web-страницы»
  • Оценивание выполнения работы.
  • Итоги урока.
  • Домашнее задание. Выучить конспект, глава 6, § 4.6

P.S

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


Авторские уроки Марины Макаровой

К уроку информатики



Об авторе: Макарова Марина Евгеньевна, руководитель проекта
УРОКИ ИНФОРМАТИКИ. https://uchinfo.com.ua

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




Добавить в закладки

Поиск на сайте





Яндекс.Метрика