CSS 3, créer des colonnes de type journal
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO CSS 3, créer des colonnes de type journal

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

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto vidéo, je vous propose d'apprendre une nouvelle technologie 100% CSS3 : La mise en place de colonnes type journal.
Grâce à quelques propriétés CSS, il devient très facile de mettre en forme un texte afin de le faire apparaitre en différentes colonnes.

La connaissance de cette technologie va vous faire économiser du temps pour arriver à un résultat spectaculaire juste avec une seule ligne de code ! La connaissance, c'est le pouvoir ! Plus vous apprenez de nouvelles choses et plus vous arrivez à réaliser des sites Internet complexes avec peu, voire très peu de code. Ce qui est très appréciable !

Dans ce tuto CSS 3, créer des colonnes de type journal

  • Nous apprendrons toute la théorie de cette technologie, puis nous nous amuserons à réaliser un cas concret.
  • Nous ferons une page web, dans laquelle on se servira de CSS-Grid pour sa mise en page.
  • Nous ferons une table dans une base de données et nous nous ferons une requête SQL pour vous apparaitre les informations se trouvant dans la table. Ces informations seront totalement prises en charge par les propriétés CSS nouvellement apprises.

Notre exercice sera basé sur le 100% responsive.

A la fin du cous, un QCM vous sera proposé.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Théorie
Chapitre 2
Exemple concret

Plan détaillé du cours

Chapitre 1 : Théorie
29m41
 
Leçon 1Ranger le texte en colonne avec CSS
Leçon 2Gérer la largeur des colonnes
Leçon 3Une super propriété pour gérer les colonnes
Leçon 4Espacer les colonnes
Leçon 5Styliser les goutières entre les colonnes
Leçon 6Sortir des colonnes
Leçon 7Gestion des changements de colonnes
Leçon 8Conclusion
Chapitre 2 : Exemple concret
51m44
 
Leçon 1Mise en page avec CSS-Grid
Leçon 2Mise en place d'une table dans la base de données
Leçon 3Mise en place de la classe PDO
Leçon 4Affichage des liens de la nav
Leçon 5Affichage de l'article
Leçon 6Mise en page de l'article en colonne
Leçon 7Adaptation des colonnes sur les petits écrans
Leçon 8Conclusion

Avis des apprenants

Détail des avis
153
Apprenants
11
Commentaires
5/5
Note moyenne
5/5
11
4/5
0
3/5
0
2/5
0
1/5
0
Romain Detemmerman
Romain Detemmerman
Publié le 24/08/2024
merci pour ce tuto...
Carl Brison
Carl Brison
Merci pour votre commentaire ;-)
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 17/07/2024
Dans ce Tuto, la présentation de l'aspect gestion des colonnes est intéressant, mais il devient passionnant lorsque l'on va chercher les informations dans une BDD.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)
Aytcheré Dieudonné Dakpo
Aytcheré Dieudonné Dakpo
Publié le 08/02/2024
Impeccable dans l'ensemble !
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)

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

Bonjour Carl, Les mots "bases de données" et "requête SQL" me font peur. :-) Est-il nécessaire d'avoir des notions ? Valérie

Bonjour Valérie, je m'attendais à cette question et je vous remercie de me l'avoir posée ! La première partie de ce tuto est entièrement dédiée à la découverte de cette technologie au travers d'exemples statiques. La seconde partie est une mise en situation en reprenant les 4 points classiques de la construction d'un site web : GRID pour la mise en page, PHP pour l'intéractivité avec une requête SQL simple, la technologie CSS enseignée dans ce cours et enfin les MEDIAS QUERIES. Je comprends que le 2ème point vous fait peur. Et bien même si vous ne le comprenez pas forcément, le reste est largement à votre portée et vous pouvez adapté mon exemple en remplaçant la partie PHP par une partie statique en HTML. Je pense qu'il serait vraiment domage que vous passiez à côté de cette technologie CSS3 ! Enfin, il va falloir que vous songiez à apprendre le Php. Sachez que je suis en train de préparer une série de tuto sur l'apprentissage du PHP justement pour les gens comme vous. Ces tutos seront TRES faciles d'accès pour les gens qui ne connaissent pas du tout le PHP ;-) ! A bientôt, Carl.

Payer plus tard

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

Notre politique de protection des données