Un site web élémentaire avec KompoZer

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, en haut de la page d'accueil. Cette barre de menus figurera ensuite sur toutes les pages du site.

Le menu du site web

Le texte du menu

Il est donc prévu de pouvoir sélectionner:
  • chacune des quatre pages personnelles (Accueil, Loisirs, Chanteur, Portrait),
  • un lien vers ton site web préféré
  • un lien vers ton adresse de courrier électronique.

Chacune des rubriques est séparée de sa voisine par un trait vertical "|" ou par un ":".

  • 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, loisirs préférés, chanteur favori et portrait chinois.

Nous traiterons les deux autres rubriques ultérieurement.

  • Lien vers la page d'accueilSélectionne le mot "Accueil" du menu.
  • Choisis une des trois méthodes suivantes:
    1. Dans le menu Insertion, choisis la commande Lien... ou 
    2. frappe le raccourci Ctrl+L ou
    3. Clique droit sur la sélection et choisis la commande Créer un lien dans le menu contextuel

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 l'icône  Parcourir.
  • Recherche le fichier index.html qui est la page d'accueil.
  • Clique sur le bouton OK lorsque le fichier a été trouvé.
Chemin depuis la racine

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 fais une copie...

Le lien tel qu'il est indiqué dans l'illustration ci-dessus est une URL ABSOLUE. Cela signifie que l'on indique l'entièreté du chemin pour arriver au fichier, depuis la racine du disque où se trouve ce fichier.
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 chacune des pages.

Bah, ça ne marche même pas votre truc. Je passe la souris sur les liens que je viens de mettre en place, je clique comme un fou mais il ne se passe rien !

Heureusement qu'il ne se passe rien. Si les liens fonctionnaient dans KompoZer, il deviendrait très difficile d'y apporter des modifications. Un petit clic sur un mot pour corriger l'orthographe, et hop... on serait emporté au loin.

Bouton "Navigateur"
  • Dans la barre d'outils, clique sur le bouton Navigateur de la barre d'outils.
La page d'accueil s'ouvre dans le navigateur.
  • Clique sur n'importe lequel des liens de la page d'accueil.

Dans le navigateur, les liens doivent fonctionner. Ils ne mènent toutefois qu'à une page blanche. Ce qui est normal, puisque nous n 'avons encore rien écrit dans ces pages.

Quand les quatre premières mentions de la barre de navigation fonctionnent passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 31/08/2016 Test dans /info ...