Accueil Formations Apprendre CSS 3

Modification de la page « Qui sommes-nous ? »

Retour à la formation
Chapitre 89 Leçon 1
Précédent
Suivant

Apprenez comment remplacer le fond-image et mettre à jour la navigation pour la page « Qui sommes-nous ? ». Cette leçon vous explique les étapes nécessaires pour accomplir cette tâche rapidement.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous montrons comment mettre à jour la page « Qui sommes-nous ? » en remplaçant l’image de fond dans l’entête du site et en actualisant l’état de la navigation. Le processus comprend l'application de la classe « current » à l'élément approprié pour indiquer que la page est active. De plus, nous avons ajouté une nouvelle classe, « header-who », qui nécessite une simple modification de l’URL du background-image pour effectuer le changement de fond. La structure restante de la page, composée principalement de texte et de la section « aside » de la page d’accueil, reste inchangée, ce qui permet un montage rapide et efficace.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
- Apprendre à remplacer l’image de fond d’une page web.
- Comprendre comment mettre à jour l’état de navigation d’une page.
- Découvrir les meilleures pratiques pour une modification rapide et efficace de la page.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir une connaissance de base en HTML et CSS, ainsi qu’une compréhension fondamentale de la structure des pages web.

Métiers concernés

Les compétences développées dans cette leçon sont utilisables pour des professions telles que développeur web, concepteur de sites web, intégrateur web, et gestionnaire de contenu numérique.

Alternatives et ressources

Des solutions alternatives peuvent inclure l'utilisation de thèmes ou de constructeurs de sites web tels que WordPress, Wix, ou Squarespace, qui permettent également de modifier les éléments de page de manière simplifiée.

Questions & Réponses

Une classe CSS est un sélecteur utilisé pour appliquer un ensemble de styles à des éléments HTML spécifiques sur une page web.
La classe 'current' est utilisée pour indiquer visuellement l'élément de navigation actuellement actif, aidant les utilisateurs à savoir sur quelle page ils se trouvent.
La classe 'header-who' modifie le fond-image de l’entête de la page « Qui sommes-nous ? », en remplaçant l’URL du background-image par celle spécifiée pour cette classe.