Découvrez les liens et la navigation sous Dreamweaver ainsi que les chemins vers les documents, les chemins vers la racine du site et les chemins absolus.
Une fois que vous avez configuré un site Dreamweaver pour stocker les documents de votre site web et que vous avez créé des pages HTML, vous souhaiterez créer des connexions entre vos documents et d'autres documents.
Dreamweaver offre plusieurs méthodes pour créer des liens vers des documents, des images, des fichiers multimédias ou des logiciels téléchargeables. Vous pouvez établir des liens vers n'importe quel texte ou image n'importe où dans un document, y compris le texte ou les images dans un en-tête, une liste, un tableau, un élément à positionnement absolu (élément AP) ou un cadre.
Il existe différentes méthodes de création et de gestion de liens. Certains concepteurs web préfèrent créer des liens vers des pages ou des fichiers inexistants pendant qu'ils travaillent, tandis que d'autres préfèrent créer d'abord tous les fichiers et pages, puis ajouter les liens.Une autre façon de gérer les liens est de créer des pages d'espace réservé, dans lesquelles vous ajoutez et testez les liens avant de terminer toutes les pages de votre site.
Chemins absolus, relatifs au document et relatifs à la racine du site
Comprendre le chemin d'accès de fichier entre le document depuis lequel vous créez un lien et le document ou la ressource vers lequel vous créez un lien est essentiel pour créer des liens.
Chaque page web possède une adresse unique, appelée localisateur de ressource uniforme (URL). Cependant, lorsque vous créez un lien local (un lien d'un document vers un autre sur le même site), vous ne spécifiez généralement pas toute l'URL du document vers lequel vous créez un lien ; au lieu de cela, vous spécifiez un chemin d'accès relatif depuis le document actuel ou depuis le dossier racine du site.
Il existe trois types de chemins d'accès de liaison :
Chemins absolus (par exemple, http://www.adobe.com/support/dreamweaver/contents.html).
Chemins relatifs au document (par exemple dreamweaver/contents.html).
Chemins relatifs à la racine du site (par exemple, /support/dreamweaver/contents.html).
Dreamweaver vous permet de choisir aisément le type de chemin à créer pour vos liens.
Il est préférable d’utiliser le type de lien qui vous convient le mieux, qu’il soit relatif à la racine du site ou au document. L’exploration des liens, contrairement à la saisie des chemins, garantit que vous entrez toujours le chemin correct.
Chemins absolus
Les chemins d'accès absolus fournissent l'URL complète du document lié, y compris le protocole à utiliser (généralement http:// pour les pages web), par exemple, http://www.adobe.com/support/dreamweaver/contents.html. Pour un actif de type image, l’URL entière peut ressembler à http://www.adobe.com/fr/support/dreamweaver/images/image1.jpg.
Vous devez utiliser un chemin d'accès absolu pour créer un lien vers un document ou une ressource sur un autre serveur. Vous pouvez également utiliser des chemins absolus pour les liens locaux (vers des documents du même site), mais cette approche est déconseillée : si vous déplacez le site vers un autre domaine, tous vos liens locaux avec chemin absolu ne fonctionneront plus.L'utilisation de chemins d'accès relatifs pour les liens locaux offre également une plus grande flexibilité si vous devez déplacer des fichiers dans votre site.
Lors de l'insertion d'images (pas de liens), vous pouvez utiliser un chemin d'accès absolu vers une image sur un serveur distant (c'est-à-dire une image qui n'est pas disponible sur le disque dur local).
Chemins relatifs à un document
Les chemins d'accès relatifs au document sont généralement les meilleurs pour les liens locaux dans la plupart des sites web. Ils sont particulièrement utiles lorsque le document actuel et le document lié ou la ressource sont dans le même dossier et sont susceptibles de rester ensemble. Vous pouvez également utiliser un chemin d'accès relatif au document pour créer un lien vers un document ou une ressource dans un autre dossier en spécifiant le chemin d'accès à travers la hiérarchie de dossiers depuis le document actuel vers le document lié.
L'idée de base des chemins d'accès relatifs au document est d'omettre la partie du chemin d'accès absolu qui est identique pour le document actuel et le document lié ou la ressource, en ne fournissant que la portion du chemin d'accès qui diffère.
Par exemple, supposons que la structure de votre site soit la suivante :
Pour créer un lien de contents.html vers hours.html (tous deux dans le même dossier), utilisez le chemin d'accès relatif hours.html.
Pour créer un lien de contents.html vers tips.html (dans le sous-dossier resources), utilisez le chemin d'accès relatif resources/tips.html. À chaque barre oblique (/), vous descendez d'un niveau dans la hiérarchie de dossiers.
Pour créer un lien de contents.html vers index.html (dans le dossier parent, un niveau au-dessus de contents.html), utilisez le chemin d'accès relatif ../index.html. Deux points et une barre oblique (../) vous font remonter d'un niveau dans la hiérarchie de dossiers.
Pour créer un lien de contents.html vers catalog.html (dans un sous-dossier différent du dossier parent), utilisez le chemin d'accès relatif ../products/catalog.html. Ici, ../ vous fait remonter vers le dossier parent, et products/ vous fait descendre vers le sous-dossier products.
Lorsque vous déplacez des fichiers en groupe, par exemple lorsque vous déplacez un dossier entier de sorte que tous les fichiers de ce dossier conservent les mêmes chemins d'accès relatifs les uns par rapport aux autres, vous n'avez pas besoin de mettre à jour les liens relatifs au document entre ces fichiers. Cependant, lorsque vous déplacez un fichier individuel qui contient des liens relatifs au document, ou un fichier individuel ciblé par un lien relatif au document, vous devez mettre à jour ces liens. (Si vous déplacez ou renommez des fichiers à l'aide du panneau Fichiers, Dreamweaver met automatiquement à jour tous les liens pertinents.)
Chemins relatifs à la racine du site
Chemins relatifs à la racine du site décrivent le chemin depuis le dossier racine du site vers un document.Vous pouvez utiliser ces chemins d'accès si vous travaillez sur un site web volumineux qui utilise plusieurs serveurs, ou un serveur qui héberge plusieurs sites. Cependant, si vous n'êtes pas familier avec ce type de chemin d'accès, vous pouvez vous en tenir aux chemins d'accès relatifs au document.
Un chemin d'accès relatif à la racine du site commence par une barre oblique, qui représente le dossier racine du site. Par exemple, /support/conseils.html est un chemin d'accès relatif à la racine du site vers un fichier (conseils.html) dans le sous-dossier support du dossier racine du site.
Un chemin d'accès relatif à la racine du site constitue souvent la meilleure façon de spécifier des liens si vous déplacez fréquemment des fichiers HTML d'un dossier à un autre dans votre site web. Lorsque vous déplacez un document qui contient des liens relatifs à la racine du site, vous n'avez pas besoin de modifier les liens puisque ceux-ci sont relatifs à la racine du site et non au document lui-même ; par exemple, si vos fichiers HTML utilisent des liens relatifs à la racine du site pour les fichiers dépendants (comme les images), alors si vous déplacez un fichier HTML, ses liens de fichiers dépendants restent valides.
Cependant, lorsque vous déplacez ou renommez les documents ciblés par des liens relatifs à la racine du site, vous devez mettre à jour ces liens, même si les chemins d'accès relatifs des documents les uns par rapport aux autres n'ont pas changé. Par exemple, si vous déplacez un dossier, vous devez mettre à jour tous les liens relatifs à la racine du site vers les fichiers de ce dossier. (si vous déplacez ou renommez des fichiers dans le panneau Fichiers, Dreamweaver met automatiquement à jour tous les liens concernés).
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
