Pamétrer Filezilla pour l'édition des fichiers

Filezilla et un client ftp qui permet de rapatrier ou de télécharger des fichiers de votre PC , vers un site distant .

Le meilleur moyen de ne pas se tromper quand on travail sur un site , c'est de faire une sauvegarde de tous les fichiers que l'on compte modifiés , et d'envoyer sur le ftp des fichiers que l'ont a préalablement modifiés  , soit avec notre éditeur de texte , soit avec notre logiciel de retouches d'images  sur notre ordinateur.

Néanmoins , il est plus rapide de les modifiés directement sur le serveur . Ceci n'est à faire, à mon avis, que pour des petites modifs qui ne demandent pas de grosses réflexions .

Filezilla vous permet de configurer la manière dont vous allez ouvrir les fichiers et surtout de configurer quel logiciel ouvrira tel type de fichier .

Le choix de l'éditeur de texte .

Le choix de l'éditeur de texte est important , moi j'ai choisi et je conseil Notepad ++ . C'est un éditeur trés complet qui a des tas de fonctions importante quand on travail sur un site , je vais en citer quelques unes , mais la liste est longue .

• Colorisation de la syntaxe suivant le type de fichier
• Recherche et remplacement de mots ou de code par un autre
• Comparaison de code entre deux documents
• Numérotation des lignes ( très très utile semblant de rien )

Bref , vous l'aurez compris , c'est l'éditeur de texte par excellence . Il est utilisé par tous les bon codeurs de la planète et croyais moi je vous dis ça sans exagération . Téléchargez le et installez le , c'est gratuit . Pourquoi se priver d'un tel logiciel ?

Télécharger Notepad ++

Paramétrer Filezilla

Par défaut , si vous tentez d'ouvrir un fichier sur votre ftp , par la methode "clic droit >> "afficher/éditer" . Filezilla ouvrira les fichiers HTML dans votre navigateur . Ce qui , vous en convenez , ne sert a rien .

1^ere étape :

Ouvrez Filezilla , rendez vous a l'onglet "Edition" et cliquez sur "Paramètres"

Cliquez sur l'image

2^ème étape :

1. Dans la fenêtre qui s'ouvre , trouvez "Edition des fichiers"
2. Cochez la case "Utiliser l'éditeur personnalisé"
3. Entrez le chemin du logiciel qui éditera désormais vos fichiers . Nous avons donc choisi Notepad ++ , la ligne a entrée est celle ci : "C:\Program Files (x86)\Notepad++\notepad++.exe" n'oubliez pas les guillemets , c'est important.
4. Cochez la case "Utiliser l'association par type de fichier si elle est disponible" . Pourquoi cette case et pas l'autre ? Si vous cochez l'autre case a savoir "Toujours utiliser l'éditeur par défaut" , Filezilla ouvrira tous les fichiers avec Notepad ++ . Nous allons voir ensuite que nous pouvons déterminer un logiciel pour chaque type de fichier , ce qui est très pratique pour les images par exemple .

Cliquez sur l'image

3^ème étape :

Nous allons maintenant configurer des logiciels différents pour chaque type de fichier. C'est assez simple en soit , il faut juste aller chercher le chemin de l'exécuteur ( le fichier .exe ) du logiciel sur votre PC .

Toujours dans la même fenêtre , Cliquez cette fois sur "Association par type de fichier" dans le menu à gauche, ça se trouve juste en dessous de "Edition" ou vous avez cliquer juste avant .

Ensuite c'est assez simple , dans le cadre de droite , vous entrez le chemin des logiciels que vous voulez utiliser pour l'édition de chaque type de fichier.Le format demander est le suivant :

• L'extension du fichier ( html, css, png, gif, jpg )
• Suivit du chemin de l'exécuteur du logiciel entouré de guillemets ( important )
• Suivit ensuite de l'argument . ( Pas nécessaire pour Notepad ) -open , qui indiquera a Filezilla que vous voulez ouvrir le fichier dans ce logiciel .

Quelques exemples :

css C:\Windows\system32\NOTEPAD.EXE
html C:\Windows\system32\NOTEPAD.EXE
png "C:\Program Files (x86)\Adobe\Adobe Photoshop CS3\Photoshop.exe"  -open
gif  "C:\Program Files (x86)\Adobe\Adobe Photoshop CS3\Photoshop.exe"  -open
jpg "C:\Program Files (x86)\Adobe\Adobe Photoshop CS3\Photoshop.exe"  -open

Sur l'image ci-dessous , vous verrez que, en ce qui me concerne j'utilise Photoshop CS3 pour l'édition de mes images . Bien entendu vous pouvez utiliser n'importe quel logiciel , il vous suffira d'indiquer le chemin du logiciel dans cette case . Pour le HTML et le CSS , j'utilise donc Notepad ++ , vous pouvez recopier les lignes que j'ai donner en exemple concernant ce logiciel .

Voilà la configuration est presque terminée. Il ne vous reste plus qu'a cochez la case "Utiliser les préférences d'associations par type de fichier système" et ensuite de cliquer sur "OK"

Cliquez sur l'image

Normalement , si j'ai bien expliquer la façon de configurer Filezilla pour les logiciels d'édition , vous devez pouvoir faire un clic droit sur le fichier que vous voulez éditer , puis l'ouvrir dans le logiciel choisi en cliquant sur "Afficher/éditer". Il est parfois nécessaire de redémarrer Filezilla pour les modifications soient prises en compte .

Si le tutoriel vous semble incomplet , merci de laisser un commentaire , je le rectifierai en conséquence .

Peter Parker