EXPORTATION ET TRANSFERT DE FICHIERS / Web

EXPORTATION ET TRANSFERT DE FICHIERS / Web Designer 7 ­ FileZilla 2
But du tutoriel :
Enregistrer son site Web depuis Magix Web Designer 7 puis l’exporter sur le disque dur et enfin transférer
les fichiers avec FileZilla 2.
Mise en oeuvre :
Créer sur le disque dur le dossier qui contiendra les fichiers du site.
Une fois que le site est terminé, procéder à son enregistrement :
Fichier
Enregistrer sous…
Cliquer sur “Fichier” puis sur “Enregistrer sous…” et dans la boite de dialogue qui s’ouvre, rechercher et sélectionner le dos­
sier prévu pour recevoir le site. Donner un nom au fichier de sauvegarde du site et cliquer sur “Enregistrer”
On se retrouve donc avec un fichier ayant pour extension “.web”
Une fois que c’est fait on peut exporter le site dans le même dossier.
Exportation du site dans un dossier du disque dur :
Rien de plus simple, Cliquer sur “Fichier” puis sur “Exporter le site Web” :.
Fichier
Exporter le site web
Dans la boite de dialogue qui s’ouvre, laisser le nom proposé (index) c’est le nom requis pour qu’un site web s’ouvre en sais­
sissant seulement son adresse.
Exemple : www.monsite.com sera la même adresse que www.monsite.com/index.htm
C’est pour cette raison qu’il est indispensable de garder le nom “index” pour la page d’accueil du site.
Cliquer ensuite sur le bouton “Exporter”
Note: faire attention d’exporter dans le bon dossier, Web Designer garde en mémoire le dernier dossier ouvert ce qui peut in­
duire en erreur.
On doit se retrouver avec une arborescence ressemblant à ceci :
On remarque que nous sommes en présence de 3 fichiers .htm, 1 dossier contenant les images et les scripts et 1 fichier
de sauvegarde du site d’extention .web.
Si on double clique sur le fichier “Index.htm” le site s’ouvre en local dans le navigateur, il a exactement la même apparence qu’il
aura en ligne, ce qui permet de le tester sous différents navigateurs.
Ici il n’y a que 3 fichiers .htm du fait que le site ne comprend que 3 pages, le nombre augmentera en fonction du nombre de
pages, mais le principe reste le même.
Nous voilà donc avec notre site complet prêt à être publié sur notre serveur distant, bien évidemment, il faudra ajouter
manuellement le fichier “robot.txt” et le fichier du sitemap à la recine du site c’est à dire au même endroit que le fichier “index.htm”
Exportation du site avec FileZilla 2 :
Commencer par ouvrir FileZilla.
Une fois l’application ouverte, il est nécessaire de configurer un compte.
Les trois éléments nécessaires à la configuration d’un compte sont :
­ L’adresse de l’hôte
­ Le nom de l’utilisateur (login)
­ Le mot de passe de l’utilisateur
!! Ces renseignements sont fournis par l’hébergeur
Voici ci­dessous la façon de configurer un compte sous FileZilla 2 :
Cliquer sur “Fichier” puis sur “Gestionnaire de sites”
La boite de configuration s’ouvre :
Cliquer sur le bouton “Nouveau site”
Une nouvelle entrée est créée, il ne reste plus qu’à lui donner un nom :
Une fois le nom du nouveau site saisi on s’occupe de la partie de droite.
1 ­ Saisir le nom de l’Hôte (serveur de l’hébergeur)
2 ­ Cocher la case ‘Normal’
3 ­ Saisir le nom de l’utilisateur
4 ­ Saisir le mot de passe correspondant
5 ­ Cliquer sur le bouton “Enregistrer et Quitter”
Le compte est maintenant configuré. Pour s’en assurer et tester la connexion, il suffit de cliquer sur la petite flèche de choisir le
compte auquel se connecter et de cliquer sur son nom :
Une fois que l’on a cliqué sur le nom du site, la connexion doit s’établir. Si ce n’est pas le cas, c’est qu’il y a une erreur de sai­
sie dans la configuration, il suffit de la vérifier en ouvrant le gestionnaire de sites.
Transférer les fichiers vers le serveur :
Dans FileZilla on aperçoit 2 fenêtres principales. Celle de gauche correspond à l’arborescence du disque dur local et celle de
droite à l’arborescence de l’espace sur le serveur distant.
Une fois la connexion établie, il convient de faire le ménage sur le serveur, autrement dit de supprimer tous les fichiers et dos­
siers inutiles ou concernant un ancien site web qui serait en place et qu’on ne désire pas garder.
Il est aussi possible de sauvegarder ces fichiers sur le disque dur local de son ordinateur en les faisant glisser de la droite vers
la gauche dans un dossier prévu à cet effet puis de les supprimer sur serveur.
Pour supprimer un fichier ou un dossier sur le serveur, il suffit de faire un clic droit dessus et de le supprimer.
Pour créer un dossier sur le serveur, faire un clic droit dans un espace vide de la fenêtre du serveur et choisir la création d’un
répertoire qui peut être ensuite renommé d’un clic droit sur son nom après l’avoir sélectionné une première fois.
Le transfert des fichiers et dossiers vers le serveur distant fonctionne exactement comme avec un explorateur de fichiers à
double fenêtre.
1 ­ Ouvrir le répertoire contenant le site web dans la fenêtre de gauche
2 ­ Sélectionner tous les fichiers .htm des pages et le dossier “index_htm_files”
3 ­ Vérifier que la connexion est bien établie
4 ­ Faire glisser le tout dans la fenêtre de droite (vers le serveur)
Note : Attention de bien faire glisser le tout vers une zone libre du serveur et pas dans un dossier. C’est ce que l’on appelle la
“racine” du site.
Faire glisser les fichiers dans ce sens pour les exporter
Faire glisser les fichiers dans ce sens pour les sauvegarder
Fichiers à sélectionner
A noter qu’on peut également exporter le fichier de sauvegarde si on le désire, ce qui permet de le garder en sécurité en cas
de plantage du disque dur du PC.
Les fichiers .htm se nomment ici “copy” pour ne pas avoir ce problème il suffit de donner un nom au titre de la page dans les
propiétés web de chaque page des Web Designer.
Lorsqu’on veux actualiser une page suite à des modifications, il suffit d’exporter à nouveau la page avec FileZilla, le logiciel va
détecter que le fichier existe déjà et va demander ce qu’il doit faire.
Répondre par “Ecraser”, le nouveau fichier viendra remplacer l’ancien.
Si des images ou des scripts ont été modifiés, il est nécessaire d’exporter également le dossier contenant les images ete les
script. Par sécurité il est préférable de la faire à chaque modification.
Là aussi choisir “Ecraser” et cocher la case “toujours utiliser cette fonction lorsque le fichier est existant”
Pourquoi utiliser la version 2 de FileZilla au lieu de la 3 ?
La version 2 est peut­être moins moderne mais est beaucoup plus stable que la version 3. En effet la version 3 coupe automa­
tiquement la connexion lorsqu’un fichier trop lourd est envoyé.
La version 2 semble s’être déconnectée si on en croit ce qui est indiqué dans le journal d’état en haut à gauche de l’interface,
mais il n’en est rien. Le transfert se poursuit jusqu’à la fin.
La version 2.2.32 est disponible sur mon site perso à l’adresse suivante :
http://libfree.free.fr/file/FileZilla_2_2_32_setup.exe
Tutoriel réalisé avec les logiciels suivant :
XARA Web Designer 7 Premium ­ Equivalent à MAGIX Web Designer 7 Premium
FileZilla 2.2.30 ­
Création des pages du tuto : SERIF PagePlus X6