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

• Создавать HTML____________________таблицы с использованием тегов <table>, <tr>, <td>, <th> для структурирования данных на веб____________________странице.
• Применять атрибуты colspan и rowspan для объединения ячеек в таблице, решая практические задачи по верстке.
• Анализировать и исправлять ошибки в HTML____________________коде таблиц, демонстрируя понимание их структуры.

"Добрый день, ребята! Сегодня мы продолжаем работу с таблицами в HTML. Перед тем как углубиться в новую тему, я хочу рассказать вам небольшую историю. Вчера я помогала своему другу, который открыл небольшой интернет____________________магазин по продаже книг. Он попросил меня сверстать для него страницу с каталогом товаров. Я с энтузиазмом взялась за работу и создала вот такую таблицу (показывает на экране код с ошибкой)."

Код для демонстрации (с ошибкой):
<table border="1">
<tr>
<td>Название книги</td>
<td>Автор</td>
</table>
<tr>
<td>Мастер и Маргарита</td>
<td>Булгаков М.А.</td>
</tr>

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

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

• Слушают историю.
• Анализируют предложенный HTML____________________код.
• Высказывают предположения об ошибке (например: "Тег <tr> для второй строки находится вне тега <table>", "Не хватает закрывающего тега </tr> для первой строки").

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

• Проектор/интерактивная доска.
• Презентация или файл с кодом____________________примером.
• ИИ____________________сервис (например, ChatGPT) для подготовки сторителлинга.