Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Créer un Site Portfolio avec ChatGPT | Introduction à ChatGPT
Essentiels du Développement Web Propulsé par l'IA

bookDéfi : Créer un Site Portfolio avec ChatGPT

Dans ce défi, création d’un site web de portfolio à partir de zéro à l’aide de ChatGPT. Possibilité de générer séparément le HTML et le CSS ou d’utiliser une seule invite. Expérimentation des capacités de ChatGPT de manière autonome.

En cas de difficultés, voici quelques exemples d’invites utiles :

  • "Hey, ChatGPT, can you create a simple portfolio website using HTML and CSS? Include sections for About Me, Projects, Contact, and a Home page.";
  • "I need a portfolio website coded in HTML and CSS. Can you design it to showcase my projects, skills, and contact information?";
  • "ChatGPT, could you help me build a portfolio website using HTML and CSS from scratch? I want it to have a clean and modern design.";
  • "I want to create a personal portfolio website using HTML and CSS. Can you generate the code for it, with sections for my bio, projects, and a contact form?";
  • "Can you assist me in crafting a portfolio website using HTML and CSS? I'd like it to be responsive and visually appealing, with sections for my resume, projects, and contact details.".

Voici une vidéo démontrant les résultats de nos tests avec différents prompts.

Tutoriel vidéo

Résultat possible pour le site portfolio

index.html

index.html

index.css

index.css

copy

1. Pour quoi ChatGPT est-il principalement conçu ?

2. Où les utilisateurs peuvent-ils trouver ChatGPT ?

3. Quel type de questions devons-nous éviter lors de la création de prompts pour ChatGPT ?

4. Quel serait un bon prompt pour demander des instructions sur la préparation d'une tarte aux pommes ?

question mark

Pour quoi ChatGPT est-il principalement conçu ?

Select the correct answer

question mark

Où les utilisateurs peuvent-ils trouver ChatGPT ?

Select the correct answer

question mark

Quel type de questions devons-nous éviter lors de la création de prompts pour ChatGPT ?

Select the correct answer

question mark

Quel serait un bon prompt pour demander des instructions sur la préparation d'une tarte aux pommes ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 5

bookDéfi : Créer un Site Portfolio avec ChatGPT

Glissez pour afficher le menu

Dans ce défi, création d’un site web de portfolio à partir de zéro à l’aide de ChatGPT. Possibilité de générer séparément le HTML et le CSS ou d’utiliser une seule invite. Expérimentation des capacités de ChatGPT de manière autonome.

En cas de difficultés, voici quelques exemples d’invites utiles :

  • "Hey, ChatGPT, can you create a simple portfolio website using HTML and CSS? Include sections for About Me, Projects, Contact, and a Home page.";
  • "I need a portfolio website coded in HTML and CSS. Can you design it to showcase my projects, skills, and contact information?";
  • "ChatGPT, could you help me build a portfolio website using HTML and CSS from scratch? I want it to have a clean and modern design.";
  • "I want to create a personal portfolio website using HTML and CSS. Can you generate the code for it, with sections for my bio, projects, and a contact form?";
  • "Can you assist me in crafting a portfolio website using HTML and CSS? I'd like it to be responsive and visually appealing, with sections for my resume, projects, and contact details.".

Voici une vidéo démontrant les résultats de nos tests avec différents prompts.

Tutoriel vidéo

Résultat possible pour le site portfolio

index.html

index.html

index.css

index.css

copy

1. Pour quoi ChatGPT est-il principalement conçu ?

2. Où les utilisateurs peuvent-ils trouver ChatGPT ?

3. Quel type de questions devons-nous éviter lors de la création de prompts pour ChatGPT ?

4. Quel serait un bon prompt pour demander des instructions sur la préparation d'une tarte aux pommes ?

question mark

Pour quoi ChatGPT est-il principalement conçu ?

Select the correct answer

question mark

Où les utilisateurs peuvent-ils trouver ChatGPT ?

Select the correct answer

question mark

Quel type de questions devons-nous éviter lors de la création de prompts pour ChatGPT ?

Select the correct answer

question mark

Quel serait un bon prompt pour demander des instructions sur la préparation d'une tarte aux pommes ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5
some-alt