Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Insérer des ancres nommées dans un site avec Dreamweaver

 

Ce tutoriel va vous montrer comment utiliser les ancres nommées pour relier l'intérieur d'une page web dans Dreamweaver .

Bien que les liens que nous avons examinés jusqu'à présent soient des liens vers d'autres pages et sites, il est également possible de mettre un lien vers une autre position sur la même page Web.

C'est généralement le cas que lorsque les visiteurs arrivent sur une page, ils sont placés quelque part près du sommet, et de là ils se frayent un chemin à l'endroit dans la page qu'ils veulent . Nous pouvons faire cela plus facile pour eux en fournissant des hyperliens vers des sites importants ou utiles sur une page de sorte qu'ils n'ont pas à faire défiler la page à la recherche de ce qu'ils veulent.

Ceci est fait en utilisant des ancres nommées, qui sont essentiellement des outils utilisés pour la navigation. Les balises HTML utilisées pour les ancres nommées sont les paire <a> et </ a> , et quand on regarde le code ils apparaissent très fréquemment.

Prenons cet exemple de page où il y a des rubriques différentes et où on veut donner à l'utilisateur la possibilité de choisir sa rubrique et y aller directement en cliquant sur le lien contenu dans le nom de la rubrique sans avoir à faire défiler la page vers le bas.

Page exemple

Placez le curseur juste avant le mot Les feuilles de style.

Maintenant, choisissez Ancre nommée dans le menu Insertion.

Insertion ancre nommée

La boîte de dialogue Ancre nommée apparaît.

Boîte ancre nommée

Il est seulement nécessaire de donner un nom de l'ancre, bien que le nom doit être unique dans la page. Je l'ai appelé feuillesstyle. Notez aussi que le nom ne doit pas contenir d'espaces ni d'accents ni de caractères spéciaux.

Renseigner ancre nommée

Cliquez sur OK et le point d'ancrage est créée. On voit bien le symbole de l'ancre (en anglais Anchor)

Ancre nommée insérée

L'icône d'ancrage indique sa position. Cette icône ne s'affiche pas sur nos pages web publiées, et n'est là que pour nous aider à travailler à l'élaboration et à leur maintien.

Maintenant, nous allons revenir à la partie supérieure de la page pour mettre un lien vers l'ancre nommée là-bas.

Partie où insérer ancre nommée

J'ai sélectionné la phrase: Les feuilles de style que l'utilisateur devra cliquer sur pour aller à l'ancre.

Avec ces mots choisis, je peux mettre le nom de l'ancre nommée dans le champ Lien du panneau Propriétés. Notez que le nom de l'ancre doit être précédé d'un signe # et doit correspondre exactement avec le nom de l'ancre.

Donc, pour le cas ici le lien que j'ai mis dans la case lien du Panneau des Propriéts est: #feuillesstyle

Pour avoir le caractère: #, maintenez enfoncée la touche Alt Gr puis tapez 3 dans le clavier Windows.

Ancre nommée inserée

Nous pouvons maintenant tester le lien en utilisant Aperçu dans le navigateur. Tout devrait bien se passer!

Je continue avec les autres liens et je fais la même procédure que le premier.

Le code:

Pour le lien cliquable: <a href="#feuillesstyle">Les feuilles de style</a>

Pour l'endroit de l'ancre nommée: <h2><strong><a name="feuillesstyle" id="feuillesstyle"></a>1- Les feuilles de style</strong></h2>

Ce dernier à ajouter avant le mot directement.

Insérer une ancre nommée d'une page à un endroit spécifique dans une autre page

Vou spouvez aussi insérer une ancre nommée dans une page de site vers un autre endroit dans une autre page. Vous pouvez voir un exemple dans cette page: http://www.formation-gratuite.weboptime.com/creer-menu-spry-dreamweaver.html

Pour ajouter ce genre d'ancre nommée, vous devez suivre les étapes détaillés en haut mais la différence est que vous devez ajouter l'ancre dans la deuxième page à l'endroit voulu et ajouter le lien dans la première page.

En détail:

Supposons que vous avez 2 pages. Dans la première page vous voulez créer un lien vers un endroit spécifique dans la deuxième page. OK? Vous devez insérer l'ancre (première étape) dans la deuxième page à l'endroit voulu (c'est là où l'utilisateur va arriver en cliquant sur le lien). Ajoutez un lien ensuite dans la première page comme ceci: adresse-page-2.html#nomdelancre

Voilà! c'est fait.

 

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site