• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
  • Passer au pied de page

Grégoire Noyelle

Créateur de thèmes WordPress :: Formateur :: Web Designer

  • Formations
  • Tutoriels
  • À propos
  • Contact
  • Newsletter

Utiliser Grid Layout CSS dans votre thème WordPress

Nom de la formation: Utiliser Grid Layout CSS dans votre thème WordPress
Nom de code: CSS Grid Layout
Public: Auteurs, maquettistes ou Web Designers souhaitant se préparer à la prochaine révolution CSS.
Pré requis: Maîtrise des fondamentaux du CSS et du HTML.
Objectifs: Nous nous concentrerons sur toutes les approches modernes de mise en page avec les CSS. L’accent sera mis sur Grid Layout qui est sorti en mars 2017 et a déjà plus de 75% de support. Nous verrons comment l’implémenter dès aujourd’hui.
Formation: de 30 heures en 5 journées de 6 heures. Groupe de 5 personnes maximum.
Tarif: 1440€ HT / 1728€ TTC .Prise en charge AFDAS 100% ou OPCA.

Plan de la formation

Les base du CSS3

Dans ce chapitre nous passerons en revue les nouveautés du CSS3. En utilisant des outils en ligne et en analysant des sites existants nous verrons comment personnaliser sa page web.

  • Règles d’écriture du CSS
  • Les principales propriétés
  • Le box Model
  • Mode d’intégration des CSS
  • Unités de mesure
  • Utilisation du CSS3 aujourd’hui
  • Le responsive
  • Les transitions CSS3
  • Utiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct
  • Utilisation de Supports avec les CSS avancés

Flexbox CSS3

Dans ce chapitre nous passerons les différentes valeurs associées à flex.

  • Introduction sur Flex
  • Réglages de Flexbox pour le parent
  • Réglages de Flexbox pour les enfants

Les bases de Grid Layout CSS3

Dans ce chapitre nous verrons les bases de Grid Layout CSS.

  • Introduction et ressources sur Grid Layout
  • Concevoir les sites de demain avec Grid Layout et WordPress
  • Déclaration et terminologie de Grid
  • Construction de grilles simples
  • Unité de mesure avec Grid Layout CSS
  • Placer les éléments avec Grid Layout

Réglages avancés de Grid Layout CSS3

Dans ce chapitre nous verrons les réglages avancés de Grid Layout

  • Utilisation des lignes nommées dans la grille
  • Utilisation des zones nommées dans la grille
  • Gestion du responsive avec Grid Layout
  • Justifier et aligner depuis le parent
  • Justifier et aligner les enfants directement
  • Alignements automatiques dans la grille
  • Utiliser Grid aujourd’hui avec @supports

Votre formateur

De formation graphique (Pennighen et Arts Appliqués) et artistique (Beaux-Arts de Paris), Grégoire Noyelle a expérimenté de nombreuses approches liées à l’image et à l’enseignement. Dès 2005, en plus de la réalisation d’interfaces graphique, la formation professionnelle devient un centre d’intérêt grandissant. C’est à Paris, en 2009 qu’il devient formateur expert sur WordPress dans différentes écoles (Gobelins, NextFormations, Apaxxdesigns). En parallèle, dans un souci de partage, il écrira de nombreux articles sur WordPress qui deviendront des références. Les années qui suivront, sa contribution à ce CMS s’illustrera au travers de plusieurs évènement (WordCamp Paris, Podcast, Meetup WP Paris). Enfin en 2017, Grégoire, a créé son propre centre qui regroupe de nombreuses formations WordPress à Paris.
[Voir le CV complet du Formateur].

Suivre cette formation

Dès que j’ai assez de personnes inscrites, je bloque une date. Plusieurs seront prévues en 2019.

Si vous êtes intéressé pour suivre cette formation, merci de remplir le formulaire suivant.

    Plusieurs réponses sont possibles
  • Seuls les types de fichiers suivants sont acceptés: jpg,jpeg,pdf,png Vous pouvez téléverser 3 fichiers. Le poids total ne doit pas exéder 10MB
    Déposer les fichiers ici ou
    Types de fichiers acceptés : jpg, jpeg, pdf, png, Taille max. des fichiers : 10 MB, Max. des fichiers : 3.
    • Le contenu du formulaire est seulement stocké sur ce site afin de pouvoir établir un échange avec vous. Il n'est pas utilisé sans votre consentement à des fins commerciales

      Sur simple demande les données peuvent être supprimées. Merci de vous rendre sur cette page dédiée pour plus de détail.

    • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.

    Barre latérale principale

    Formations WordPress

    • Toutes les formations
    • Créer et mettre en ligne son site Pro avec WordPress
    • Personnaliser son site WordPress avec le CSS
    • Créer des thèmes WordPress sur mesure avec Genesis
    • Optimiser la production de site WordPress
    • Utiliser les CSS avancés dans votre thème WordPress
    • Utiliser Grid Layout CSS dans votre thème WordPress
    • Créer et gérer sa boutique WooCommerce
    • Créer un thème sur mesure avec WooCommerce

    Se connecter

    Mot de passe oublié?

    Centre de Formations

    • Votre Formateur WordPress
    • Centre de formation WordPress
    • FAQ sur le centre de formation
    • Témoignages sur le centre de formation
    • CGV du centre de formation
    • Charte de qualité du centre de formation
    • Réglement intérieur du Centre de formation

    Footer

    Centre de Formation WordPress

    • Votre Formateur WordPress
    • Centre de formation WordPress
    • FAQ sur le centre de formation
    • Témoignages sur le centre de formation
    • CGV du centre de formation
    • Charte de qualité du centre de formation
    • Réglement intérieur du Centre de formation

    Formations actives

    • Toutes les formations
    • Créer et mettre en ligne son site Pro avec WordPress
    • Personnaliser son site WordPress avec le CSS
    • Créer des thèmes WordPress sur mesure avec Genesis
    • Optimiser la production de site WordPress
    • Utiliser les CSS avancés dans votre thème WordPress
    • Utiliser Grid Layout CSS dans votre thème WordPress
    • Créer et gérer sa boutique WooCommerce
    • Créer un thème sur mesure avec WooCommerce

    Liens Rapides

    • S’inscrire à la Newsletter
    • CV
    • Grégoire Noyelle
    • Membres Modules
    • Mentions légales
    • Politique de confidentialité
    • Me contacter

    Copyright © 2022 :: Création: Grégoire Noyelle :: Base: WordPress , Genesis Framework