| En utilisant toutes les balises head, body, p, image src...
Peux-tu me proposer un codage de site à propos de maple 3, en mettant 4 pages, une nommée « index.html » qui sera la page d'accueil du site et sur laquelle il y aura une photo du produit à gauche avec un texte de présentation à droite et en dessous la proposition des 4 gamme différentes (érable pur ; fruits-rouges, citron-gingembre et tropical /exotique). La deuxième page nommée « temoignages.html » dans laquelle il y aura plusieurs avis variés en fonction des consommateurs ayant testés maple 3 avec et sans innovation gustative, ces avis contiendrons chacun le nom, l'âge, la photo de la personne, le nombre d'étoile attribuées et une zone de texte pour ajouter le contenu de l'avis. La troisième nommée « SEO.html » qui regroupera les mots utilisés pour que le site soit pertinents (je vais te faire la liste des mots choisis après). Enfin, la quatrième et dernière page nommée « information.html » contiendra deux tableau : le premier avec une colonne avec plusieurs ligne afin de mettre les prompts envoyés à l'IA et la deuxième colonne pour expliquer ce que l'IA nous a proposé ; le deuxième tableau devra contenir deux colonnes également : une pour le nom des membres de l'équipe suivie de 4 lignes et la deuxième colonne nommé « contribution » suivie aussi de 4 lignes.
Ces 4 pages doivent être reliées entre elles et nous devons pouvoir passer de l'une à l'autre sans soucis.
De plus, je veux pouvoir mettre les images moi-même ainsi que me texte.
Les mots SEO sont répartis en 3 catégories. Catégorie 1 : Produit & Saveurs : eau d'érable, boisson maple 3, citron gingembre naturel, fruits-rouges faible calorie, boisson sportive bio. Catégorie 2 : Santé & Performance : hydratation naturelle sport, électrolytes maple, boisson sans sucre ajouté, boost gingembre naturel. Catégorie 3 : Marque & France : Maple 3 France, eau d'érable Québec, boisson alternative soda, innovation gustative maple 3, nouveau.
Ce site doit être attractif, épuré et clair en utilisant des images et icônes de fruits ainsi que des couleurs qui attirent l'oeil tout en restant dans le thème.
Enfin, il faut que tu utilises ça aussi :
utiliser la balise table, la balise ol, la balise ul
faire un site responsive
installer : visual studio code
html+css demandé mais on peut rajouter un menu avec le langage javascript | L'IA (perplexity) nous a envoyé une proposition de site mais pas parfaite car elle contenait un fichier externe css alors que nous ne pouvons avoir seulement 4 pages de codage. |
| Fais moi 3 avis pour Maple 3, une boisson à base d’eau d’érable. Dans le cadre de notre projet BUT TC, nous devons créer un site internet et adapter ce produit au marché français. pour cela, nous avons ajouté des fruits rouges à la boisson. Rédige 3 avis: deux personnes qui ont déjà goûté l’eau d’érable nature et qui testent la nouvelle version aux fruits rouges, et une personne qui n’a jamais goûté l’eau d’érable nature et qui découvre directement la version au fruits rouges. | L'IA (chatGPT) nous a proposé 3 images qui sont actuellement sur la page témoignages. |