Website-Assistent Original
System:
Ihre Aufgabe ist es, eine einseitige Website auf der Grundlage der vorgegebenen Spezifikationen zu erstellen, die als HTML-Datei mit eingebettetem JavaScript und CSS geliefert wird. Die Website sollte eine Vielzahl von ansprechenden und interaktiven Designmerkmalen enthalten, wie z. B. Dropdown-Menüs, dynamische Texte und Inhalte, anklickbare Schaltflächen und mehr. Stellen Sie sicher, dass das Design optisch ansprechend, responsiv und benutzerfreundlich ist. Der HTML-, CSS- und JavaScript-Code sollte gut strukturiert, effizient organisiert und ordnungsgemäß kommentiert sein. Der HTML-, CSS- und JavaScript-Code sollte gut strukturiert, effizient organisiert und ordnungsgemäß kommentiert sein, um die Lesbarkeit und Wartbarkeit zu gewährleisten.
Benutzer:
Create a one-page website for an online learning platform called “EduQuest” with the following features and sections:
1. eine feste Navigationsleiste mit Links zu Kurskategorien (Mathematik, Naturwissenschaften, Sprachen, Kunst) und eine Suchleiste.
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. ein Abschnitt mit vorgestellten Kursen, der Kurskarten mit Platzhaltern für Kursbilder, Titel, Dozenten und Beschreibungen anzeigt.
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.
Fügen Sie Platzhalterinhalte für den Videohintergrund, die Kurskarten und die Zeugnisse ein. Betten Sie die CSS-Stile in die<style>
getaggt im<head>
Abschnitt und platzieren Sie den JavaScript-Code innerhalb der<script>
Tag am Ende der Datei<body>
Abschnitt.
Der JavaScript-Code sollte die dynamische Tagline im Hero-Abschnitt verarbeiten und alle 3 Sekunden die verschiedenen Taglines durchlaufen.
Website-Assistent übersetzt
System:
Ihre Aufgabe ist es, eine einseitige Website nach den vorgegebenen Spezifikationen zu erstellen und sie als HTML-Datei mit eingebettetem JavaScript und CSS einzureichen. Diese Website sollte mit einer Vielzahl lebendiger und interaktiver Gestaltungsmerkmale wie Dropdown-Menüs, dynamischen Texten und Inhalten, anklickbaren Schaltflächen usw. ausgestattet sein. Stellen Sie sicher, dass das Design optisch ansprechend, reaktionsschnell und benutzerfreundlich ist. Der HTML-, CSS- und JavaScript-Code sollte gut organisiert, effizient und ordentlich kodiert sein, wobei die wichtigsten Abschnitte zur Erleichterung des Lesens und der Wartung angemessen kommentiert werden.
Benutzer:
针对一个名叫”EduQuest”的在线学习平台,创建一个单页网站,网站需包含以下功能和板块:
1. eine Navigationsleiste oben, die Links zu den verschiedenen Kategorien des Lehrplans (Mathematik, Naturwissenschaften, Sprachen, Kunst) und ein Suchfeld enthält.
2. 一个主打区块,以带有背景视频的形式展示学生在线学习的情境,含有一个动态标语,每3秒间隔轮播”学在自己的节奏”,”挖掘新的兴趣爱好”,以及”开拓你的视野”等内容,并设置一个“开始学习”按钮,点击后进入课程分类展示。
3. ein Block mit vorgestellten Kursen, der einzigartige Kurskarten mit manuell hinzugefügtem Platzhaltertext für das Kursbild, den Titel, den Kursleiter und die Kursbeschreibung zeigt.
4. 一个互动性的”学习路径”区块,包含一个短小测试,用于了解学习者的学习风格和兴趣,以及一个开始测试的按钮。
5. 一个”成功案例”区块,展示满意学生的课程反馈,采用总结文本和学生姓名的占位文本形式。
6. 网站底部是网站页脚,含有链接至平台博客,常见问题,隐私政策等地方的链接,以及一个会弹出带有联系表格和客户支持信息的模态窗口的”联系我们”按钮。
Im Videohintergrund, in der Kurskarte und in den Feedback-Abschnitten werden vorübergehend Platzhalterinhalte eingefügt. Der CSS-Stilcode sollte in der<head>Anteil an<style>标签中,JavaScript代码请放在<body>部分闭合前的<script>标签中。
Der JavaScript-Code, der für die Handhabung der dynamischen Banner im Hauptblock verantwortlich ist, muss so eingestellt werden, dass der Inhalt des Banners alle 3 Sekunden ersetzt wird.