Créer son propre site internet gratuitement.


Accueil > Tutoriels > Créer son propre site internet gratuitement.

Par Soggia C. en janvier 2020

Ce tutoriel a été entièrement rédigé par un élève en spécialité NSI au Lycée Louis Pasteur. Pour en savoir plus : Les tutoriels en spécialité NSI

Créer son propre site internet gratuitement :

Comment cela est possible ?

On pourrait croire que cela n’est pas une mince à faire, or c’est plus simple qu’il ne paraît, effectivement de nombreuses plateformes se sont misent à proposer un service comme celui-ci.
Dans ce tutoriel je vais vous présenter l’une des plateformes que j’utilise et avec laquelle j’ai donc familiarisé, son utilisation est très simple et intuitive.
Bien-sûr il en existe des dizaines d’autres.

Lien de cette plateforme : https://www.webnode.fr/

Première partie : Création d’un compte

- 1 Dans un premier temps, cliquez sur le lien
Une fois avoir cliqué sur le lien, vous vous retrouverez sur la page d’accueil comme ceci :

- 2 Ensuite, pour créer votre page vous devrez cliquer sur menu en haut à droite et choisissez le bouton bleu indiqué par la flèche rouge sur la photo :

- 3 Vous serez donc rediriger vers une page d’inscription dans laquelle vous pouvez choisir le nom que portera votre futur site :

Sur cette page, il vous suffit de renseigner votre adresse mail actuelle et de créer un mot de passe qui vous servira à chaque connexion, si jamais vous possédez un compte Facebook ou Google vous pouvez aussi passez par ceux-ci en cliquant sur l’icône.

- 4 Ceci est la dernière étape de la première partie, vous aller devoir choisir le but de votre site, s’il consiste à de la vente vous choisirez le bouton de droite "boutique en ligne" et vous souhaiter créer un blog ou tout autres genre de sites alors choisissez le bouton de gauche "site web".

Deuxième partie : Conception même du site

La première partie ne concistait qu’à la "paperasse" et vous allez enfin pouvoir passer à la conception propre de votre site, sûrement ce que vous attendiez le plus.

- 1 Pour ma part j’ai choisi le bouton gauche soit, le site web, même en choisissant le site commerçant on retrouve la même interface :

Vous voilà devant plusieurs choix, difficile pour moi de vous aider à cet instant mais personnellement mon choix est fait. Ces différentes propositions qui vous sont faites s’appellent des "templates" de l’anglais, qui signifie "modèles". si vous hésiter vous pouvez passer la souris sur chacun des modèles est obtenir un aperçu de celui-ci en cliquant sur "aperçu". Une fois que votre choix est fait vous pouvez cliquer sur "sélectionner"

En haut à droite en vers si vous êtes dans l’aperçu sinon, en passant la souris dessus si vous êtes sur la pages de choix.

- 2 Vous devez normalement avoir ceci qui s’affiche :

Il est donc écrit, l’adresse que portera votre site, comportant le nom que vous lui avait choisi, j’ai choisi le nom "patch" pour l’exemple est l’adresse est : patch2.webnode.fr. Vous pouvez alors appuyer sur éditer mon site pour commencer à personnaliser celui-ci.

-3Votre page doit être similaire à celle-ci, de nomreux cadre proposent "Cliquez ici pour modifier votre texte", effectivement cela est faisable par exemple je peut écrir "Patch" dans chacun des cadres.

J’ai modifié le texte, et il est aussi possible de modifier la police de l’écriture, son style, sa taille et sa couleur grâce au paramètres pointés par la flèche rouge dans l’exemple.

- 4 Sans doute que l’image d’arrière plan ne vous convient pas, aucun soucis, ce site est le votre, tout est modifable. il vos suffit de cliquer sur la roue crantée qui indique les paramètre (en rouge sur l’exemple) :

Imédiatement plusieurs images vous sont proposées, vous pouvez en choisir une en cliquand dessus et si jamais aucune d’elle ne vous convient, vous pouvez en importer une de votre appareil à condition que celle-ci est était préalablement enregistré. Pour cela vous choisirez "Ajouter une image" puis "Télécharger une image", vous n’aurait plus qu’à choisir parmi les votres.

- 5 Evidemment les textes ou autres éléments déjà présents ne vous importent peu et vous souhaiter vous en débarasser, rien de plus simple, vous cliquez sur l’élément et une barre s’affichera comme dans l’exemple :

Cette barre propose de "Changer l’image", "Modifier le texte", "Ajouter un lien" ou une poubelle, vous cliquerez alors sur la poubelle pour suprimmer l’élément.

- 6 Nous arrivons sur la fin, maintenant que vous avez modifié ou supprimé les éléments gênants, vous devez pouvoir rajouter de nouveaux éléments, vu avez du aperçevoir quand vous passiez la souris sur des zones sans rien, que une ligne avec un + noir s’affichait. Cliquez dessus et voici ce qui apparaît :

Vous avez un menu qui propose plusieurs choix : "Vide", "Texte et images", "Texte en colonnes", "Titre", "Services", "Tarifs", "Commande", "Intitulé cliquable".
Pour "Vide" vous l’aurez compris vous disposerez d’un espace ahéré.
Pour "Texte et image" vous pourrez choir d’écrire quelque chose ou de poser une photo, voir même les deux.
Pour "Texte en colonnes" de même, seulement le texte s’affichera en colonnes.
Pour "Titre" vous pourrez rentrer du texte qui’affichera en plus grand et en plus large.
Pour "Services" Vous allez pouvoir proposer des services avec une petite photo ou un logo et un texte expliquatif.
Pour "Tarifs" Le principe est le même avec une possibilité de noter des prix visibles
Pour "Commande" Vous allez pouvoir proposer un moyen de vous joindre par mail, éventuellement pour un service ou quoique ce soit.
Enfin pour "Intitulé cliquable" ceci créera un bouton que vous pourrez renommer de la même manière que le texte et auquel si vous ajouter un lien en cliquant sur "Ajouter un lien", les visiterus de votre site pourront cliquer sur ce bouton et se retrouver sur le lien que vous aurez choisi.

- 7 Enfin, n’oubliez pas de signer votre site et vous pouvez ensuite cliquer sur le bouton "Publier" :

Automatiquement le site va vous renvoyer l’adresse de votre site, que vous pourrez copier et partager. L’adresse que vous partagez permet aux visiteurs de voir votre travail et non de le modifier.

Voici donc les bases que je trouvais importantes de connaître.