Zugang aus Übersee: www.kdjingpai.com
Ctrl + D Lesezeichen für diese Seite
Derzeitige Position:Abb. Anfang " AI-Utility-Befehle

Claude's Tip Library: Website-Assistent für die Generierung von Single Page Code

2024-03-05 1.2 K

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.

Empfohlen

Sie können keine AI-Tools finden? Versuchen Sie es hier!

Geben Sie einfach das Schlüsselwort Barrierefreiheit Bing-SucheDer Bereich KI-Tools auf dieser Website bietet eine schnelle und einfache Möglichkeit, alle KI-Tools auf dieser Website zu finden.

Posteingang

Kontakt

zurück zum Anfang

de_DEDeutsch