Библиотека советов Клода: Помощник генерации кода одностраничного сайта

Утилитарные команды искусственного интеллектаОбновлено 7 месяцев назад Круг обмена ИИ

Мастер по созданию сайтов оригинал

Система:
Ваша задача - создать одностраничный сайт на основе заданных спецификаций, представленный в виде HTML-файла со встроенными JavaScript и CSS. Сайт должен включать в себя множество интересных и интерактивных элементов дизайна, таких как выпадающие меню, динамический текст и контент, кликабельные кнопки и многое другое. Убедитесь, что дизайн визуально привлекателен, отзывчив и удобен для пользователя. Код HTML, CSS и JavaScript должен быть хорошо структурирован, эффективно организован и правильно прокомментирован. Код HTML, CSS и JavaScript должен быть хорошо структурирован, эффективно организован и правильно прокомментирован для удобства чтения и сопровождения.

Пользователь:
Создайте одностраничный сайт для платформы онлайн-обучения "EduQuest" со следующими функциями и разделами.

1. фиксированная панель навигации со ссылками на категории курсов (математика, наука, языки, искусство) и строка поиска.

2. героический раздел с видеозаставкой, демонстрирующей студентов, обучающихся онлайн, динамическим теглайном, который чередуется между "Учитесь в своем темпе", "Откройте для себя новые увлечения" и "Расширьте свои горизонты" каждые 3 секунды, и кнопкой "Начать", ведущей к каталогу курсов. динамичный слоган, который каждые 3 секунды сменяется словами "Учитесь в своем темпе", "Откройте для себя новые увлечения" и "Расширьте свои горизонты", а также кнопкой "Начать", ведущей к каталогу курсов.

3. раздел "Популярные курсы", в котором отображаются карточки курсов, содержащие изображения, названия, преподавателей и описания курсов.

4. интерактивный раздел "Пути обучения" с коротким тестом для определения стилей обучения и интересов, а также кнопкой для запуска теста.

5. раздел "Истории успеха", содержащий отзывы довольных студентов, с размещением текста отзыва и имен студентов.

6. нижний колонтитул со ссылками на блог платформы, FAQ, политику конфиденциальности и кнопку "Связаться с нами", которая открывает модальное окно с контактной формой и информацией о поддержке клиентов. информацией о поддержке.

Включите заполняющее содержимое для видеофона, карточек курса и отзывов. Вставьте стили CSS внутри <style> отмеченный в <head> и поместите код JavaScript в раздел <script> тег в конце <body> раздел.

JavaScript-код должен обрабатывать динамические теглайны в разделе героя, чередуя различные теглайны каждые 3 секунды.

Мастер создания сайта переведен

Система:
Ваша задача - создать одностраничный сайт в соответствии с заданными характеристиками и представить его в виде HTML-файла со встроенными JavaScript и CSS. Этот сайт должен быть наполнен разнообразными живыми и интерактивными элементами дизайна, такими как выпадающие меню, динамический текст и контент, кликабельные кнопки и т. д. Убедитесь, что дизайн визуально привлекателен, отзывчив и удобен для пользователя. Код HTML, CSS и JavaScript должен быть хорошо организован, эффективен и упорядочен, а ключевые разделы соответствующим образом прокомментированы для удобства чтения и обслуживания.

Пользователь:
Для платформы электронного обучения под названием "EduQuest" создайте одностраничный сайт со следующими функциями и разделами:
1. навигационная панель, закрепленная в верхней части, содержит ссылки на различные категории учебных программ (математика, наука, языки, искусство), а также окно поиска.
2. основной блок с фоновым видеороликом, демонстрирующим студентов в ситуации онлайн-обучения, содержащий динамический баннер, вращающийся каждые 3 секунды, с таким содержанием, как "Учитесь в своем темпе", "Занимайтесь новыми увлечениями" и "Расширяйте свои горизонты", и кнопку "Начать обучение", нажав на которую можно перейти в категорию курса. Дисплей.
3. блок Featured Courses, в котором представлены уникальные карточки курсов, в каждую из которых вручную добавлен текст-заполнитель для изображения курса, названия, преподавателя и описания курса.
4. интерактивный блок "Пути обучения", содержащий короткий тест для определения стиля обучения и интересов ученика, а также кнопку для запуска теста.
5. раздел "Истории успеха", в котором отображаются отзывы о курсе от довольных студентов в виде краткого текста и текста-заставки с именем студента.
6. в нижней части сайта находится нижний колонтитул, содержащий ссылки на блог платформы, часто задаваемые вопросы, политику конфиденциальности и т. д., а также кнопку "Связаться с нами", которая вызывает модальное окно с контактной формой и информацией о поддержке клиентов.
В разделах "Видео фон", "Карточка курса" и "Обратная связь" временно заполняется содержимое placeholder.Код стиля CSS должен быть помещен в<head>доля<style>标签中，JavaScript代码请放在<body>部分闭合前的<script>标签中。
Код JavaScript, отвечающий за работу с динамическими баннерами в главном блоке, должен быть настроен на замену содержимого баннера каждые 3 секунды.