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 https://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://webcollart.net).

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 de l'épisode 2bis (qui remplace l'épisode 2) !

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 !

Mise à jour: février 24

3 commentaires

  • Jean Vanderpelen

    Bonjour Eric.
    Ma fille m’a demandé de faire une newsletter pour L’ULB en format HTML et en bénévolat 🙂
    J’ai installé Mobirise, j’arrive à peu près a avoir le contenu voulu mais je devrais arriver à générer un fichier que je pourrais inclure dans un mail.

    Crois-tu que c’est possible ?

    Merci,

    Jean

    • Bonjour Jean,

      Mobirise génère un site web avec tous les fichiers annexes dans des sous-répertoires. Il n’est donc pas possible de générer juste une page HTML avec cet outil.
      Quasi tous les outils modernes font pareil surtout depuis l’avènement des CSS et autres HTML 5 …
      Je vois plusieurs solutions possibles:
      1. Utiliser un outil spécialisé en newsletter comme sendblaster qui a une version gratuite apparemment suffisante (je ne l’ai pas encore essayé) – http://www.sendblaster.fr/
      2. Utiliser directement le programme de mail qui peut générer un mail au format HTML (ex: Thunderbird); les possibilités de mise en page sont évidemment limitées
      3. Utiliser un programme genre Publisher (Microsoft) ou Draw (LibreOffice)
      4. Utiliser un traitement texte qui sait exporter en html + images (pas de CSS ni sous-répertoire)
      5. Utiliser le bon vieux Notepad et faire un HTML v3 à la mano…

      Si il s’agit d’un site à publier et à agrémenter d’une newsletter, les CMS comme WordPress, Joomla ou autres feront merveille.

      En espérant t’aider à trouver ton bonheur

      Li P’ti Fouineu

  • Jean Vanderpelen

    Merci Li P’ti Fouineu,

    J’ai essayé SendBlaster mais il n’y a que la version payante (99€) qui permet de sauver en HTML 🙁
    Je continue à explorer.

    Je te tiens au courant de ce que je découvre.

    A bientôt,

    Jean

Répondre à Jean Vanderpelen Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *