На Горох

Размещение графики на WEB-сайте (Открытый урок)

Открытый урок посвящен основам размещения графики на веб-страницах с использованием HTML. Урок построен в интерактивной форме, с использованием практических заданий и демонстрацией примеров кода. Акцент делается на понимание принципов работы тегов `img`, атрибутов `src`, `alt`, `width` и `height`. Урок рассчитан на демонстрацию возможностей внедрения визуального контента в веб-разработку и развитие навыков самостоятельной работы с HTML. Мероприятие нацелено на представление преподавательского опыта и вовлечение родителей в образовательный процесс.

  • 7 разделов в структуре
  • 4 задачи в плане
  • Word + PPTX готовый файл и презентация
Гарантия уникальности Соответствие ФГОС Поддержка 24/7
Как создана эта работа

Не одна нейросеть, а команда ИИ‑агентов

Открытый урок собирает мультиагентный конвейер из 6 ролей. Каждая отвечает за свой этап — от постановки цели до вёрстки файла — и работает с результатом предыдущей. Так получается цельная работа, а не набор ответов чат‑бота.

Оплатить 125 руб. 85 руб.
Паспорт работы

Цель, задачи и результаты урока

Эти поля агент‑аналитик формирует до написания текста — по ним строится вся работа.

Предмет

Информатика

Класс

9

Цель

Учащиеся познакомятся с тегом `img` и его атрибутами, необходимыми для вставки изображений на веб-страницу. Они научатся правильно указывать путь к графическим файлам и управлять их отображением.

Задачи

  1. Изучить синтаксис тега `img` и его основные атрибуты.
  2. Научиться указывать абсолютные и относительные пути к изображениям.
  3. Освоить настройку размеров изображений с помощью атрибутов `width` и `height`.
  4. Разработать простейшую веб-страницу с размещенными изображениями.

Результаты

Предметные результаты

Учащиеся должны знать синтаксис тега `img` и назначение его атрибутов `src`, `alt`, `width` и `height`. Они должны уметь использовать абсолютные и относительные пути к изображениям, а также изменять размеры изображений на веб-странице. Должны понимать важность атрибута `alt` для доступности веб-контента и SEO.

Метапредметные результаты

Учащиеся должны уметь самостоятельно находить и анализировать информацию в интернете, применяя полученные знания для решения практических задач. Они должны обладать навыками планирования и организации своей деятельности, а также уметь работать в команде.

Личностные результаты

Учащиеся должны проявлять интерес к изучению информационных технологий и осознавать их роль в современном мире. Они должны формировать ответственное отношение к создаваемому контенту и соблюдать авторские права.

Коммуникативные результаты

Учащиеся должны уметь четко и грамотно излагать свои мысли, участвовать в дискуссиях и аргументированно отстаивать свою точку зрения. Они должны уметь взаимодействовать с одноклассниками при решении общих задач.

Развивающие результаты

Урок способствует развитию логического мышления, внимания, памяти, а также творческих способностей учащихся. Работа с графикой стимулирует развитие визуального восприятия и воображения.

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

Компьютеры с доступом в интернет, текстовый редактор (например, Visual Studio Code, Sublime Text), браузер, набор графических файлов для практической работы, проектор, интерактивная доска.

Рефлексия

Проводится в форме мини-дискуссии: «Что нового вы узнали на уроке?», «Какие задания показались наиболее сложными?», «Где вы сможете применить полученные знания?»

Домашнее задание

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

Наименование образовательного учреждения

Открытый урок

на тему

Размещение графики на WEB-сайте

Выполнил: ФИО

Содержание

  • Организационный момент 1
  • Актуализация знаний 2
  • Изучение нового материала 3
  • Практическая работа 4
  • Физкультминутка 5
  • Демонстрация и обсуждение результатов 6
  • Подведение итогов 7

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

Содержимое раздела

Приветствие учащихся, проверка готовности к уроку. Краткое объявление темы и цели урока. Мотивация учащихся к активной работе. Напоминание правил поведения на уроке, акцентирование внимания на важности соблюдения техники безопасности при работе с компьютером.

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

Содержимое раздела

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

Изучение нового материала

Содержимое раздела

Представление тега `img` и его атрибутов. Объяснение роли атрибутов `src`, `alt`, `width`, `height`. Демонстрация примеров кода и их визуального отображения в браузере. Подробный разбор различий между абсолютными и относительными путями к изображениям.

Практическая работа

Содержимое раздела

Самостоятельная работа учащихся по созданию веб-страницы с использованием изученных тегов и атрибутов. Преподаватель осуществляет индивидуальный контроль и оказывает помощь учащимся. Дополнительные задания для более продвинутых учащихся.

Физкультминутка

Содержимое раздела

Комплекс упражнений для снятия напряжения с глаз и мышц шеи и спины. Проводится для поддержания работоспособности учащихся и предотвращения усталости.

Демонстрация и обсуждение результатов

Содержимое раздела

Представление учащимися своих работ. Обсуждение ошибок и способов их исправления. Обмен опытом и полезными советами. Оценка работ учащихся с учетом их индивидуальных особенностей.

Подведение итогов

Содержимое раздела

Обобщение изученного материала. Ответы на вопросы учащихся. Акцентирование внимания на ключевых моментах урока. Оценка работы класса и отдельных учащихся.

Получи Такой Открытый урок

До 90% уникальность
Готовый файл Word
Соответствие ФГОС
Практическая ценность
Цели и результаты
Временной регламент
Методическая значимость
Презентация

Создать Открытый урок на любую тему за 5 минут

Создать

#693387

Готовим вашу копию…
Похожие работы

Другие работы в разделе «Открытый урок»

Все работы раздела
  • Летние каникулы

    Открытый урок, посвященный летним каникулам, проводится в формате интегрированного занятия, объединяющего элементы русского языка, развития речи и окружающего мира.

  • Милосердие и сострадание

    Открытый урок, посвященный формированию у учащихся понимания понятий «милосердие» и «сострадание», воспитанию доброты, отзывчивости и уважения к окружающим.

  • Фрукты

    Открытый урок по ознакомлению с фруктами для первоклассников.

  • Одновременно бесшажный ход. Веселые старты

    Открытый урок, представляющий собой спортивное мероприятие в формате эстафет, направлен на закрепление знаний и умений по безопасному поведению на дороге, а также на развитие навыков коллективной работы, взаимовыручки и внимательности.

  • Сравнительные прилагательные

    Открытый урок по теме "Сравнительные прилагательные" для 6 класса.

  • Судьба человека

    Открытый урок по литературе в 11 классе, посвящённый анализу повести М.А.

  • Сочинительные и подчинительные союзы

    Открытый урок русского языка в 7 классе, направленный на закрепление знаний о сочинительных и подчинительных союзах.

  • Алгоритм трехзначных чисел

    Открытый урок математики в 3 классе, посвященный алгоритму разложения трехзначных чисел на разрядные слагаемые.

  • Amazing Creatures. Удивительные создания

    Открытый урок английского языка в 4 классе, посвященный теме «Животные».

  • Слава тебе, Победитель!

    Открытый урок, посвященный Дню Победы, для учащихся 9 класса.

  • Приём вычислений вида 26+4

    Открытый урок математики в 1 классе, посвящённый изучению приёма вычисления вида 26+4, основан на наглядной демонстрации разложения числа на десятки и единицы.

  • Скорость сближения

    Открытый урок по математике для 6 класса, посвященный теме «Скорость сближения».