J01 : Démarrage

Matin : le Web & installation de WP en local

• Présentation des formateurs
• Tour de table des apprenants
• Présentation / déroulé de la formation
  • Site vitrine de démo
  • Projet d’entreprise
  • Projet e-commerce
  • TOSA WordPress
• L’univers du web / qu’est ce que le web / un site web / fonctionnement
• Hébergeur
• Nom de domaine
• CMS
• WordPress.com vs wordpress.org
• Installation de WP en local avec LocalWP

Après-midi : thématique du projet d’entreprise & présentation sous Figma

• Présentation de Figma
• Introduction à figma : frame et outil texte
• Utilisation de figma pour la notation des idées, comme moodboard

• Présentation du projet d’entreprise / consignes / directives / contenu
• Recherche individuel de la thématique
• Tour de table des thématiques choisies
• Choix des arguments principaux
• Ecriture de la thématique + arguments principaux sur Figma

• Présentation de la définition du projet d’entreprise sous Figma

J02

Matin : tour d’horizon de WP & premier réglages

• Présentation de l’interface de WP
• Accès admin / accès site
• Paramètres de bases (reglages > generaux)
• Principe de modification / actualisation : faire des modifs et voir le résultat
• Présentation de l’interface de Gutenberg (colonne, gauche, droite, tool box)
• Ajout / modification / suppression de pages
• Ajout de la page d’accueil
• Choix de la page d’accueil
• Les blocs de l’éditeur Gutenberg
• Les options des blocs
• La barre d’outils / options des blocs
• Ajout / modifications / suppression de blocs au choix
• Bloc intéressant : bannière, media & texte, groupe/rangée/grille

Après-midi : Arborescence du projet d’entreprise & Identité visuelle

• Etapes de création d’un site web : zoning, wireframe, mockup & prototype
• Recherche & réalisation de l’arborescence du projet d’entreprise dans figma

• Webdesign : ergonomie /accessibilité, couleur & typo ?
• Recherche des typos
• Recherche de la palette des couleurs
• Présentation de l’arborescence sous figma

J03

Matin :

• Les styles généraux (couleurs & typos)
• Les thèmes FSE
• Composition : En-tête
• Composition : Pied de page

Après-midi

• Mockup de la page d’accueil du projet d’entreprise

J04 (mockup à continuer chez soi )

Matin

• Modèles de page d’accueil
• Modèles de pages
• Modèles personnalisés

Après-midi

• Extension : Editor Plus, Carrousel
• Menu Mega Menu

J04

J05 (mockup à continue chez soi )

Matin

• Articles
• Boucle de requête
• Extension Post X

Après-midi

• Présentation des mockup pour le projet d’entreprise
• Finalisation du site vitrine de démo

J06 : Démarrage

Matin : Projet d’entreprise

• Création des sous domaines
• Installation one clic des wp en ligne pour chaque apprenant
• Installation manuel ? (plus compliqué)

Après-midi : gestion des images

• Format d’images pour le web
• Manipulation de recadrage
• Suppression de fond
• Export et compression des images
• Nommage des images
• Les différents formats générés par WP à l’upload
• Gestion des images dans WP
• Référencement et accessibilité des images
• Extension de compression, de remaniement des images
• Extension de gestion des catégories d’images