e-learning Dreamweaver Initiation

4. Les hyperliens

Onglet Commun
Insertion

4.1 Un hyperlien sur du texte

Pour insérer un lien hypertexte
1. Cliquez sur l'icône 1 de l'Onglet Commun
2. Complétez les champs suivants

Texte Qui servira de texte de remplacement
Lien Est le lien hypertexte
Cible Les différents attibuts : _blank (pour ouvrir le lien dans une nouvelle fenêtre), _self, _parent, _top
Titre Le iitre qui apparaîtra lors du survol

Exemple
Le lien ci dessous pointe sur le moteur de recherche Google
Mon hyperlien vers Google

CODE HTML
<a href="http://www.google.fr/" title="Mon lien vers Google">Mon hyperlien vers Google</a>

4.2 Un hyperlien sur une image

1. Sélectionnez votre image
2. Dans la fenêtre Propriété
3. Insérer dans le champ lien, la page à atteindre ou saisissez l'URL

CODE HTML
<a href="http://www.google.fr/" target="_blank"><img src="../../../images/google.gif" alt="Google" width="150" height="60" border="0" /></a>

Exemple

4.3 Lien de messagerie

Inserer un lien de messagerie sur du texte

1. Cliquer sur le bouton 2 "lien de messagerie" sur du texte Onglet Commun
2. Saisissez le Texte qui doit apparaître à l'écran dans le premier champ
3. Dans le second champ, saisissez votre adresse électronique (Adresse email)

Exemple
mail : contact@lc-formateur.com

CODE HTML
<a href="mailto:contact@lc-formateur.com">mail : contact@lc-formateur.com</a>

Lien de messagerie sur une image

Exemple

Le lien vers la messagerie est placé sur l'image

CODE HTML
<a href="mailto:contact@lc-formateur.com"><img src="../../../images/formateur.jpg"
alt="Texte secondaire" border="0" /></a>

4.4Les ancres nommées

Les ancres nommées vous serviront quelque part de lien à l'intérieur d'une même page, assez utile dans le cas ou vous avez des pages web avec un long contenu

1. Cliquez sur l'icône 3 dans l'Onglet Commun
2. Préciser le nom de l'ancre

Lien qui pointe vers une ancre nommée

CODE HTML
<a href="ma_page.html#ancre1">Lien qui pointe vers une ancre nommée</a>