{"id":38338,"date":"2025-03-04T09:44:33","date_gmt":"2025-03-04T09:44:33","guid":{"rendered":"\/tutoriels\/?p=38338"},"modified":"2025-03-05T12:42:33","modified_gmt":"2025-03-05T12:42:33","slug":"prompting-avec-hostinger-horizons","status":"publish","type":"post","link":"\/fr\/tutoriels\/prompting-avec-hostinger-horizons\/","title":{"rendered":"Prompting avec Hostinger Horizons : cr\u00e9er votre application web efficacement"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Hostinger Horizons est un outil d&rsquo;IA sans code qui vous permet de cr&eacute;er des applications web en &eacute;crivant simplement des invites. Il utilise le traitement du langage naturel (NLP) pour interpr&eacute;ter vos entr&eacute;es et g&eacute;n&eacute;rer des conceptions et des caract&eacute;ristiques enti&egrave;rement fonctionnelles sans codage manuel.<\/p><p class=\"wp-block-paragraph\">Pour obtenir les meilleurs r&eacute;sultats, vous devez r&eacute;diger des messages clairs et d&eacute;taill&eacute;s. Plus vos instructions sont pr&eacute;cises, mieux Hostinger Horizons comprendra vos besoins et fournira des r&eacute;sultats pr&eacute;cis et de haute qualit&eacute;. En revanche, des instructions vagues ou incompl&egrave;tes peuvent conduire &agrave; des r&eacute;sultats non pertinents ou incorrects.<\/p><p class=\"wp-block-paragraph\">Dans cet article, vous apprendrez &agrave; r&eacute;diger des messages-guides efficaces pour Hostinger Horizons. Nous partagerons des conseils pratiques, comparerons les bons et les mauvais messages-guides et mettrons en &eacute;vidence les erreurs courantes &agrave; &eacute;viter. &Agrave; la fin, vous serez en mesure de cr&eacute;er des applications Web qui correspondent &agrave; votre vision avec un minimum d&rsquo;ajustements.<\/p><h2 class=\"wp-block-heading\" id=\"h-conseils-de-redaction-de-prompts-pour-hostinger-horizons\"><strong>Conseils de r&eacute;daction de prompts pour Hostinger Horizons<\/strong><\/h2><p class=\"wp-block-paragraph\">De la concision &agrave; l&rsquo;it&eacute;ration et &agrave; l&rsquo;affinage de vos entr&eacute;es, voici quelques conseils de prompting qui vous aideront &agrave; <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-une-application-web-avec-hostinger-horizons\/\">cr&eacute;er une application web efficacement avec Hostinger Horizons<\/a>.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-etre-clair-et-precis\"><strong>1. &Ecirc;tre clair et pr&eacute;cis<\/strong><\/h3><p class=\"wp-block-paragraph\">&Ecirc;tre clair et sp&eacute;cifique signifie r&eacute;diger votre message de mani&egrave;re pr&eacute;cise et d&eacute;taill&eacute;e, en laissant peu de place &agrave; l&rsquo;ambigu&iuml;t&eacute;. D&eacute;finissez clairement la t&acirc;che, le r&eacute;sultat souhait&eacute; et le contexte.<\/p><p class=\"wp-block-paragraph\">En utilisant des invites sp&eacute;cifiques et d&eacute;taill&eacute;es, vous aidez <a href=\"\/fr\/horizons\">Hostinger Horizons<\/a> &agrave; comprendre vos besoins exacts, &agrave; r&eacute;duire le nombre d&rsquo;it&eacute;rations et &agrave; s&rsquo;assurer que l&rsquo;outil d&rsquo;IA g&eacute;n&egrave;re des r&eacute;sultats qui correspondent &agrave; vos besoins.<\/p><p class=\"wp-block-paragraph\"><strong>Un bon exemple de prompt :<\/strong><\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez un outil de suggestion de recettes aliment&eacute; par l'IA qui permet aux utilisateurs de saisir les ingr&eacute;dients disponibles et de recevoir des recommandations de recettes personnalis&eacute;es. Affichez les d&eacute;tails de la recette, y compris le temps de cuisson, le niveau de difficult&eacute; et les instructions &eacute;tape par &eacute;tape. Utilisez une interface utilisateur propre et moderne avec un arri&egrave;re-plan pastel, des couleurs douces et des images d'aliments de haute qualit&eacute;.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Cette invite fournit des instructions claires sur le contenu, la structure et les &eacute;l&eacute;ments de conception, de sorte que Hostinger Horizons peut g&eacute;n&eacute;rer une page web qui correspond &eacute;troitement &agrave; la vision de l&rsquo;utilisateur.<\/p><figure data-wp-context='{\"imageId\":\"6a775f01729d9\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a775f01729d9\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"453\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-recettes.png\/w=1024,h=1024,fit=scale-down\" alt=\"Une invite pour montrer comment &ecirc;tre clair et pr&eacute;cis lors de l'utilisation de Hostinger Horizons\" class=\"wp-image-38406\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-recettes.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-recettes.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-recettes.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-recettes.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/horizons\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/03\/FR_Horizons_in-text-banner-1024x300-1.png\/public\" alt=\"\" class=\"wp-image-41441\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/03\/FR_Horizons_in-text-banner-1024x300-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/03\/FR_Horizons_in-text-banner-1024x300-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/03\/FR_Horizons_in-text-banner-1024x300-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/03\/FR_Horizons_in-text-banner-1024x300-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p class=\"wp-block-paragraph\"><strong>Un mauvais exemple de prompt :<\/strong><\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez un outil de recette.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Cette proposition est trop vague et manque de d&eacute;tails cl&eacute;s sur le type d&rsquo;outil de recette dont vous avez besoin, son objectif, ses caract&eacute;ristiques, son contenu et ses pr&eacute;f&eacute;rences en mati&egrave;re de conception. Vous obtiendrez un outil de recette, mais il sera loin de r&eacute;pondre &agrave; vos besoins r&eacute;els et n&eacute;cessitera beaucoup de travail.&nbsp;<\/p><p class=\"wp-block-paragraph\"><strong>Meilleures pratiques pour r&eacute;diger des prompts clairs et pr&eacute;cis<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>D&eacute;crire l&rsquo;interaction avec l&rsquo;utilisateur et le flux de navigation <\/strong>&ndash; d&eacute;crire comment les utilisateurs doivent naviguer dans l&rsquo;application et interagir avec ses fonctionnalit&eacute;s.<\/li>\n\n\n\n<li><strong>Sp&eacute;cifiez vos pr&eacute;f&eacute;rences en design et esth&eacute;tique <\/strong>&ndash; donnez des d&eacute;tails sur les aspects visuels afin que Hostinger Horizons puisse aligner le design sur l&rsquo;identit&eacute; de votre marque ou votre style personnel.<\/li>\n<\/ul><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Lecture recommand&eacute;e                <\/p>\n            <\/div>\n            <p class=\"protip__content\">Familiarisez-vous avec l'<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/demarrer-avec-hostinger-horizons\/\">interface et les principales fonctionnalit&eacute;s de Hostinger Horizons<\/a> en lisant notre guide.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-2-decomposer-les-idees-complexes\"><strong>2. D&eacute;composer les id&eacute;es complexes<\/strong><\/h3><p class=\"wp-block-paragraph\">Lorsque vous utilisez Hostinger Horizons, il se peut que vous souhaitiez inclure plusieurs fonctionnalit&eacute;s dans votre application Web. Il peut sembler efficace de tout demander en une seule fois afin d&rsquo;&eacute;conomiser votre limite de messages. Cependant, la d&eacute;composition d&rsquo;id&eacute;es complexes en t&acirc;ches plus petites et plus faciles &agrave; g&eacute;rer permet d&rsquo;obtenir de meilleurs r&eacute;sultats.<\/p><p class=\"wp-block-paragraph\">Cette approche, connue sous le nom de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/prompt-engineering\/\">technique de prompting<\/a> d&eacute;compos&eacute;e, permet &agrave; Hostinger Horizons de se concentrer sur des instructions sp&eacute;cifiques sans &ecirc;tre submerg&eacute; par des d&eacute;tails excessifs. L&rsquo;isolation des t&acirc;ches permet &eacute;galement d&rsquo;identifier et de corriger plus facilement les erreurs dans des sections sp&eacute;cifiques.<\/p><p class=\"wp-block-paragraph\"><strong>Exemples de bons prompts :<\/strong><\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez un formulaire de soumission de critiques de films afin que les utilisateurs puissent noter les films sur une &eacute;chelle de 1 &agrave; 5 &eacute;toiles et r&eacute;diger un texte de critique de 500 mots maximum.<\/pre><pre class=\"wp-block-preformatted\">Concevez une page de base de donn&eacute;es de films affichant les titres des films avec les affiches, les genres, les dates de sortie et les notes moyennes des utilisateurs, triables par note et par date de sortie.<\/pre><pre class=\"wp-block-preformatted\">Mettez en place une fonctionnalit&eacute; de recherche qui permet aux utilisateurs de trouver des films par titre, genre ou acteur, avec des suggestions autocompl&egrave;tes.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ?<\/strong> En abordant chaque fonctionnalit&eacute; avec une invite sp&eacute;cifique, le processus de d&eacute;veloppement est plus cibl&eacute;, ce qui permet d&rsquo;obtenir une application web de critique de films fonctionnelle et conviviale.<\/p><figure data-wp-context='{\"imageId\":\"6a775f0175aa8\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a775f0175aa8\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"461\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/critique-de-films.png\/w=1024,h=1024,fit=scale-down\" alt=\"Une invite pour d&eacute;montrer comment d&eacute;composer des id&eacute;es complexes lors de l'utilisation de Hostinger Horizons\" class=\"wp-image-38410\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/critique-de-films.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/critique-de-films.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/critique-de-films.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/critique-de-films.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p class=\"wp-block-paragraph\"><strong>Un mauvais exemple de prompt :<\/strong><\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez un site web complet de critiques de films avec des comptes d'utilisateurs, des listes de films, des soumissions de critiques et des fonctions de recherche.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Cette invite est trop g&eacute;n&eacute;rale et ne comporte pas d&rsquo;instructions d&eacute;taill&eacute;es pour chaque fonction. Par cons&eacute;quent, l&rsquo;IA peut produire un r&eacute;sultat incomplet ou incoh&eacute;rent, ce qui augmente le risque d&rsquo;erreurs.<\/p><p class=\"wp-block-paragraph\"><strong>Meilleures pratiques pour d&eacute;composer des id&eacute;es complexes<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Hi&eacute;rarchisez les t&acirc;ches en fonction des d&eacute;pendances <\/strong>&ndash; identifiez les fonctionnalit&eacute;s qui d&eacute;pendent des autres et structurez votre d&eacute;veloppement en cons&eacute;quence.<\/li>\n\n\n\n<li><strong>Fixer des objectifs clairs pour chaque &eacute;l&eacute;ment <\/strong>&ndash; d&eacute;finir des objectifs sp&eacute;cifiques et des r&eacute;sultats escompt&eacute;s afin que chaque &eacute;l&eacute;ment fonctionne comme pr&eacute;vu.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-3-commencez-par-les-fonctionnalites-principales\"><strong>3. Commencez par les fonctionnalit&eacute;s principales<\/strong><\/h3><p class=\"wp-block-paragraph\">Dans le prolongement du conseil pr&eacute;c&eacute;dent, il est toujours bon de se concentrer sur la fonctionnalit&eacute; de base avant d&rsquo;ajouter des caract&eacute;ristiques suppl&eacute;mentaires. Cela permet &agrave; Hostinger Horizons de comprendre vos besoins imm&eacute;diats et de cr&eacute;er une base solide avant d&rsquo;int&eacute;grer des &eacute;l&eacute;ments suppl&eacute;mentaires.<\/p><p class=\"wp-block-paragraph\">Le fait de s&rsquo;occuper d&rsquo;abord des fonctionnalit&eacute;s de base vous permet &eacute;galement d&rsquo;utiliser efficacement votre temps et les limites de vos messages, en &eacute;vitant une complexit&eacute; inutile pour vous et pour l&rsquo;outil dans les phases initiales.<\/p><p class=\"wp-block-paragraph\"><strong>Un bon exemple de prompt :<\/strong><\/p><pre class=\"wp-block-preformatted\">D&eacute;veloppez une plateforme de r&eacute;seaux sociaux qui permet aux utilisateurs de cr&eacute;er des profils et de partager des photos avec des l&eacute;gendes. Incluez des fonctions de base telles que l'enregistrement des utilisateurs, la personnalisation du profil et un flux de photos affichant les publications des utilisateurs suivis.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ?<\/strong> Cette invite se concentre sur les aspects fondamentaux de la plateforme, offrant &agrave; Hostinger Horizons un champ d&rsquo;action clair et g&eacute;rable pour une ex&eacute;cution efficace.<\/p><figure data-wp-context='{\"imageId\":\"6a775f0177d98\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a775f0177d98\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"453\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/plateforme-social-media.png\/w=1024,h=1024,fit=scale-down\" alt=\"Une invite pour d&eacute;montrer comment d&eacute;marrer uniquement avec les fonctionnalit&eacute;s de base lors de l'utilisation de Hostinger Horizons\" class=\"wp-image-38411\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/plateforme-social-media.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/plateforme-social-media.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/plateforme-social-media.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/plateforme-social-media.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p class=\"wp-block-paragraph\"><strong>Un mauvais exemple de prompt :<\/strong><\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez une plateforme de r&eacute;seaux sociaux avec des profils d'utilisateurs, une messagerie, le partage de photos, la diffusion en direct, une place de march&eacute;, une section blog, l'int&eacute;gration de la r&eacute;alit&eacute; virtuelle et des recommandations de contenu pilot&eacute;es par l'IA.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ?<\/strong> Cette invite submerge Hostinger Horizons avec trop de caract&eacute;ristiques &agrave; la fois, sans se concentrer sur les fonctionnalit&eacute;s essentielles. Par cons&eacute;quent, il peut g&eacute;n&eacute;rer des r&eacute;sultats incomplets ou non cibl&eacute;s.<\/p><p class=\"wp-block-paragraph\"><strong>Bonnes pratiques pour commencer par les fonctionnalit&eacute;s principales<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>D&eacute;finissez l&rsquo;objectif de votre application web <\/strong>&ndash; Indiquez clairement ce que votre application est cens&eacute;e faire en identifiant le probl&egrave;me qu&rsquo;elle r&eacute;sout ou la valeur qu&rsquo;elle apporte.<\/li>\n\n\n\n<li><strong>Tester minutieusement les fonctionnalit&eacute;s de base <\/strong>&ndash; Avant d&rsquo;ajouter de nouvelles fonctionnalit&eacute;s, teste enti&egrave;rement les principales fonctionnalit&eacute;s de votre application web et corrige les probl&egrave;mes &eacute;ventuels.<\/li>\n<\/ul><h3 class=\"wp-block-heading\" id=\"h-4-integrer-les-contraintes-et-les-preferences\"><strong>4. Int&eacute;grer les contraintes et les pr&eacute;f&eacute;rences<\/strong><\/h3><p class=\"wp-block-paragraph\">Outre la description de ce que vous attendez de Hosinger Horizons, la sp&eacute;cification de ce qu&rsquo;il ne doit pas faire peut &eacute;galement contribuer &agrave; produire un r&eacute;sultat de meilleure qualit&eacute;.&nbsp;<\/p><p class=\"wp-block-paragraph\">L&rsquo;int&eacute;gration de contraintes permet de rendre votre message plus sp&eacute;cifique et moins ambigu.&nbsp;&nbsp;<\/p><p class=\"wp-block-paragraph\"><strong>Un bon exemple de prompt rapide <\/strong>:<\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez une application web de liste de t&acirc;ches simple et basique. Voici les limitations &agrave; prendre en compte :<br><br>- Ne pas inclure d&rsquo;authentification utilisateur.<br>- &Eacute;viter les transitions ou animations avanc&eacute;es.<br>- Utiliser uniquement HTML, CSS et JavaScript, sans frameworks ni biblioth&egrave;ques.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>L&rsquo;ajout de restrictions permet &agrave; Hostinger Horizons d&rsquo;exclure de votre application des technologies ou des caract&eacute;ristiques non souhait&eacute;es, ce qui rend le r&eacute;sultat plus conforme aux sp&eacute;cifications souhait&eacute;es et permet de gagner du temps.<\/p><figure data-wp-context='{\"imageId\":\"6a775f0179c6a\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a775f0179c6a\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"454\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/liste-de-taches-app.png\/w=1024,h=1024,fit=scale-down\" alt=\"Une invite pour montrer comment int&eacute;grer les contraintes et les pr&eacute;f&eacute;rences\" class=\"wp-image-38413\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/liste-de-taches-app.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/liste-de-taches-app.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/liste-de-taches-app.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/liste-de-taches-app.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p class=\"wp-block-paragraph\"><strong>Un mauvais exemple de prompt <\/strong>:<\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez une application web de liste de t&acirc;ches simple et basique.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Cette invite manque de d&eacute;tails et de clart&eacute; quant aux sp&eacute;cifications de l&rsquo;application. Il en r&eacute;sulte un r&eacute;sultat plus g&eacute;n&eacute;ral qui peut ne pas correspondre &agrave; vos besoins.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-telecharger-des-images-pour-montrer-exactement-ce-que-vous-voulez-nbsp\"><strong>5. T&eacute;l&eacute;charger des images pour montrer exactement ce que vous voulez&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Hostinger Horizons vous permet de t&eacute;l&eacute;charger des images pour guider l&rsquo;IA lors de la cr&eacute;ation de votre application web.<\/p><p class=\"wp-block-paragraph\">C&rsquo;est particuli&egrave;rement utile si vous avez un croquis, un sch&eacute;ma de c&acirc;blage, une palette de couleurs ou une r&eacute;f&eacute;rence de conception que vous souhaitez que Hostinger Horizons suive. Au lieu de tout d&eacute;crire dans le texte, vous pouvez fournir une r&eacute;f&eacute;rence visuelle pour rendre le r&eacute;sultat plus pr&eacute;cis.<\/p><p class=\"wp-block-paragraph\">Il suffit de cliquer sur le bouton <strong>Upload file <\/strong>dans le champ d&rsquo;invite, de s&eacute;lectionner l&rsquo;image que vous souhaitez utiliser et de r&eacute;diger une invite d&eacute;crivant ce que vous attendez de l&rsquo;IA.<\/p><p class=\"wp-block-paragraph\">Vous pouvez &eacute;galement t&eacute;l&eacute;charger des captures d&rsquo;&eacute;cran de la sortie g&eacute;n&eacute;r&eacute;e pour affiner la conception. Si certains &eacute;l&eacute;ments ne vous conviennent pas, essayez de prendre une capture d&rsquo;&eacute;cran dans le volet de pr&eacute;visualisation de droite et mettez en surbrillance la partie que vous souhaitez modifier. Hostinger Horizons l&rsquo;ajustera en cons&eacute;quence.<\/p><figure data-wp-context='{\"imageId\":\"6a775f017b9ce\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a775f017b9ce\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"459\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/reajustement-image-horizons.png\/w=1024,h=1024,fit=scale-down\" alt=\"Hostinger Horizons met &agrave; jour une partie sp&eacute;cifique de l'application en fonction de l'image saisie\" class=\"wp-image-38415\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/reajustement-image-horizons.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/reajustement-image-horizons.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/reajustement-image-horizons.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/reajustement-image-horizons.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p class=\"wp-block-paragraph\">Bien que cette fonction vous permette d&rsquo;utiliser des sites web existants comme source d&rsquo;inspiration, <strong>nous vous d&eacute;conseillons fortement de copier de mani&egrave;re flagrante des designs prot&eacute;g&eacute;s par des droits d&rsquo;auteur<\/strong>, car cela peut entra&icirc;ner des probl&egrave;mes juridiques. Demandez plut&ocirc;t &agrave; Hostinger Horizons de cr&eacute;er une application web avec des fonctionnalit&eacute;s similaires, mais avec une mise en page unique et originale, comme celle-ci :<\/p><pre class=\"wp-block-preformatted\">Je souhaite cr&eacute;er une application web similaire &agrave; IMDb, qui permet aux utilisateurs de rechercher des films, de les &eacute;valuer et de lire des critiques. La capture d'&eacute;cran de la plateforme est jointe. J'aimerais que vous vous en inspiriez, notamment pour ajouter des fonctionnalit&eacute;s et d&eacute;cider de l'emplacement des boutons. Cependant, veuillez utiliser une mise en page, une palette de couleurs et un design uniques.<\/pre><figure data-wp-context='{\"imageId\":\"6a775f017d966\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a775f017d966\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"418\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-films.png\/w=1024,h=1024,fit=scale-down\" alt=\"Hostinger Horizons g&eacute;n&egrave;re une application web en s'inspirant d'une image\" class=\"wp-image-38414\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-films.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-films.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-films.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2025\/02\/app-films.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><h3 class=\"wp-block-heading\" id=\"h-7-demander-a-l-outil-de-resoudre-les-problemes\"><strong>7. Demander &agrave; l&rsquo;outil de r&eacute;soudre les probl&egrave;mes<\/strong><\/h3><p class=\"wp-block-paragraph\">Hostinger Horizons &eacute;tant encore en <strong>acc&egrave;s anticip&eacute;<\/strong>, il se peut que vous rencontriez parfois des erreurs lors de la cr&eacute;ation d&rsquo;applications Web. C&rsquo;est pourquoi nous offrons une <strong>garantie de remboursement de 30 jours <\/strong>si vous d&eacute;cidez de changer d&rsquo;avis apr&egrave;s l&rsquo;avoir essay&eacute;.<\/p><p class=\"wp-block-paragraph\">La bonne nouvelle est que Hostinger Horizons comprend une fonction de <strong>d&eacute;bogage <\/strong>int&eacute;gr&eacute;e qui d&eacute;tecte et corrige les probl&egrave;mes en fonction de votre demande. Lorsqu&rsquo;une erreur se produit, au lieu d&rsquo;afficher l&rsquo;aper&ccedil;u de l&rsquo;application Web dans le volet de droite, l&rsquo;outil affiche un message d&rsquo;erreur ainsi que les lignes de code concern&eacute;es.<\/p><p class=\"wp-block-paragraph\">Vous pouvez copier le message d&rsquo;erreur et le code surlign&eacute;, les coller dans le champ d&rsquo;invite et demander &agrave; Hostinger Horizons de les analyser et de les corriger, comme ceci :<\/p><pre class=\"wp-block-preformatted\">J'ai rencontr&eacute; une erreur dans mon application web. Pouvez-vous analyser ce code et r&eacute;soudre le probl&egrave;me ?<br><br>[Ins&eacute;rer les lignes de code concern&eacute;es]<\/pre><p class=\"wp-block-paragraph\">Si d&rsquo;autres erreurs apparaissent, r&eacute;p&eacute;tez le processus &ndash; copiez l&rsquo;erreur, demandez &agrave; l&rsquo;outil de l&rsquo;identifier et de la corriger &ndash; jusqu&rsquo;&agrave; ce que votre application web fonctionne comme pr&eacute;vu.<\/p><h2 class=\"wp-block-heading\" id=\"h-conseils-avances-pour-la-creation-de-prompts-de-haute-qualite\"><strong>Conseils avanc&eacute;s pour la cr&eacute;ation de prompts de haute qualit&eacute;<\/strong><\/h2><p class=\"wp-block-paragraph\">En plus des conseils de base, envisagez les techniques avanc&eacute;es suivantes lorsque vous r&eacute;digez des messages-guides pour Hostinger Horizons, afin d&rsquo;am&eacute;liorer encore la qualit&eacute; et la pr&eacute;cision des r&eacute;sultats :&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-utilisez-des-etapes-dans-votre-prompt\"><strong>Utilisez des &eacute;tapes dans votre prompt<\/strong><\/h3><p class=\"wp-block-paragraph\">Bien que nous sugg&eacute;rions de d&eacute;composer les id&eacute;es complexes en plusieurs invites, vous pouvez pr&eacute;f&eacute;rer regrouper les t&acirc;ches connexes en une seule invite.<\/p><p class=\"wp-block-paragraph\">Si c&rsquo;est le cas, essayez de formater votre message-guide comme une instruction &eacute;tape par &eacute;tape plut&ocirc;t que comme un paragraphe. L&rsquo;utilisation d&rsquo;&eacute;tapes aide Hostinger Horizons &agrave; suivre vos instructions dans l&rsquo;ordre chronologique, ce qui permet d&rsquo;obtenir des r&eacute;sultats plus coh&eacute;rents.<\/p><p class=\"wp-block-paragraph\">En outre, un message-guide structur&eacute; facilite la r&eacute;vision et l&rsquo;affinement en cas de besoin.<\/p><p class=\"wp-block-paragraph\"><strong>Un bon exemple de prompt <\/strong>:<\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez une page dans mon application pour la connexion et l'inscription. Voici ce que vous devez faire :<br><br>1. Cr&eacute;ez une page d&eacute;di&eacute;e pour que les utilisateurs puissent se connecter ou s'inscrire.<br>2. Ajoutez des formulaires pour le nom d'utilisateur, l'adresse e-mail et le mot de passe.<br>3. Connectez ces formulaires aux tables de la base de donn&eacute;es correspondantes.<br>4. Ins&eacute;rez un bouton d'action pour se connecter ou s'inscrire.<br>5. Ajoutez un lien hypertexte qui redirige l'utilisateur de la page de connexion vers la page d'inscription s'il n'a pas de compte.<br>6. Affichez un message d'erreur si les donn&eacute;es saisies sont invalides.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Cette proposition pr&eacute;sente un flux clair et une s&eacute;paration des sujets, d&eacute;crivant ce que Hostinger Horizons devrait cr&eacute;er dans l&rsquo;ordre chronologique.&nbsp;<\/p><p class=\"wp-block-paragraph\"><strong>Un mauvais exemple de prompt <\/strong>:<\/p><pre class=\"wp-block-preformatted\">Cr&eacute;ez une page dans mon application pour la connexion et l'inscription. Ajoutez ici des formulaires pour le nom d'utilisateur, l'adresse &eacute;lectronique et le mot de passe, qui sont connect&eacute;s aux tables correspondantes de la base de donn&eacute;es. Ajoutez deux boutons pour la connexion\/l'inscription et une redirection pour les utilisateurs qui n'ont pas de compte. Si les donn&eacute;es saisies ne sont pas valides, ajoutez une erreur.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Cette invite ne s&eacute;pare pas clairement les t&acirc;ches, ce qui la rend difficile &agrave; suivre. Hostinger Horizons risque d&rsquo;oublier certaines instructions et de produire un r&eacute;sultat incomplet.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-inclure-des-termes-techniques-nbsp\"><strong>Inclure des termes techniques&nbsp;<\/strong><\/h3><p class=\"wp-block-paragraph\">Si vous &ecirc;tes familiaris&eacute; avec le d&eacute;veloppement ou la conception de sites web, pensez &agrave; inclure des termes techniques dans votre prompt. Par exemple, vous pouvez utiliser des termes tels que <strong>flexbox<\/strong>, <strong>lazyloading <\/strong>et <strong>design minimaliste<\/strong>.&nbsp;&nbsp;<\/p><p class=\"wp-block-paragraph\">Ajouter des termes techniques rend votre prompt plus efficace et pr&eacute;cis, r&eacute;duisant ainsi l&rsquo;ambigu&iuml;t&eacute;. Cela garantit &eacute;galement que la r&eacute;ponse de l&rsquo;IA correspond davantage &agrave; vos besoins pour l&rsquo;application.<\/p><p class=\"wp-block-paragraph\"><strong>Bons exemples de prompts <\/strong>:<\/p><pre class=\"wp-block-preformatted\">Changez le design g&eacute;n&eacute;ral de mon application web avec le flat design qui n'utilise que des &eacute;l&eacute;ments bidimensionnels et une palette de couleurs monochromes.<\/pre><pre class=\"wp-block-preformatted\">Mettez en &oelig;uvre le lazyloading dans mon application web &agrave; l'aide de CSS et de JavaScript. Utilisez l'API IntersectionObserver pour charger les images uniquement lorsqu'elles apparaissent dans la fen&ecirc;tre de visualisation de l'utilisateur.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ?<\/strong> Ces prompts contiennent des termes techniques et une description d&eacute;taill&eacute;e de ce qu&rsquo;il faut ajouter &agrave; la demande. Cela permet &agrave; Hostinger Horizons de comprendre plus facilement vos besoins.<\/p><p class=\"wp-block-paragraph\"><strong>Mauvais exemples de prompts <\/strong>:<\/p><pre class=\"wp-block-preformatted\">Changez le design de mon application web. Je veux qu'elle soit tr&egrave;s simple et basique, &agrave; la fois en termes de couleurs et de design.<\/pre><pre class=\"wp-block-preformatted\">Configurez mon application web pour charger les images uniquement lorsque les utilisateurs les voient.<\/pre><p class=\"wp-block-paragraph\"><strong>Pourquoi ? <\/strong>Hostinger Horizons pourrait mal interpr&eacute;ter ces questions parce qu&rsquo;elles sont vagues. Par exemple, un <strong>design simple et basique <\/strong>ne signifie pas toujours un design plat.<\/p><h2 class=\"wp-block-heading\" id=\"h-gerer-les-credits-et-eviter-les-limites-de-messages\"><strong>G&eacute;rer les cr&eacute;dits et &eacute;viter les limites de messages<\/strong><\/h2><p class=\"wp-block-paragraph\">Comme d&rsquo;autres <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/outils-ia-pour-developpement-applications-web\/\">outils IA de d&eacute;veloppement web<\/a>, Hostinger Horizons a une limite de message sp&eacute;cifique, d&rsquo;o&ugrave; l&rsquo;importance de g&eacute;rer votre cr&eacute;dit efficacement.<\/p><p class=\"wp-block-paragraph\">L&rsquo;une des erreurs les plus fr&eacute;quentes lors de l&rsquo;utilisation de Hostinger Horizons est de consacrer trop de cr&eacute;dits &agrave; la construction de l&rsquo;application web. Vous devriez id&eacute;alement en r&eacute;server une partie pour des t&acirc;ches telles que l&rsquo;int&eacute;gration de services externes et le d&eacute;pannage.<\/p><p class=\"wp-block-paragraph\">Bien que la limite de messages soit r&eacute;initialis&eacute;e tous les mois et que vous puissiez passer &agrave; un plan sup&eacute;rieur pour obtenir plus de cr&eacute;dits, une bonne gestion de vos cr&eacute;dits rend votre d&eacute;veloppement plus efficace.<\/p><p class=\"wp-block-paragraph\">Voici les strat&eacute;gies d&rsquo;incitation d&rsquo;Hostinger Horizons qui vous aideront &agrave; utiliser au mieux vos cr&eacute;dits de messages :<\/p><ul class=\"wp-block-list\">\n<li>R&eacute;digez un prompt d&eacute;taill&eacute; et clair afin d&rsquo;&eacute;viter de r&eacute;p&eacute;ter des points fondamentaux &agrave; un stade ult&eacute;rieur de votre d&eacute;veloppement.&nbsp;<\/li>\n\n\n\n<li>V&eacute;rifiez &agrave; nouveau votre prompt avant de le soumettre afin de ne pas perdre vos cr&eacute;dits pour avoir compl&eacute;t&eacute; l&rsquo;instruction initiale.&nbsp;<\/li>\n\n\n\n<li>S&rsquo;appuyer sur le premier r&eacute;sultat et it&eacute;rer un aspect sp&eacute;cifique du d&eacute;veloppement &agrave; la fois. Par exemple, concentrez-vous sur les &eacute;l&eacute;ments visuels, puis passez aux fonctionnalit&eacute;s.<\/li>\n\n\n\n<li>Chaque fois que vous it&eacute;rez la sortie, suivez la structure de l&rsquo;invite initiale : d&eacute;crivez l&rsquo;objectif de l&rsquo;entr&eacute;e de suivi, les sp&eacute;cifications et vos attentes.<\/li>\n\n\n\n<li>Structurez votre invite de mani&egrave;re &agrave; ce que vous fournissiez toujours une contribution efficace.&nbsp;<\/li>\n<\/ul><p class=\"wp-block-paragraph\">Notez que, quelle que soit l&rsquo;efficacit&eacute; de vos invites, la complexit&eacute; de votre application web reste le principal facteur d&eacute;terminant le nombre de cr&eacute;dits que vous utiliserez.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p class=\"wp-block-paragraph\">En tant qu&rsquo;outil de d&eacute;veloppement Web aliment&eacute; par l&rsquo;IA, Hostinger Horizons s&rsquo;appuie sur des prompts de haute qualit&eacute; pour fournir des r&eacute;sultats pr&eacute;cis. Votre message doit &ecirc;tre d&eacute;taill&eacute; et fournir suffisamment d&rsquo;informations sur la t&acirc;che et les exigences du projet.&nbsp;<\/p><p class=\"wp-block-paragraph\">Commencez par d&eacute;crire la fonctionnalit&eacute; principale de votre application, puis passez aux d&eacute;tails. Pour rendre vos instructions plus claires, d&eacute;composez les t&acirc;ches complexes en plusieurs invites et incluez des contraintes afin que Hostinger Horizons comprenne mieux ce qu&rsquo;il faut inclure dans votre projet.&nbsp;<\/p><p class=\"wp-block-paragraph\">Si vous disposez d&rsquo;un plan visuel ou d&rsquo;une inspiration pour votre application web, vous pouvez &eacute;galement le t&eacute;l&eacute;charger sur Hostinger Horizons en tant qu&rsquo;invite.&nbsp;<\/p><p class=\"wp-block-paragraph\">Nous esp&eacute;rons que cet article vous a aid&eacute; &agrave; r&eacute;diger des messages-guides efficaces pour un processus de d&eacute;veloppement web plus performant. Si vous avez des questions sur Hostinger Horizons, laissez un commentaire ci-dessous ou lisez notre <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/faq-hostinger-horizons\/\">FAQ Hostinger Horizons<\/a>.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-prompting-avec-hostinger-horizons-faq\"><strong>Prompting avec Hostinger Horizons<\/strong> &ndash; FAQ<\/h2><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1740591252074\"><h3 class=\"schema-faq-question\"><strong>Quels types d&rsquo;applications web puis-je cr&eacute;er ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Hostinger Horizons vous permet de cr&eacute;er presque n&rsquo;importe quel type d&rsquo;application, d&rsquo;un jeu de dames en ligne qui met en relation des joueurs al&eacute;atoires &agrave; une plateforme complexe de suivi du temps qui enregistre les heures de travail. Cependant, vous ne pouvez pas cr&eacute;er d&rsquo;applications d&rsquo;entreprise, telles qu&rsquo;un outil financier ou de paie, en raison des limites de l&rsquo;IA.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1740591259507\"><h3 class=\"schema-faq-question\"><strong>&Agrave; quel point mes prompts doivent-ils &ecirc;tre d&eacute;taill&eacute;s ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Plus vos instructions sont d&eacute;taill&eacute;es, meilleur sera le r&eacute;sultat de Hostinger Horizons. Id&eacute;alement, vous devriez expliquer clairement la t&acirc;che, le r&eacute;sultat souhait&eacute;, le contexte et les exigences de l&rsquo;application. Il est pr&eacute;f&eacute;rable de commencer par une invite plus large englobant les domaines de base de votre projet et d&rsquo;affiner les d&eacute;tails &eacute;tape par &eacute;tape.&nbsp;<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1740591309046\"><h3 class=\"schema-faq-question\"><strong>Que dois-je faire si le r&eacute;sultat n&rsquo;est pas celui que j&rsquo;attendais ?<\/strong><\/h3> <p class=\"schema-faq-answer\">Il est normal qu&rsquo;un outil d&rsquo;intelligence artificielle produise un r&eacute;sultat initial m&eacute;diocre. Dans ce cas, donnez des instructions de suivi pour affiner le r&eacute;sultat afin qu&rsquo;il corresponde mieux &agrave; vos attentes. Affinez un aspect de votre application &agrave; la fois jusqu&rsquo;&agrave; ce que vous obteniez le r&eacute;sultat souhait&eacute;, puis passez au suivant.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hostinger Horizons est un outil d&rsquo;IA sans code qui vous permet de cr&eacute;er des applications web en &eacute;crivant simplement des invites. Il utilise le traitement du langage naturel (NLP) pour interpr&eacute;ter vos entr&eacute;es et g&eacute;n&eacute;rer des conceptions et des caract&eacute;ristiques enti&egrave;rement fonctionnelles sans codage manuel. Pour obtenir les meilleurs r&eacute;sultats, vous devez r&eacute;diger des messages [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/prompting-avec-hostinger-horizons\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":355,"featured_media":38813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Prompting avec Hostinger Horizons : d\u00e9veloppement web efficace","rank_math_description":"R\u00e9digez des prompts efficaces pour le d\u00e9veloppement web avec Hostinger Horizons : 1. Soyez pr\u00e9cis ; 2. Simplifiez les id\u00e9es complexes.","rank_math_focus_keyword":"prompting avec Hostinger Horizons","footnotes":""},"categories":[],"tags":[],"class_list":["post-38338","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/prompting-with-hostinger-horizons","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/prompts-para-a-hostinger-horizons","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/prompting-avec-hostinger-horizons","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/tips-prompt-untuk-hostinger-horizons","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/hostinger-horizons-prompting","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/prompting-con-hostinger-horizons","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/prompting-with-hostinger-horizons\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/prompting-with-hostinger-horizons","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/prompts-para-a-hostinger-horizons","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/38338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=38338"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/38338\/revisions"}],"predecessor-version":[{"id":38815,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/38338\/revisions\/38815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/38813"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=38338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=38338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=38338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}