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

WEB-дизайн

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

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

Создание таблиц в HTML

Эти два урока посвящены изучению таблиц в HTML. Подробно рассматривается создание таблиц в HTML, их оформление, приводится много примеров.

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

План уроков 7 и 8:

Урок № 7
Добавление таблиц в Web-документ

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

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

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

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

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

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

• Охарактеризовать принципы построения таблиц, используемые в WEB-дизайне.
• Добавлять таблицы в WEB-документы;

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

1. Актуализация опорных знаний
• Как можно позиционировать картинку в документе?
• Как установить ее размер?
• Как установить положение текста на странице?
• Какие атрибуты позволяют сделать это?
2. Изложение нового материала.
3. Использование таблиц.
4. Теги для добавления таблицы в WEB -документ.
5. Атрибуты тегов.
6. Физкультминутка.
7. Примеры использования списков и гиперссылок.
8. Закрепление нового материала.
9. Итоги урока.

Домашнее задание. Выучить конспект, Глава 6, § 4.6

 

Урок № 8
Тема: Практическая работа № 4 «Добавление таблиц на Web-страницы»

Цели урока:

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

План урока

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

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

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