CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Exercice sur les Encres et les Liens Internes

Retour à la formation
Chapitre 23 Leçon 2
Précédent
Suivant

Cet exercice vous apprendra à ajouter des encres et liens internes dans une page 'Qui sommes-nous'.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous reprenons l'exercice précédent sur les liens et étendons notre approche en ajoutant du contenu sur les expertises dans la page 'Qui sommes-nous'. Vous apprendrez à créer des ancres pour des sections spécifiques telles que gestion de projet, ergonomie, web design, et développement. Chaque fois qu'un utilisateur clique sur un de ces liens, il sera dirigé directement vers la section correspondante.

De plus, vous allez voir comment un lien peut ramener l'utilisateur à une section précédente, par exemple, revenir à la section 'Nos expertises' grâce à un bouton 'Remonter'. Nous couvrirons aussi l'implémentation d'un lien dans un texte qui redirige vers une autre page, comme cliquer sur 'CEO' pour aller à la page 'Équipe' et y trouver directement la mention 'CEO'.

La gestion du contenu de la page, l'ajout des bons identifiants et liens sont des éléments clés que vous apprendrez afin d'assurer une navigation fluide et une expérience utilisateur optimale.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
- Comprendre l'utilisation des ancres pour créer des liens internes dans une page.
- Apprendre à ajouter du contenu supplémentaire avec des liens précis.
- Améliorer l'expérience utilisateur en facilitant la navigation sur des pages d'information.

Prérequis pour cette leçon

Les prérequis nécessaires pour suivre cette vidéo incluent :
- Connaissances de base en HTML et CSS.
- Expérience minimale avec l'édition de pages web.
- Compréhension des concepts des liens hypertextes.

Métiers concernés

Parmi les usages professionnels ou métiers pour ce sujet, nous avons :
- Développeur Front-End, qui doit souvent gérer la navigation interne des sites.
- Web Designer, pour structurer le contenu des pages de manière cohérente.
- Chef de projet numérique, pour assurer que les pages fournissent une expérience utilisateur fluide.

Alternatives et ressources

Des logiciels ou solutions alternatives pour réaliser des tâches similaires peuvent inclure :
- Utilisation de CMS (Content Management System) comme WordPress pour gérer les liens internes.
- Emploi de frameworks comme React ou Angular permettant une gestion dynamique des liens internes.

Questions & Réponses

Une ancre peut être ajoutée en utilisant l'attribut 'id' dans une balise HTML cible, puis en créant un lien hypertexte avec le signe '#' suivi du 'id'.
Les ancres permettent de naviguer rapidement vers des sections spécifiques d'une page, améliorant ainsi l'expérience utilisateur et la navigation.
Cela se fait en utilisant un lien hypertexte qui inclut l'URL de la page suivie d'un '#' et de l'attribut 'id' de l'élément cible dans cette page.