{"id":1,"date":"2024-05-13T15:33:07","date_gmt":"2024-05-13T13:33:07","guid":{"rendered":"https:\/\/unitiweb.fr\/blog\/?p=1"},"modified":"2024-06-02T22:36:04","modified_gmt":"2024-06-02T20:36:04","slug":"creer-un-site-web-gratuit-facilement","status":"publish","type":"post","link":"https:\/\/unitiweb.fr\/blog\/creer-un-site-web-gratuit-facilement\/","title":{"rendered":"Cr\u00e9er un site web gratuit facilement"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Comment cr\u00e9er un site internet gratuit en 2024<\/h1>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/creer-site-web-gratuit.webp\" alt=\"cr\u00e9ation site web gratuit\" class=\"wp-image-330\" style=\"width:842px;height:auto\" srcset=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/creer-site-web-gratuit.webp 1280w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/creer-site-web-gratuit-300x169.webp 300w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/creer-site-web-gratuit-1024x576.webp 1024w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/creer-site-web-gratuit-768x432.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cr\u00e9er un <strong>site internet gratuit<\/strong>, c\u2019est facile car il existe une multitude d\u2019applications et de services qui permettent de le faire. Cependant et selon les objectifs que vous vous \u00eates fix\u00e9s avec <strong>votre site internet<\/strong>, il est pr\u00e9f\u00e9rable de faire appel \u00e0 une <a href=\"https:\/\/unitiweb.fr\/creation-site-web-vitrine\/\">agence web<\/a> d\u00e8s lors que vous souhaitez booster les performances de ce dernier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comme le but de cet article est de vous rendre autonome en vous montrant les meilleures solutions qui existent pour la <strong>cr\u00e9ation de votre site internet<\/strong>, je vais vous pr\u00e9senter les deux solutions qui sont pour moi les meilleures. Tout va d\u00e9pendre encore une fois de vos objectifs, de votre timing et du temps que vous souhaitez y consacrer, vous n\u2019aurez qu\u2019\u00e0 choisir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une derni\u00e8re remarque, cr\u00e9er un site web optimis\u00e9 et dont vous pourriez \u00eatre fier n\u2019est pas 100% gratuit. \u00c0 moins de vous inscrire sur des plateformes qui ne vous donneront aucune valeur ajout\u00e9e, vous allez voir plus loin qu\u2019il est pr\u00e9f\u00e9rable d\u2019investir au maximum environ 80\u20ac par an pour ce dernier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu&rsquo;est ce qu&rsquo;un site internet ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de commencer, il est essentiel de vous montrer l\u2019architecture d\u2019un site web simple. Un <strong>site internet<\/strong> est un ensemble de fichiers li\u00e9s entre eux. Certains fichiers peuvent \u00eatre class\u00e9s dans des dossiers que nous pourrons aussi parcourir gr\u00e2ce \u00e0 des liens textes nomm\u00e9s les liens hypertextes (Exemple sur le menu en haut de mon <strong>site internet<\/strong>).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"383\" src=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/arborescence-site-web.webp\" alt=\"arborescence d'un site web\" class=\"wp-image-58\" srcset=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/arborescence-site-web.webp 652w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/arborescence-site-web-300x176.webp 300w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;url, est l&rsquo;adresse par laquelle vous acc\u00e9dez \u00e0 des pages web et s&rsquo;\u00e9crit sous la forme <em>https:\/\/www.monsite.com<\/em>, \u00e0 ne pas confondre avec le nom de domaine qui est <em>monsite.com<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nom de domaine + h\u00e9bergement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un site web, pour \u00eatre visible sur internet aux yeux du grand public, a besoin d\u2019un <strong>nom de domaine<\/strong> et que ce dernier soit h\u00e9berg\u00e9 sur un <strong>serveur web<\/strong>. Avant de mettre votre site en ligne, je vous conseille de le cr\u00e9er en local afin d\u2019\u00e9viter que ce dernier ne soit visible trop t\u00f4t. Bosser en local, c\u2019est comme si vous \u00e9tiez sur le web \u00e0 une seule diff\u00e9rence, personne ne peut voir ce que vous faites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous avez donc deux choix, cr\u00e9er <strong>votre site internet<\/strong> en local par pr\u00e9caution ou vous lancer directement en ligne (ce qui n\u2019est pas un crime).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez vous lancer pour cr\u00e9er un <strong>site internet gratuit<\/strong> directement en ligne et sans tester en local sur votre PC, je vous conseille de r\u00e9server un <strong><a href=\"https:\/\/unitiweb.fr\/blog\/comment-reserver-un-nom-de-domaine\/\">nom de domaine<\/a><\/strong> et son h\u00e9bergement web chez le fournisseur <a href=\"https:\/\/tidd.ly\/3R9MZED\" target=\"_blank\" rel=\"noreferrer noopener\">O2switch<\/a> qui poss\u00e8de des services de haute qualit\u00e9 et un service client irr\u00e9prochable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans le cas contraire, vous pouvez vous rendre sur le tuto que j\u2019ai cr\u00e9\u00e9 et d\u00e9couvrir comment cr\u00e9er son <strong><a href=\"https:\/\/unitiweb.fr\/blog\/creer-son-site-web-en-local\/\">site internet<\/a><\/strong> en local.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><i class=\"fa-regular fa-lightbulb\"><\/i> Pour r\u00e9sumer cette premi\u00e8re partie, vous savez maintenant que :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un site web est un ensemble de fichiers et dossiers qui sont reli\u00e9s et interagissent entre eux sur un serveur distant ou local.<\/li>\n\n\n\n<li>Un <strong>site internet<\/strong> a besoin d\u2019un <strong>nom de domaine<\/strong> pour exister.<\/li>\n\n\n\n<li>Le <strong>nom de domaine<\/strong> doit \u00eatre h\u00e9berg\u00e9 sur un <strong>serveur web<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Comment transf\u00e9rer son site web sur un serveur<\/h2>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" data-id=\"115\" src=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/logiciel-filezilla-transfert-ftp-1024x293.webp\" alt=\"Filezilla logiciel de transfert FTP\" class=\"wp-image-115\" srcset=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/logiciel-filezilla-transfert-ftp-1024x293.webp 1024w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/logiciel-filezilla-transfert-ftp-300x86.webp 300w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/logiciel-filezilla-transfert-ftp-768x220.webp 768w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/logiciel-filezilla-transfert-ftp-1536x439.webp 1536w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/logiciel-filezilla-transfert-ftp.webp 1912w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Que vous utilisiez l&rsquo;une ou l&rsquo;autre solution que je vais vous pr\u00e9senter \u00e0 la suite de cet article, vous aurez besoin \u00e0 un moment donn\u00e9 de transf\u00e9rer des pages ou fichiers de votre ordinateur vers le <strong>serveur web<\/strong>, on appelle cela le <strong>transfert par FTP<\/strong>. M\u00eame si cela est encore un peu flou pour vous, je vous conseille de t\u00e9l\u00e9charger d\u00e8s maintenant le <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">logiciel gratuit Filezilla<\/a> car il vous permettra plus tard de transf\u00e9rer des pages de votre ordinateur en local vers le <strong>serveur web<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous venons de voir un peu de th\u00e9orie, les principes de base, les outils et les \u00e9l\u00e9ments essentiels \u00e0 la mise en ligne d&rsquo;un site. Passons maintenant aux deux solutions qui vous permettront de <strong>cr\u00e9er un site internet gratuit<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Solution N\u00b01 pour cr\u00e9er un site gratuit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cette solution (pas la plus facile) demande un temps d&rsquo;apprentissage un peu plus long car il s&rsquo;agit d&rsquo;apprendre \u00e0 coder un minimum et m\u00eame si vous ne la choisissez pas pour cr\u00e9er votre site web, je tiens \u00e0 vous la pr\u00e9senter quand m\u00eame car elle apporte plus de compr\u00e9hension au moment de mettre les actions en place.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/formation-developpeur-webmaster-1024x585.webp\" alt=\"formation d\u00e9veloppeur\" class=\"wp-image-82\" srcset=\"https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/formation-developpeur-webmaster-1024x585.webp 1024w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/formation-developpeur-webmaster-300x171.webp 300w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/formation-developpeur-webmaster-768x439.webp 768w, https:\/\/unitiweb.fr\/blog\/wp-content\/uploads\/2024\/05\/formation-developpeur-webmaster.webp 1456w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez du temps et du courage, vous pouvez donc d\u00e9cider d\u2019apprendre les deux langages web qui sont le CSS et le HTML. Ce sont les plus faciles \u00e0 apprendre pour cr\u00e9er un petit <strong>site vitrine<\/strong> qui sera statique (pas de possibilit\u00e9 pour le visiteur d\u2019interagir avec le <strong>site internet<\/strong> comme par exemple s\u2019inscrire ou autres actions).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez mettre un peu de dynamisme dans tout \u00e7a, vous pouvez aussi apprendre le langage Javascript ou PHP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je ne vais pas m&rsquo;attarder sur cette solution car l&rsquo;objectif est de vous rendre autonome au plus vite mais pour les plus courageux d&rsquo;entre vous, je vous conseille de vous former librement et sans vous ruiner en passant par <a href=\"https:\/\/urlr.me\/!dyma\" target=\"_blank\" rel=\"noreferrer noopener\">Dyma<\/a>. \u00c0 chaque fois que je veux me former dans un nouveau langage, je n&rsquo;h\u00e9site jamais \u00e0 prendre un abonnement tellement les cours sont riches et bien expliqu\u00e9s, vous allez progresser plus vite que vous ne le pensez.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Solution N\u00b02 pour cr\u00e9er un site gratuit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vous avez peut-\u00eatre entendu parler, au fil de vos recherches, des <strong>CMS (Content Management System)<\/strong> tels que WordPress, Prestashop, Joomla et j&rsquo;en passe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ces CMS sont ni plus ni moins que des packages de fichiers tout pr\u00eats \u00e0 \u00eatre install\u00e9s sur votre <strong>serveur web<\/strong> et connect\u00e9s \u00e0 une base de donn\u00e9es. Avec l\u2019habitude, installer et param\u00e9trer votre <strong>site internet<\/strong> deviendra un jeu d\u2019enfant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qu&rsquo;est-ce qu&rsquo;un CMS ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Comme je le disais plus haut dans l\u2019article, un CMS est un ensemble de fichiers et dossiers qui composent <strong>votre site internet<\/strong> et qui sont install\u00e9s sur un <strong>serveur web<\/strong>. Le CMS est donc le moyen le plus simple et rapide pour cr\u00e9er un <strong>site internet<\/strong> digne de ce nom.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pourquoi utiliser un CMS ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adopter et  se former sur un CMS apporte des avantages ind\u00e9niables et ce n&rsquo;est pas pour rien qu&rsquo;ils sont utilis\u00e9s par plus de 76 millions de sites web dans le monde. Piloter un outil web de <strong>gestion de contenu<\/strong> est donc la solution id\u00e9ale pour les d\u00e9butants et m\u00eame pour les agences web qui les utilisent beaucoup et apportent m\u00eame des modifications puisque la plupart sont <strong>Open Source<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les avantages d&rsquo;un CMS<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pas besoin de savoir coder.<\/li>\n\n\n\n<li>Rapides \u00e0 installer.<\/li>\n\n\n\n<li>Facile d&rsquo;utilisation.<\/li>\n\n\n\n<li>Mise \u00e0 jour automatique.<\/li>\n\n\n\n<li>Convient aux professionnels comme aux d\u00e9butants.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Quel CMS pour quel type de site ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le plus populaire des CMS est <strong>WordPress<\/strong>. Il poss\u00e8de une grande communaut\u00e9 qui fait avancer les performances et la vari\u00e9t\u00e9 de plugins et templates qui gravitent autour de la star des outils de cr\u00e9ation de <strong>site internet gratuit<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez pratiquement tout faire avec WordPress :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cr\u00e9er un <strong>site vitrine<\/strong>.<\/li>\n\n\n\n<li>Cr\u00e9er un blog.<\/li>\n\n\n\n<li>Cr\u00e9er un <strong>site e-commerce<\/strong>.<\/li>\n\n\n\n<li>Modifier facilement le design de votre site.<\/li>\n\n\n\n<li>Ajouter des fonctionnalit\u00e9s selon vos activit\u00e9s.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La liste de tout ce que vous pourrez faire est exhaustive tellement la communaut\u00e9 est active et en perp\u00e9tuelle d\u00e9marche de cr\u00e9ation\/am\u00e9lioration. Je ne vais pas m&rsquo;attarder sur d&rsquo;autres solutions tellement vous aurez \u00e0 faire avec le<strong> <\/strong>CMS WordPress mais si votre principal objectif est le e-commerce, je vous conseille aussi de vous int\u00e9resser \u00e0 <a href=\"https:\/\/prestashop.fr\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Prestashop<\/a>, CMS populaire sp\u00e9cialement con\u00e7u pour installer et param\u00e9trer un site web de vente en ligne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Commencez d\u00e8s maintenant \u00e0 cr\u00e9er votre site internet gratuit en suivant le tutoriel <a href=\"https:\/\/unitiweb.fr\/blog\/creer-un-site-internet-wordpress\/\">Cr\u00e9er un site internet WordPress<\/a> dans le quel je vous explique tout de A \u00e0 Z.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SOLUTION N\u00b03 POUR CR\u00c9ER UN SITE GRATUIT<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Je n&rsquo;avais pas pr\u00e9vu de vous en parler \u00e0 la base mais l&rsquo;ia (intelligence artificielle) peut vous permettre de cr\u00e9er des beaux sites web en un minimum de temps. Si je peux vous donner un bon conseil avec l&rsquo;ia, \u00e9vitez d&rsquo;utiliser le tout gratuit, \u00e7a ne m\u00e8nera \u00e0 rien d\u00e8s lors que vous allez souhaiter optimiser votre <strong>site internet<\/strong> pour le <strong>webmarketing <\/strong>ou le <a href=\"https:\/\/unitiweb.fr\/blog\/category\/referencement-naturel-seo\/\"><strong>r\u00e9f\u00e9rencement naturel<\/strong><\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 moins que vous ne souhaitiez uniquement communiquer avec votre grand-m\u00e8re au travers d&rsquo;un blog et l\u00e0, \u00e7a suffira, mais si vous \u00eates professionnel(le), investissez un minimum et vous serez gagant(e) sur le long terme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici donc une mini liste d&rsquo;application ia en ligne qui peuvent vous permettre de cr\u00e9er votre site web facilement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.webador.fr\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Webador<\/a> (attention, 100% gratuit).<\/li>\n\n\n\n<li>One<\/li>\n\n\n\n<li>hostinger<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"> <strong>Pour r\u00e9sumer l&rsquo;article, vous connaissez maintenant :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les \u00e9l\u00e9ments essentiels \u00e0 mettre en place pour <strong>votre site internet<\/strong>.<\/li>\n\n\n\n<li>Les outils indispensables pour le mettre en ligne.<\/li>\n\n\n\n<li>Les avantages d&rsquo;utiliser un CMS<\/li>\n\n\n\n<li>Quel outil (CMS) utiliser.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Un dernier conseil : j&rsquo;insiste vraiment sur le fait que d&rsquo;utiliser les plateformes comme Wix, Canva, Sitew vous posera des soucis \u00e0 long terme si vous souhaitez professionnaliser ce dernier. Cependant et si vous n&rsquo;avez pas un gros budget, elles seront adapt\u00e9es pour d\u00e9buter mais pensez d\u00e9j\u00e0 \u00e0 la suite que vous voulez donner \u00e0 <strong>votre site internet<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J&rsquo;esp\u00e8re que cet article vous aura donn\u00e9 des informations utiles si vous souhaitez commencer \u00e0 <strong>cr\u00e9er un site web gratuit<\/strong>. Si vous avez des questions concernant l&rsquo;article, je suis joignable via ma <a href=\"https:\/\/unitiweb.fr\/contact\/\">page contact<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment cr\u00e9er un site internet gratuit en 2024 Cr\u00e9er un site internet gratuit, c\u2019est facile car il existe une multitude d\u2019applications et de services qui permettent de le faire. Cependant et selon les objectifs que vous vous \u00eates fix\u00e9s avec [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-de-sites-internet"],"_links":{"self":[{"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":0,"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/media\/330"}],"wp:attachment":[{"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unitiweb.fr\/blog\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}