📝 Промпт "Создание одностраничного веб-сайта":
📝 Описание переменных:
-
-
-
-
-
-
-
-
-
🎨 Советы по использованию промпта:
- Будьте как можно более конкретны и детальны при заполнении переменных, чтобы получить наиболее точный и полезный результат.
- Не стесняйтесь добавлять дополнительные разделы или функции, если они необходимы для вашего веб-сайта.
- При описании динамических элементов укажите, как часто они должны меняться или какие действия должны их запускать.
- Помните, что сгенерированный код будет служить отправной точкой, которую вы сможете дополнить и настроить в соответствии со своими потребностями.
Надеюсь, этот промпт поможет вам быстро создать впечатляющий одностраничный веб-сайт с различными интерактивными функциями. Экспериментируйте с разными вариантами и не бойтесь проявлять креативность! 🚀💻
Если у вас возникнут вопросы или идеи по улучшению этого промпта, обязательно поделитесь ими в комментариях. Давайте вместе исследовать безграничные возможности веб-дизайна с помощью ИИ! 🌐🎨
📍 Дисклеймер
📍 Как использовать этот шаблон
📍 1000 идей применения нейросетей
📍 Prompt каждый день
#вебдизайн #одностраничныйсайт #HTMLCSSJavaScript #ИИпромпт
Ваша задача — создать одностраничный веб-сайт на основе заданных спецификаций в виде HTML-файла со встроенным JavaScript и CSS. Веб-сайт должен включать в себя множество интересных и интерактивных функций дизайна, таких как раскрывающиеся меню, динамический текст и контент, интерактивные кнопки и многое другое. Убедитесь, что дизайн визуально привлекателен, отзывчив и удобен для пользователя. Код HTML, CSS и JavaScript должен быть хорошо структурирован, эффективно организован и правильно прокомментирован для удобства чтения и сопровождения.
Создайте одностраничный веб-сайт для {{НАЗВАНИЕ_САЙТА}} со следующими функциями и разделами:
1. {{НАВИГАЦИЯ}}
2. {{ГЛАВНЫЙ_РАЗДЕЛ}}
3. {{РАЗДЕЛ_ПРОДУКТОВ_ИЛИ_УСЛУГ}}
4. {{ИНТЕРАКТИВНЫЙ_РАЗДЕЛ}}
5. {{РАЗДЕЛ_ОТЗЫВОВ}}
6. {{НИЖНИЙ_КОЛОНТИТУЛ}}
Включите заполнители для {{СПИСОК_ЗАПОЛНИТЕЛЕЙ}}.
Вставьте стили CSS в `<style>` тег раздела `<head>` и поместите код JavaScript в `<script>` тег в конце `<body>` раздела.
Код JavaScript должен обрабатывать {{ДИНАМИЧЕСКИЕ_ЭЛЕМЕНТЫ}}.
📝 Описание переменных:
-
{{НАЗВАНИЕ_САЙТА}}: название или тема веб-сайта (например, "EduQuest" - платформа онлайн-обучения)-
{{НАВИГАЦИЯ}}: описание навигационной панели и ее элементов-
{{ГЛАВНЫЙ_РАЗДЕЛ}}: описание главного раздела, включая фоновое видео, динамический слоган и кнопку призыва к действию-
{{РАЗДЕЛ_ПРОДУКТОВ_ИЛИ_УСЛУГ}}: описание раздела с карточками продуктов или услуг (например, курсы для платформы онлайн-обучения)-
{{ИНТЕРАКТИВНЫЙ_РАЗДЕЛ}}: описание интерактивного раздела, такого как тест или опрос-
{{РАЗДЕЛ_ОТЗЫВОВ}}: описание раздела с отзывами клиентов или пользователей-
{{НИЖНИЙ_КОЛОНТИТУЛ}}: описание нижнего колонтитула и его элементов, таких как ссылки и контактная информация-
{{СПИСОК_ЗАПОЛНИТЕЛЕЙ}}: список элементов, для которых необходимо включить заполнители (например, изображения, текст)-
{{ДИНАМИЧЕСКИЕ_ЭЛЕМЕНТЫ}}: описание динамических элементов, которые должны быть обработаны с помощью JavaScript (например, меняющийся слоган)🎨 Советы по использованию промпта:
- Будьте как можно более конкретны и детальны при заполнении переменных, чтобы получить наиболее точный и полезный результат.
- Не стесняйтесь добавлять дополнительные разделы или функции, если они необходимы для вашего веб-сайта.
- При описании динамических элементов укажите, как часто они должны меняться или какие действия должны их запускать.
- Помните, что сгенерированный код будет служить отправной точкой, которую вы сможете дополнить и настроить в соответствии со своими потребностями.
Надеюсь, этот промпт поможет вам быстро создать впечатляющий одностраничный веб-сайт с различными интерактивными функциями. Экспериментируйте с разными вариантами и не бойтесь проявлять креативность! 🚀💻
Если у вас возникнут вопросы или идеи по улучшению этого промпта, обязательно поделитесь ими в комментариях. Давайте вместе исследовать безграничные возможности веб-дизайна с помощью ИИ! 🌐🎨
📍 Дисклеймер
📍 Как использовать этот шаблон
📍 1000 идей применения нейросетей
📍 Prompt каждый день
#вебдизайн #одностраничныйсайт #HTMLCSSJavaScript #ИИпромпт
🔥4❤3👍1