Intégrez un design avec Divi

Transformez une maquette graphique en page Web

  • Apprenez l’intégration Web avec Divi
  • Une approche pédagogique et pratique
  • Méthodes reproductibles pour vos autres projets

97€ au lieu de 197€ – accès à vie

regardez la vidéo
travail collaboration site web wordpress
  • 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
temoignage11

Expert du Web, ses connaissances m’ont permis de résoudre énormément de problèmes lors de la création de mes sites.
Ses connaissances et son dynamisme en font un spécialiste hors pair.

Achille Vaulot

Digital marketer, spécialiste en conversions

Jean a créé la dernière version de mon site Web. Le résultat est bien au-delà de mes attentes. Il est aussi très bon formateur.

Patrice Decoeur

Consultant SEO

temoignage11
temoignage11

Je travaille régulièrement avec Jean sur 2 sites dont il est le développeur. J’apprécie particulièrement son sens de la pédagogie : il conçoit des tutoriels personnalisés, très clairs, qui permettent de gagner en autonomie dans la gestion des sites. Je recommande vivement ce professionnel à la fois très compétent et disponible.

Florence Leclair
Correctrice-relectrice et rédactrice free-lance

J’ai acheté et suivi votre formation Divi. C’est la meilleure et la plus actualisée que j’ai trouvé. Un grand merci à vous.

Pascal Couderc

Psychanalyste et Auteur

temoignage11

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.

maquette-photoshop

Copie d’écran de la maquette Photoshop utilisée

integration-web-divi

Copie d’écran de l’intégration réelle de la maquette dans Divi

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.
temoignage11

Jean est un ninja du Web : il navigue dans WordPress et Divi comme un poisson dans l'eau et passe d'une page à l'autre et d'un logiciel à un autre en clin d’œil. Il est capable d'expliquer jusqu'au moindre détail les tenants et aboutissants de chaque manipulations.

Marc Savignon
Dirigeant d’entreprise chez Nature Stabilisée

Tant dans les complexités techniques que pour l'amélioration des informations présentées, je recommande Jean pour l'accompagnement et l'évolution de sites Internet.

Julie Beyet

Architecte

temoignage11
temoignage11

Novateur, aventurier, exigeant, personne de confiance, que je recommande sans hésiter pour l'accompagnement de vos projets Web.

Quentin Loupot
Administrateur système / Devops
site-divi-exemple

Comparaison de la maquette utilisée dans la formation, et son intégration dans 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 20 ans d'expérience à plein temps, et plus de 500 sites Web à mon actif, dont une centaine réalisés avec WordPress.

D'abord diplômé en développement spécialisé pour le Web, j'ai été analyste/programmeur, intégrateur Web, chef de projet Web, freelance Web, patron d'agence digitale, enseignant à l'université et formateur professionnel en entreprise.

J'aime expliquer des concepts complexes à partir de zéro pour les rendre compréhensibles.

Formateur professionnel WordPress Divi

Le développement d'une entreprise passe inévitablement par le Web.

Netologiste.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 netologiste.com

Bénéfices de la formation

De la pratique

Parce qu’on apprend mieux en pratiquant : 90% de pratique et 10% de théorie pour cette formation.

R

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.

Pour le prix d'une ou deux heures de formation

Pour le prix de seulement une ou deux heures de formation traditionnelle.

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.

formation en situation réelle

Des réponses à vos questions

Les formations en ligne contiennent du support dans l’interface e-learning ou par email. Vous pouvez me contacter pour me poser une question sur un point que vous ne comprenez pas.

support par email

Accès illimité à vie

La formation achetée est à vous sans limite d’accès. Vous pouvez y revenir autant de fois que vous voulez.

Votre planning

Sans sortir de chez vous, commencez la formation quand vous voulez, finissez quand vous voulez.

Des bonus

Vous aurez accès gratuitement aux chapitres de formation ajoutés ultérieurement.

Cette formation Divi est plus avancée et plus longue que la formation Découvrir Divi qui elle s’adresse aux débutants.
temoignage11

Bravo camarade c’est super bien j’adore !! Tu tiens un vrai concept avec ces tutoriels. C’est super pédagogique.

Olivier Bosc
Gérant de Boo, agence de communication

Lorsque j'ai découvert Divi, je me suis précipitée dessus. Mais sans formation, l'outil devient vite un casse-tête. Celle de Jean est simple, pratique (il fait tout devant vous en vidéo) et sans blabla inutile. De plus le formateur est toujours disponible pour répondre aux questions, très sympathique et la formation est vraiment donnée. N'hésitez plus. Découvrez et utilisez Divi à fond avec cette formation super efficace.

Nadia Olliet
Conseil en communication et écrivain public
temoignage11
temoignage11

Je continue la formation avec grand plaisir, elle est très bien faite, merci à vous !

Mina

Travaille sur son propre site Web

J'ai suivi votre formation de 10 heures "Intégration Web avec Divi et Wordpress", bravo pour sa pédagogie et ses explications claires et précises, chaque minute me sera utile.

Alain Kobi

