Utilisation du logiciel NVU

Au menu du site

Un site web bien conçu présente des moyens de navigation clairs.

Nous allons établir une barre de menus, à gauche de la page. Cette barre de menus figurera sur toutes les pages du site.


Les éléments du menu

menu
  • Clique dans la zone d'édition, à gauche du bloc conçu précédemment.

Au secours ! Ca ne fonctionne pas.
Je clique comme un fou à gauche du cadre, mais le curseur de texte reste prisonnier de ce cadre.

Attention, il faut cliquer dans le coin supérieur gauche de la page, très en haut, très à gauche. Le seul endroit où " quelque chose " est déjà écrit. Peut-être simplement un espace blanc ou même un saut de ligne.

Rien à faire, je vous dis. Chez mon voisin, ça fonctionne. Pas chez moi. Les dieux m'en veulent-ils ? Suis-je donc maudit ?

Non, tout simplement victime d'un petit bug. Si c'est le cas, clique ICI pour obtenir la solution.

  • Indique les éléments de menu de navigation comme indiqués ci-contre.
  • Chacune des lignes du menu est dans le style Paragraphe.

Le menu dans un bloc

Propriétés avancées
  • En utilisant la technique apprise précédemment, transfère les éléments du menu dans un nouveau bloc.

Les caractéristiques de ce bloc sont données dans l'illustration ci-dessous. Tu peux choisir une autre couleur de fond (" background-color ").

Tu peux les appliquer dans l'éditeur des propriétés ou simplement sur la page web.

L'indication "height : auto" que l'on voit dans l'éditeur de propriétés avancées, ci-dessus, permet
De donner toujours la hauteur convenable pour le bloc de menu.
De donner toujours une hauteur exactement égale à sa largeur (150px) .
De donner au bloc de menu une hauteur égale à la hauteur de l'écran.
De voir si tu es attentif : c'est une faute.

  • Enregistre ton travail.
Quand le nouveau bloc est créé et ses propriétés fixées, soumets ton travail au professeur puis passe à la page suivante.