Master 1 - mention Audiovisuel, Médias Interactifs Numériques, et Jeux - parcours Direction de Projets Numériques
Ateliers
Les ateliers permettent d’aborder les notions du cours à travers des exercices concrets. Ils donnent l’occasion de manipuler les outils, de tester des idées et de se familiariser avec les étapes essentielles d’un projet numérique.
ATELIER
Construire une page avec WordPress & Elementor
Usages des techniques numériques – Maitriser les technologies du web
INTERMÉDIAIRE
Description
Cet atelier propose une prise en main guidée de WordPress et de son constructeur visuel Elementor. Il permet de découvrir la logique des constructeurs de pages, d’apprendre à organiser des sections, des colonnes et des widgets, et de comprendre comment une interface peut être conçue sans écrire de code. L’objectif est de réaliser une page complète en respectant une structure cohérente, une mise en forme équilibrée et une approche responsive adaptée aux usages actuels.
Objectifs pédagogiques
- Comprendre le fonctionnement d’un constructeur visuel : Identifier le rôle des sections, des colonnes et des widgets dans la création d’une mise en page.
- Concevoir une interface simple et cohérente : Construire une page structurée, appliquer des styles globaux, gérer les espacements et organiser les contenus.
- Adapter la page aux différents formats : Utiliser les réglages responsive intégrés à Elementor pour assurer une lecture correcte sur mobile et tablette.
- Développer une approche méthodique de la création : Construire étape par étape, réutiliser les modèles et organiser les éléments.
Sommaire
- Introduction → créer une page web de manière visuelle dans un CMS
- Contexte → utilisation de modèles et création d’une page d’accueil Porfolio ou autre, complète dans Elementor
- Brief → contenu attendu et contraintes de réalisation
- Déroulé de l’atelier → progression guidée en 9 phases (6h)
- Livrables → éléments à fournir en fin d’atelier
- Posture attendue → méthode et cohérence visuelle
- Évaluation → critères de notation
Atelier 3. Construire une page avec WordPress & Elementor
1. Introduction
- Présentation des principes de WordPress, du fonctionnement d’Elementor et de la création d’interfaces par blocs, colonnes et widgets.
- Mise en contexte des objectifs de l’atelier et des notions essentielles pour commencer.
2. Contexte
- Recherche du modèle à reproduire et des notions à comprendre : architecture d’une page WordPress, gestion du design dans Elementor, importance des réglages globaux et des styles du site.
- Compétences visées : organisation des sections, manipulation des widgets, cohérence visuelle et responsive.
3. Brief
- Description du projet à produire : une page d’accueil complète intégrée dans WordPress avec Elementor.
- Contenu minimal : header, hero, section présentation, section projets, footer.
- Contraintes : usage d’Elementor, styles globaux, structure propre et responsive soigné.
4. Déroulé de l’atelier
- Utilisation de modèles → structuration → design avancé → création du header/footer → responsive → finalisation → revue.
- Tableau détaillé précisant durées et objectifs de chaque phase.
5. Livrables
- Page publiée,
- Création d’un accès administrateur,
- Captures desktop + mobile et envoi par mail.
- Calendrier des rendus : première version en fin de cours, versions ultérieures fin décembre.
6. Posture attendue
- Organisation propre des sections,
- Usage rigoureux des styles globaux, nommage clair, cohérence des espacements et alignements,
- Capacité à expliquer ses choix.
7. Évaluation
- Structure,
- Styles globaux,
- UI design,
- Responsive,
- Propreté du travail.
- Barème détaillé : 5 critères pondérés totalisant 20 points.
