Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Skapa en Portföljsajt med ChatGPT | Introduktion till ChatGPT
Grundläggande AI-Driven Webbutveckling

bookUtmaning: Skapa en Portföljsajt med ChatGPT

I denna utmaning kommer vi att skapa en portföljsida från grunden med hjälp av ChatGPT. Du kan generera HTML och CSS separat eller använda en enda prompt. Testa ChatGPT:s kapacitet på egen hand.

Om du stöter på problem, här är några möjliga prompts som kan hjälpa dig:

  • "Hej, ChatGPT, kan du skapa en enkel portföljsida med HTML och CSS? Inkludera sektioner för About Me, Projects, Contact och en Home-sida.";
  • "Jag behöver en portföljsida kodad i HTML och CSS. Kan du designa den för att visa upp mina projekt, färdigheter och kontaktinformation?";
  • "ChatGPT, kan du hjälpa mig att bygga en portföljsida med HTML och CSS från grunden? Jag vill att den ska ha en ren och modern design.";
  • "Jag vill skapa en personlig portföljsida med HTML och CSS. Kan du generera koden för den, med sektioner för min bio, projekt och ett kontaktformulär?";
  • "Kan du hjälpa mig att skapa en portföljsida med HTML och CSS? Jag vill att den ska vara responsiv och visuellt tilltalande, med sektioner för mitt CV, projekt och kontaktuppgifter.".

Här är en video som visar resultaten av våra tester med olika uppmaningar.

Videohandledning

Möjligt resultat för portföljwebbplats

index.html

index.html

index.css

index.css

copy

1. Vad är ChatGPT huvudsakligen utformat för?

2. Var kan användare hitta ChatGPT?

3. Vilken typ av frågor bör vi undvika när vi skapar uppmaningar för ChatGPT?

4. Vad skulle vara en bra uppmaning för att be om instruktioner för att göra en äppelpaj?

question mark

Vad är ChatGPT huvudsakligen utformat för?

Select the correct answer

question mark

Var kan användare hitta ChatGPT?

Select the correct answer

question mark

Vilken typ av frågor bör vi undvika när vi skapar uppmaningar för ChatGPT?

Select the correct answer

question mark

Vad skulle vara en bra uppmaning för att be om instruktioner för att göra en äppelpaj?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 5

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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?

Awesome!

Completion rate improved to 5

bookUtmaning: Skapa en Portföljsajt med ChatGPT

Svep för att visa menyn

I denna utmaning kommer vi att skapa en portföljsida från grunden med hjälp av ChatGPT. Du kan generera HTML och CSS separat eller använda en enda prompt. Testa ChatGPT:s kapacitet på egen hand.

Om du stöter på problem, här är några möjliga prompts som kan hjälpa dig:

  • "Hej, ChatGPT, kan du skapa en enkel portföljsida med HTML och CSS? Inkludera sektioner för About Me, Projects, Contact och en Home-sida.";
  • "Jag behöver en portföljsida kodad i HTML och CSS. Kan du designa den för att visa upp mina projekt, färdigheter och kontaktinformation?";
  • "ChatGPT, kan du hjälpa mig att bygga en portföljsida med HTML och CSS från grunden? Jag vill att den ska ha en ren och modern design.";
  • "Jag vill skapa en personlig portföljsida med HTML och CSS. Kan du generera koden för den, med sektioner för min bio, projekt och ett kontaktformulär?";
  • "Kan du hjälpa mig att skapa en portföljsida med HTML och CSS? Jag vill att den ska vara responsiv och visuellt tilltalande, med sektioner för mitt CV, projekt och kontaktuppgifter.".

Här är en video som visar resultaten av våra tester med olika uppmaningar.

Videohandledning

Möjligt resultat för portföljwebbplats

index.html

index.html

index.css

index.css

copy

1. Vad är ChatGPT huvudsakligen utformat för?

2. Var kan användare hitta ChatGPT?

3. Vilken typ av frågor bör vi undvika när vi skapar uppmaningar för ChatGPT?

4. Vad skulle vara en bra uppmaning för att be om instruktioner för att göra en äppelpaj?

question mark

Vad är ChatGPT huvudsakligen utformat för?

Select the correct answer

question mark

Var kan användare hitta ChatGPT?

Select the correct answer

question mark

Vilken typ av frågor bör vi undvika när vi skapar uppmaningar för ChatGPT?

Select the correct answer

question mark

Vad skulle vara en bra uppmaning för att be om instruktioner för att göra en äppelpaj?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 5
some-alt