Язык гиперразметки HTML. Создание фреймов

Разработка урока для студентов 2 курса: "Язык гиперразметки HTML. Создание фреймов"

Цели урока:

1. Ознакомить студентов с основами языка HTML.

2. Научить студентов создавать фреймы на веб-страницах.

3. Развить навыки работы с HTML-кодом.

Оборудование:

• Компьютеры с доступом в интернет.

• Программное обеспечение для редактирования кода (например, Notepad++, Visual Studio Code).

• Проектор для демонстрации материалов.

Ход урока:

I. Введение (10 минут)

1. Организационный момент:

   • Приветствие, проверка посещаемости.

   • Объяснение структуры занятия.

2. Актуализация знаний:

   • Краткое обсуждение, что такое HTML и для чего он используется.

   • Вопросы к студентам:

     • Что такое теги в HTML?

     • Какие основные теги Вы знаете?

II. Изучение нового материала (20 минут)

1. Теоретическая часть:

   • Объяснение понятия фреймов:

     • Что такое фреймы и зачем они нужны.

     • Основные теги для создания фреймов: , , .

   • Пример кода для создания фреймов:

   • HTML, XML

Копировать

• Обсуждение особенностей работы с фреймами и их ограничений.

1. Демонстрация:

   • Показать на экране пример веб-страницы с фреймами.

   • Обсудить, как фреймы могут улучшить навигацию на сайте.

III. Практическая работа (30 минут)

1. Задание:

   • Студенты должны создать простую веб-страницу с использованием фреймов.

   • Структура задания:

     • Создать файл index.html, который будет содержать два фрейма.

     • В одном фрейме отобразить страницу с текстом "Фрейм 1", в другом — "Фрейм 2".

     • Использовать разные цвета для фреймов.

2. Процесс работы:

   • Студенты работают индивидуально или в парах.

   • Преподаватель проходит по классу, помогает и отвечает на вопросы.

   • Студенты должны протестировать свою работу в браузере.

IV. Заключение (10 минут)

1. Обсуждение результатов:

   • Студенты представляют свои работы.

   • Обсуждение трудностей, с которыми они столкнулись, и решений.

2. Рефлексия:

   • Вопросы для обсуждения:

     • Что нового Вы узнали на уроке?

     • Как Вы можете применить фреймы в своих проектах?

3. Домашнее задание:

   • Создать веб-страницу с использованием фреймов, в которой будет три фрейма, каждый из которых будет загружать разные страницы.

ФГОС: Урок соответствует требованиям Федерального государственного образовательного стандарта, так как направлен на формирование компетенций в области информационных технологий, развитие навыков работы с языками разметки и практического применения знаний.

Итог

Данный урок позволит студентам не только понять теоретические основы создания фреймов в HTML, но и применить эти знания на практике, что способствует лучшему усвоению материала.