Создаём интерактивный тренажёр
Пошагово создаём HTML-тренажёр: задания, проверка ответов, подсказки, логика переходов и готовый код, который можно сразу открыть в браузере.
Закрытые материалы
Введите пароль, который вы получили после оплаты. После входа откроются видеоуроки, промпты и примеры материалов.
Практикум для преподавателей
Создаём цифровые материалы с нейросетями: интерактивный тренажёр, рабочую тетрадь, публикацию в интернете и собственную библиотеку готовых решений.
Модуль 01
В первом видео создаём интерактивный тренажёр, во втором — размещаем его на Netlify и параллельно собираем рабочую тетрадь ВПР 7 класса, задание 1, без теории.
Пошагово создаём HTML-тренажёр: задания, проверка ответов, подсказки, логика переходов и готовый код, который можно сразу открыть в браузере.
Размещаем тренажёр на Netlify и создаём рабочую тетрадь без теории: только перечень заданий ВПР 7 класса, задание 1, в удобном формате для работы.
Модуль 02
Шаблон промпта для тетради без теории — только тренировка и аккуратная подача заданий.
Этот промпт можно использовать как основу, если вы хотите быстро собрать тренировочную рабочую тетрадь с перечнем заданий, без длинных объяснений.
Я учитель математики. Создай рабочую тетрадь по ВПР для 7 класса, задание 1. Требования: — тетрадь должна быть без теоретического блока; — не нужно давать длинные объяснения и разборы; — основной формат: перечень заданий для тренировки; — задания нужно расположить от более простых к более сложным; — оформи материал аккуратно, современно и удобно для печати; — оставь место для записи ответов или краткого решения; — можно разделить задания на небольшие тематические блоки; — в конце отдельно дай ответы для учителя. Сначала предложи структуру тетради. После утверждения создай полный материал.
Отдельный шаг
Короткая памятка: после создания HTML-файла вы быстро превращаете его в готовую ссылку для учеников и коллег.
Шаг 1. Сохраните код тренажёра как index.html.
Шаг 2. Откройте сервис Netlify Drop.
Шаг 3. Перетащите файл index.html или папку проекта в окно загрузки.
Шаг 4. Дождитесь публикации, протестируйте сайт и скопируйте готовую ссылку.
Моя библиотека
Позже просто загрузите изображения своих материалов с именами work-1.jpg, work-2.jpg, work-3.jpg.
Пример 01
Готовый пример по теме «Свойства степеней» можно скачать, а ниже — промпт, по которому коллеги смогут собрать свой рабочий лист в похожей логике.
Персиковым выделено то, что нужно заменить под свой материал.
Используй прикреплённое изображение как визуальный референс для фона и общей стилистики рабочего листа. Не копируй его механически: сохрани настроение, палитру и характер, но адаптируй фон под печатный учебный материал. Фон должен быть светлым и ненавязчивым, с достаточным контрастом для текста и математических записей. Работай как опытный методист и дизайнер учебных материалов. Создай готовый рабочий лист формата A4 по [ПРЕДМЕТ: алгебра] для [КЛАСС: 7 класс] по теме «[ТЕМА: свойства степеней]». Методическая задача: — выдели ключевые знания и умения по этой теме; — отберите основные прототипы заданий, которые ученик должен уметь решать; — выстрой материал от понимания правила к самостоятельному применению; — не перегружай страницу: материал должен быть компактным, ясным и пригодным для реальной работы на уроке. Структура рабочего листа: 1. Заголовок темы. 2. Короткий блок «Теория»: только основные свойства, правила и формулы, без лишнего текста. 3. Блок «Основные прототипы»: покажи главные типы заданий по теме и для каждого дай понятный образец или опору. 4. Блок «Практика»: задания от базовых к более сложным, чтобы ученик последовательно отработал все выделенные прототипы. 5. Оставь достаточно места для вычислений и записи ответа. 6. Если материал занимает несколько страниц, не разрывай один смысловой блок или разобранный пример между страницами. Математическое оформление: — все формулы, степени, дроби и математические выражения набирай аккуратно, как в LaTeX; — не заменяй математическую запись обычным текстом там, где нужна формула; — следи за корректностью индексов, степеней, знаков и скобок. Дизайн: — используй прикреплённый референс как основу визуального направления; — сделай оформление современным, эстетичным, спокойным и профессиональным; — декоративные элементы не должны конкурировать с заданиями; — фон под текстом должен оставаться максимально читаемым; — сохрани единый стиль на всех страницах. Перед финальной выдачей проверь каждое задание и все математические записи. Убедись, что задания соответствуют теме и уровню [КЛАСС: 7 класс]. Внизу каждой страницы аккуратно подпиши: «[ПОДПИСЬ / БРЕНД: Шкатулка математических интерактивов • Светлана Быкова]». Итог: создай готовый рабочий лист, который можно сохранить и распечатать как PDF.
Пример 02
Карточка уже готова — останется заменить изображение и ваш финальный промпт.
Создай интерактивный тренажёр по теме «[тема]» в одном HTML-файле. Требования: — задания показываются по одному; — есть поле для ответа; — после ответа ученик получает обратную связь; — при ошибке сначала даётся подсказка, а не готовое решение; — ведётся счёт правильных ответов; — в конце отображается результат; — дизайн современный, спокойный и удобный на телефоне. Выдай полный готовый HTML-код, который можно сохранить как index.html и открыть в браузере.
Пример 03
Этот блок специально оставлен универсальным — сюда можно поставить тетрадь, презентацию, карточки или любой другой материал.
Вставьте сюда ваш авторский промпт. Совет: лучше хранить рядом с готовой работой именно финальную версию запроса — со всеми правками, требованиями к структуре, дизайну и проверке.
Так постепенно собирается собственная библиотека промптов и шаблонов.