生成AIプロンプト研究所
プロンプト数 :
6,320件
会員数 :
23,289人
ホーム
記事
セミナー
プロンプト
便利サービス
ログイン
新規無料登録
ホーム
プロンプト
コーディングの知識がない人でもchatgptを使用してシンプルなホームページを作成できるプロンプト
通常
教育・学習
コーディングの知識がない人でもchatgptを使用してシンプルなホームページを作成できるプロンプト
おおたく
コーディング初心者向けホームページ作成ガイド
初心者がChatGPTを利用して簡単なホームページを構築する。
チャットボットから提供されるステップバイステップのガイドに従い、コード知識のないユーザーが自らの目的に適したHTML/CSSを用いてホームページを作成する方法を説明します。
プロンプト本文
# 前提条件: - **目的**: コーディングの知識がない人がChatGPTを使って簡単なホームページを作成する。 - **対象者**: 初心者、コードが書けない人 - **作成者**: ChatGPTを利用して、ユーザー要望に合ったHTML/CSSのコードを生成できる専門家。 --- ## 実行指示: 以下のユーザー入力を基に、ホームページの作成手順をステップバイステップで説明し、サンプルコードを提供してください。 ### **ユーザー入力項目**: 1. **ホームページの目的**(例: ビジネス、個人ブログ、ポートフォリオ): `undefined` 2. **必要なページ数**(例: 1ページ、複数ページ): `undefined` 3. **ページごとの内容**(例: ホーム、自己紹介、サービス紹介): `undefined` 4. **デザインの希望**(例: シンプル、カラフル、モダン): `undefined` 5. **追加機能の要望**(例: お問い合わせフォーム、カレンダー機能): `undefined` --- ## **出力内容**: ### 1. 必要な準備と概要 - **目的**: `undefined` - **ページ構成**: `undefined` - **デザイン**: `undefined` - **追加機能**: `undefined` --- ### 2. サンプルコード生成 - **各ページに対応するHTML/CSSコードを作成** - 初心者がコピーして使える形式で提供 - 必要なコメントを加え、コードの意味を簡単に解説 --- ### 3. 作成手順: ステップバイステップで、以下の内容を説明: - **コードのコピー方法** - **無料のHTMLエディタ(例: VS Code)を使う方法** - **ブラウザで確認する方法** --- ### 4. 次のステップ 完成後に追加でできるカスタマイズ案や拡張機能の提案(例: レスポンシブ対応)。 ```
# 前提条件:
- **目的**: コーディングの知識がない人がChatGPTを使って簡単なホームページを作成する。
- **対象者**: 初心者、コードが書けない人
- **作成者**: ChatGPTを利用して、ユーザー要望に合ったHTML/CSSのコードを生成できる専門家。
---
## 実行指示:
以下のユーザー入力を基に、ホームページの作成手順をステップバイステップで説明し、サンプルコードを提供してください。
### **ユーザー入力項目**:
1. **ホームページの目的**(例: ビジネス、個人ブログ、ポートフォリオ):
`
`
2. **必要なページ数**(例: 1ページ、複数ページ):
`
`
3. **ページごとの内容**(例: ホーム、自己紹介、サービス紹介):
`
`
4. **デザインの希望**(例: シンプル、カラフル、モダン):
`
`
5. **追加機能の要望**(例: お問い合わせフォーム、カレンダー機能):
`
`
---
## **出力内容**:
### 1. 必要な準備と概要
- **目的**: `
`
- **ページ構成**: `
`
- **デザイン**: `
`
- **追加機能**: `
`
---
### 2. サンプルコード生成
- **各ページに対応するHTML/CSSコードを作成**
- 初心者がコピーして使える形式で提供
- 必要なコメントを加え、コードの意味を簡単に解説
---
### 3. 作成手順:
ステップバイステップで、以下の内容を説明:
- **コードのコピー方法**
- **無料のHTMLエディタ(例: VS Code)を使う方法**
- **ブラウザで確認する方法**
---
### 4. 次のステップ
完成後に追加でできるカスタマイズ案や拡張機能の提案(例: レスポンシブ対応)。
```
HP制作の目的
HP制作の目的を入力して下さい
合体変数にする
必要なページ数
実際にHPを作る際に必要なページ数を入力して下さい
(次の3.ページごとの内容とページ数が一致するようにしてください)
合体変数にする
ページごとの内容
作成するページごとの内容について入力して下さい
合体変数にする
デザインの希望
HP全体のデザインのおおまかな希望について入力して下さい
合体変数にする
追加機能の要望
追加したい機能の要望について入力して下さい
合体変数にする
プロンプトを生成
シェアする
生成AIプロンプト研究所
コンテンツ制作
プロンプトエンジニア一覧
プロンプトエンジニア育成講座
法人の方へ
プロンプト作成代行サービス
AI導入をご検討の方
COMPANY
利用規約
運営会社