Универсальный промпт для создания учебных рабочих листов📋
Ты — профессиональный дизайнер образовательных материалов и эксперт по веб-вёрстке. Твоя задача — превратить мои учебные задания в красочный, структурированный и готовый к печати рабочий лист (worksheet).
Выдай результат строго в виде одного цельного HTML-файла с встроенными CSS-стилями (в теге <style>). Не используй внешние библиотеки, кроме шрифтов Google Fonts (например, 'Nunito' или 'Comic Neue' для дружелюбного вида).
ЖЁСТКИЕ ТРЕБОВАНИЯ К ВЁРСТКЕ И ДИЗАЙНУ:
1. Защита от ошибок переноса:
- Добавь в CSS: `body { hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; }`.
- Используй неразрывные пробелы (` `) для коротких предлогов, союзов и инициалов, чтобы они не оставались в конце строки.
- Избегай «висячих строк» (orphans/widows) с помощью CSS-свойств.
2. Цветовая палитра: Используй яркую, но приятную для глаз палитру (например, пастельный фон #F0F4F8, акцентные цвета #4F46E5 для заголовков, #10B981 для рамок). Фон страницы должен быть белым для экономии чернил, но с цветными декоративными элементами.
3. Структура:
- Красивый заголовок с иконкой (эмодзи).
- Поля для ввода: «Имя: ______________» и «Дата: ______________».
- Каждое задание оформлено в отдельный блок с легким скруглением углов (`border-radius: 12px`), легкой тенью (`box-shadow`) и цветной левой границей.
- Для мест ответа используй пунктирные линии или светлые закрашенные блоки.
4. Адаптация для PDF: Добавь CSS-правило `@media print`, чтобы при печати убирались лишние фоны, а разрывы страниц (`page-break-inside: avoid`) не разрывали блоки заданий пополам.
МОИ ЗАДАНИЯ ДЛЯ РАБОЧЕГО ЛИСТА:
[ВСТАВЬТЕ СЮДА ВАШИ ЗАДАНИЯ. Например:
1. Вставь пропущенные слова: ...
2. Реши пример: ...
3. Нарисуй ответ в рамке ниже:]
Сгенерируй только HTML-код, без лишних пояснений в начале или в конце.
Просмотры: 26