海外からのアクセス:www.kdjingpai.com
Ctrl + D このサイトをブックマークする

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

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

 

システム:

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

 

ユーザー

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

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

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

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

4.インタラクティブな「学習進路」セクション。インタラクティブな「学習進路」セクションには、学習スタイルと興味を判断するための簡単なクイズと、開始ボタンが用意されている。

5.満足した生徒の声を掲載した「サクセスストーリー」セクション。と生徒の名前を入力します。

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

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

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

 

 

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

 

システム:

あなたの役割は、指定された仕様に従って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秒ごとにバナーコンテンツを置き換えるように設定する必要があります。

おすすめ

AIツールが見つからない?こちらをお試しください!

キーワードを入力する アクセシビリティこのサイトのAIツールセクションは、このサイトにあるすべてのAIツールを素早く簡単に見つける方法です。

受信箱

お問い合わせ

トップに戻る

ja日本語