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

WEB-дизайн

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

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

Гиперссылки и списки в HTML

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

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

План уроков 5 и 6:

Урок № 5
Гиперссылки и списки

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

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

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

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

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

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

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

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

1. Актуализация опорных знаний
• Какие теги форматирования документа вы знаете?
• Как установить цвет фона документа?
• Как поместить в качестве фона изображение?
• Как добавить картинку в документ?
• Как можно позиционировать картинку в документе?
• Как установить ее размер?
2. Изложение нового материала.
3. Использование гиперссылок.
• Команда (тег) А, с помощью которого можно вставить гиперссылку в HTML -документ.
• Атрибуты тега А.
• Виды списков.
• Как сделать список html.
• Атрибуты тегов списков.
4. Физкультминутка.
5. Примеры использования списков и гиперссылок.
6. Закрепление нового материала.
7. Итоги урока.
8. Домашнее задание. Выучить конспект, Глава 6, § 4.6

Урок № 6
Практическая работа № 3 «Добавление гиперсcылок и списков на Web-страницы»

Цели урока:

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

План урока

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

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

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