TP 1 : Mettre en ligne un site web

TP : Mise en ligne
1
Présentation
La mise en ligne d’un site web consiste à copier sur un serveur distant les fichiers
de son site. On parle d’hôte local et d’hôte distant. Pour effectuer ce transfert,
on utilise FTP, un protocole dédié aux transferts de fichiers.
Pour mettre en ligne un site internet, il faut disposer de 3 choses :
— des fichiers à transférer,
— un logiciel FTP (pour faire le transfert),
— un accès FTP à un serveur.
L’envoi de fichiers via FTP nécessite un client FTP, un petit logiciel qui ressemble à un explorateur de fichier. Dans le cadre de cet atelier, nous utiliserons le
logiciel Filezilla ; Il présente l’avantage d’être gratuit et multi-plateforme.
2
Filezilla
Objectif :
2.1
Installez et lancer FileZilla.
Installation
Rendez vous sur le site du Projet FileZilla : https://filezilla-project.
org/ et téléchargez le client. Sous MAC/Windows, l’installation se fait simplement
en double-cliquant sur le fichier téléchargé.
Remarque Sous Linux, l’installation est automatique via le
gestionnaire de paquet (Logithèque Ubuntu, APT, Synaptic).
2.2
Interface
Une fois Filezilla client téléchargé, installez le, puis lancez le. La figure 1 présente les différentes parties de l’interface.
TP : Mise en ligne - Page 1
CFCS Formation
Stéphane Bouvry
Figure 1: L’interface de Filezilla
Fichiers locaux Correspond aux fichiers présent sur votre ordinateur. La partie
supérieur permet de naviguer dans les dossiers, celle du dessous de voir le contenu
du dossier sélectionné.
Fichiers sur le serveur Présente les fichiers sur le serveur (la fenêtre est vide
lorsque l’on est déconnecté).
Logs
—
—
—
Permet de suivre l’activité de Filezilla :
Connexion / déconnexion
Erreur
etc. . .
Transfert en cours Permet de voir la progression du transfert ainsi que la file
d’attente. Il dispose de 2 autres onglets permettant de voir les fichiers transférés
avec succès et ceux ratés.
3
Connexion FTP
Objectif :
Se connecter à un serveur FTP.
TP : Mise en ligne - Page 2
CFCS Formation
Stéphane Bouvry
Pour se connecter à L’hôte distant, vous devez disposer des informations suivantes :
— Adresse de l’hôte (URL, IP) ;
— Identifiant ou Login ;
— Mot de passe ;
— Port (Facultatif)
Remarque Rensigner le port est facultatif car les logiciels
FTP se connecteront sur le port FTP par défaut (le port 21)
s’il n’est pas spécifié.
Ces informations ne peuvent pas être inventées, elles vous seront fournies par
votre hébergeur, dans le cadre de cet atelier, les accès vous seront gracieusement
fournis par votre merveilleux formateur.
3.1
Connexion rapide
FileZilla dispose, sous sa barre de menu, d’une zone de saisie pour une connexion
rapide.
Figure 2: Connexion rapide
Utilisez les paramètres de connexion qui vous ont été fourni pour vous connecter
à votre espace web.
Après avoir cliqué sur "Connexion rapide", vous devriez voir de l’activité dans
le zone de log. La figure 3 montre un exemple de logs.
Figure 3: Logs affiché lors d’une erreur d’authentification
L’affichage des logs est codifié :
— Noir : Message de FilleZilla (Je fais ci, je fais ça) ;
— Vert : Les réponses positives du serveur ;
— Rouge : Les réponses négatives du serveur (les erreurs) ;
— Bleu : Les commandes envoyées par FileZilla ;
TP : Mise en ligne - Page 3
CFCS Formation
Stéphane Bouvry
Une fois la connexion et l’authentification réussi, FileZilla affichera dans la zone
Fichiers sur le serveur les fichiers présents sur l’hôte distant. Vous devriez voir
des fichiers ainsi qu’un dossier www.
Remarque Le nom www est un choix de l’hébérgeur ; C’est
une convention. Il peut également être nommé : htdocs ou
public_html. On parle du dossier racine. Si l’hébergeur
n’utilise pas un nom standard, il vous le spécifiera.
4
Mise en ligne
Objectif :
Mettre en ligne le dernier exercice.
Pour mettre un contenu en ligne, il suffit de le sélectionner dans la zone site
local et de le glisser/déposer dans la zone hôte distant (dans le dossier www).
Figure 4: Transfert de fichier
Une fois les fichiers transférés, allez via un navigateur sur votre adresse web et
admirez votre premier site web.
5
Facultatif
Objectif :
Mémoriser les paramètres de connexion dans FileZilla
Dans le menu Fichier / Gestionnaire de site, vous trouverez une interface permettant de mémoriser les informations de connexion. (voir figure 5)
TP : Mise en ligne - Page 4
CFCS Formation
Stéphane Bouvry
Figure 5: Gestionnaire de site
TP : Mise en ligne - Page 5