PDF (adobe.com)

Navigation vers le code apparenté



La fenêtre Navigation dans le code affiche une liste de codes source apparentés à une sélection spécifique sur votre page. Vous pouvez l'utiliser pour naviguer vers les codes source apparentés, comme des règles CSS internes et externes, des inclusions côté serveur, des fichiers JavaScript externes, des fichiers de modèles parents, des fichiers de bibliothèque et des fichiers source iframe. Lorsque vous cliquez sur un lien dans la fenêtre Navigation dans le code, Dreamweaver ouvre le fichier contenant le code concerné. Ce fichier s'affiche dans la section des fichiers apparentés, pour autant que cette fonctionnalité soit activée. Si elle n'est pas activée, Dreamweaver ouvre le fichier sélectionné dans un document séparé, dans la fenêtre de document.

Si vous cliquez sur une règle CSS dans la fenêtre Navigation dans le code, Dreamweaver accède directement à cette règle. S'il s'agit d'une règle interne du fichier, Dreamweaver l'affiche en mode fractionné. Si la règle est un fichier CSS externe, Dreamweaver ouvre ce dernier et affiche la règle dans la section des fichiers apparentés, au-dessus du document principal.

Vous pouvez accéder à la fenêtre Navigation dans le code depuis les modes Création, Code et fractionné, ainsi qu'à partir de l'inspecteur de code.

Vous trouverez un didacticiel vidéo relatif à l'utilisation du mode Affichage en direct, aux fichiers apparentés et à la fenêtre Navigation dans le code à l'adresse www.adobe.com/go/lrvid4044_dw_fr.

Ouverture de la fenêtre Navigation dans le code

 Tout en maintenant la touche ALT (Windows) ou les touches Commande+Option (Macintosh) enfoncées, cliquez n'importe où sur la page. La fenêtre Navigation dans le code affiche des liens vers le code qui s'applique à la zone sur laquelle vous venez de cliquer.

Cliquez en dehors de la fenêtre Navigation dans le code pour la fermer.

Remarque : Vous pouvez également ouvrir la fenêtre Navigation dans le code en cliquant sur l'icône . Cette icône s'affiche à proximité du point d'insertion sur la page si la souris reste inactive pendant 2 secondes.

Navigation vers le code à l'aide de la fenêtre Navigation dans le code

  1. Ouvrez la fenêtre Navigation dans le code à partir de la zone qui vous intéresse.

  2. Clique sur l'élément de code auquel vous voulez accéder.

La fenêtre Navigation dans le code regroupe les sources de code apparentées par fichier et énumère les fichiers dans l'ordre alphabétique. Par exemple, supposons que des règles CSS de trois fichiers externes influent sur la sélection dans votre document. Dans ce cas, la fenêtre Navigation dans le code présente la liste de ces trois fichiers, ainsi que des règles CSS relatives à la sélection. Pour le code CSS relatif à une sélection précise, la fenêtre Navigation dans le code fonctionne de façon similaire au panneau Styles CSS du mode Actuel.

Lorsque vous maintenez le pointeur de la souris au-dessus d'une règle CSS, la fenêtre Navigation dans le code affiche, dans une infobulle, les propriétés de cette règle. Ces infobulles peuvent vous aider à distinguer des règles qui partagent un même nom.

Désactivation de l'icône Navigation dans le code

  1. Ouvrez la fenêtre Navigation dans le code.

  2. Cliquez sur Désactiver l'indicateur dans le coin inférieur droit de la fenêtre.

  3. Cliquez en dehors de la fenêtre Navigation dans le code pour la fermer.

Pour activer de nouveau l'icône Navigation dans le code, cliquez tout en maintenant la touche ALT (Windows) ou les touches Commande+Option (Macintosh) enfoncées, afin d'ouvrir la fenêtre Navigation dans le code, puis désactivez l'option Désactiver l'indicateur.