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

WEB-дизайн

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

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

Фреймы в HTML

Хотя использование фреймов уже не столь популярно у WEB-диайнеров, но в Интернете довольно часто попадаются сайты, которые созданы на основе фреймов. Эти два урока как раз и посвящены знакомству с фреймами в HTML. Лекция в виде презентации расскажет Вам о тегах и атрибутах для создания фреймов, есть задание для практической работы, план урока и пример их использования.

Скачать (495 Кб)

План уроков 9 и 10:

Урок № 9
Тема урока: «Использование фреймов»

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

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

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

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

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

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

• Рассказать о назначении фреймов в WEB-дизайне.
• Использовать теги для создания фреймов, объяснить назначение атрибутов этих тегов;

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

1. Актуализация опорных знаний
• Как можно позиционировать объекты на WEB -странице?
• Что такое «Табличный дизайн»?
• Как создать гиперссылку?
• Что такое «Меню сайта»?
2. Изложение нового материала.
• Назначение фреймов.
• Теги для создания WEB -документа с использованием фреймов.
• Атрибуты тегов.
3. Физкультминутка.
4. Примеры использования страниц с фреймами.
5. Закрепление нового материала.
6. Итоги урока.
7. Домашнее задание. Выучить конспект, Глава 6, § 4.6

 

Урок № 10
Тема урока:
Практическая работа № 5 «Использование фреймов»

Цели урока:

1. Познавательная
• Учить и научить каждого ребенка создавать Web-страницы с использованием фреймов.
• Формировать навыки и умения работы с тегами языка HTML.
2. Развивающая
• Учить строить аналогии, выделять главное, ставить и решать проблемы.
3. Воспитательная
• Воспитывать аккуратность, внимательность, вежливость и дисциплинированность.

План урока

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

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

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