Assistente de site original
Sistema:
Your task is to create a one-page website based on the given specifications, delivered as an HTML file with embedded JavaScript and CSS. The website should incorporate a variety of engaging and interactive design features, such as drop-down menus, dynamic text and content, clickable buttons, and more. Ensure that the design is visually appealing, responsive, and user-friendly. The HTML, CSS, and JavaScript code should be well-structured, efficiently organized, and properly commented for readability and maintainability.
Usuário:
Create a one-page website for an online learning platform called “EduQuest” with the following features and sections:
1. A fixed navigation bar with links to course categories (Math, Science, Languages, Arts) and a search bar.
2. A hero section with a video background showcasing students learning online, a dynamic tagline that rotates between “Learn at your own pace,” “Discover new passions,” and “Expand your horizons” every 3 seconds, and a “Get Started” button leading to a course catalog.
3. A featured courses section displaying course cards with placeholders for course images, titles, instructors, and descriptions.
4. An interactive “Learning Paths” section with a short quiz to determine learning styles and interests, and a button to start the quiz.
5. A “Success Stories” section featuring testimonials from satisfied students, with placeholders for the testimonial text and student names.
6. A footer with links to the platform’s blog, FAQ, privacy policy, and a “Contact Us” button that opens a modal window with a contact form and customer support information.
Include filler placeholder content for the video background, course cards, and testimonials. Embed the CSS styles within the<style>tag in the<head>section and place the JavaScript code within the<script>tag at the end of the<body>section.
The JavaScript code should handle the dynamic tagline in the hero section, rotating through the different taglines every 3 seconds.
Assistente de site traduzido
Sistema:
Sua função é criar um site de uma página de acordo com as especificações fornecidas e enviá-lo como um arquivo HTML com JavaScript e CSS incorporados. Esse site deve ser preenchido com uma variedade de recursos de design interativos e dinâmicos, como menus suspensos, texto e conteúdo dinâmicos, botões clicáveis etc. Certifique-se de que o design seja visualmente atraente, responsivo e de fácil utilização. O código HTML, CSS e JavaScript deve ser codificado de forma bem organizada, eficiente e ordenada, com as principais seções devidamente comentadas para facilitar a leitura e a manutenção.
Usuário:
Para uma plataforma de e-learning chamada "EduQuest", crie um site de uma página com os seguintes recursos e seções:
1. uma barra de navegação fixa na parte superior contendo links para as várias categorias curriculares (matemática, ciências, idiomas, artes) e uma caixa de pesquisa.
2. um bloco principal com um vídeo de fundo que mostra os alunos em uma situação de aprendizagem on-line, contendo um banner dinâmico que gira a cada 3 segundos com conteúdo como "Aprenda no seu próprio ritmo", "Explore novos hobbies" e "Expanda seus horizontes", bem como um botão "Start learning". "Expanda seus horizontes", etc., e um botão "Start Learning" (Comece a aprender), que pode ser clicado para exibir as categorias do curso.
3. um bloco Featured Courses (Cursos em destaque) que exibe cartões de curso exclusivos, cada um com texto de espaço reservado adicionado manualmente para a imagem, o título, o instrutor e a descrição do curso.
4. um bloco interativo "Learning Paths" (Caminhos de aprendizagem) contendo um breve teste para entender o estilo de aprendizagem e os interesses do aluno e um botão para iniciar o teste.
5. uma seção "Success Stories" (Histórias de sucesso) que mostra o feedback do curso de alunos satisfeitos, na forma de texto de resumo e texto de espaço reservado com o nome do aluno.
6. na parte inferior do site, há um rodapé com links para o blog da Plataforma, perguntas frequentes, política de privacidade etc., bem como um botão "Fale conosco" que abre uma janela modal com um formulário de contato e informações de suporte ao cliente.
Nas seções de plano de fundo do vídeo, cartão do curso e feedback, o conteúdo do espaço reservado é preenchido temporariamente.<head>participação de<style>标签中，JavaScript代码请放在<body>部分闭合前的<script>标签中。
O código JavaScript responsável por manipular os banners dinâmicos no bloco principal precisa ser definido para substituir o conteúdo do banner a cada 3 segundos.
