- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Dans cette partie on va commencer à rajouter un petit peu de couleurs sur notre site web grâceaux classes de Bootstrap qui nous permettent de changer la couleur. Donc dans ce cas-ci on va
00:00:09 :mettre notre classe directement sur le body ici, ce qui va avoir comme effet de changer l'entièretéde la couleur de notre page web. Donc ici on va indiquer classe, on va mettre un égal et deux
00:00:19 :guillemets ici qui sont mis automatiquement par PyCharm et à l'intérieur de cette classe ici onva indiquer la classe bg- et on va mettre un nom de couleur. Donc pour voir toutes les couleurs que
00:00:29 :vous pouvez utiliser on va retourner dans la documentation de Bootstrap et on a ici dansUtilities une page pour les couleurs. Donc on va cliquer ici sur Colors et on voit les couleurs
00:00:39 :donc par exemple qui sont disponibles pour le texte et si on descend un peu on va avoir lescouleurs pour le background. Donc là on a toutes les couleurs qu'on peut utiliser et vous voyez ici
00:00:47 :vous avez quelques exemples. Donc là c'est sur un div, nous on le met directement sur le body maison pourrait le faire bien entendu sur un div ou n'importe quelle autre tag HTML. Donc là dans la
00:00:56 :classe ici vous voyez qu'on a par exemple bg-primary pour avoir cette couleur bleue. Doncsi je reviens sur mon site web et que je reviens dans mon fichier HTML je peux mettre bg-primaryet si je reviens sur mon site et que j'actualise j'ai maintenant cette couleur bleue qui est sur
00:01:11 :l'entièreté de mon site. Si je change pour mettre par exemple danger, là attention les yeux ça vaêtre un rouge un peu flashy et moi ce qui va m'intéresser c'est le mode dark. Donc bg-dark,
00:01:22 :on en a plein d'autres qui sont intéressants par exemple info est pas mal aussi donc là c'estvraiment à vous de voir quelle couleur vous préférez dans toutes les couleurs que l'on aici. Moi je vais utiliser un genre de thème sombre donc je vais mettre cette classe ici bg-dark qui
00:01:35 :va me permettre d'avoir une interface qui va être un peu plus sombre en fait et qui je trouve estplus agréable pour les yeux et qui va aussi faire ressortir nos graphiques. Donc voilà comment très
00:01:45 :rapidement changer le style de notre site web. Donc n'hésitez pas à aller voir ici toutes lescouleurs que vous pouvez utiliser. Bien entendu vous pouvez customiser ce site web pour qu'il
00:01:52 :vous soit plus agréable à l'oeil. Si vous préférez des interfaces assez claires on pourraitici mettre light à la place. Moi ici je vais y aller avec quelque chose d'un peu plus sombre
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.