Crackitas

L’apéro qui sort de l’ordinaire : des churros salés, des saveurs audacieuses, du fun à chaque bouchée !

Tableau 1 : Utilisation d'IA

IA/Prompt

Contenu

Perplexity

Prompt : "Que dois-je mettre dans ma feuille style pour avoir un bandeau orange tout en haut de mon site ? Je voudrais aussi que l'écriture soit blanche"
header { background-color: #ffb347; color: white; padding: 20px; text-align: center; }
Perplexity

Prompt : "Comment mettre une partie avec les titres des pages de mon site où quand on clique dessus on arrive directement sur la page ? Explique à quoi sert chaque balise"
Nav { background-color: #f77f00; padding: 10px; text-align: center; } nav a { color: white; text-decoration: none; /* Enlever le soulignement des liens */ margin: 0 10px; /* Espacement entre les liens */ }
Perplexity

Prompt : "comment faire un tableau en html ?"
<table> <thead> <tr> <th>En-tête 1</th> <th>En-tête 2</th> </tr> </thead> <tbody> <tr> <td>Donnée 1</td> <td>Donnée 2</td> </tr> <tr> <td>Donnée 3</td> <td>Donnée 4</td> </tr> </tbody> </table> Explication <table>: Définit le tableau. <thead>: Définit l’en-tête du tableau. <tr>: Définit une ligne du tableau. <th>: Définit une cellule d’en-tête (dans <thead>). <tbody>: Définit le corps du tableau. <td>: Définit une cellule de donnée (dans <tbody>).
Perplexity

Prompt : "Comment mettre une image à droite ?"
Ajoute simplement l'attribut style="float: right;" à ta balise <img>
Perplexity

Prompt : "Comment créer un pied de page?"
Pour créer un pied de page (footer) en HTML, tu utilises la balise <footer>. Cette section se place généralement en bas de ta page et contient des informations comme les droits d’auteur, des liens vers les mentions légales, contacts, réseaux sociaux, etc.


Tableau 2 : Contribution des étudiantes

Étudiante

Contributions

Lisa Cancho-Garrry Codage de la page Index (bandeaux de haut de page, différents blocs, informations)
Codage de la page de style
Aide sur le codage des tableaux
Romane Ait-Hamoudi Codage de la page SEO
Ajout du texte sur la page Informations
Réalisation du pied de page
Lou Corlay Codage de la page Informations (tableaux)
Ajout d'informations sur la page Témoignage
Ajout des images
Eloïse Bonnamy Codage de la page Témoignage
Ajout d'informations sur la page Index
Réalisation de la partie Contact & Distribution