Créez Votre Site Internet Fastoche et Gratos – Épisode 2bis

Bonsoir le Monde !

Dans l'épisode 1 qui reste d'actualité, je vous ai montré comme il est facile de créer un petit site perso tout-à-fait gratuitement avec Mobirise. Suivez donc cet article pour créer votre site web. Ce site est créé sur votre PC ou Mac et n'est donc pas encore visible par tout le monde; pour ce faire il faut publier ce site sur Internet et cet article-ci (l'épisode 2bis) vous explique comment faire !

Dans l'épisode 2, j'utilisais Hébergratuit comme hébergeur web gratuit mais ils ont commencé à mettre des publicités déplaisantes. N'utilisez donc plus Hébergratuit.

Le but de cette série d'articles étant de vous permettre de publier un site web sur Internet gratuitement et sans publicité, je recommence donc avec l'épisode 2bis !

Pour rendre votre site visible sur Internet, il vous faut souscrire un service d'hébergement de site web chez un hébergeur.
Très peu d'hébergeurs offrent un hébergement gratuit et sans publicité à afficher sur votre site mais il y en a et c'est exactement ce qu'il vous faut pour débuter sans frais et faire vos premières expériences de webmaster. Vous aurez tout le loisir de passer à un hébergement plus complet mais payant plus tard si votre site devait grandir et/ou devenir célèbre !

Je vous propose cette fois de tester 000webhost qui est un service gratuit et sans publicité de l'hébergeur français Hostinger. Ce service offre 1 gigaoctet d'espace disque pour publier votre site et cela sans publicité à afficher sur votre site.
Il existe évidemment d'autres hébergeurs gratuit et sans publicité mais celui-ci est français et offre un bon service qui pourra évoluer au besoin.

[Correction Août 2023]: 000webhost a réduit son offre de 1GB à 300MB ce qui ne permet vraiment pas grand-chose comme taille de site web (surtout si il y a des photos). Je vous propose donc de vous tourner vers PlanetHoster qui offre 750MB avec son offre World Lite. Je vais rafraîchir cet article dès que possible.

Avant toute chose, réfléchissez bien au nom de votre site ! Il doit être court mais significatif, de préférence assez unique et pas générique comme "Mon site à moi" ou autre nom du même genre.
Le nom de mon site, "Tchiniss", est unique et peut être utilisée facilement dans une adresse Internet. Dans le cas de 000webhost, ce nom sera aussi votre nom d'utilisateur.
Par exemple, sur 000webhost, mon site de test fait avec Mobirise est https://tchiniss.000webhostapp.com

Si cette adresse Internet (aussi appelée URL) ne vous plaît pas, vous pourrez la changer plus tard après avoir souscrit à un nom de domaine. J'expliquerai comment faire cela dans l'épisode 3 de cette série d'articles (oui, c'est vrai, j'avais déjà promis cela lors de l'épisode 2…)

Comment obtenir votre hébergement gratuit sur 000webhost ?

Rendez-vous sur le site https://fr.000webhost.com/ et:

1. Cliquez sur "Inscription gratuite!"
2. Donnez un email valide qui servira à communiquer avec 000webhost
3. Inventez un mot de passe qui servira à vous connecter à l'interface d'administration de votre site. C'est de là que vous allez gérer/paramétrer votre site.
4. Fournissez enfin le nom de votre site et notez bien l'adresse complète qui apparaît en dessous; c'est la future adresse Internet de votre site web.
5. Cliquez sur "Obtenez l'hébergement gratuit"
6. Répondez au Captcha de sécurité (choisir certaines images) qui sert à éliminer les inscriptions éventuellement faites par des robots…
7. Ne prêtez pas attention à la fenêtre "popup" en anglais qui s'affiche et fermez votre navigateur Internet.
8. Consultez votre messagerie où vous trouverez sous peu un mail de 000webhost intitulé "Veuillez confirmer votre adresse e-mail pour l'inscription sur 000webhost"
9. Cliquez sur "Vérifier l'e-mail"
10. La page de gestion de votre hébergement s'ouvre

Ne prêtez pas attention pour l'instant au bandeau écrit en anglais en haut de la page. Il vous indique que votre hébergement sera indisponible 1 heure par jour. Vous pourrez choisir le moment de cette indisponibilité dans les paramètres.

