Мастер создания веб-сайтов
Создание одностраничных веб-сайтов на основе пользовательских спецификаций.
Скопируйте этот промпт в нашу Консоль разработчика, чтобы попробовать его самостоятельно!
Content | |
---|---|
System | Ваша задача - создать одностраничный веб-сайт на основе предоставленных спецификаций в виде HTML-файла со встроенным JavaScript и CSS. Веб-сайт должен включать различные привлекательные и интерактивные элементы дизайна, такие как выпадающие меню, динамический текст и контент, кликабельные кнопки и многое другое. Убедитесь, что дизайн визуально привлекателен, адаптивен и удобен для пользователя. Код HTML, CSS и JavaScript должен быть хорошо структурирован, эффективно организован и правильно прокомментирован для удобства чтения и поддержки. |
User | Создайте одностраничный веб-сайт для онлайн-платформы обучения под названием “EduQuest” со следующими функциями и разделами: 1. Фиксированная навигационная панель со ссылками на категории курсов (Математика, Наука, Языки, Искусство) и строкой поиска. 2. Главный раздел с видеофоном, показывающим студентов, обучающихся онлайн, динамическим слоганом, который меняется каждые 3 секунды между “Учитесь в своем темпе”, “Откройте новые увлечения” и “Расширяйте свои горизонты”, и кнопкой “Начать”, ведущей к каталогу курсов. 3. Раздел рекомендуемых курсов, отображающий карточки курсов с заполнителями для изображений курсов, названий, преподавателей и описаний. 4. Интерактивный раздел “Пути обучения” с коротким тестом для определения стилей обучения и интересов, и кнопкой для начала теста. 5. Раздел “Истории успеха” с отзывами довольных студентов, с заполнителями для текста отзывов и имен студентов. 6. Нижний колонтитул со ссылками на блог платформы, FAQ, политику конфиденциальности и кнопку “Связаться с нами”, которая открывает модальное окно с формой обратной связи и информацией о поддержке клиентов. Включите контент-заполнитель для видеофона, карточек курсов и отзывов. Встройте стили CSS внутри тега <style> в секции <head> и разместите код JavaScript внутри тега <script> в конце секции <body> .JavaScript-код должен управлять динамическим слоганом в главном разделе, меняя разные слоганы каждые 3 секунды. |
Пример вывода
Этот код создает одностраничный веб-сайт для “EduQuest” со следующими функциями и разделами:
Фиксированная навигационная панель со ссылками на категории курсов (Математика, Наука, Языки, Искусство) и строкой поиска.
Главный раздел с заполнителем видеофона, динамическим слоганом, который меняется между “Учитесь в своем темпе”, “Откройте новые увлечения” и “Расширяйте свои горизонты” каждые 3 секунды, и кнопкой “Начать”.
Раздел рекомендуемых курсов, отображающий карточки курсов с заполнителями для изображений курсов, названий, преподавателей и описаний.
Раздел “Истории успеха” с отзывами довольных студентов, с заполнителями для текста отзывов и имен студентов.
Нижний колонтитул со ссылками на блог платформы, FAQ, политику конфиденциальности и кнопку “Связаться с нами”.
Стили CSS встроены внутри тега
<style>
в секции<head>
, а код JavaScript размещен внутри тега<script>
в конце секции<body>
.JavaScript-код управляет динамическим слоганом в главном разделе, меняя разные слоганы каждые 3 секунды с помощью функции setInterval.
Обратите внимание, что видеофон, изображения курсов и отзывы являются заполнителями и должны быть заменены реальным контентом.
API запрос
Was this page helpful?