Dé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.css

1. Pour quelle utilisation principale ChatGPT a-t-il été 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 ?

Pour quelle utilisation principale ChatGPT a-t-il été conçu ?

Select the correct answer

Génération d’images.

Génération de texte semblable à celui d’un humain dans des contextes conversationnels.

Jouer à des jeux vidéo.

Lecture de livres.

Où les utilisateurs peuvent-ils trouver ChatGPT ?

Select the correct answer

Site officiel - https://chatgpt.com/.

Devenir employé chez OpenAI.

C’est un produit à acheter sur Amazon.

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

Select the correct answer

Questions ouvertes.

Questions ambiguës.

Questions fermées (oui/non).

Questions contextuelles.

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

Select the correct answer

Comment puis-je préparer une délicieuse tarte aux pommes à partir de zéro ?

Parle-moi de la tarte aux pommes.

À quelle température dois-je cuire ma tarte aux pommes ?

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5

Demandez à l'IA

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

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?

Génial!

Completion taux amélioré à 5

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

Glissez pour afficher le menu

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.css

1. Pour quelle utilisation principale ChatGPT a-t-il été 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 ?

Pour quelle utilisation principale ChatGPT a-t-il été conçu ?

Select the correct answer

Génération d’images.

Génération de texte semblable à celui d’un humain dans des contextes conversationnels.

Jouer à des jeux vidéo.

Lecture de livres.

Où les utilisateurs peuvent-ils trouver ChatGPT ?

Select the correct answer

Site officiel - https://chatgpt.com/.

Devenir employé chez OpenAI.

C’est un produit à acheter sur Amazon.

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

Select the correct answer

Questions ouvertes.

Questions ambiguës.

Questions fermées (oui/non).

Questions contextuelles.

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

Select the correct answer

Comment puis-je préparer une délicieuse tarte aux pommes à partir de zéro ?

Parle-moi de la tarte aux pommes.

À quelle température dois-je cuire ma tarte aux pommes ?

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5