Voici la 3ème partie de notre formation en ligne dédiée au framework CSS Bulma.
Dans ce cours en vidéo, nous allons nous concentrer sur la gestion des contenus.
- Nous verrons différentes classes que nous allons pouvoir appliquer à nos contenus. Nous verrons par exemple, les classes container et footer.
- En seconde partie de ce tuto, nous nous intéresserons aux tuiles ainsi qu'à leur hiérarchie, afin de pouvoir disposer les différents contenus sur une page web.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Avoir des connaissances en Flexbox et un très grand plus, afin de mieux prendre en main de framework Bulma.
Voici également épisodes précédents de cette formation Bulma :
Table des matières de cette formation CSS (durée : 1h27m)
-
Les dispositions
- La classe container 00:03:44
- Fixer les marges pour tous les écrans 00:04:12
- Donner des marges pour certaines écrans 00:03:01
- Les niveaux 00:04:06
- Placement des niveaux 00:06:46
- Centrer les niveaux 00:02:20
- Empêcher la direction column des mobiles 00:00:50
- Les médias 00:04:19
- Exemple d'utilisation des médias 00:08:17
- Création d'une classe section 00:01:37
- Créer une classe footer 00:01:21
-
Les bannières
- La base 00:03:17
- Couleur de fond en dégradé 00:01:21
- Hauteur de la bannière 00:01:38
- Zone head et zone foot 00:02:02
-
Les tuiles
- Présentation 00:04:51
- Création de nos premières tuiles 00:08:52
- Modifier la largeur des tuiles 00:01:52
- Modifier la direction des tuiles 00:03:26
- Le sens des tuiles 00:01:48
- Application 1 00:07:06
- Application 2 00:10:01
-
Conclusion
- Conclusion 00:01:03
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
La force des tuiles !!! Excellent tuto comme d'habitude. Merci Carl
-
Salut Carl, Encore un bon tuto
-
Vivement la suite, Bulma est vraiment très bien amené, cela a l'air si facile expliqué comme cela. Un très fon formateur.
-
Avec quelle version de logiciel ce tuto est-il compatible ?Bulma
-
Que contient le fichier source ?Le code des applications.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés