- Le but de l'exercice est d'ajouter des liens et des images.
- Regarder la démo du prof.
- Récupérer le dossier de travail 📁.
- Il y a 3 fichiers HTML à modifier.
- Dans chaque page, il y a un paragraphe (toujours le même) dans lequel on doit rendre cliquables les mots "Athos", "Porthos" et "Aramis" pour permettre à l'usager de se rendre à la page correspondante.
- Il y a en tout 6 images de flèches numérotées à ajouter en se fiant au schéma
parcours.pngqui se trouve dans le dossier de travail. - Chaque image est cliquable et pointe vers l'emplacement de la flèche suivante (donc, 6 liens)
- Il est interdit de modifier l'emplacement des fichiers.
- Note: Il va sans dire que les toutes les adresses doivent être relatives.
Faire chaque partie au complet avant de passer à la suivante.
- Ajouter les liens sur les mots "Athos", "Porthos" et "Aramis" dans toutes les pages (9 liens en tout).
- Ces liens doivent mener vers la page correspondante.
- Ajouter les 6 images de flèches.
- Les flèches 1 et 5 vont dans
athos.html - Les flèches 2 et 3 vont dans
porthos.html - Les flèches 4 et 6 vont dans
aramis.html - Plus précisément, les flèches 1, 2 et 4 se placent tout juste après l'élément
h1et les flèches 3, 5 et 6 se placent tout juste après la ligne «Qui vive?».
- Envelopper les images de balises
<a>(6 liens en tout). Ces liens doivent mener vers la bonne PAGE. Ne pas se soucier de l'ancre pour l'instant. - Dans les liens des flèches 3, 5 et 6, ajouter un attribut
idavec une valeur significative. Leiddoit suivre les standards de nomenclature, notamment ne pas commencer par un chiffre. - Dans les liens des flèches 2 et 4, ajouter, à la fin de l'attribut
href, un dièze (#) suivi duidde la flèche correspondante. - Dans le lien de la flèche 2, comme celui-ci pointe dans vers la page courante, on peut (doit) enlever le nom du fichier (
porthos.html).
- Au bas de la page
aramis.html, ajouter un<span>ayant l'attributidavec la valeur"fin". - Faire en sorte que la flèche 6 pointe vers celui-ci.