Formation Webflow, construire un site web en no-code

Télécharger le plan de cours

Demander un devis

Obtenir un renseignement

Informations générales

Référence WBW

Durée 3 jours (21h)

Tarif 1 940 €HT

Objectifs

Après ce cours, vous serez capable de :

Maîtriser les fonctionnalités de Webflow pour créer un site internet de qualité
Créer les pages essentiels de son premier site
Personnaliser et gérer son site Webflow

Public

Ce cours s'adresse avant tout aux personnes suivantes :

Toute personne désirant développer un site web sans coder.

Prérequis

Aucun

Programme de la formation

Webflow est une plateforme no-code très complète qui permet de concevoir, de développer et de publier facilement des sites web de haute qualité. Vous apprendrez dans cette formation à penser et concevoir des sites web de conversion efficaces sur Webflow.

Mise en place d'un premier projet

Étude des exigences techniques.
Aperçu du projet.
S'installer et s'inscrire dans Webflow.
Mise en place du projet.
Se familiariser avec l'interface utilisateur de Webflow Designer.

Construire la page web visible

Étude des exigences techniques.
Mise en place du corps.
Construction de la section Hero.
Ajout de l'image d'arrière-plan, du texte d'accompagnement, des boutons d'appel, d'images, du menu de navigation.
Rendre le site réctif.
Point d'arrêt tablette, "mobile paysage".
Point de rupture "portrait mobile, écrans de grande taille.

Construire le reste du corps

Étude des exigences techniques.
Ajout de la section Comment ça marche.
Modification de la section Caractéristiques principales.
Création et ajout d'éléments à la grille.
Ajout de la section CTA finale et de la section du pied de page.

Rendre le site réactif

Rendre la section Comment ça marche, la section Caractéristiques principales et la section CTA responsive.
Adapter aux grandes tailles d'écran, aux écrans de tablettes, aux écrans de mobiles.
Animer les transitions au survol, déclenchées par les éléments, défilement de page personnalisées.
Rendre le pied de page réactif.
Créer un effet de parallaxe. Animation du menu au défilement.
Création d'un bouton flottant personnalisé. Création et ajout de l'interaction.
Affichage du texte sur le bouton flottant.

Démarrer avec Webflow CMS

Qu'est-ce qu'un CMS (système de gestion de contenu) ? Pourquoi Webflow CMS ?
Webflow CMS - les bases. Aperçu du projet.
Étude des exigences techniques.
Planification de la structure du CMS.
Créer son premier projet CMS. Étude des exigences techniques.
Créer et ajouter du contenu à une collection.
Conception d'une page d'accueil de CMS.
Importer du contenu en masse.
Finaliser le projet.

Création de pages de collection

Aperçu du projet.
Création de la page de collection de la bibliothèque.
Création de la section principale de la page de la bibliothèque.
Création de la section des autres bibliothèques.
Mise au point de la page d'accueil.

Gestion des projets CMS

Gestion des paramètres des pages de collection.
Faire en sorte que les pages de la collection soient adaptées au référencement.
Préparer les pages de collection pour les médias sociaux.
Configurer un flux RSS pour une page de collection.
Mise à jour des collections et des données dans les champs de la collection.
Mise à jour de la structure des champs.
Gestion des états des éléments de la collection.

Publication de projets sur le web et mise à jour avec Webflow Editor

Publication d'un projet Webflow.
Utilisation de Webflow Editor pour mettre à jour un site web.
Configuration des paramètres du projet.
Utilisation de l'éditeur pour configurer les paramètres des pages.
Publication du projet.
Modifier une page en direct.
Exportation du code du projet.
Présentation d'un projet.

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Comment financer votre formation Webflow, construire un site web en no-code

Si vous êtes salarié, vous pouvez faire appel à l'OPCO de votre employeur pour financer votre formation Webflow.

Si vous êtes demandeur d'emploi, vous pouvez soumettre une demande de prise en charge auprès de votre conseiller France travail pour votre formation Webflow.

Suivre cette formation à distance

Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
Privilégier une connexion filaire plutôt que le Wifi.
Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
Horaires identiques au présentiel.

Mis à jour le 24/08/2026
Le contenu peut faire l'objet de légères adaptations selon les besoins et la progression des participants.