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

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 2e épisode, nous allons voir comment publier ce site que vous venez de créer sur Internet !

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
    (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 vide 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 !

Créez Votre Site Internet Fastoche et Gratos – épisode 1

 

Bonsoir Le Monde !

Bon, j’ai un Pc ou un Mac et je sais surfer sur Internet, lire et écrire des mails, télécharger des trucs, écouter de la musique et regarder des vidéos !
Tablettes et Smartphones, passez votre chemin ! C’est pas pour vous aujourd’hui !

C’est déjà pas mal mais j’aimerais aussi publier mon propre site web !
Ben v’là aut’ chose ! Avec quoi tu viens, là ? Et qu’est-ce que tu veux y mettre sur ton site ?

Vous avez bien raison car maintenant il est extrêmement simple de faire son propre site web et de le publier !
Et je vous le prouve !

On peut vouloir publier un site avec des infos qui ne vont pas changer souvent (1er cas) genre CV ou présentation d’une activité (comme j’ai fait pour le bistrot de mon village sur http://caferenaissance.e-monsite.com/) soit un site où on va ajouter régulièrement du contenu (2e cas) genre blog (comme je le fais sur https://ecollart.xyz).

Je vais consacrer deux out trois articles sur le sujet et essayer de vous donner l’envie d’essayer !

Prêt ? On y va pour le 1er cas (contenu statique) !

Je vous recommande chaudement l’éditeur de site Mobirise qui est tellement facile d’utilisation que même sans rien y connaître vous arriverez à faire un site magnifique qui s’affichera sur toutes les tailles d’écran (PC, Mac tablettes et Smartphones) et tout ça en très peu de temps, genre 1 heure ou deux la première fois et quelques minutes après !!!!
Vous pouvez découvrir et télécharger ce merveilleux programme gratuit sur https://mobirise.com/fr/

Télécharger Mobirise

Avec un PC Windows, en cliquant sur le lien de téléchargement, un fichier mobirise-free-win.zip est téléchargé.
Il faut l’ouvrir et exécuter le programme d’installation mobirise-setup.exe (double-cliquez dessus) sans crainte, il n’y a aucun programme parasite qui sera installé.
Pour les Mac, c’est à peu près similaire…
Chaque navigateur a sa façon de télécharger un programme; si vous ne vous y retrouvez pas, cliquez sur le nom de votre navigateur pour un peu d’aide:

Après l’installation, l’écran du programme s’ouvre et vous êtes prêt à créer votre nouveau site:

  • Cliquez sur le signe + (rouge en bas à droite) et une liste de blocs s’ouvre
  • Cliquez sur le deuxième bloc “Menu” et le menu est ajouté à la page (optionnel)
  • Cliquez sur un des trois blocs “Headers” et le header est ajouté (optionnel)

Ne vous tracassez pas si vous n’aimez pas, on va adapter cela à vos goût un peu plus tard

  • Cliquez sur le bloc “Sliders” si vous voulez montrer quelques photos en boucle (optionnel)
  • Cliquez sur un des blocs “Media” si vous voulez monter un photomontage, une vidéo ou partager une musique (SoundCloud) (optionnel)
  • Cliquez sur un des blocs “Content” pour du contenu texte (optionnel)
  • Cliquez sur un des blocs “Article” pour d’autres info comme un endroit sur une carte par exemple (optionnel)
  • Passons les blocs “Info” et “Testimonial” pour l’instant
  • Ensuite cliquez sur un des deux blocs “Social” pour permettre à vos futurs visiteurs de partager votre publication sur les réseau sociaux (optionnel)
  • Ajouter le bloc “Pricing Tables” si vous souhaitez monter des choses à vendre (ex: produits artisanaux que vous fabriquez) (optionnel)
  • Cliquez sur le 1er bloc “Forms” si vous souhaitez que vos visiteurs puissent vous contacter par mail (optionnel)
  • Vous avez à nouveau la possibilité d’ajouter une carte avec le bloc “Maps” (optionnel)
  • Cliquez sur le 1er ou le dernier bloc “Footer” (nécessaire)

Et voilà le squelette de votre site web est terminé !
Il ne reste plus qu’à ajouter vos informations dans chaque bloc…

Pour faire cela:

  • Cliquez en dehors de la liste de blocs pour la fermer
  • Revenez en haut de la page
  • Promenez la souris sur un bloc et vous verrez 3 icônes apparaître
  • La poubelle à droite permet d’effacer le bloc
  • La roue dentée au milieu permet de régler les paramètres du bloc
  • Et les flèches à gauche permettent de déplacer le bloc vers le haut ou vers le bas

Pour changer ou ajouter n’importe quel texte:

  • Cliquez dans le texte à modifier
  • Tapez ce que vous voulez et/ou corrigez le texte

Pour ajoutez un lien vers un autre site:

  • Collez le lien dans le texte (après l’avoir copié de la page web que vous voulez pointer)

Si vous souhaitez plutôt associer le lien avec du texte existant:

  • Sélectionnez le texte
  • Un petit menu apparaît
  • Cliquez sur le maillon de chaîne
  • Collez le lien dans l’emplacement “URL”
  • Cliquez sur “Insert Link”

Chaque bloc a ses propres réglages mais ce ne devrait pas être bien difficile pour des aventuriers comme vous !

Regardez cette vidéo d’apprentissage de Mobirise pour vous faire une meilleure idée…
(Double-cliquez sur la vidéo pour la voir en plein écran)

Et voilà, votre site est prêt à être publié ! Oui mais où et comment on fait ?
Ce sera l’objet du prochain article !

Faites-moi savoir si vous avez su créer un site avec l’aide de cet article via mail ou commentaire, ça me fera plaisir…
Si vous avez le moindre soucis, contactez-moi et on se fera une petite session d’assistance à distance et on résoudra ça ensemble en quelques minutes !

Li P’ti Fouineu vous salue bien !