Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Erstellen Einer Portfolio-Website Mit ChatGPT | Einführung in ChatGPT
KI-gestützte Webentwicklung: Grundlagen

bookHerausforderung: Erstellen Einer Portfolio-Website Mit ChatGPT

In dieser Aufgabe wird eine Portfolio-Website von Grund auf mit ChatGPT erstellt. HTML und CSS können separat generiert werden oder mit nur einer Eingabeaufforderung. Die Leistungsfähigkeit von ChatGPT eigenständig testen.

Bei Schwierigkeiten können folgende Eingabeaufforderungen hilfreich sein:

  • "Hey, ChatGPT, kannst du eine einfache Portfolio-Website mit HTML und CSS erstellen? Bitte Abschnitte für Über mich, Projekte, Kontakt und eine Startseite einfügen.";
  • "Ich benötige eine Portfolio-Website, die in HTML und CSS programmiert ist. Kannst du sie so gestalten, dass meine Projekte, Fähigkeiten und Kontaktinformationen präsentiert werden?";
  • "ChatGPT, könntest du mir helfen, eine Portfolio-Website mit HTML und CSS von Grund auf zu erstellen? Ich wünsche mir ein klares und modernes Design.";
  • "Ich möchte eine persönliche Portfolio-Website mit HTML und CSS erstellen. Kannst du den Code dafür generieren, mit Abschnitten für meine Biografie, Projekte und ein Kontaktformular?";
  • "Kannst du mir dabei helfen, eine Portfolio-Website mit HTML und CSS zu gestalten? Sie soll responsiv und optisch ansprechend sein, mit Abschnitten für meinen Lebenslauf, Projekte und Kontaktdaten.".

Hier ist ein Video, das die Ergebnisse unserer Tests mit verschiedenen Prompts zeigt.

Videoanleitung

Mögliches Ergebnis für Portfolio-Website

index.html

index.html

index.css

index.css

copy

1. Wofür ist ChatGPT hauptsächlich konzipiert?

2. Wo können Nutzer ChatGPT finden?

3. Welche Art von Fragen sollten wir vermeiden, wenn wir Prompts für ChatGPT erstellen?

4. Was wäre ein guter Prompt, um eine Anleitung für die Zubereitung eines Apfelkuchens zu erhalten?

question mark

Wofür ist ChatGPT hauptsächlich konzipiert?

Select the correct answer

question mark

Wo können Nutzer ChatGPT finden?

Select the correct answer

question mark

Welche Art von Fragen sollten wir vermeiden, wenn wir Prompts für ChatGPT erstellen?

Select the correct answer

question mark

Was wäre ein guter Prompt, um eine Anleitung für die Zubereitung eines Apfelkuchens zu erhalten?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 5

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 5

bookHerausforderung: Erstellen Einer Portfolio-Website Mit ChatGPT

Swipe um das Menü anzuzeigen

In dieser Aufgabe wird eine Portfolio-Website von Grund auf mit ChatGPT erstellt. HTML und CSS können separat generiert werden oder mit nur einer Eingabeaufforderung. Die Leistungsfähigkeit von ChatGPT eigenständig testen.

Bei Schwierigkeiten können folgende Eingabeaufforderungen hilfreich sein:

  • "Hey, ChatGPT, kannst du eine einfache Portfolio-Website mit HTML und CSS erstellen? Bitte Abschnitte für Über mich, Projekte, Kontakt und eine Startseite einfügen.";
  • "Ich benötige eine Portfolio-Website, die in HTML und CSS programmiert ist. Kannst du sie so gestalten, dass meine Projekte, Fähigkeiten und Kontaktinformationen präsentiert werden?";
  • "ChatGPT, könntest du mir helfen, eine Portfolio-Website mit HTML und CSS von Grund auf zu erstellen? Ich wünsche mir ein klares und modernes Design.";
  • "Ich möchte eine persönliche Portfolio-Website mit HTML und CSS erstellen. Kannst du den Code dafür generieren, mit Abschnitten für meine Biografie, Projekte und ein Kontaktformular?";
  • "Kannst du mir dabei helfen, eine Portfolio-Website mit HTML und CSS zu gestalten? Sie soll responsiv und optisch ansprechend sein, mit Abschnitten für meinen Lebenslauf, Projekte und Kontaktdaten.".

Hier ist ein Video, das die Ergebnisse unserer Tests mit verschiedenen Prompts zeigt.

Videoanleitung

Mögliches Ergebnis für Portfolio-Website

index.html

index.html

index.css

index.css

copy

1. Wofür ist ChatGPT hauptsächlich konzipiert?

2. Wo können Nutzer ChatGPT finden?

3. Welche Art von Fragen sollten wir vermeiden, wenn wir Prompts für ChatGPT erstellen?

4. Was wäre ein guter Prompt, um eine Anleitung für die Zubereitung eines Apfelkuchens zu erhalten?

question mark

Wofür ist ChatGPT hauptsächlich konzipiert?

Select the correct answer

question mark

Wo können Nutzer ChatGPT finden?

Select the correct answer

question mark

Welche Art von Fragen sollten wir vermeiden, wenn wir Prompts für ChatGPT erstellen?

Select the correct answer

question mark

Was wäre ein guter Prompt, um eine Anleitung für die Zubereitung eines Apfelkuchens zu erhalten?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 5
some-alt