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

WEB-дизайн

1. Язык разметки гипертекста HTML
• Форматирование текста в HTML
• Вставка картинки в HTML
• Гиперссылки в HTML. Как сделать список в HTML
• Создание таблиц в HTML
• Фреймы в HTML
2. Каскадные таблицы стилей CSS
• Введение в CSS
• CSS. Правила и селекторы
• CSS. Отступы, рамки и поля

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

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 целесообразно разместить на ученических компьютерах справочные материалы: таблицу безопасных цветов и обучалку с основными тегами.

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

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