La barre de menus du site web: les liens internes
Un site web bien conçu présente des moyens de navigation clairs.
Nous allons établir une barre de menus, à haut de la page d'accueil. Cette barre de menus figurera ensuite sur toutes les pages du site.
Le texte du menu
Il est donc prévu de pouvoir sélectionner:
- chacune des quatre pages personnelles,
- un lien vers ton site web préféré
- un lien vers ton adresse de courrier électronique.
- Ouvre la page d'accueil ou sélectionne l'onglet correspondant si elle est déjà ouverte.
- En haut de la page, recopie le texte comme il figure sur l'illustration ci-dessus.
Les liens internes du menu
Lien vers la page d'accueil
En cliquant sur chacun des intitulés des rubriques, nous allons pouvoir naviguer vers chacune des pages du site web: page d'accueil, tes loisirs préférés, ton chanteur favori et ton portrait chinois.
Nous traiterons les deux autres rurbriques ultérieurement.
-
Sélectionne le mot "Accueil" du menu. - Dans le menu , choisis la commande ou frappe le raccourci Ctrl+L.
Une nouvelle boîte de dialogue nous invite à indiquer le lien prévu lorsque le visiteur cliquera sur le mot Accueil.
- Dans la boîte de dialogue des propriétés du lien, clique sur le bouton .
- Recherche le fichier index.html qui est la page d'accueil.
- Clique sur le bouton lorsque le fichier a été trouvé.
Dites, vous êtes sûr de votre coup? Parce que mon
voisin n'a pas exactement ça sur son écran.
A la place de index.html, il y a une notation des plus bizarres.
Regardez, je vous en fait une copie...
Sinon, on peut aussi indiquer une URL RELATIVE. On n'indique alors que le chemin depuis la page actuelle.
Il faut alors préciser que l'URL est relative.
Ce qui tendrait à prouver que votre voisin n'a pas bien suivi les consignes. On obtiendra ce type de résultat lorsque la page actuelle n'est pas enregistrée. Il vaut toujours mieux enregistrer d'abord la page actuelle avant d'établir des liens depuis cette page.
Lien vers les autres pages
Les liens vers les autres pages du site web se définissent de la même façon:
- Sélectionner le texte sur lequel se fait le lien.
- Appeler la boîte de dialogue "Propriétés du lien".
- Pointer vers la page liée.
- Pour chacune des pages (chanteur.html, loisirs.html et chinois.html), établis les liens sur le menu du site web.
- Enregistre la page.
Bah, ça ne marche même pas votre truc. Je passe la souris sur les liens, je clique, il ne se passe rien !
Heureusement qu'il ne se passe rien. Si les liens fonctionnaient, il deviendrait très dificile d'y apporter des modifications. Un petit clic sur un mot pour corriger l'orthographe, et hop... on serait emporté au loin.
-
- Dans la barre d'outils, clique sur le bouton Navigateur de la barre d'outils.
- Clique sur n'importe lequel des liens de la page d'accueil.
Dans le navigateur, les liens doivent fonctionner. Ils ne mènent touefois qu'à une page blanche. Ce qui est normal, puisque nous n 'avons encore ien écrit dans ces pages.
