Formation intégration Web avec Divi
Intégrez un design avec Divi
Transformez une maquette graphique en page Web
en utilisant WordPress, Divi et du CSS
Apprenez l'intégration Web
Une approche pédagogique et pratique
Méthodes reproductibles pour vos autres projets
Analyse d’une maquette graphique avant son intégration Web
Les différentes méthodes de découpe de la maquette
La découpe concrète de la maquette
L’export des éléments et images de la maquette
Utiliser WordPress et Divi pour reproduire chaque portion de la page
Des explications exhaustives avec des exemples d’angles d’approche différents
Les avantages et inconvénients de chaque approche
Rendre le site responsive et améliorer le responsive
CSS avec Divi
Des considérations générales sur les prestations d’intégration Web en fonction du temps et du budget
Un travail de pro en détails
Dans cet atelier, nous allons voir comment découper une maquette graphique et la transformer en page Web en utilisant Divi, WordPress et du CSS.
Une offre unique sur le marché
C’est une situation réelle : il n’y a rien de préparé à l’avance. Cette approche permet de voir les vraies problématiques et solutions possibles qu’on rencontre lorsqu’on transforme un design en site Web.
En créant cette formation, j’ai voulu partager avec vous les arcanes de la profession d’intégration Web.
Vous trouverez peu de formateurs qui voudront comme moi vous montrer les ficelles de ce métier en détails, ou qui auront la patience de passer 10 heures à créer une page Web avec vous.
Pour en savoir plus sur l’intégration Web, vous pouvez lire mon article Comment convertir un design graphique photoshop ou illustrator en site WordPress avec Divi.
Devenez autonomes …
Apprenez à créer des sites Web avancés en comprenant les implications techniques de chaque élément d'une page Web.
… ou devenez prestataire
En passant 40h sur cette formation et en vous entraînant sur d'autres projets, vous serez capables de commencer à intégrer des maquettes en Web et de proposer vos prestations sur le marché.
Qui est le formateur ?
Je suis Jean-Noël Mathonnet, professionnel du digital avec 25 ans d’expérience à plein temps, et plus de 500 applications et sites Web à mon actif. D’abord diplômé en ingénierie logicielle puis en développement spécialisé pour le Web, j’ai été analyste, intégrateur, développeur, chef de projet, freelance, patron d’agence digitale, consultant en numérique, enseignant à l’université et formateur professionnel en entreprise, puis Directeur Général d’une entreprise tech internationale de 15 personnes.
J’aime expliquer des concepts complexes à partir de zéro pour les rendre compréhensibles. Auteur de plus de 600 vidéos de formation, créateur et auteur d’IdeoForge, je réalise aussi du conseil pour mes clients via mon agence Neosama Consulting.
Le développement d’une entreprise passe inévitablement par le Web.
ideoforge.com est une alternative ou un complément aux formations présentielles qui coûtent jusqu’à 1000€/jour sur le marché. »
– Jean-Noël Mathonnet, créateur de ideoforge.com
De la pratique
Parce qu'on apprend mieux en pratiquant : 90% de pratique et 10% de théorie pour cette formation Intégration avec Divi.
Pour personnes motivées
Pas à pas, explications en détails au début, puis accélération progressive, convient aux débutants très motivés, aux confirmés, et aux travailleurs du Web.
10h00 d'atelier
Plus de 10h00 de travail filmé et commenté, qui vous permettront de pratiquer à votre rythme.
Incluse dans l'abonnement
Cette formation n'est pas vendue à l'unité : elle fait partie de l'abonnement, avec toutes les autres formations du site.
En situation réelle
J’aborde les problématiques rencontrées lorsqu’on travaille réellement sur un site WordPress : les questions qu'on peut se poser en travaillant, les écueils, et leur apporte des solutions.
Des réponses à vos questions
Votre accès membre inclut une aide personnalisée : chaque mois d'accès vous donne un crédit pour me poser une question ou me proposer un sujet par email ([email protected]). J'y réponds en créant un contenu (explication, article ou vidéo) qui vous guide vers la solution.
Cette formation Divi est plus avancée et plus longue que la formation Découvrir Divi qui elle s’adresse aux débutants.
Atelier de 55 vidéos
Total : 55 vidéos, 10h08
Mise à jour janvier 2020 :
La formation est maintenant sur la plateforme e-learning Netologiste (maintenant ideoforge.com) : elle rend l’accès et la progression plus faciles et plus satisfaisants
Diverses corrections dans les vidéos de la formation
Mise en place d’un système de questions sous chaque vidéo de la formation
Note 2024 :
La formation est toujours valable en 2024. 95% des méthodes et techniques montrées sont des logiques qui fonctionnent depuis des années, et encore pour des années.
Note 2026 : l’atelier a été tourné en 2019 avec Divi 3. Les méthodes d’analyse, de découpe et d’intégration restent valables ; depuis Divi 4, le Theme Builder permet de construire l’en-tête et le pied de page avec des modules, sans les contournements en CSS montrés dans certaines leçons.
FAQ formation en ligne "Intégration Web avec Divi"
En quoi consiste cette formation ?
Pendant près de 10 heures de vidéos, vous allez me suivre, en train de manipuler et d’expliquer Divi sur mon écran, dans des vidéos pré-enregistrées, lors desquelles je transforme une maquette, une image, en site Web responsive.
Est-ce de la théorie ou de la pratique ?
Je fais des manipulations pratiques, et explique aussi parfois de la théorie Divi, WordPress ou Web en général, pour appuyer le côté pratique.
Dans cette formation, on a 90% de pratique et 10% de théorie.
Combien de temps ça prend ?
Vous devez reproduire ce que je montre, au fur et à mesure, sur votre propre site. Vous allez donc mettre la vidéo en pause régulièrement pour faire des manipulations et tests de votre côté.
Par conséquent, cela va vous prendre 20 heures, 30 ou 40 heures peut-être, pour suivre et reproduire les 10h08min de vidéos enregistrées.
Certaines personnes feront tout en une semaine, tandis que d’autres préféreront étaler cela sur plusieurs semaines.
Quels sont les prérequis ?
Intégrateur Web est un métier. Cette formation est complexe si vous ne comprenez pas ce qu’est l’intégration Web.
Vous avez déjà réalisé des sites Web, fait de l’intégration Web avec d’autres outils, ou vous êtes très motivé à passer beaucoup de temps pour apprendre.
L’atelier démarre sur une installation de WordPress opérationnelle, à jour, avec le thème Divi installé.
Vous maîtrisez donc déjà WordPress : voir la formation WordPress
Et vous manipulez déjà Divi : voir la formation Découvrir Divi
Vous devez avoir votre hébergement, ou une installation en local comme WAMP : voir la formation Comprendre les hébergements Web et obtenir son hébergement WordPress
WordPress est gratuit, mais vous devez déjà avoir acheté Divi (89 $ par an ou 249 $ à vie sur la page tarifs d’Elegant Themes en octobre 2026) et l’avoir installé sur votre site. Présentation de Divi
Compréhension du Web, de WordPress, de Divi, HTML et CSS
Dans cette formation spécifique, je découpe une maquette graphique avec Photoshop. Vous n’êtes pas obligé d’avoir Photoshop pour la suivre : le plus gros du travail se fait dans Divi. Dans Photoshop, je découpe simplement des images, et donne des explications sur la découpe. Les images découpées sont déjà fournies dans les fichiers de la formation : vous pouvez tout à fait suivre la formation sans avoir Photoshop. Vous pouvez aussi choisir de télécharger gratuitement le logiciel GIMP qui peut ouvrir les fichiers Photoshop (fichiers PSD).
Formation Intégration Web avec Divi
Transcript de la vidéo
Vous souhaitez créer un site web magnifique, qui sort de l'ordinaire, avec un design soigné ? Un site qui soit à vous et qui fonctionne très bien sur mobile, sur tablette, sur grand écran, avec des éléments de design avancés, complètement sur mesure ? Bonjour, je suis Jean, de formation-divi.com (maintenant ideoforge.com), et mon métier depuis 15 ans est de concevoir et réaliser des sites web pour des entreprises, des petites comme des grosses.
Aujourd'hui, je vais vous dévoiler les techniques et les méthodes de travail que j'utilise pour mes clients, avec lesquels j'ai réalisé plus de 500 sites. Dans cette formation, vous allez me suivre pendant plus de dix heures en train de créer un site web à partir de zéro. Il s'agit de la transformation d'une maquette graphique en site, en utilisant Divi et WordPress, avec un exemple concret et des explications approfondies. Je vais vous montrer des techniques que vous pouvez appliquer à tout type de design et de sites web.
Dans cet enregistrement, j'aborde le travail en situation réelle, sans préparation, sans coupure. Je partage avec vous les vraies problématiques auxquelles on peut être confronté en travaillant sur la création d'un site web, et je détaille les diverses solutions possibles à chaque problème qui se pose. Je vous donne des conseils précieux, applicables à tout type de projet web. Cela va vous permettre de réaliser vous-même des sites époustouflants.
Le travail que nous allons faire ensemble dans cet atelier, vous allez pouvoir l'utiliser pour votre propre site web ou celui de vos clients. Vous allez pouvoir reproduire ce que vous aurez appris pour créer d'autres pages et d'autres sites. Accrochez-vous, car à l'issue de cette session, avec un peu d'entraînement, vous serez capable de vendre cette prestation. C'est un travail qui se vend à partir de 1000 ou 2000 euros que vous allez apprendre avec moi. Autant dire que si vous trouvez un seul client, vous rembourserez cinq fois, dix fois le prix de cette formation.
Vous pouvez découvrir la description de cette formation sur formation-divi.com/formation, et la formation s'appelle « Intégration web Divi », ou tout simplement sous cette vidéo. Si vous êtes déjà sur cette page, vous pouvez voir ici le plan de la formation et les témoignages des gens avec qui j'ai travaillé et qui ont acheté mes formations. À bientôt.
Commentaires
Pas encore de commentaire. Soyez le premier !