Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires
 

 Guide

 d'utilisation

  www.aidenet.com

Page 20 -


Liens hypertexte - Ancres

 

Liens sur un mot (ou groupe de mots) : (suite)

Pour réaliser un lien suivant cette deuxième méthode, il faut que le fichier concerné par le lien qu'on appelle aussi la "cible" (ici tertio.htm) soit affiché en même temps que le fichier sur lequel vous allez créer un lien (ici secundo.htm). Il n'est pas nécessaire de l'apercevoir comme sur l'image où elle apparaît seulement à titre de démonstration.

 

fig. 1 ancres pour liens hypertextes

 

Cliquez sur le bouton n°2 puis déroulez le menu et choisissez "lien vers fichier ouvert" pour sélectionner enfin un fichier qui dans ce cas est "tertio.htm".

Le bouton encadré de rouge "tertio" s'est mis lui aussi en bleu foncé quand vous avez posé le pointeur dessus, et en relâchant le bouton de la souris tout le menu se referme et le lien s'inscrit alors dans la zone de saisie URL 1. N'oubliez pas d'enregistrer.

Vous pouvez trouver le menu déroulé vers l'intérieur, lorsque la fenêtre de travail est trop petite, mais le plus souvent vous aurez la suite des menus qui s'ouvrira normalement vers la droite, comme sur l'image suivante :
fig. 2

 

NOTA : Je ne vous conseille pas d'utiliser "Lien vers URL récente" , sauf grande maîtrise du logiciel.

 

Lien vers une ancre d'une page de votre Site  

 

Mise en place de l'ancre :

Jusqu'à maintenant, vous avez créé un lien vers un fichier qui s'ouvre normalement en haut de page, et justement même dans ce cas où ce n'est pas obligatoire mais conseillé, il est souvent placé une ancre  #top  au plus haut de la source de votre page, vers laquelle va tendre le lien et surtout la flèche habituelle de renvoi vers "haut de page".

Mais il est possible de souhaiter envoyer votre visiteur directement sur une "cible" bien précise, par exemple le paragraphe 2 qui se trouve au milieu de la page.

Cette "cible" vous allez d'abord la positionner avec une "ancre n°12" à laquelle vous donnez un diminutif (sans accents ni espaces). Tojours commencer par la positionner avant d'établir le lien.

Vous pouvez la placer immédiatement à gauche du titre de ce deuxième paragraphe choisi pour exemple, mais à l'usage vous constaterez vite qu'il faut la placer un peu avant pour faciliter la lecture.

 fig.3

nom de l'ancre

 

Résumé :

- Désignation de l'emplacement choisi pour l'ancrage, avec le point d'insertion n°1.

- Frappe du nom choisi pour cette ancre dans la zone de saisie n°2.

- Après avoir cliqué sur OK, l'ancre n°3 apparaît et la fenêtre se ferme en même temps.

 

 Mise en place du lien en rapport avec l'ancre.

 1- Dans la même page :

 

fig. 4 ancre dans même page

 

Maintenant que l'ancre est posée, il reste à établir le lien vers cette cible, rappelez-vous son nom "resume".

Après sélection du mot qui va dans l'exemple servir de lien, ouvrez comme déjà vu le bouton "Editeur de lien" n°10 et cette fois vous allez devoir taper au clavier dans la zone de saisie 1 :

- d'abord  "le dièse" #  caractère spécial qui s'obtient sous Claris home page par une des combinaisons suivantes : # --- avec Alt Gr + #, ou Ctrl + Alt + 3 (celui au dessus du signe "), ou Alt + 35.

- ensuite et sans espace, le mot que vous avez donné à l'ancre, à savoir "resume".

Fermez la fenêtre "Editeur de lien" et vérifiez que tout fonctionne soit à l'aide de votre navigateur, soit du bouton "prévisualisation" n°7.

 

2- Dans une page différente de votre site :

Première méthode-

Vous allez établir un lien vers une autre page de votre Site, qui ne l'oubliez pas doit se trouver dans le dossier "Répertoire" de votre disque dur avec tous vos fichiers regroupés,

 

fig. 5 ancre dans autre page

et au clavier vous ajoutez toujours sans espace le dièse accompagné du nom de l'ancre qui sert de cible, ce qui vous donne le schéma ci-dessus :

Exemple :  Sélection du mot qui va servir de lien, ouverture bouton 10 dans la barre des outils, parcourir fichiers et après sélection fermer cette fenêtre des fichiers. Ainsi apparaît le nom du fichier choisi et son chemin dans la zone 1, puis ajouter au clavier #resume, fermer fenêtre Editeur de lien, enregistrer, et surtout vérifier le bon fonctionnement.

 

Deuxième méthode-

fig. 6 ancre pour lien

 

Déjà vu, cliquez le bouton n°2 qui déroule des menus et cette fois vous avez en plus le choix entre haut de page (qui correspond à un lien normal de fichier) et "resume" n°99" (qui est normalement en bleu foncé) qui correspond au nom donné à votre ancre. Il peut exister plusieurs ancres dans une page et le n°99 est alors fonction de ces noms choisis obligatoirement différents dans ce cas, et quand vous relâchez le bouton de la souris la fenêtre se ferme et le chemin qui mène à l'ancre s'inscrit dans la zone de saisie URL.
Fermez la fenêtre, le lien est en place.

 

==Retour sur les liens dans une page de cadres .... ici

==Retour sur les liens dans une page des images .... ici

 

<<< Sommaire CHP ......@...... Modification d'une ancre et couleur des liens (fin) >>>

"Créer sa page perso"

http://www.aidenet.com

DERNIERS MESSAGES DU FORUM
CCD format [Etudes et travail]
Pour les questions liées à la sécurité informatique [A l'aide !]
problème avec windows xP [Portables]
feuilles de css alternatives [HTML / CSS / Javascript]
probleme de compatibilité entre IE et Firefox, voi... [HTML / CSS / Javascript]
[Qt]etablir la liaison avec ma base de données via odbc [C / C++ / .Net]
au secour [Autre]
Choix de l'objectif sur boitier reflex numerique [Appareils photos numériques]
changer la feuille de style [HTML / CSS / Javascript]
Page perso pb affichage [Free]
FTP (dos) Syntaxe pour un nom de repertoire avec u... [Autre]
index.htm [Autre]
Passge au Valideur CSS [HTML / CSS / Javascript]
connecter delphi à oracle [Delphi / Pascal]
Y a personne [Divers]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD