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

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

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

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
58
Leçon 2Mise en place du code HTML
04m30
Leçon 3Utilisation de la technologie Grid
05m01
Leçon 4Mise en place du côté responsive
02m30
Leçon 5Fixation de l'image
06m07
Leçon 6Retour aux medias queries
05m46
Leçon 7Amélioration du texte
03m55
Leçon 8Conclusion
01m55

Avis des apprenants

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

Payer plus tard

Prix d'achat : 11,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 1427 tutos gratuits

Notre politique de protection des données