Разработка урока для студентов 2 курса: "Язык гиперразметки HTML. Создание фреймов"
Цели урока:
Ознакомить студентов с основами языка HTML.
Научить студентов создавать фреймы на веб-страницах.
Развить навыки работы с HTML-кодом.
Оборудование:
Компьютеры с доступом в интернет.
Программное обеспечение для редактирования кода (например, Notepad++, Visual Studio Code).
Проектор для демонстрации материалов.
Ход урока:
I. Введение (10 минут)
Организационный момент:
Приветствие, проверка посещаемости.
Объяснение структуры занятия.
Актуализация знаний:
Краткое обсуждение, что такое HTML и для чего он используется.
Вопросы к студентам:
Что такое теги в HTML?
Какие основные теги Вы знаете?
II. Изучение нового материала (20 минут)
Теоретическая часть:
Объяснение понятия фреймов:
Что такое фреймы и зачем они нужны.
Основные теги для создания фреймов: , , .
Пример кода для создания фреймов:
HTML, XML
Копировать
Обсуждение особенностей работы с фреймами и их ограничений.
Демонстрация:
Показать на экране пример веб-страницы с фреймами.
Обсудить, как фреймы могут улучшить навигацию на сайте.
III. Практическая работа (30 минут)
Задание:
Студенты должны создать простую веб-страницу с использованием фреймов.
Структура задания:
Создать файл index.html, который будет содержать два фрейма.
В одном фрейме отобразить страницу с текстом "Фрейм 1", в другом — "Фрейм 2".
Использовать разные цвета для фреймов.
Процесс работы:
Студенты работают индивидуально или в парах.
Преподаватель проходит по классу, помогает и отвечает на вопросы.
Студенты должны протестировать свою работу в браузере.
IV. Заключение (10 минут)
Обсуждение результатов:
Студенты представляют свои работы.
Обсуждение трудностей, с которыми они столкнулись, и решений.
Рефлексия:
Вопросы для обсуждения:
Что нового Вы узнали на уроке?
Как Вы можете применить фреймы в своих проектах?
Домашнее задание:
Создать веб-страницу с использованием фреймов, в которой будет три фрейма, каждый из которых будет загружать разные страницы.
ФГОС: Урок соответствует требованиям Федерального государственного образовательного стандарта, так как направлен на формирование компетенций в области информационных технологий, развитие навыков работы с языками разметки и практического применения знаний.
Итог
Данный урок позволит студентам не только понять теоретические основы создания фреймов в HTML, но и применить эти знания на практике, что способствует лучшему усвоению материала.
