Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Rakenna Portfoliosivusto ChatGPT:n Avulla | ChatGPT:n Esittely
Tekoälyavusteisen Web-Kehityksen Perusteet

bookHaaste: Rakenna Portfoliosivusto ChatGPT:n Avulla

Tässä haasteessa luodaan portfoliosivusto alusta alkaen ChatGPT:n avulla. Voit tuottaa HTML- ja CSS-koodin erikseen tai käyttää vain yhtä kehotetta. Testaa ChatGPT:n tehokkuutta itse.

Jos kohtaat ongelmia, tässä on mahdollisia kehotteita, jotka voivat auttaa:

  • "Hei ChatGPT, voitko luoda yksinkertaisen portfoliosivuston HTML:llä ja CSS:llä? Sisällytä osiot About Me, Projects, Contact ja Home page.";
  • "Tarvitsen portfoliosivuston, joka on koodattu HTML:llä ja CSS:llä. Voitko suunnitella sen esittelemään projektini, taitoni ja yhteystietoni?";
  • "ChatGPT, voisitko auttaa minua rakentamaan portfoliosivuston HTML:llä ja CSS:llä alusta alkaen? Haluan siitä selkeän ja modernin.";
  • "Haluan luoda henkilökohtaisen portfoliosivuston HTML:llä ja CSS:llä. Voitko tuottaa siihen koodin, jossa on osiot biolleni, projekteilleni ja yhteydenottolomakkeelle?";
  • "Voitko auttaa minua laatimaan portfoliosivuston HTML:llä ja CSS:llä? Haluaisin siitä responsiivisen ja visuaalisesti houkuttelevan, jossa on osiot ansioluettelolleni, projekteilleni ja yhteystiedoilleni.".

Tässä on video, joka havainnollistaa testiemme tuloksia eri kehotteilla.

Videotutoriaali

Mahdollinen tulos portfoliosivustolle

index.html

index.html

index.css

index.css

copy

1. Mihin ChatGPT on ensisijaisesti suunniteltu?

2. Mistä käyttäjät löytävät ChatGPT:n?

3. Millaisia kysymyksiä tulisi välttää luotaessa kehotteita ChatGPT:lle?

4. Mikä olisi hyvä kehotus ohjeiden pyytämiseen omenapiirakan valmistukseen?

question mark

Mihin ChatGPT on ensisijaisesti suunniteltu?

Select the correct answer

question mark

Mistä käyttäjät löytävät ChatGPT:n?

Select the correct answer

question mark

Millaisia kysymyksiä tulisi välttää luotaessa kehotteita ChatGPT:lle?

Select the correct answer

question mark

Mikä olisi hyvä kehotus ohjeiden pyytämiseen omenapiirakan valmistukseen?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 5

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

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

bookHaaste: Rakenna Portfoliosivusto ChatGPT:n Avulla

Pyyhkäise näyttääksesi valikon

Tässä haasteessa luodaan portfoliosivusto alusta alkaen ChatGPT:n avulla. Voit tuottaa HTML- ja CSS-koodin erikseen tai käyttää vain yhtä kehotetta. Testaa ChatGPT:n tehokkuutta itse.

Jos kohtaat ongelmia, tässä on mahdollisia kehotteita, jotka voivat auttaa:

  • "Hei ChatGPT, voitko luoda yksinkertaisen portfoliosivuston HTML:llä ja CSS:llä? Sisällytä osiot About Me, Projects, Contact ja Home page.";
  • "Tarvitsen portfoliosivuston, joka on koodattu HTML:llä ja CSS:llä. Voitko suunnitella sen esittelemään projektini, taitoni ja yhteystietoni?";
  • "ChatGPT, voisitko auttaa minua rakentamaan portfoliosivuston HTML:llä ja CSS:llä alusta alkaen? Haluan siitä selkeän ja modernin.";
  • "Haluan luoda henkilökohtaisen portfoliosivuston HTML:llä ja CSS:llä. Voitko tuottaa siihen koodin, jossa on osiot biolleni, projekteilleni ja yhteydenottolomakkeelle?";
  • "Voitko auttaa minua laatimaan portfoliosivuston HTML:llä ja CSS:llä? Haluaisin siitä responsiivisen ja visuaalisesti houkuttelevan, jossa on osiot ansioluettelolleni, projekteilleni ja yhteystiedoilleni.".

Tässä on video, joka havainnollistaa testiemme tuloksia eri kehotteilla.

Videotutoriaali

Mahdollinen tulos portfoliosivustolle

index.html

index.html

index.css

index.css

copy

1. Mihin ChatGPT on ensisijaisesti suunniteltu?

2. Mistä käyttäjät löytävät ChatGPT:n?

3. Millaisia kysymyksiä tulisi välttää luotaessa kehotteita ChatGPT:lle?

4. Mikä olisi hyvä kehotus ohjeiden pyytämiseen omenapiirakan valmistukseen?

question mark

Mihin ChatGPT on ensisijaisesti suunniteltu?

Select the correct answer

question mark

Mistä käyttäjät löytävät ChatGPT:n?

Select the correct answer

question mark

Millaisia kysymyksiä tulisi välttää luotaessa kehotteita ChatGPT:lle?

Select the correct answer

question mark

Mikä olisi hyvä kehotus ohjeiden pyytämiseen omenapiirakan valmistukseen?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 5
some-alt