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
Jean · 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
  • Des considérations générales sur les prestations d’intégration Web en fonction du temps et du budget

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
  • 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
  • Après quelques mois/quelques années d’expérience, facturez des centaines ou des milliers d’euros pour ces prestations, si vous trouvez des clients
  • 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 programmation (HTML/CSS pour la mise en page), autres éditeurs visuels

À propos de l'instructeur

Jean

23 Formations

+13 inscrit
Non Inscrit

Formation : contenu

  • 1 Chapitre
  • 55 Modules