AIパーソナル・ラーニング
と実践的なガイダンス

クロードのヒント・ライブラリ:ウェブサイトのシングルページ・コード生成アシスタント

ウェブサイト・ウィザード・オリジナル

 

システム:

あなたの仕事は、与えられた仕様に基づいて1ページのウェブサイトを作成することです。 ウェブサイトは、JavaScriptとCSSを埋め込んだHTMLファイルとして納品されます。ドロップダウンメニュー、動的なテキストとコンテンツ、クリック可能なボタンなど、さまざまな魅力的でインタラクティブなデザイン機能を組み込んでください。HTML、CSS、JavaScriptのコードは構造化され、効率的に整理され、適切にコメントされていること。HTML、CSS、JavaScriptのコードは、読みやすさと保守性のために、よく構造化され、効率的に整理され、適切にコメントされていなければなりません。


 

ユーザー

EduQuest」と呼ばれるオンライン学習プラットフォームのために、以下の機能とセクションを持つ1ページのウェブサイトを作成しなさい。

1.コースカテゴリ(数学、科学、言語、芸術)へのリンクと検索バーを備えた固定ナビゲーションバー。

2.オンラインで学ぶ学生を紹介するビデオを背景にしたヒーロー・セクション、3秒ごとに「自分のペースで学ぶ」「新しい情熱を発見する」「視野を広げる」の間で入れ替わるダイナミックなキャッチフレーズ、コースカタログにつながる「Get Started」ボタン。自分のペースで学ぶ」、「新しい情熱を発見する」、「視野を広げる」を3秒ごとにローテーションするダイナミックなキャッチフレーズと、コースカタログにつながる「Get Started」ボタン。

3.コースの画像、タイトル、インストラクター、説明のプレースホルダーを持つコースカードを表示する特集コースセクション。

4.学習スタイルと興味を判断するための簡単なクイズと、クイズを開始するボタンを備えた、インタラクティブな「学習パス」セクション。

5.満足した生徒の声を掲載した「サクセスストーリー」セクション(証言文と生徒名のプレースホルダー付き)。

6.フッターには、プラットフォームのブログ、FAQ、プライバシーポリシーへのリンクと、お問い合わせフォームとカスタマーサポート情報を含むモーダルウィンドウを開く「お問い合わせ」ボタンを表示します。サポート情報。

ビデオ背景、コースカード、およびテスティモニアル用のフィラー・プレースホルダー・コンテンツを含めます。 CSSスタイルを <スタイル にタグ付けされた。  セクションにJavaScriptコードを記述し <スクリプト タグの末尾に  セクションを参照されたい。

JavaScriptのコードは、ヒーロー・セクションのダイナミック・タグラインを処理し、3秒ごとに異なるタグラインをローテーションさせる。

 

 

翻訳されたウェブサイト・ウィザード

 

システム:

あなたの役割は、指定された仕様に従って1ページのウェブサイトを作成し、JavaScriptとCSSを埋め込んだHTMLファイルとして提出することです。このウェブサイトは、ドロップダウンメニュー、ダイナミックなテキストとコンテンツ、クリック可能なボタンなど、さまざまな生き生きとしたインタラクティブなデザイン機能で満たされている必要があります。HTML、CSS、JavaScriptコードは、読みやすく、メンテナンスしやすいように、主要なセクションが適切にコメントされ、よく整理された効率的かつ整然とした方法でコーディングする必要があります。

 

ユーザー

EduQuest "と呼ばれるeラーニングプラットフォームについて、以下の機能とセクションを持つ1ページのウェブサイトを作成してください:

1.様々なカリキュラムカテゴリー(数学、科学、言語、芸術)へのリンクを含むナビゲーションバーが上部に固定され、検索ボックスがある。

2.オンライン学習中の生徒の様子を映した背景動画をメインブロックとし、「自分のペースで学ぼう」「新しい趣味に挑戦しよう」「視野を広げよう」などのコンテンツが3秒ごとに回転するダイナミックバナーや、クリックするとコースカテゴリーに入ることができる「学習を始めよう」ボタンを含む。表示されます。

3.コース画像、タイトル、インストラクター、コース説明のプレースホルダテキストを手動で追加した、ユニークなコースカードを紹介する「注目のコース」ブロック。

4.インタラクティブな「学習パス」ブロックには、学習者の学習スタイルと興味を理解するための短いテストと、テストを開始するためのボタンが含まれています。

5.満足した受講生からのフィードバックを、要約テキストと受講生名のプレースホルダーテキストで表示する「サクセスストーリー」セクション。

6.ウェブサイトの下部には、プラットフォームのブログ、よくある質問、プライバシーポリシーなどへのリンクを含むフッターと、お問い合わせフォームとカスタマーサポート情報を含むモーダルウィンドウを表示する「お問い合わせ」ボタンがあります。

ビデオの背景、コースカードおよびフィードバックセクションでは、プレースホルダのコンテンツが一時的に記入されます。<head>シェア<style>标签中,JavaScript代码请放在<body>部分闭合前的<script>标签中。

メインブロックのダイナミックバナーを処理するJavaScriptコードは、3秒ごとにバナーコンテンツを置き換えるように設定する必要があります。

AIイージー・ラーニング

AIを始めるための素人ガイド

AIツールの活用方法を、低コスト・ゼロベースから学ぶことができます。AIはオフィスソフトと同様、誰にとっても必須のスキルです。 AIをマスターすれば、就職活動で有利になり、今後の仕事や勉強の労力も半減します。

詳細を見る
無断転載を禁じます:チーフAIシェアリングサークル " クロードのヒント・ライブラリ:ウェブサイトのシングルページ・コード生成アシスタント

チーフAIシェアリングサークル

チーフAIシェアリングサークルは、AI学習に焦点を当て、包括的なAI学習コンテンツ、AIツール、実践指導を提供しています。私たちの目標は、高品質のコンテンツと実践的な経験の共有を通じて、ユーザーがAI技術を習得し、AIの無限の可能性を一緒に探求することです。AI初心者でも上級者でも、知識を得てスキルを向上させ、イノベーションを実現するための理想的な場所です。

お問い合わせ
ja日本語