Formation
Webflow

Comprendre le fonctionnement et les avantages de Webflow

Naviguer dans l’interface et organiser son espace de travail

Créer une première page web en utilisant les blocs de base

Prise en main de l’interface Webflow et personnalisation des paramètres

Création et gestion des projets Webflow

Utilisation des sections, div blocks et containers

Importation et exportation des ressources graphiques

Gestion des styles CSS visuellement

Créer une structure HTML optimisée avec Webflow

Utiliser le système de grilles et flexbox pour organiser les contenus

Adapter le design aux différents écrans (desktop, tablette, mobile)

Utilisation des grilles CSS et du flexbox pour une mise en page fluide

Création de designs responsive avec les breakpoints

Gestion des espacements, marges et padding

Optimisation des images et des médias pour la performance

Prévisualisation et ajustement des designs pour chaque appareil

Gérer les couleurs, polices et styles globaux pour assurer une cohérence visuelle

Ajouter des animations et interactions pour améliorer l’expérience utilisateur

Optimiser la lisibilité et l’accessibilité des contenus

Création et gestion des styles globaux avec les classes CSS

Gestion avancée de la typographie et des hiérarchies de texte

Ajout d’animations et transitions CSS sur Webflow

Utilisation des interactions pour des effets dynamiques (scroll, hover, clic)

Amélioration de l’accessibilité et du contraste visuel

Comprendre et utiliser le CMS Webflow pour gérer du contenu dynamique

Concevoir des collections et modèles dynamiques

Intégrer et gérer un blog ou un portfolio facilement

Création et gestion des collections CMS pour le contenu dynamique

Liaison des collections avec les modèles de pages dynamiques

Utilisation des filtres et tri dynamique pour organiser les contenus

Ajout de champs personnalisés et gestion des données dynamiques

Optimisation de la performance des pages CMS

Créer des animations avancées avec Webflow Interactions

Connecter Webflow à des outils no-code (Zapier, Airtable, Memberstack)

Intégrer des formulaires et automatiser les flux de travail

Création d’animations complexes (parallax, scroll-triggered, reveal effects)

Ajout de formulaires interactifs et gestion des soumissions

Intégration de services tiers via API et Webhooks

Connexion avec Zapier, Airtable et autres outils no-code

Automatisation des tâches et workflows entre Webflow et d’autres plateformes

Optimiser les performances et le référencement naturel (SEO)

Publier un site sur un domaine personnalisé

Suivre et analyser les performances avec des outils adaptés

Configuration des balises SEO (title, meta descriptions, Open Graph)

Optimisation des performances (compression d’images, lazy loading, minification CSS/JS)

Gestion des redirections et optimisation des URLs

Publication sur un domaine personnalisé avec Webflow Hosting

Analyse des performances via Google Analytics et Webflow Insights