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

Contenu de la Formation

Tout déplier

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

À propos de l'instructeur

Netologiste

Diplômé en développement Web, réalise des sites Web pour ses clients entreprises depuis plus de 15 ans, enseignant à l'université, formateur professionnel et entrepreneur.

8 Formations

Non Inscrit

Formation : contenu

  • 1 Chapitre
  • 55 Modules