Divi intégration Web

Transformez une maquette graphique Photoshop en page Web en utilisant WordPress, Divi et du CSS

  • Apprenez l'intégration Web
  • Une approche pédagogique et pratique
  • Méthodes reproductibles
Netologiste · 21 décembre 2019

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.

Ce que vous apprendrez

  • 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 le logo, le menu et chaque élément de la page
  • Des explications exhaustives sur plusieurs points, avec des exemples d’angles d’approche différents, avantages et inconvénients
  • Rendre le site responsive
  • Code CSS avec Divi
  • Des considérations générales sur les prestations d’intégration Web en fonction du temps et du budget

Accès à vie

La formation est un achat unique, il n’y a pas d’abonnement.

L’accès est à vie : vous achetez la formation une fois, et vous y avez accès à vie, de manière illimitée.

Contenu de la formation

Tout Afficher

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
  • La formation démarre sur une installation de WordPress opérationnelle avec le thème Divi installé. Si vous n’avez pas encore votre site Web WordPress, voir la formation Obtenir son hébergement et WordPress.
  • WordPress est gratuit, mais vous devez déjà avoir acheté Divi (70$) et l’avoir installé sur votre site. Présentation de Divi
  • Compréhension du Web, de WordPress, de Divi, de l’intégration Web, du 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).

Débouchés

  • En vous entraînant sur ce projet et sur plusieurs autres projets, devenez intégrateur Web spécialisé dans WordPress et Divi (et bien sûr intégrateur Web tout court)
  • Après quelques mois/quelques années d’expérience, facturez des milliers d’euros pour ces prestations
  • Le projet abordé ici utilise Divi, mais peut vous faire rebondir sur de l’intégration Web avec d’autres outils, tant que vous comprenez la logique. Exemples d’autres outils et solutions pour réaliser de l’intégration Web : directement en code HTML/CSS, Bootstrap, éditeurs visuels + CSS

Extrait gratuit

A propos du formateur

Netologiste

Diplômé en développement Web, professionnel du Web avec 20 ans d'expérience à plein temps, et plus de 500 sites à mon actif, dont une centaine réalisés avec WordPress. J'ai été analyste/programmeur, intégrateur Web, chef de projet Web, freelance Web, patron d'agence digitale, enseignant à l'université en programmation et organisation de projets Web, et formateur professionnel en entreprise. Auteur de plus de 600 vidéos de formation Web, créateur de cette plateforme e-learning, et réalise aussi du conseil en développement digital pour mes clients via mon agence Neosama Consulting.

8 Formations

Non Inscrit

Formation Inclut :

  • 1 Chapitre
  • 55 Modules