На Горох

Основы HTML: Бегущая строка и списки (Конспект урока)

Урок посвящен изучению базовых элементов HTML – бегущей строки и различных видов списков. Учащиеся познакомятся с тегами, необходимыми для создания динамического текста и структурирования информации на веб-странице. Урок сочетает теоретическое объяснение и практическое применение полученных знаний, что позволяет закрепить навыки работы с HTML и сформировать понимание основ веб-разработки. Данный урок ориентирован на начинающих, не требующих предварительных знаний в программировании и веб-технологиях. В конце урока учащиеся смогут самостоятельно создавать простейшие веб-страницы с динамическим текстом и упорядоченной информацией.

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

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

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

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

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

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

Предмет

Информатика

Класс

8

Цель

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

Задачи

  1. Изучить структуру тега `<marquee>`.
  2. Освоить создание упорядоченных и неупорядоченных списков с использованием тегов `ol` и `ul`.
  3. Научиться использовать атрибуты тегов для изменения внешнего вида бегущей строки и списков.
  4. Создать веб-страницу с бегущей строкой и несколькими списками.

Результаты

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

Учащиеся приобретают знания о структуре тегов `<marquee>`, `ol`, `ul`, `li` и их атрибутах. Они умеют применять эти теги для создания веб-страниц с динамическим текстом и структурированной информацией. Учащиеся понимают принципы организации контента на веб-странице с использованием списков и способны адаптировать внешний вид этих элементов с помощью атрибутов.

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

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

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

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

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

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

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

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

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

Компьютеры с установленным текстовым редактором (например, Notepad++, Visual Studio Code) и веб-браузером.

Рефлексия

В конце урока учащимся предлагается ответить на вопросы: что нового они узнали, что было самым сложным, и как они могут применить полученные знания на практике.

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

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

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

Конспект урока

на тему

Основы HTML: Бегущая строка и списки

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

Содержание

  • Введение 1
  • Тег &lt;marquee&gt; 2
  • Практическая работа 1: Бегущая строка 3
  • Теги &lt;ol&gt; и &lt;ul&gt; 4
  • Практическая работа 2: Создание списков 5
  • Комбинированное задание 6
  • Обсуждение и демонстрация 7
  • Подведение итогов 8
  • Список литературы 9

Введение

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

Организационный момент. Актуализация знаний о структуре HTML-документа. Объявление темы и целей урока. Создание мотивационной обстановки: обсуждение возможностей веб-технологий и применения HTML в повседневной жизни. Подчеркивается актуальность навыков создания веб-страниц для решения различных задач. Краткое объяснение важности понимания тегов для структурирования контента.

Действия учителя: Приветствует учеников, проверяет готовность к уроку, объявляет тему.

Действия учащихся: Слушают учителя, готовятся к уроку.

Длительность: 10 минут

Тег &lt;marquee&gt;

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

Изучение синтаксиса тега `<marquee>`. Разбор атрибутов: `behavior`, `direction`, `scrollamount`, `loop`. Практическая демонстрация работы тега с различными значениями атрибутов. Объяснение особенностей создания бегущей строки с учетом требований к доступности и удобству для пользователей. Подчеркивается, что тег `<marquee>` считается устаревшим.

Действия учителя: Объясняет синтаксис и атрибуты тега `<marquee>`, показывает примеры.

Действия учащихся: Слушают объяснения учителя, записывают в тетрадь.

Длительность: 20 минут

Практическая работа 1: Бегущая строка

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

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

Действия учителя: Контролирует выполнение задания, оказывает помощь.

Действия учащихся: Создают бегущую строку, экспериментируют с атрибутами.

Длительность: 25 минут

Теги &lt;ol&gt; и &lt;ul&gt;

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

Изучение тегов `<ol>` (упорядоченный список) и `ul` (неупорядоченный список). Объяснение принципов использования тега `li` для определения элементов списка. Разбор атрибутов для изменения внешнего вида списков. Демонстрация примеров создания списков с различными типами нумерации и маркеров. Подчеркивается важность использования списков для структурирования контента.

Действия учителя: Объясняет синтаксис и атрибуты тегов `<ol>`, `ul`, `li`, показывает примеры.

Действия учащихся: Слушают объяснения, записывают примеры в тетрадь.

Длительность: 20 минут

Практическая работа 2: Создание списков

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

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

Действия учителя: Контролирует выполнение задания, оказывает помощь.

Действия учащихся: Создают списки, экспериментируют с атрибутами.

Длительность: 30 минут

Комбинированное задание

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

Учащиеся создают веб-страницу, объединяющую бегущую строку и несколько списков. Они применяют полученные знания на практике, комбинируя различные элементы HTML. Важно: включить различные виды списков (упорядоченные и неупорядоченные). Проверка правильности выполнения задания и анализ результатов. Обсуждение возможных улучшений.

Действия учителя: Контролирует выполнение задания, оказывает помощь.

Действия учащихся: Создают веб-страницу, объединяющую бегущую строку и списки.

Длительность: 30 минут

Обсуждение и демонстрация

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

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

Действия учителя: Организует обсуждение, комментирует работы учеников.

Действия учащихся: Демонстрируют свои работы, участвуют в обсуждении.

Длительность: 15 минут

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

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

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

Действия учителя: Подводит итоги урока, отвечает на вопросы, объясняет домашнее задание.

Действия учащихся: Задают вопросы, записывают домашнее задание.

Длительность: 10 минут

Список литературы

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

Ресурсы для самостоятельного изучения: учебники по HTML, онлайн-курсы, справочники по тегам. URL-адреса полезных сайтов и форумов, посвященных веб-разработке. Рекомендации по дальнейшему изучению темы.

Действия учителя: Предоставляет список литературы и полезных ресурсов.

Действия учащихся: Записывают список литературы.

Длительность: 5 минут

Получи Такой Конспект урока

Уникальная разработка
Готовый файл Word
Соответствие ФГОС
Временной регламент
Методическая значимость
15-30 страниц
Презентация

Создать Конспект урока на любую тему за 5 минут

Создать

#1044141

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

Другие работы в разделе «Конспект урока»

Все работы раздела