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 Web de Portfolio avec ChatGPT | Introduction à ChatGPT
Essentiels du Développement Web avec l'IA
course content

Contenu du cours

Essentiels du Développement Web avec l'IA

Essentiels du Développement Web avec l'IA

1. Aperçu du Cours et IA dans le Codage
2. Anatomie du Site Web
3. Introduction à ChatGPT
4. Construction du Site Web du Blog

book
Défi : Créer un Site Web de Portfolio avec ChatGPT

Dans ce défi, nous allons créer un site web de portfolio à partir de zéro en utilisant ChatGPT. Vous pouvez générer le HTML et le CSS séparément ou utiliser une seule invite. Testez la puissance de ChatGPT par vous-même.

Si vous rencontrez des problèmes, voici des invites possibles qui peuvent vous aider :

  • "Salut, ChatGPT, peux-tu créer un site web de portfolio simple en utilisant HTML et CSS ? Inclure des sections pour À propos de moi, Projets, Contact, et une page d'accueil.";
  • "J'ai besoin d'un site web de portfolio codé en HTML et CSS. Peux-tu le concevoir pour mettre en valeur mes projets, compétences et informations de contact ?";
  • "ChatGPT, pourrais-tu m'aider à construire un site web de portfolio en utilisant HTML et CSS à partir de zéro ? Je veux qu'il ait un design épuré et moderne.";
  • "Je veux créer un site web de portfolio personnel en utilisant HTML et CSS. Peux-tu générer le code pour cela, avec des sections pour ma bio, mes projets et un formulaire de contact ?";
  • "Peux-tu m'aider à créer un site web de portfolio en utilisant HTML et CSS ? J'aimerais qu'il soit réactif et visuellement attrayant, avec des sections pour mon CV, mes projets et mes coordonnées.".

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

Tutoriel Vidéo

Résultat possible pour le site Web du portfolio

html

index.html

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 devrions-nous éviter lors de la création de prompts pour ChatGPT ?

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

Pour quoi ChatGPT est-il principalement conçu ?

Pour quoi ChatGPT est-il principalement conçu ?

Sélectionnez la réponse correcte

Où les utilisateurs peuvent-ils trouver ChatGPT ?

Où les utilisateurs peuvent-ils trouver ChatGPT ?

Sélectionnez la réponse correcte

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

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

Sélectionnez quelques réponses correctes

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

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

Sélectionnez la réponse correcte

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 5
We're sorry to hear that something went wrong. What happened?
some-alt