Bouh les pitits z'enfants,

Voici le professeur Bwah pour vous faire un nouveau cours ! *Wiii !*

Bon, hum hum, aujourd'hui nous allons apprendre à faire... Un menu horizontal !

J'espère pour vous que vous vous souvenez de la différence "Vertical/Horizontal" (ici c'est une classe de CE2, pas de CP !!!). Très bien, je vous accorde deux minutes pour chercher la définition sur internet ._. ...

Vous avez rempli le vide intégral de votre cerveau ? Génial on peut commencer ! :D

Tout d'abord, après avoir créé votre site webidev -je précise au cas où :3-, vous devez ajouter un menu vertical. En titre, mettez "Bwabwah" (ou bien "Menu invisible"... En fait il n'y a pas de véritables titres obligatoires mais comme nous sommes dans une classe de CE2, je me dois d'accompagner mes élèves dans tous les détails !).

Maintenant, passons au plus important : vous devez DÉCOCHER LES DEUX CASES qui suivent ! (afin de rendre ce menu "invisible" aux yeux de tous, il va falloir interdire l'accès aux membres connectés et aux visiteurs) Vous avez maintenant créé un menu "caché", félicitation !

Vous pouvez dès à présent créer tous les liens de votre futur menu horizontal à l'intérieur de votre menu caché (/!\ Ceux-ci doivent être visibles !).

Pour mon exemple, j'ai créé une page "Accueil" (visible aux visiteurs et aux membres) et "Jouer" (visible seulement aux membres).

Il est temps maintenant de "déplacer" ces liens en haut de votre site pour enfin mettre en forme votre menu horizontal !

Pour ce faire, il va vous falloir aller dans "Modifier votre titre" (petit crayon vert du haut). Vous devrez ensuite utiliser une "balise" qui est celle des liens. Je rappelle qu'elle se présente sous cette forme : "<a lien>Texte</a>". Pour insérer un lien, rendez vous sur votre page et copier l'url qui se trouve en haut de votre navigateur ! (Ou tout simplement, "clic droit" sur le nom de votre page et "copier l'adresse du lien") Mettez les différents liens de votre menu côte à côte !

En reprenant mon exemple, le code devrait avoir cette forme : "<a lienAcceuil>Accueil</a> <a lienJouer>Jouer</a>". Vous pouvez bien sûr mettre des images à la place du texte, ce qui donnerait alors : "<a lienAcceuil><img lienImageAccueil></a> <a lienJouer><img lienImageJouer></a>".

Il ne vous reste plus qu'à enregistrer votre texte....

Surprise, vous avez créé un menu horizontal ! :D

Donc, sortez votre cahier de texte... Vous avez un contrôle sur cette leçon demain mouahaha >)