ウェブサイト・ウィザード・オリジナル
システム：
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.
ユーザー
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.
翻訳されたウェブサイト・ウィザード
システム：
あなたの役割は、指定された仕様に従って1ページのウェブサイトを作成し、JavaScriptとCSSを埋め込んだHTMLファイルとして提出することです。このウェブサイトは、ドロップダウンメニュー、ダイナミックなテキストとコンテンツ、クリック可能なボタンなど、さまざまな生き生きとしたインタラクティブなデザイン機能で満たされている必要があります。HTML、CSS、JavaScriptコードは、読みやすく、メンテナンスしやすいように、主要なセクションが適切にコメントされ、よく整理された効率的かつ整然とした方法でコーディングする必要があります。
ユーザー
EduQuest "と呼ばれるeラーニングプラットフォームについて、以下の機能とセクションを持つ1ページのウェブサイトを作成する：
1.様々なカリキュラムカテゴリー（数学、科学、言語、芸術）へのリンクを含むナビゲーションバーが上部に固定され、検索ボックスがある。
2.学生がオンライン学習をしている様子を映した背景映像のメインブロック。"自分のペースで学ぼう"、"新しい趣味を見つけよう"、"視野を広げよう "などのコンテンツと、"学習開始 "ボタンが3秒ごとに回転するダイナミックバナーを含む。"Expand your horizons "などのコンテンツと、"Start Learning "ボタンがあり、クリックするとコースカテゴリが表示されます。
3.コース画像、タイトル、インストラクター、コース説明のプレースホルダテキストを手動で追加した、ユニークなコースカードを紹介する「注目のコース」ブロック。
4.インタラクティブな「学習パス」ブロックには、学習者の学習スタイルと興味を理解するための短いテストと、テストを開始するためのボタンが含まれています。
5.満足した受講生からのフィードバックを、要約テキストと受講生名のプレースホルダーテキストで表示する「サクセスストーリー」セクション。
6.ウェブサイトの下部には、プラットフォームのブログ、よくある質問、プライバシーポリシーなどへのリンクを含むフッターと、お問い合わせフォームとカスタマーサポート情報を含むモーダルウィンドウを表示する「お問い合わせ」ボタンがあります。
ビデオの背景、コースカードおよびフィードバックセクションでは、プレースホルダのコンテンツが一時的に記入されます。<head>シェア<style>标签中，JavaScript代码请放在<body>部分闭合前的<script>标签中。
メインブロックのダイナミックバナーを処理するJavaScriptコードは、3秒ごとにバナーコンテンツを置き換えるように設定する必要があります。
