Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Erstellung Einer Portfolio-Website Mit ChatGPT | Einführung in ChatGPT
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Webentwicklung mit ChatGPT

bookHerausforderung: Erstellung Einer Portfolio-Website Mit ChatGPT

In dieser Aufgabe erstellen wir eine Portfolio-Website von Grund auf mit ChatGPT. Sie können HTML und CSS separat generieren oder nur eine Eingabeaufforderung verwenden. Testen Sie die Leistungsfähigkeit von ChatGPT selbst.

Falls Sie auf Schwierigkeiten stoßen, finden Sie hier mögliche Eingabeaufforderungen, die Ihnen helfen können:

  • "Hey, ChatGPT, kannst du eine einfache Portfolio-Website mit HTML und CSS erstellen? Bitte mit Abschnitten für Über mich, Projekte, Kontakt und einer Startseite.";
  • "Ich benötige eine Portfolio-Website, die in HTML und CSS programmiert ist. Kannst du sie so gestalten, dass sie meine Projekte, Fähigkeiten und Kontaktinformationen präsentiert?";
  • "ChatGPT, könntest du mir helfen, eine Portfolio-Website mit HTML und CSS von Grund auf zu erstellen? Ich möchte 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 erstellen? 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 Eingabeaufforderungen demonstriert.

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 zur Herstellung 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 zur Herstellung 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

Suggested prompts:

Can you show me some example prompts to use with ChatGPT for building a portfolio website?

What are the main sections I should include in my portfolio website?

How do I add my personal information, like my phone number, to the Contact section?

bookHerausforderung: Erstellung Einer Portfolio-Website Mit ChatGPT

Swipe um das Menü anzuzeigen

In dieser Aufgabe erstellen wir eine Portfolio-Website von Grund auf mit ChatGPT. Sie können HTML und CSS separat generieren oder nur eine Eingabeaufforderung verwenden. Testen Sie die Leistungsfähigkeit von ChatGPT selbst.

Falls Sie auf Schwierigkeiten stoßen, finden Sie hier mögliche Eingabeaufforderungen, die Ihnen helfen können:

  • "Hey, ChatGPT, kannst du eine einfache Portfolio-Website mit HTML und CSS erstellen? Bitte mit Abschnitten für Über mich, Projekte, Kontakt und einer Startseite.";
  • "Ich benötige eine Portfolio-Website, die in HTML und CSS programmiert ist. Kannst du sie so gestalten, dass sie meine Projekte, Fähigkeiten und Kontaktinformationen präsentiert?";
  • "ChatGPT, könntest du mir helfen, eine Portfolio-Website mit HTML und CSS von Grund auf zu erstellen? Ich möchte 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 erstellen? 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 Eingabeaufforderungen demonstriert.

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 zur Herstellung 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 zur Herstellung 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