Technicien

temoignage11

Plan de la formation Intégration Web avec Divi

Atelier de 55 vidéos

01. Le fichier maquette graphique
02. Analyse de la maquette graphique
03. Environnement WordPress
04. Démarrage et découpe logo
05. Image du haut sous le menu
06. Image du haut
07. Menu
08. Espacement menu
09. Découpe icone sociaux
10. Intégration icones sociaux
11. Dégradé menu suite
12. Dégradé menu
13. Barre dans menu
14. Logo décalé
15. Menu enfin fini
16. Menu courte conclusion
17. Texte et ombre
18. Hero section
19. Hero section boutons et dimensions
20. Hero section fin
21. Fond section « A propos »
22. Colonne gauche section « A propos
23. Image chef section « A propos
24. Assiette et reglages section « A propos
25. Comparaison site et maquette section « A propos
26. Fond section ingredients
27. Titre et separateur section ingredients
28. Fin section ingredients
29. Debut section menu
30. Plats et prix section menu
31. Ligne séparateur section menu
32. Menu spécial
33. Menu spécial suite
34. Peaufiner
35. Bonus bordure en image
36. Bonus border image
37. Section reviews
38. Section réservation
39. Formulaire debut
40. Formulaire suite et fin
41. Pied de page
42. Pied de page fin
43. Peaufine 1
44. Peaufine 2
45. Peaufine 3
46. Bonus Peaufine
47. Mobile hamburger menu
48. Mobile menu deroulant
49. Mobile Hero section
50. Mobile titres
51. Mobile menu resto
52. Mobile sections et boutons
53. Mobile suite
54. Mobile fin
55. Fin du projet

Total : 55 vidéos, 10h08

Mise à jour janvier 2020 :

  • La formation est maintenant sur la plateforme e-learning Netologiste : 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 2023 :

La formation est toujours valable en 2023. 95% des méthodes et techniques montrées sont des logiques qui fonctionnent depuis des années, et encore pour des années.

Formation Intégration Web avec Divi

97€ au lieu de 197€

Accès illimité à vie en e-learning

FAQ formation en ligne « Divi intégration Web »

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 (70$ avec notre réduction) 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).

FAQ formations en ligne

Qui êtes-vous ?

Je suis formateur Web professionnel depuis 15 ans, ancien enseignant à l'université en développement Web et organisation de projets Web, et réalise aussi des sites Web pour mes clients via mon agence digitale Neosama Consulting.

J'ai réalisé plus de 500 sites Web, pour des entreprises, des administrations et des particuliers, dont plus d'une centaine avec WordPress.

Dans mes formations, j'aborde les problématiques qu'on peut rencontrer lorsqu'on travaille sur le Web, avec leurs solutions, via une démarche pratique, progressive et pédagogique.

Comment fonctionne l'achat de la formation ?

Les paiements sécurisés sont gérés et protégés par PayPal et Stripe, leaders des paiements en ligne.

Tout type de paiement en ligne est accepté : Visa, Mastercard, American Express, Paypal.

Lors du paiement, seul le processeur de paiement comme Stripe ou PayPal a accès à votre numéro de CB, je n'y ai pas accès.

Les paiements sont des paiements uniques, il n'y a pas de système d'abonnements, pas de prélèvements, ni de frais cachés.

Comment vais-je accéder à la formation ?

Une fois votre règlement effectué, la formation sera immédiatement accessible dans votre compte sur la plateforme e-learning Netologiste.

L'accès est instantané dès l'achat effectué : vous pouvez démarrer la formation dans 5 minutes !

Si vous rencontrez un problème lors du paiement ou pour accéder à la formation, écrivez-moi à [email protected]

Est-ce que je peux payer en plusieurs fois ?

Les paiements inférieurs à 1000€ sont à régler à la commande et ne peuvent pas être étalés.

Les collaborations à long terme se font avec une facturation hebdomadaire ou mensuelle sans engagement.

Puis-je acheter seulement la formation en ligne sans support ou coaching ?

Non, la vente de produits digitaux seuls est trop compliquée administrativement, la formation n'est vendue que dans un package qui contient des services avec intervention humaine personnalisée.

témoignage positif

Clair net et précis. Des conseils très efficaces exposés simplement, on appelle ça de la pédagogie. Bravo.

Claude Barras

Travaille sur son propre site Web

J'apprécie vos formations, j'ai encore plein d'idées que je mets en place gentiment et vous êtes mon soutien.

Jacques

Travaille sur son propre site Web

témoignage positif
témoignage positif

Vos formations sont bonnes et compréhensives. Je suis en train de suivre la formation WordPress et je me régale, c'est un CMS que je ne connaissais pas. Chapeau.

André R.

Travaille sur son propre site Web

Formation Intégration Web avec Divi

97€ au lieu de 197€

Accès illimité à vie en e-learning

P.S.

Vous le savez : plus tard est souvent synonyme de jamais.

Profitez de cette promotion pour vous lancer : cet achat est votre premier pas vers votre autonomie digitale. Passez à l’action.