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
27m35
de formation
6
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

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

4.8/5 Trustpilot (1388 avis) Satisfait ou remboursé
27m35
de formation
6
leçons vidéo
1
chapitre

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

Table des matières

Leçon 1

Déclaration du fichier HTML

02m45
Leçon 2

On code notre document HTML

03m33
Leçon 3

On code notre feuille de style 1/4

05m12
Leçon 4

On code notre feuille de style 2/4

04m50
Leçon 5

On code notre feuille de style 3/4

07m14
Leçon 6

On code notre feuille de style 4/4

04m01

Avis des apprenants

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

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.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
4,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
27m35 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 766 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1423 tutos gratuits

Notre politique de protection des données