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

Créer des Liens de Navigation en HTML

Retour à la formation
Chapitre 22 Leçon 4
Précédent
Suivant

Cette leçon couvre comment créer des liens de navigation en HTML, en utilisant des balises appropriées et des chemins relatifs pour une navigation efficace entre les pages d'un site web.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer la création de liens HTML pour la navigation sur un site web. Nous commencerons par le lien du logo, un élément essentiel pour rediriger les utilisateurs vers la page d'accueil de votre site (index.html). Ensuite, nous examinerons comment ajouter des liens de navigation pour différentes pages, telles que 'Accueil', 'Qui sommes-nous', et 'Contact'. Nous parlerons également de l'utilisation d'images de substitution lorsque les images finales ne sont pas disponibles, en utilisant un service comme playsolder.com.

Un point important abordé est la gestion des chemins relatifs pour assurer que les liens fonctionnent aussi bien en local que sur un serveur distant. Enfin, nous ajouterons des liens internes pour naviguer au sein de sous-pages, comme la page 'Équipe' dans le répertoire 'qui-sommes-nous', tout en veillant à une bonne structure de fichiers et à l'absence d'espaces dans les noms de répertoires et fichiers.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'enseigner les fondamentaux de la création de liens en HTML, d'introduire les chemins relatifs, et de montrer comment structurer un site web pour une navigation fluide entre différentes pages.

Prérequis pour cette leçon

Pour suivre cette vidéo, les apprenants doivent avoir des connaissances de base en HTML et en structure de dossiers sur un ordinateur.

Métiers concernés

Les compétences abordées dans cette vidéo sont essentielles pour les métiers de développeur web, intégrateur HTML/CSS, et concepteur UX/UI, où la navigation et la structure des liens sont cruciaux.

Alternatives et ressources

D'autres outils et services peuvent être utilisés pour la génération d'images de substitution, tels que placeholder.com ou Unsplash pour des images de haute qualité sous licence gratuite.

Questions & Réponses

Les chemins relatifs permettent de créer des liens qui fonctionnent aussi bien en local que lorsqu'ils sont déployés sur un serveur distant. Ils assurent ainsi une navigation cohérente et évitent des erreurs de lien cassé.
Il est crucial d'éviter les espaces dans les noms de fichiers et de répertoires. À la place, on peut utiliser des tirets bas ou des tirets pour séparer les mots, ce qui garantit leur bon fonctionnement sur un serveur distant.
Pour créer un lien vers la page d'accueil en utilisant le logo, on utilise une balise avec un href pointant vers 'index.html' et une balise Image retirée. à l'intérieur de cette balise pour afficher l'image du logo.