Bonsoir le Monde !

Dans l'épisode 1, je vous ai montré comme il est facile de créer un petit site Web perso avec Mobirise sur votre PC, votre Mac ou même, mais là il faut vraiment le vouloir, sur votre tablette et Smartphone Android !

Dans ce 2^e épisode, nous allons voir comment publier ce site que vous venez de créer sur Internet !

Update: cet article a été ré-écrit comme épisode 2bis qui utilise 000webhost comme hébergeur gratuit plutôt que Hébergratuit qui place maintenant des publicités sur les sites publiés. Cet article-ci reste cependant utilisable si cette publicité ne vous gêne pas.

Vous avez un beau petit site mais il est sur votre PC, Mac ou tablette où vous seul pouvez le voir !

Pour que vos amis et le monde entier puisse le voir aussi, il va falloir publier votre site sur ce qu'on appelle un hébergement web !

Cet hébergement web est géré par un fournisseur de service Internet et vous fournit de l'espace disque nécessaire pour copier les fichiers de votre site et une adresse Internet aussi appelée URL ; vous savez bien, cette fameuse adresse http://www.monsite.be !

Des hébergements, il y en a des gratuits et des payants mais pour votre premier essai de site je vous propose évidemment d'utiliser l'hébergement gratuit HéberGratuit (http://www.hebergratuit.com/) qui ne vous impose pas de publicité déplaisante sur votre site et vous permettra même de faire évoluer votre site.

Souvent votre fournisseur d'accès Internet comme Belgacom/Voo/Base vous alloue un espace web gratuit et sans publicité qui peut suffire pour vos premiers pas mais l'inconvénient de cet espace web (hébergement) est qu'il disparaîtra si jamais vous changez de fournisseur Internet.

Il est important de trouver un nom de site qui sera un seul mot (ou deux mais sans espace) et qui soit un peu parlant (pas juste « monsite ») ...

Donc :

1. Rendez-vous sur http://www.hebergratuit.com/
2. Cliquez sur « Inscription » sous l'offre gratuite, re-cliquez à nouveau si la même présentation revient à l'écran
3. Dans l'option « Gratuit Plus » cliquez sur « Commander maintenant »
   Choisissez le « Gratuit » si il n'y a pas de « Gratuit Plus ».
4. Sélectionnez « Je souhaite utiliser un sous-domaine gratuitement »
5. Tapez le nom de votre site qui deviendra donc http://monnomdesite.hebergratuit.net plus tard
6. Cliquez sur « Finaliser vos achats »
7. Entrez vos coordonées et « Compléter la commande »
8. Ici il faut passer par un paiement via Paypal même si c'est zéro € … (Oui, c'est débile mais c'est comme ça avec Paypal!). Il vous faut donc avoir une carte de crédit/débit. N'oubliez pas que vous pouvez supprimer votre carte de crédit de votre compte Paypal lorsque c'est fait afin de diminuer les risques de piratage si Paypal est attaqué…
9. Une fois inscrit, vous allez recevoir plusieurs mails (3 dans mon cas) : un qui vous dit que la commande est en cours de traitement, un qui vous souhaite la bienvenue et un qui confirme la création de votre compte gratuit. C'est ce dernier qui nous intéresse car il contient les informations nécessaires pour se connecter à votre espace d'hébergement pour votre site ; imprimez donc ce mail pour l'avoir sous la main.
10. Connectez-vous à votre interface de gestion de l'hébergement : http://cpanel.hebergratuit.net (lien désactivé car suspecté d'activité de phishing par WordFence - Oct-2017)
    (ce lien est aussi dans votre mail de confirmation)
11. Dans l'interface bizarre qui s'ouvre, dans la section « Files » cliquez sur « FTP accounts »
12. Notez sur le mail que vous avez imprimé le nom qui apparaît sous « FTP User Name » (quelque chose comme heber_deschiffres)
13. Mobirise peut publier votre site directement sur votre hébergement ; pour cela :
    1. Démarrez Mobirise => votre site devrait s'afficher
    2. Cliquez sur « Publish » en haut à droite
    3. Sélectionez « FTP server » et cliquez sur « Edit » sur la même ligne
    4. Dans le champ « Username », tapez le nom que vous avez noté à l'étape 12 ci-dessus.
    5. Dans le champ « Password », tapez le mot de passe correspondant à votre nom d'utilisateur
    6. Dans le champ « Host », tapez « ftp.hebergratuit.net » (le champ « Port » se rempli tout seul avec la valeur 21)
    7. Cliquez sur « Close »
    8. Ajoutez "/htdocs" dans le champ vide à gauche du bouton EDIT
       (Correction d'oubli; merci à Isabelle)
    9. Cliquez sur « Publish »
    10. 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.
    11. Si tout se passe bien, un message « The site published successfully to ftp://blablabla » s'affiche.
    12. Cliquez sur « OK » et fermez Mobirise, votre site est maintenant publié sur Internet.
14. Démarrez votre navigateur Internet préféré (Internet Explorer, Edge, Firefox, Google Chrome ou autre), tapez l'adresse de votre site internet dans la barre d'adresse suivi de la touche « Entrée » (ou Enter).
    Vous trouverez votre adresse tout en bas du mail imprimé précédée de « Page Web URL : »
    La vôtre devrait ressembler à http://www.votrenomdutilisateur.hebergratuit.net
    La mienne est par exemple : http://www.ecollart.hebergratuit.net (site d’exemple)
15. Vous devriez voir votre site qui est maintenant visible par le monde entier !
16. Si jamais vous avez juste un écran qui vous dit que votre site est activé mais que votre site ne s'affiche pas, pensez à rafraîchir la page dans votre navigateur (problème vu sur Mac, merci à Isabelle)
17. Envoyez l'adresse de votre site à vos amis (et à moi) et ils pourront ainsi le voir également.

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

Si vous modifiez votre site dans Mobirise, il faudra à 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 et je me ferai un plaisir d'organiser une séance de connexion à distance ou une visite chez vous ou chez moi pour vérifier cela avec vous !

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

Li P'ti Fouineux vous salue bien !

Mise à jour: décembre 17