Dev. FrontEnd #9 : Partie fixe et partie scrollable
ERROR
00:00
00:00

TUTO Dev. FrontEnd #9 : Partie fixe et partie scrollable

Carl Brison
12,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Présentation du travail
58s
Leçon 2Mise en place du code HTML
04m30s
Leçon 3Utilisation de la technologie Grid
05m01s
Leçon 4Mise en place du côté responsive
02m30s
Leçon 5Fixation de l'image
06m07s
Leçon 6Retour aux medias queries
05m46s
Leçon 7Amélioration du texte
03m55s
Leçon 8Conclusion
01m55s

Avis des apprenants

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

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du tuto

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données