IA-révision : créer une page web avec un tableur

Objectif :

Se créer une page web à partir d'un tableur

outil :

une IA (Claude, Mistral, ...)

je vous propose :

• un tableur avec des données : ici, la liste des anciens étudiants d'un BTS
• le prompt ci dessous : bien évidemment, vous pourrez le corriger, compléter, adapter, ...etc

---

A vous de jouer (génération du fichier via l'ia)

A partir du fichier tableur joint, je souhaite que tu me génères un code HTML complet et fonctionnel pour une application simple de gestion des anciens étudiants, destinée à la gestion finale le jour J
Voici les spécifications détaillées :
Je veux les colonnes : nom (texte), prénom (texte), réponse enq (nombre), promotion (nombre), participation (case à cocher), repas (case à cocher), chèque (case à cocher), obtention BTS (liste de choix), situation actuelle (liste de choix), niveau d’étude (liste de choix)
Ajoute un bouton pour trier les noms de façon croissante
Ajoute un bouton pour trier les chèques de façon croissante
Ajoute un bouton « télécharger en CSV »
Colorie les cellules de la colonne « situation actuelle » en bleu si elle contient « autre »
Le style visuel :
Ajoute des bordures autour de chaque cellule avec border-collapse,
Utilise des bordures légères pour un look épuré
Le titre de la page sera « gestion des anciens étudiants »
Compatibilité :
Code HTML/CSS/JS autonome (pas de dépendances externes).
Fonctionne hors ligne après enregistrement sur l'ordinateur.
Contraintes :
Simplicité : Le code doit être copiable/collable dans un fichier .html et s'ouvrir directement dans un navigateur.
Accessibilité : Police lisible, couleurs contrastées, interface adaptée aux débutants.
Pas de base de données : Les données saisies ne doivent pas être stockées en ligne, seulement affichées à l'écran.
Livrable attendu :
Un fichier HTML unique (avec CSS et JS intégrés) prêt à l'emploi.
Un design responsive (adapté aux écrans d'ordinateur et tablettes).

---

Céation du fichier

• copier le code généré par votre IA
• ouvrir le bloc notes : Menu démarrer de votre ordinateur (en bas à gauche) puis toutes les applications
• coller le code
• Fichier => Enregistrer sous
• saisir le nom du fichier ET ajouter ".html" ; attention au dossier de rangement ...
• il ne reste plus qu'à réaliser un double clic sur le fichier pour qu'il s'ouvre dans le navigateur

Les résultats avec 3 IA :

• avec piag - Claude : Télécharger le fichier généré
• avec piag - Mistral : Télécharger le fichier généré
• avec piag - Perplexity : Télécharger le fichier généré

puis modifier l'extension du fichier avec le bloc-notes : il faut ajouter l'extention ".html"