Comment créer un header toujours visible à l'écran
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Comment créer un header toujours visible à l'écran

Carl Brison
4,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Apprenez à rendre votre header toujours visible !

Ce tuto en vidéo est destiné à celles et ceux qui souhaitent apprendre ou bien approfondir leurs connaissances en HTML ainsi qu'en CSS. Nous allons apprendre à réaliser un header, c'est à dire un en-tête de page, qui sera toujours visible à l'écran, même lorsque vous naviguerez vers le bas de la page.

Cela peut être très pratique pour laisser visible tout le temps une information importante ou un bouton d'action (comme un bouton d'ajout au panier ou de contact) ou un menu.

Nous en profiterons pour améliorer nos connaissances en CSS en voyant quelques petites propriétés intéressantes.

Ce tutoriel fait partie de la collection : J'apprends le HTML et le CSS par l'exemple.
Je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Déclaration du fichier HTML
Leçon 2
On code notre document HTML
Leçon 3
On code notre feuille de style 1/4
Leçon 4
On code notre feuille de style 2/4
Leçon 5
On code notre feuille de style 3/4
Leçon 6
On code notre feuille de style 4/4

Plan détaillé du cours

Leçon 1Déclaration du fichier HTML
02m45
Leçon 2On code notre document HTML
03m33
Leçon 3On code notre feuille de style 1/4
05m12
Leçon 4On code notre feuille de style 2/4
04m50
Leçon 5On code notre feuille de style 3/4
07m14
Leçon 6On code notre feuille de style 4/4
04m01

Avis des apprenants

Détail des avis
117
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 08/09/2023
Merci Carl, très utile de savoir bloquer un header par rapport au reste de la page. Cours très bien expliqué. Validé 100% #header-visible-ecran
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Valérie Crouau
Valérie Crouau
Publié le 13/05/2022
Ce tuto est terriblement efficace ! Maintenant, fini les migraines et autres prises de tête : créer un header toujours visible à l'écran est devenu un jeu d'enfant ! Merci Monsieur Carl Brison !
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Valérie ;-)
Audrey Schaffter
Audrey Schaffter
Publié le 14/08/2020
Ideal pour les débutants, ce tuto aborde clairement et simplement des notions primordiales du CSS. Pour les autres, il constituera une excellente révision !
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

CSS 3, HTML 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

index.html : Fichier contenant les codes html de notre exemple. - style.css : Fichier contenant les différents styles de nos éléments html.

Payer plus tard

Prix d'achat : 4,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données