Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bygg en porteføljenettside med ChatGPT | Introduksjon til ChatGPT
Grunnleggende AI-drevet Webutvikling

bookUtfordring: Bygg en porteføljenettside med ChatGPT

I denne utfordringen skal vi lage et porteføljenettsted fra bunnen av ved hjelp av ChatGPT. Du kan generere HTML og CSS separat eller bruke kun én prompt. Test kraften til ChatGPT på egen hånd.

Hvis du støter på problemer, her er noen mulige forespørsler som kan hjelpe deg:

  • "Hei, ChatGPT, kan du lage et enkelt porteføljenettsted med HTML og CSS? Inkluder seksjoner for Om meg, Prosjekter, Kontakt og en Hjem-side.";
  • "Jeg trenger et porteføljenettsted kodet i HTML og CSS. Kan du designe det for å vise frem prosjektene mine, ferdighetene mine og kontaktinformasjon?";
  • "ChatGPT, kan du hjelpe meg med å bygge et porteføljenettsted med HTML og CSS fra bunnen av? Jeg ønsker at det skal ha et rent og moderne design.";
  • "Jeg vil lage et personlig porteføljenettsted med HTML og CSS. Kan du generere koden for det, med seksjoner for min bio, prosjekter og et kontaktskjema?";
  • "Kan du hjelpe meg med å lage et porteføljenettsted med HTML og CSS? Jeg ønsker at det skal være responsivt og visuelt tiltalende, med seksjoner for CV, prosjekter og kontaktinformasjon.".

Her er en video som demonstrerer resultatene av vår testing med ulike prompt.

Videoveiledning

Mulig resultat for porteføljenettsted

index.html

index.html

index.css

index.css

copy

1. Hva er ChatGPT hovedsakelig utviklet for?

2. Hvor kan brukere finne ChatGPT?

3. Hvilke typer spørsmål bør unngås når vi lager prompt til ChatGPT?

4. Hva ville vært en god prompt for å be om instruksjoner for å lage en eplepai?

question mark

Hva er ChatGPT hovedsakelig utviklet for?

Select the correct answer

question mark

Hvor kan brukere finne ChatGPT?

Select the correct answer

question mark

Hvilke typer spørsmål bør unngås når vi lager prompt til ChatGPT?

Select the correct answer

question mark

Hva ville vært en god prompt for å be om instruksjoner for å lage en eplepai?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

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

bookUtfordring: Bygg en porteføljenettside med ChatGPT

Sveip for å vise menyen

I denne utfordringen skal vi lage et porteføljenettsted fra bunnen av ved hjelp av ChatGPT. Du kan generere HTML og CSS separat eller bruke kun én prompt. Test kraften til ChatGPT på egen hånd.

Hvis du støter på problemer, her er noen mulige forespørsler som kan hjelpe deg:

  • "Hei, ChatGPT, kan du lage et enkelt porteføljenettsted med HTML og CSS? Inkluder seksjoner for Om meg, Prosjekter, Kontakt og en Hjem-side.";
  • "Jeg trenger et porteføljenettsted kodet i HTML og CSS. Kan du designe det for å vise frem prosjektene mine, ferdighetene mine og kontaktinformasjon?";
  • "ChatGPT, kan du hjelpe meg med å bygge et porteføljenettsted med HTML og CSS fra bunnen av? Jeg ønsker at det skal ha et rent og moderne design.";
  • "Jeg vil lage et personlig porteføljenettsted med HTML og CSS. Kan du generere koden for det, med seksjoner for min bio, prosjekter og et kontaktskjema?";
  • "Kan du hjelpe meg med å lage et porteføljenettsted med HTML og CSS? Jeg ønsker at det skal være responsivt og visuelt tiltalende, med seksjoner for CV, prosjekter og kontaktinformasjon.".

Her er en video som demonstrerer resultatene av vår testing med ulike prompt.

Videoveiledning

Mulig resultat for porteføljenettsted

index.html

index.html

index.css

index.css

copy

1. Hva er ChatGPT hovedsakelig utviklet for?

2. Hvor kan brukere finne ChatGPT?

3. Hvilke typer spørsmål bør unngås når vi lager prompt til ChatGPT?

4. Hva ville vært en god prompt for å be om instruksjoner for å lage en eplepai?

question mark

Hva er ChatGPT hovedsakelig utviklet for?

Select the correct answer

question mark

Hvor kan brukere finne ChatGPT?

Select the correct answer

question mark

Hvilke typer spørsmål bør unngås når vi lager prompt til ChatGPT?

Select the correct answer

question mark

Hva ville vært en god prompt for å be om instruksjoner for å lage en eplepai?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5
some-alt