КСП «Таблицы в HTML» по информатике, 10 класс

• Объяснить структуру и назначение основных тегов для создания таблиц в HTML (<table>, <tr>, <td>, <th>).
• Создать простую HTML-таблицу с заданными параметрами (заголовок, 3 строки, 3 столбца) для представления структурированных данных.
• Проанализировать и исправить ошибки в HTML-коде таблицы, демонстрируя понимание синтаксиса и логики вложенности тегов.

"Добрый день, ребята! Сегодня мы продолжим наше путешествие в мир веб-дизайна. Представьте, что вы — начинающие архитекторы не зданий, а информации. Ваша задача — создать четкий, понятный и удобный для восприятия макет данных на веб-странице. Например, расписание уроков или список класса.

Я сейчас покажу вам фрагмент кода, который, как утверждает мой знакомый-программист, создает идеальную таблицу для расписания. Но что-то в нем меня смущает. Посмотрите внимательно и найдите неточность. Готовы?"

Показывает на экране код:
<table border="1">
<td>Понедельник</td>
<tr>Математика</tr>
<tr>Информатика</tr>
</table>

"Итак, в чем же ошибка? Кто первый заметил нарушение 'правил строительства' HTML-таблицы?" (Выслушивает ответы, подводит к выводу о нарушении структуры: тег <td> не может быть прямым потомком <table> без строки <tr>, а содержимое ячеек должно быть внутри <td> или <th>). "Верно! Это как пытаться построить дом, положив крышу прямо на фундамент, без стен. В HTML, как и в жизни, есть свои законы и порядок — синтаксис и структура. Их соблюдение гарантирует, что наш 'информационный дом' будет устойчивым и понятным для всех — и для людей, и для браузеров. Сегодня мы изучим эти правила и научимся создавать правильные таблицы."

ИИ-инструменты: Использование ChatGPT или Claude для генерации аналогичных примеров кода с преднамеренными ошибками разного типа для быстрой адаптации под уровень класса.

• Слушают рассказ учителя.
• Внимательно анализируют предложенный код на экране.
• Высказывают предположения об ошибке (например: "Нет тега <tr> для строки с 'Понедельник'", "Содержимое 'Математика' и 'Информатика' не помещено в теги <td>").
• Формулируют вывод о важности следования правилам (синтаксису) при написании кода.