Comment créer un header toujours visible à l'écran
ERROR
00:00
00:00

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

Carl Brison
5,00€

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
02m45s
Leçon 2On code notre document HTML
03m33s
Leçon 3On code notre feuille de style 1/4
05m12s
Leçon 4On code notre feuille de style 2/4
04m50s
Leçon 5On code notre feuille de style 3/4
07m14s
Leçon 6On code notre feuille de style 4/4
04m01s

Avis des apprenants

Détail des avis
45
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.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données