Hebergement WebSite - HWS

Classement hébergeurs, avis et conseils pour choisir hébergeur

  • Augmenter la taille
  • Taille par défaut
  • Diminuer la taille
Accueil Tutoriels Installer un client ftp et mettre son site en ligne

Installer un client ftp et mettre son site en ligne

"Comment faire pour mettre son site en ligne une fois qu'on a acheté un hébergement ?"
Ceci est une question fréquemment posée par les webmasters débutants. Dans ce tutoriel, vous apprendrez à utiliser le client ftp filezilla.

FTP signifie File Transfer Protocol et, pour faire court et simple, c'est le moyen que l'on utilise pour envoyer nos fichiers.
Il existe des logiciels permettant d'utiliser le FTP pour transférer vos fichiers sur Internet.

Mettre son site en ligne grâce au ftp filezilla

Bien entendu, des logiciels FTP il en existe des centaines, gratuits, payants, français, anglais etc...
Pour que nous soyons sur la même longueur d'ondes, je vais vous proposer celui que j'utilise qui est gratuit et en français : FileZilla.
Ce logiciel n'a rien à avoir avec Mozilla, si ce n'est qu'il se termine lui aussi par "zilla". N'allez donc pas croire que je vous force à utiliser des logiciels d'un même éditeur, c'est tout à fait faux.
D'ailleurs, vous pouvez utiliser n'importe quel autre logiciel FTP si ça vous chante, ça ne me dérange absolument pas.
Quoiqu'il en soit, je vais vous montrer quelle est la marche à suivre avec FileZilla.
Première étape : ... le télécharger bien entendu ;)

Télécharger FileZilla (3,9 Mo)
Je vous fais confiance pour l'installation, elle est tout simple et vous ne devriez pas avoir de problème ;)
Lancez le logiciel, et vous devriez voir ceci :

Image utilisateur
A première vue, ça a l'air un peu compliqué (à première vue seulement). En fait, le principe est très simple.
Il y a 4 grandes zones dans la fenêtre à connaître :

  1. En haut, vous verrez apparaître les messages qu'envoie et reçoit le logiciel. Si vous avez un peu de chance, vous verrez même la machine vous dire Bonjour" (si si je vous jure ;)) En général, cette zone ne nous intéresse pas vraiment, sauf s'il y a des messages d'erreur... et comme ils sont écrits en rouge, vous devriez pas les louper :p
  2. A gauche, c'est votre disque dur. Dans la partie du haut vous avez les dossiers, et dans la partie du bas la liste des fichiers du dossier actuel.
  3. A droite, c'est la liste des fichiers envoyés sur Internet. Pour le moment il n'y a rien, car on ne s'est pas "connecté", mais ça va venir ne vous en faites pas.
  4. Enfin, en bas, vous verrez apparaître les fichiers en cours d'envoi (et le pourcentage d'envoi).

La première étape va être de se "connecter" au serveur de votre hébergeur.

Configurer le client FTP

Quel que soit l'hébergeur que vous avez choisi, cela fonctionne toujours de la même manière. On va vous fournir 3 informations qui sont indispensables pour que FileZilla puisse se connecter au serveur :

  • L'IP : c'est "l'adresse" du serveur. Le plus souvent, on vous donnera quelque chose du genre ftp.mon-site.com, mais il peut aussi s'agir d'une suite de nombres comme 122.65.203.27
  • Le login : c'est votre identifiant, on vous l'a probablement demandé. Vous avez peut-être mis votre pseudo, ou le nom de votre site. Mon login pourrait par exemple être mateo21.
  • Le mot de passe : soit on vous a demandé un mot de passe, soit (c'est plus probable) on vous en a attribué un d'office (un truc imprononçable du genre crf45u7h)

Si vous avez ces 3 informations, vous êtes le roi du monde :D (du moins, vous allez pouvoir continuer ce tutoriel ^^)
Si vous ne les avez pas, il faut que vous les cherchiez c'est indispensable. On vous les a probablement envoyés par mail. Sinon, n'hésitez pas à les demander à votre hébergeur (IP / Login / Mot de passe).

Maintenant que nous sommes en possession de ces informations, nous allons les donner à FileZilla qui en a besoin pour se connecter au serveur.
Cliquez sur la petite icône en haut à gauche (pas sur la petite flèche à droite, mais sur l'image) : Image utilisateur

Une fenêtre s'ouvre. Cliquez sur "Nouveau site" et donnez-lui le nom que vous voulez (par exemple Site du Zér0). A droite, vous allez devoir indiquer les 3 informations dont je viens de vous parler, comme ceci :

Image utilisateur
Vous pouvez distinguer en haut l'hôte (c'est là qu'il faut indiquer l'adresse ip, du genre ftp.attitude-nature.com).
Pour pouvoir entrer le login / mot de passe, cochez Type d'authentification : Normal
Ici le login est attitudeU et le mot de passe est... caché (vous croyiez quand même pas que j'allais vous le donner ?! :p)

Cliquez sur "Connexion" et le tour est (presque) joué.

Transférer les fichiers

A ce stade, 2 possibilités :

  • Soit la connexion a réussi, et vous voyez apparaître en haut des messages en vert comme "Connecté". Dans ce cas, la zone de droite de la fenêtre de FileZilla devrait s'activer et vous verrez les fichiers qui se trouvent déjà sur le serveur (il se peut qu'il y en ait quelques-uns déjà présents).
  • Soit ça a planté, vous avez plein de messages écrits en rouge et là bah... Il n'y a pas 36 solutions : vous vous êtes plantés en tapant l'IP ou le login ou le mot de passe. Un de ces éléments est incorrect, veillez à les redemander à votre hébergeur car s'ils sont bons ça doit marcher.

Si la connexion a réussi, alors ce que vous avez à faire est très simple : dans la partie de gauche, cherchez où se trouvent sur votre disque dur vos fichier .html et .css (mais aussi vos images .jpg, .png, .gif etc...).
Double-cliquez sur le fichier que vous voulez transférer à gauche. Au bout de quelques secondes, il apparaîtra à droite, ce qui voudra dire qu'il a été correctement envoyé sur le serveur, donc qu'il est accessible sur Internet !!! :D

Vous pouvez envoyer n'importe quel type de fichier. Bien entendu, généralement on envoie des fichiers .html, .css et des images, mais vous pouvez aussi très bien envoyer des .pdf, des programmes, des zip etc etc...

Voici par exemple ce que ça donne quand on a transféré un fichier "index.html" :

Image utilisateur


Il apparaît à droite, ce qui veut dire qu'il est maintenant disponible sur le serveur :)

Veuillez noter qu'il faut que votre page d'accueil s'appelle "index.html". C'est la page qui sera chargée lorsqu'un nouveau visiteur arrivera sur votre site.

Vous pouvez aussi transférer des dossiers entiers d'un seul coup : il suffit de faire glisser-déplacer le dossier depuis la partie de gauche jusqu'à la partie de droite de la fenêtre.

Allez, avouez qu'une fois configuré, c'est pas bien compliqué ^^



Source : Siteduzero.com (M@teo21) sous licence Creative Commons



Partagez cet article !
| ...
 

Abonnez-vous à notre flux rss !


Offres d'hébergement

  • Planethoster (conseillé) - Profitez de 10% de réduction avec notre CODE: "PHA-2016" (toujours valide en 2018!)
  • 1and1 : leader mondial, le moins cher !
  • Siteground : bonne qualité, prix modéré!
  • Infomaniak : illimité !
Partenaires: