Dev. FrontEnd #9 : Partie fixe et partie scrollable
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
30m42
de formation
8
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Dev. FrontEnd #9 : Partie fixe et partie scrollable

4.8/5 Trustpilot (1399 avis) Satisfait ou remboursé
30m42
de formation
8
leçons vidéo
1
chapitre

Dans ce nouveau tuto dédié à la pratique de développement FrontEnd, nous allons voir ensemble comment mettre en place une partie fixe et une partie mobile sur une page web.
La partie gauche de notre page sera toujours visible à l'écran et elle devra occuper la moitié de la largeur de l'écran et toute sa hauteur.
La partie droite quant à elle, sera scrollable.

Pour ce tuto, nous utiliserons la technologie GRID pour la mise en page de notre fichier web ainsi que la technique des positionnements CSS pour les effets donnés à l'image.
En cas de besoin, je mets à votre disposition 2 tutos pour réviser ou apprendre les techniques que nous allons utiliser dans ce cours :

Je mets à votre disposition l'ensemble des codes de cet exercice.
Un QCM de fin vous permettra de valider vos nouvelles connaissances. 
Je reste disponible pour répondre à vos éventuelles questions sur ce cours.

Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation du travail
Leçon 2
Mise en place du code HTML
Leçon 3
Utilisation de la technologie Grid
Leçon 4
Mise en place du côté responsive
Leçon 5
Fixation de l'image
Leçon 6
Retour aux medias queries
Leçon 7
Amélioration du texte

Table des matières

Leçon 1

Présentation du travail

58s
Leçon 2

Mise en place du code HTML

04m30
Leçon 3

Utilisation de la technologie Grid

05m01
Leçon 4

Mise en place du côté responsive

02m30
Leçon 5

Fixation de l'image

06m07
Leçon 6

Retour aux medias queries

05m46
Leçon 7

Amélioration du texte

03m55
Leçon 8

Conclusion

01m55

Avis des apprenants

Détail des avis
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 27/09/2023
Merci Carl pour ce cours bien expliqué, encore une fois, la maîtrise du CSS sur la position est importante et j'ai trouvé très pratique de revoir ces notions sur un TP comme celui-ci. Validé 100 % #FrontEnd#9
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Pierre Girard
Pierre Girard
Publié le 09/07/2020
Très clair comme d'habitude!
Carl Brison
Carl Brison
Merci beaucoup ;-)
Valérie Arno
Valérie Arno
Publié le 02/10/2019
Très bien ce petit tuto. Judicieux le background-color pour que le texte en scroll recouvre l'image et devienne bien lisible. J'ai eu la réponse à mon interrogation sur la question. Merci. Ça fait aussi une petite révision avec les grid et les positionnements.
Carl Brison
Carl Brison
Merci à vous, Valérie

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du tuto

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
11,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
30m42 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€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 791 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
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 1426 tutos gratuits

Notre politique de protection des données