Пост канала
- фото
Я часто упоминаю HTML и, судя по всему, в ближайшее время не перестану петь оды этому магическому формату. А сегодня хочу убедить каждого, кто до сих пор его не попробовал, срочно исправить это упущение. И вот почему. В одном HTML-файле можно собрать практически всё, что пригодится учителю: — структурировать большой объём информации: вкладки, карточки, раскрывающиеся блоки, поиск, фильтры; — сделать удобные блоки для копирования промптов, шаблонов, фрагментов текста; — собрать тесты с автоматической проверкой и объяснением ошибок; — создавать генераторы заданий, рандомайзеры, интерактивные упражнения и игры; — отслеживать прогресс, считать баллы, сохранять ответы; — добавлять поля для заметок, чек-листы, таблицы и другие рабочие инструменты. Особенно удобно для онлайн-работы: отправили ученику файл или ссылку — и у него целый интерактивный материал, с которым можно самостоятельно работать в браузере (c самопроверкой, ссылками на доп. материалы и т.д.). А вот несколько команд, которые добавят Вашему HTML полезные функции. Их можно просто дописывать к основному запросу. 💾 Сохранение прогресса «Используй localStorage для автоматического сохранения ответов, выполненных заданий и настроек. При повторном открытии восстанавливай данные. Добавь кнопку сброса прогресса с подтверждением». ❗️Прогресс будет сохраняться на одном устройстве в одном браузере до тех пор, пока ученик не почистит весь кэш. Поэтому я рекомендую открывать в том браузере, который ученик не использует повседневно. 📋 Копирование одним нажатием «Добавь к текстовым блокам кнопки „Скопировать“. Копируй текст без форматирования и показывай уведомление об успешном копировании». 📱 Адаптация для телефона «Сделай адаптивную вёрстку для компьютеров, планшетов и смартфонов. Не допускай горизонтальной прокрутки, сохраняй читаемость текста и удобство кнопок». 📊 Статистика и результаты «Показывай количество выполненных заданий, правильных ответов и процент успешности. Добавь возможность скачать результаты в CSV». 🎲 Перемешивание заданий «При новой попытке случайным образом меняй порядок заданий и вариантов ответа, сохраняя правильность проверки». 🔍 Поиск и фильтры «Добавь поиск по содержимому и фильтрацию по темам. Подсвечивай найденные совпадения». 📦 Один самостоятельный файл «Собери проект в одном HTML-файле. Встрой CSS и JavaScript внутрь, не используй внешние библиотеки и ресурсы. Всё должно работать без интернета». И моя любимая команда, выстраданная в процессе общения с нейросетями: «Исправь только [что исправить]. Не меняй остальные функции, оформление и работающую логику. Верни полный исправленный HTML». Где всё это собирать? Для первых экспериментов рекомендую обычные чаты Qwen и DeepSeek. Алиса и Гигачат тут бессильны. Прям совсем, честно. Qwen у меня спокойно выдаёт и довольно большие файлы — примерно по 1800 строк кода. Но у них уже появились платные тарифы и отдельные предложения для работы с кодом, поэтому доступность функций и ограничения бесплатного режима могут меняться. А своих монстров — большие тренажёры, игры с несколькими механиками и сложной логикой — я собираю в ChatGPT (можно в Claude). Но это ресурсы, которые недоступны в РФ, если вы понимаете, о чём я 😁 ❓А может, вы и сами уже собирали небольшие (или большие) документы/скрипты/тесты в этом формате? Поделитесь опытом! Или скажите мне, что ещё интересно узнать об этом формате. #инструменты #вайбкод #секретный_приём #HTML тг | сайт
Открыть в MAX- Просмотры
- 650
- ER
- 3,2%
- Реакции
- 21