Transfert FTP, publication et mise à jour de site dans Dreamweaver

Transcription

1 Transfert FTP, publication et mise à jour de site dans Dreamweaver Ecole-Club Migros Alain Court

2 Transfert FTP Le principe Le File Transfer Protocol (protocole l de transfert de fichiers), ou FTP, est un protocole de communication dédié à l'échange informatique de fichiers sur un réseau TCP/IP. Il permet, depuis un ordinateur, de copier des fichiers depuis ou vers un autre ordinateur du réseau, ou encore de supprimer ou modifier des fichiers sur cet ordinateur. FTP est basé un modèle client-serveur, c'est-à-dire qu'une des deux parties, le client, envoie des requêtes auxquelles réagit l'autre lautre, appelé serveur. Le serveur est un ordinateur sur lequel fonctionne un logiciel appelé serveur FTP, qui fournit une arborescence de fichiers similaire il i à celle de l'explorateur l Windows (avec toutefois t quelques différences) Pour accéder à un serveur FTP, on utilise un logiciel client FTP

3 Le client FTP Bien que Dreamweaver possède un client FTP intégré, il peut être utile de disposer d'un outil indépendant, par exemple pour intervenir sur un site qui n'est pas géré par DreamWeaver. FileZilla est un client gratuit et couramment utilisé Téléchargement du logiciel : Un tutorial t complet sur FileZilla:

4 Les paramètres fournis par votre hébergeur Lorsque vous ouvrez un hébergement, votre fournisseur vous envoie par tous les paramètres nécessaires au transfert de vos pages web sur le serveur FTP 3 informations fondamentales (et confidentielles car quiconque possède ces informations peut intervenir librement dans votre hébergement) Hôte FTP : il s'agit de l'adresse du serveur FTP, il commence toujours par ftp. Si vous avez associé un nom de domaine à votre hébergement (par exemple monsite.com), il est probable bl que l'adresse FTP sera du type ftp.monsite.com Nom utilisateur : cette information est fournie par votre hébergeur (non modifiable) Mot passe : également fourni par l'hébergeur (en général modifiable via l'interface d'administration du serveur)

5 Exemple de mail de paramètres de votre hébergeur Texte complet du message

6 Paramètres FTP Pour permettre la connexion et la synchronisation, nous devons d'abord fournir les paramètres de connexion. Pour cela il nous faut modifier les paramètres du site Copie écran gestion de site Paramètres Hôte FTP : ftp.membres.lycos.fr Nom utilisateur : votre identifiant MultiMania Mot passe : votre mot de passe MultiMania Cochez la case Utiliser FTP passif si votre hébergeur le réclame (c'est le cas de MultiMania) Cliquez sur OK pour valider l'ensemble de ces informations et créer votre profil de site.

7 Transfert FTP dans Dreamweaver Dreamweaver possède un client FTP évolué permettant de gérer efficacement la connexion et l'authentification au serveur FTP. De plus la mise à jour (synchronisation entre les fichiers locaux et distants est simple d'emploi) Jusqu'ici nous avions construit notre site sans informations de connexion au serveur FTP, pour pouvoir transmettre les fichiers, il est nécessaire de fournir ces informations à Dreamweaver

8 Paramétrage de la connexion au serveur FTP Choisissez Site > Connecter. Après un court délai, Dreamweaver se connecte au serveur FTP. Les fichiers de votre site présents sur le serveur FTP apparaissent dans la partie gauche de la fenêtre.

9 Visualisation des Fenêtre Fichiers fichiers locaux et distants

10 Transfert des fichiers Sélectionnez l'élément (dossier complet,,page Web ou autre fichier) )que vous souhaitez envoyer vers votre serveur FTP dans la partie droite de la fenêtre. Puis déplacer le ou les fichiers vers le serveur ditant Si l'élément que vous souhaitez envoyer est une page Web, Dreamweaver vous demande si vous voulez envoyer par la même occasion les fichiers associés à cette page (images, feuilles de styles, fichiers multimédias...). Cliquez sur oui si vous le souhaitez. Figure 4 : Dreamweaver vous demande si vous souhaitez envoyer les fichiers associés à votre page Sécurité! Dreamweaver dispose d'un certain nombre de mesures de sécurité lors du transfert de fichiers. Par exemple, il vous informe toujours si vous souhaitez placer des fichiers dont une version plus récente se trouve chez votre hébergeur. Après un court délai d'attente, Dreamweaver met à jour la liste des fichiers disponibles sur le serveur FTP. Les fichiers présents sur le serveur FTP sont immédiatement accessibles sur le Web

11 Mise à jour des fichiers Lorsque des modifications ont été faites sur les fichiers du site en local, les dates sont différentes de celles des fichiers présents sur le serveur FTP. DW s'appuie sur ces informations pour déterminer quels fichiers sont susceptibles de nécessiter une mise à jour.

12 Exercice 1 1. Connectez-vous au serveur d'exercice avec les paramètres qui vous ont été fournis et transférez votre site dans le dossier indiqué 2. Prévisualisez vos pages dans votre navigateur (sur le Web et non pas en local!) 3. Contrôlez que votre site fonctionne comme prévu

13 Exercice 2 1. Faites une modification mineure dans une de vos pages Web (ajout ou changement d'apparence du texte) et faites une mise à jour sur le serveur puis observez le résultat online via votre navigateur. 2. Effectuez une modification plus importante dans votre site (ajout d'image ou de page) puis opérez une synchronisation du site 3. Répétez ces opérations à plusieurs reprises en variant le options afin de découvrir les possibilités offertes par le client FTP de Dreamweaver.s

14 Conclusion Vous êtes désormais capable de transférer, supprimer et synchroniser des fichiers depuis Dreamweaver vers votre serveur FTP La plupart des problèmes rencontrés sont en général liés aux causes suivantes (dans l'ordre de fréquence): 1. Erreur logique dans la manipulation des fichiers 2. Erreur de saisie dans les paramètres FTP 3. Mode passif requis pour franchir un Firewall ou selon les paramètres de l'hébergeur 4. Interruption temporaire de service du serveur FTP