Comme on l’a vu dans l’épisode précédent, le script en C qui traite les données envoyées par le formulaire suit 4 étapes :
- Recevoir et lire les données brutes envoyées par le formulaire
- Retraiter ces données pour qu’elles soient exploitables
- Effectuer les traitements requis
- Produire et renvoyer une page HTML de réponse
Dans cet épisode nous allons nous intéresser à l’étape 4.
Vous n’y coupez pas, si votre code C doit écrire une page HTML / CSS / Javascript via des printfs, vous devez maîtriser les langages HTML, CSS et Javascript. Ou maîtriser une IA.
Personnellement je n’aime pas particulièrement cette partie, alors je demande à une IA gratuite (DeepSeek en ce qui me concerne) de me générer un couple index.html / styles.css qui donne un look moderne aux widgets (boutons, zones de saisie de texte, zone de saisie de mot de passe, boutons radio, cases à cocher, etc).
Une fois que le fichier styles.css contient le look pile poil aux petits oignons pour tous les widgets, l’IA me génère le fichier index.html qui montre comment invoquer chaque widget dans ce look. Après au niveau du programme en C ce n’est plus que de l’assemblage de lego.
Voici par exemple la page d’accueil de mon réseau social entièrement codé en C, utilisant un look Matrix concocté par DeepSeek :
Sans aller dans un extrême psychédélique comme celui ci-dessus, voici ci-dessous par exemple une page HTML / CSS d’exemple au look moderne, générée par DeepSeek, que j’utilise dans d’autres projets en C :
L’analyse du code source de index.html montre par exemple comment générer en C la zone de saisie de texte « Votre adresse email » :
printf(\"<div class=\"input-group\">\n\
<span class=\"input-icon\">✉️</span>\n\
<input type=\"email\" name=\"email\" placeholder=\"Votre adresse email\" class=\"input-field\" required>\n\
</div>\n");
Vous voyez le principe ? Je n’invente rien, mes scripts C ne font qu’afficher via printf ce que l’IA dit qu’il faut afficher pour avoir la zone de saisie de texte dans le look moderne souhaité.