11. Cliquez sur Paramètres, puis Général
12. Faites défiler la page vers le bas pour afficher la section Détails du FTP
13. Notez bien le nom d'hôte et le nom d'utilisateur qui serviront pour paramétrer Mobirise pour publier votre site sur votre nouvel hébergement
14. Faites à nouveau défiler la page vers le bas jusqu'à la section Afficher l'image de marque 000webhost (ne modifiez pas les autres réglages)
15. Cliquez sur le bouton correspondant pour le mettre sur OFF (il passe du rouge au gris); ce réglage supprime le bandeau publicitaire qui se retrouverait sur votre site autrement.
16. Passez à la section suivante Website sleeping time frame
17. Réglez l'heure sur 04:00; Votre site sera ainsi indisponible 1 heure par jour de 4 à 5 heures du matin où cela ne gênera personne. Vous pouvez changer cette heure une seule fois par jour, si vous vous êtes trompé il faut revenir dans 24 heure (cette section est malheureusement écrite en anglais)

Voilà, votre hébergement est prêt à accueillir votre site web préparé avec Mobirise !

Comment publier votre site web sur votre hébergement avec Mobirise ?

18. Démarrez Mobirise => votre site devrait s’afficher
19. Cliquez sur « Publish » en haut à droite
20. Sélectionnez « FTP server » et cliquez sur « Edit » sur la même ligne
21. Dans le champ « Username », tapez le nom d'utilisateur que vous avez noté à l’étape 13 ci-dessus.
22. Dans le champ « Password », tapez le mot de passe correspondant à votre nom d’utilisateur (donné lors de l'inscription)
23. Dans le champ « Host », tapez le nom d'hôte que vous avez noté à l'étape 13 ci-dessus.Dans le cas de 000webhost, il s'agit de "files.000webhost.com" (le champ « Port » se remplit tout seul avec la valeur 21)
24. Cliquez sur « Close »
25. Dans le champ "[root folder]", tapez "/public_html" (sans les guillemets)
26. Cliquez sur « Publish »
27. Une nouvelle petite fenêtre « Progress » s’ouvre et les fichiers de votre site sont copiés vers l’hébergement. Cela peut prendre un certain temps.
28. Si tout se passe bien, un message « The site is published successfully to ftp://blablabla » s’affiche.
29. Cliquez sur « OK » et fermez Mobirise,

Votre site est maintenant publié sur Internet !!!

30. Démarrez votre navigateur Internet préféré (Internet Explorer, Edge, Firefox, Google Chrome ou autre),
31. tapez l’adresse Internet de votre site dans la barre d’adresse suivi de la touche « Entrée » (ou Enter).
L'adresse est celle notée à l'étape 4 ci-dessus !
La vôtre devrait ressembler à https://nomdusite.000webhostapp.com
La mienne est par exemple: https://tchiniss.000webhostapp.com (site d’exemple)

Vous devriez maintenant voir votre site qui est maintenant visible par le monde entier !

Si jamais votre site ne s'affiche pas et que vous avez juste un écran qui vous dit "Hooray, your free website has been started!", pensez à rafraîchir la page dans votre navigateur (en général il faut appuyer sur la touche F5 du clavier)

Envoyez l’adresse de votre site à tous vos amis (et à moi) et ils pourront ainsi voir votre magnifique site Internet également.

Ouf ! Cela à l’air compliqué à la lecture mais c’est parce que je vous ai détaillé toutes les étapes pas à pas !

Vous voilà devenu(e) webmaster !

Pour modifier votre site,  démarrez Mobirise sur votre PC/MAC et faites les changements souhaités.
ll faudra ensuite à nouveau cliquer sur « Publish » en haut à droite puis à nouveau sur « Publish » dans la petite fenêtre qui s’ouvre pour mettre votre hébergement à jour (le site sur Internet).

Et si par hasard vous n’en sortez pas, contactez-moi via un commentaire à cet article et je me ferai un plaisir de vous aider de mon mieux !

Allez ! Lancez-vous ! Même si c’est juste un essai et vous verrez que ce n’est pas si compliqué que cela !

[Ajout Août 2023] L'épisode suivant vous explique comment utiliser votre propre nom de domaine plutôt que celui donné par votre hébergeur gratuit.

Li P'ti Fouineu vous salue bien !