Tout d'abord, il vous faut installer un client FTP (pour File Transfer Protocol) sur votre machine. Il en existe plusieurs, mais FileZilla étant gratuit et sans doute le plus connu, c'est celui-ci que je vous propose de télécharger en suivant ce lien.

Une fois l'installation effectuée, lancez FileZilla.

FileZilla va permettre de transférer des fichiers sur le serveur de votre hébergeur, et donc sur le Web.

Mais avant cela, il vous faut vous connecter. Les identifiants de connexion FTP vous sont fournis par votre hébergeur : soit ils vous ont été envoyés par mail, soit ils sont disponibles depuis le tableau de bord de votre hébergement.

Par exemple, si vous êtes chez OVH, connectez-vous à votre espace client, sélectionnez "Web" dans le menu du haut, puis sélectionnez votre hébergement, et enfin "FTP - SSH". Vous trouverez sur la page alors affichée, le nom d'hôte, le login (identifiant) FTP, et le port. Si vous êtes chez Alwaysdata, connectez-vous à votre compte, puis sur votre tableau de bord, à la section "Accès distant", sélectionnez "FTP".

Dans FileZilla, entrez vos identifiants FTP,  et cliquez sur "Connexion rapide". (Le port par défaut est 21).

Si vous obtenez ce message : "Impossible d'établir une connexion au serveur", vous avez du faire une erreur en entrant vos identifiants ou le nom d'hôte. Si la connexion a réussi, vous devriez avoir un affichage similaire : 

Capture d'écran du logiciel FileZilla

À gauche, en orange clair, on retrouve l'arborescence de vos dossiers locaux. Sélectionnez le dossier contenant vos fichiers à transférer. En principe, ils se trouvent dans votre dossier www si vous utilisez LAMP ou, comme ici, dans le dossier htdocs si vous utilisez XAMP, comme serveur local. 

À droite, en vert, se trouve le site distant, avec le dossier www du serveur de votre hébergement (sur PlanetHoster, le dossier peut se nommer public_html). C'est dans ce dossier que vous allez transférer vos fichiers.

Sélectionnez le ou les fichiers à transférer, faites un clic droit et sélectionnez "Envoyer" (il est également possible d'effectuer un glissé-déposé) :

Capture d'écran montrant la sélection d'un fichier local sur FileZilla

Le fichier est alors transféré, et on peut le voir à droite, sur le serveur (en ligne) :

Capture d'écran de FileZilla montrant un fichier transféré sur un serveur

Vous pouvez désormais transférer vos fichiers, vos dossiers, exactement de la même façon.