Bienvenue dans la huitième et dernière partie de ce tutoriel sur la création de votre premier site web. Vous allez découvrir ici comment configurer un site distant dans Dreamweaver. Un site distant est généralement un serveur web résidant sur un ordinateur distant qui contient des copies de vos fichiers locaux. Les utilisateurs accèdent au site distant lorsqu'ils affichent vos pages dans un navigateur.

Ce tutoriel couvre la connexion à un serveur distant au sens large. Il fournit des conseils de dépannage, mais leur pertinence dépend de la configuration de votre serveur distant. En cas de doute, contactez le service d'assistance de votre hébergeur ou votre administrateur système.

Une fois votre site web créé, vous devez le publier en chargeant les fichiers sur un serveur distant. C'est sur ce dernier que vos fichiers sont stockés à des fins de test, de production, de collaboration et de publication (tout dépend de votre environnement).

Avant toute chose, vous devez avoir accès à un serveur web distant, par exemple le serveur d'un hébergeur, le serveur de votre client ou le serveur intranet de votre entreprise. En outre, certains fournisseurs d'accès à Internet (FAI) vous donnent accès à un espace web gratuit dans le cadre de votre contrat de connexion. Si vous n'avez pas accès à ce type de serveur, contactez votre FAI, votre client, votre administrateur système ou l'un des nombreux hébergeurs qui proposent des solutions d'hébergement web. Certaines d'entre elles sont gratuites, mais elles insèrent généralement des publicités sur votre site. Une solution sans publicité ne vous coûtera que quelques euros par mois.

Avant de poursuivre, vous devez également définir un site local. Pour en savoir plus, consultez la première partie de ce tutoriel, Présentation du projet et configuration du site .

Remarque : pour en savoir plus sur les sites Dreamweaver, consultez la rubrique d'aide Configurer une version locale de votre site .

En matière de gestion, Dreamweaver part du principe que vos fichiers locaux sont la réplique parfaite de votre site web en ligne. Ainsi, le fichier index.html contenu dans votre dossier bayside devient la page d'accueil de votre site distant. Si vous possédez déjà un site web en ligne que vous ne voulez pas écraser, utilisez le panneau de contrôle de votre site pour créer un dossier nommé « bayside » dans lequel vous pourrez charger les fichiers Bayside Beat.

1. Dans la boîte de dialogue de configuration du site, cliquez sur Serveurs pour ouvrir le panneau dans lequel vous ajouterez les définitions de votre serveur (voir Figure 2).

Dreamweaver vous permet de configurer plusieurs définitions pour les serveurs distants et les serveurs de test. En revanche, il ne peut y avoir qu'une seule définition active par type de serveur à la fois.

1. Dans la zone de texte Nom du serveur, saisissez le nom du serveur. Ce nom étant utilisé en interne par Dreamweaver pour identifier le serveur, vous pouvez le définir à votre convenance. Par exemple, vous pouvez créer une définition pour un serveur sur lequel vous chargez des fichiers à valider par le client et une autre pour un serveur dédié à la mise en ligne du site. Si vous n'avez qu'un seul serveur, nommez-le Remote Server.
   

2. Dans le menu déroulant Se connecter au moyen de, sélectionnez la méthode de connexion au serveur.
   
   Les méthodes les plus courantes sont FTP, SFTP et FTP sur SSL/TLS (ou FTPS). Il est facile de les confondre, car leurs acronymes sont très proches. En cas de doute sur la méthode à sélectionner, demandez conseil à votre hébergeur ou à l'administrateur système du serveur. Votre choix sera limité aux méthodes prises en charge par votre serveur distant.
   
   Une fois votre choix effectué, suivez les instructions dans la section correspondante.

FTP est l'acronyme de File Transfer Protocol (protocole de transfert de fichiers). Il s'agit de la méthode la plus rudimentaire de connexion à un serveur distant . Comme elle est moins sûre que les autres, ne l'utilisez que si votre serveur distant ne prend pas en charge SFTP ou FTPS.

SFTP est l'acronyme de Secure File Transfer Protocol (protocole de transfert de fichiers sécurisé). Les protocoles SFTP et FTP fonctionnent sur le même principe, mais le premier est plus sûr, car il utilise une connexion chiffrée. Dans Dreamweaver, l'option SFTP donne la possibilité de se connecter au serveur distant en utilisant un nom d'utilisateur et un mot de passe ou un fichier de clé privée.

1. Si vous sélectionnez le bouton radio Fichier de clé privée, les options changent, comme illustré en Figure 5.

Si votre serveur prend en charge la connexion à l'aide d'un fichier de clé privée, saisissez votre nom d'utilisateur dans le champ Utilisateur, puis cliquez sur l'icône de dossier à droite du champ Fichier ID pour rechercher la version locale de votre fichier de clé privée.

Certains serveurs requièrent également une phrase secrète. Si nécessaire, saisissez-la dans le champ approprié. Dreamweaver active automatiquement la case à cocher Enreg. phrase sec. Si vous la désactivez, votre phrase secrète vous sera demandée à chaque connexion de Dreamweaver au serveur.

FTPS est un standard plus récent et plus sûr que SFTP. Il utilise le protocole SSL (Secure Sockets Layer) ou TLS (Transport Layer Security) pour se connecter au serveur distant. Côté sécurité, il présente l'avantage d'authentifier les informations d'identification du serveur. En d'autres termes, il s'assure que vous vous connectez à un serveur connu en vérifiant le certificat de sécurité de ce dernier.

