| “Voici une capture d'écran d'une interface utilisateur d'un site web. Votre mission est de générer le code HTML, CSS et JavaScript qui aurait pu être utilisé pour construire cette interface, en suivant ces étapes : 1. Analysez attentivement la capture d'écran pour identifier les différents éléments de l'interface (en-tête, pied de page, menu de navigation, formulaires, boutons, etc). 2. Écrivez le code HTML pour structurer le contenu de la page. Utilisez des balises sémantiques appropriées comme header, nav, main, section, article, aside, footer, etc. 3. Créez une feuille de style CSS pour mettre en forme et positionner les éléments HTML. Efforcez-vous de reproduire au mieux l'apparence visuelle de l'interface (couleurs, polices, marges, paddings, ombres, arrondis, etc). Utilisez des sélecteurs de classe plutôt que des IDs. 4. Si nécessaire, ajoutez du code JavaScript pour gérer les interactions et les fonctionnalités dynamiques (menus déroulants, fenêtres modales, formulaires, validation, animations, appels API, etc). 5. Mettez le code HTML, CSS et JS dans des balises avec le type "text/html" pour que je puisse prévisualiser le rendu de l'interface directement dans notre conversation.” |