La sélection de l'une ou l'autre option affiche le formulaire illustré en Figure 6.

En cas d'échec de la connexion, vérifiez que votre nom d'utilisateur et votre mot de passe sont corrects. Les mots de passe étant généralement sensibles à la casse, assurez-vous que la fonction Verr. Maj. n'est pas activée. Si le problème persiste, consultez la section de dépannage au bas de cette page.

Les utilisateurs saisissent souvent une valeur erronée pour le répertoire racine. Il est difficile de donner des instructions précises sachant que les hébergeurs et administrateurs serveur n'appliquent pas les mêmes politiques. La valeur du répertoire racine doit correspondre au chemin à entrer après la connexion à votre serveur pour accéder au dossier dans lequel vous voulez installer index.html.

Si vous voulez que la page d'accueil Bayside Beat soit la page frontale de votre site web, vous devez spécifier le chemin vers la racine du site du serveur distant. Sur certains serveurs, il s'agit de public_html. D'autres peuvent utiliser www, wwwroot, voire rien du tout. Sur mon serveur distant, cela doit être /home/username/public_html. En cas de doute, contactez votre hébergeur ou votre administrateur serveur.

Si vous voulez que la page d'accueil Bayside Beat soit dans un sous-dossier nommé bayside, saisissez le chemin vers ce dossier. Par exemple, sur mon serveur, ce serait /home/username/public_html/bayside_beat.

Le champ URL Web doit contenir l'URL du dossier que vous avez défini comme répertoire racine (http://www.example.com/ ou http://www.example.com/bayside/, par exemple). Dreamweaver peut tenter de deviner la valeur correcte, mais ce n'est qu'une supposition. N'acceptez pas la valeur par défaut sans la vérifier.

Si vous vous connectez via SFTP, vos paramètres devraient être similaires à ceux présentés en Figure 7.

En règle générale, il n'est pas nécessaire de modifier les options avancées d'un serveur. Passons-les rapidement en revue avant d'enregistrer la définition du serveur.

1. La case à cocher Conserver les informations de synchronisation est activée par défaut. Cette option vous permet d'opérer le suivi les dernières mises à jour des fichiers stockés sur votre serveur distant et d'utiliser la fonction de synchronisation (voir la rubrique d'aide Synchronisation de fichiers).
   

2. La case à cocher Télécharger automatiquement les fichiers vers le serveur lors de l'enregistrement doit rarement, voire jamais, être sélectionnée, car elle écrase vos fichiers en ligne. Toute erreur est alors immédiatement visible sur votre site distant.
   

3. La case à cocher Activer l'extraction de fichiers doit être sélectionnée dans un environnement collaboratif. Elle ne permet qu'à une seule personne à la fois de modifier une page (voir la rubrique d'aide Archivage et extraction de fichiers).
   

4. Serveur d'évaluation : les options de cette section s'appliquent uniquement lors de la définition d'un serveur de test pour un site web qui utilise une technologie côté serveur comme PHP, ASP.NET ou encore ColdFusion.
   

5. Cliquez sur Enregistrer pour enregistrer votre définition de serveur. Cela vous renvoie au panneau Serveurs de la boîte de dialogue de configuration du site, dans laquelle votre définition du serveur est maintenant répertoriée (voir Figure 9).

Dreamweaver sélectionne automatiquement le bouton radio Distant.

Les icônes situées dans la partie inférieure du panneau Serveurs vous permettent d'ajouter un autre serveur, de supprimer ou modifier la définition du serveur sélectionné, ou d'en effectuer une copie. Cette copie est utile si vous ne devez changer que quelques détails pour vous connecter à un autre serveur.

Vous pouvez définir plusieurs serveurs distants pour un site, mais vous ne pouvez vous connecter qu'à un seul serveur à la fois en sélectionnant son bouton radio dans la colonne Distant.

Vous pouvez maintenant charger les fichiers de votre dossier local vers le serveur web distant pour rendre vos pages accessibles à tous.

1. Lorsque Dreamweaver se connecte au serveur, une boîte de dialogue s'affiche et vous demande si vous voulez inclure les fichiers dépendants dans le transfert (voir Figure 11).

Le bouton Non est sélectionné par défaut. Si vous ne faites rien, la boîte de dialogue se fermera, et seuls les fichiers sélectionnés dans le panneau Fichiers seront chargés.

Certains utilisateurs trouvent pratique d'inclure les fichiers dépendants, car tous les fichiers liés à ceux sélectionnés seront automatiquement chargés. Réfléchissez bien avant de cliquer sur Oui. Il se peut que vous travailliez sur votre feuille de style et que vous ne soyez pas encore prêt à la charger. En cliquant sur Oui, vous écraserez la feuille de style de votre site web en ligne si elle est liée à l'un des fichiers que vous chargez.

Si vous activez la case à cocher Ne plus afficher ce message, seuls les fichiers sélectionnés dans le panneau Fichiers seront chargés. Si vous changez d'avis par la suite, vous pouvez modifier les options dans la catégorie Site des préférences de Dreamweaver.

Il existe plusieurs façons de configurer un serveur web. La liste suivante contient des informations sur certains problèmes courants que vous pouvez rencontrer lors de la configuration d'un serveur distant et sur la façon de les résoudre :

Lorsque vous rencontrez un problème lors d'un transfert FTP, pensez à examiner le journal FTP en sélectionnant Site > Avancé > Journal FTP. Pour en savoir plus, consultez la note technique détaillée sur la résolution des problèmes FTP sur le site d'Adobe.