Formation Webflow, construire un site web en No Code (Réf. WBW) NEW
Créer un site web professionnel avec Webflow No Code
Découvrez comment créer un site web professionnel sans connaître la programmation. Avec Webflow No Code, apprenez à concevoir des sites web dynamiques et responsifs rapidement et efficacement. Transformez vos idées en un site web qui impressionne vos clients et vous aide à atteindre vos objectifs commerciaux.
Réponse sous 24h ouvrées
En intra la formation peut être entièrement sur mesure
- Maîtriser l'environnement Webflow Designer pour concevoir des sites web personnalisés
- Créer des layouts responsifs multi-écrans pour une expérience utilisateur optimale
- Gérer du contenu dynamique et interactive pour un site web évolutif
- Publier et optimiser un site Webflow pour une visibilité maximale sur les moteurs de recherche
01.Introduction à Webflow et concepts du No Code
- —Comprendre le No Code et ses avantages
- —Présentation de Webflow : interface, philosophie, potentiel
- —Configuration initiale de l'environnement Webflow
- —Exercice pratique : Visiter l'interface et créer son premier projet vide
02.Maîtriser l'interface Designer de Webflow
- —Vue d'ensemble des panneaux : Styles, Éléments, Navigateur
- —Organisation des éléments : Div Blocks, Section, Container
- —Utilisation des raccourcis clavier essentiels
- —Exercice pratique : Structurer une page d'accueil simple
03.Les bases du HTML/CSS sans coder : Le Boxing Model
- —Comprendre le concept de Box Model (padding, margin, border)
- —Application des propriétés de taille et d'espacement
- —Gestion des unités (px, %, em, rem, vw, vh)
- —Exercice pratique : Créer des sections avec espacements cohérents
04.Typographie et couleurs pour un design impactant
- —Choix et importation de polices de caractères
- —Propriétés de texte : taille, poids, interlignage
- —Gestion des couleurs via les variables et les styles globaux
- —Exercice pratique : Styliser le texte d'un site démo
- —=== MODULE_NUMBER: 5
- —MODULE_TITLE: Implémenter les images et médias dans Webflow
- —MODULE_CONTENT:
- —Optimisation des images pour le web (format, taille)
- —Insertion et gestion des images et icônes
- —Utilisation des backgrounds d'image et vidéo
- —Exercice pratique : Intégrer un portfolio d'images responsives
05.Layouts responsifs avec Flexbox
- —Comprendre Flexbox : conteneur, éléments, alignement
- —Application des propriétés Flexbox pour des mises en page complexes
- —Création de grids fluides et responsives
- —Exercice pratique : Concevoir une section Nos services avec Flexbox
06.Créer des composants réutilisables et symboles
- —Comprendre l'intérêt des symboles (Headers, Footers)
- —Création et gestion des symboles
- —Mettre à jour et réutiliser les symboles
- —Exercice pratique : Créer un symbole de navigation (Header) global
07.Animations simples et interactions de base
- —Types d'animations : scroll, hover, clic
- —Création d'interactions simples (affichage/masquage d'éléments)
- —Animation d'éléments divers (boutons, images)
- —Exercice pratique : Animer un bouton Call to Action
08.Gérer le Contenu Dynamique avec le CMS Webflow
- —Introduction aux Collections CMS (Blog, Portfolio, Produits)
- —Création et structuration d'une collection
- —Affichage dynamique de contenu sur des pages CMS
- —Exercice pratique : Mettre en place un blog simple avec CMS
09.Formulaires et SEO pour un site professionnel
- —Conception et personnalisation des formulaires de contact
- —Envoi et gestion des soumissions de formulaires
- —Optimisation SEO on-page (titres, méta descriptions, alt tags)
- —Exercice pratique : Intégrer un formulaire de contact fonctionnel
10.Publication, Optimisation et Bonnes Pratiques
- —Publication du site sur un sous-domaine Webflow
- —Connexion d'un nom de domaine personnalisé
- —Bonnes pratiques de nettoyage et d'organisation du projet
- —Exercice pratique : Préparer et publier son premier site Webflow en ligne
- —--
- —## Compétences acquises
- —=== COMPETENCE ===
- —COMPETENCE_NUMBER: 1
- —COMPETENCE_NAME: Maîtrise de l'environnement Webflow Designer
- —COMPETENCE_CONTENT: Concevoir l'architecture visuelle et fonctionnelle de pages web en utilisant l'interface Designer de Webflow, en structurant les éléments via le Box Model et Flexbox pour un affichage précis et responsive sur toutes les tailles d'écran.
- —=== COMPETENCE ===
- —COMPETENCE_NUMBER: 2
- —COMPETENCE_NAME: Conception de layouts Responsifs multi-écrans
- —COMPETENCE_CONTENT: Adapter un design web pour garantir une expérience utilisateur optimale sur divers appareils (ordinateurs, tablettes, mobiles) en gérant les points de rupture et les propriétés CSS spécifiques à l'aide des outils de responsivité de Webflow.
- —=== COMPETENCE ===
- —COMPETENCE_NUMBER: 3
- —COMPETENCE_NAME: Gestion de Contenu Dynamique et Interactivité
- —COMPETENCE_CONTENT: Administrer et afficher du contenu via le CMS de Webflow (Collections) et intégrer des fonctionnalités interactives (animations, formulaires) pour doter le site de dynamisme et d'engager les utilisateurs de manière efficace.
- —=== COMPETENCE ===
- —COMPETENCE_NUMBER: 4
- —COMPETENCE_NAME: Publication & Optimisation SEO d'un site Webflow
- —COMPETENCE_CONTENT: Mettre en ligne un site Webflow, le connecter à un nom de domaine personnalisé, et appliquer les fondamentaux du référencement naturel (SEO on-page) pour améliorer sa visibilité sur les moteurs de recherche.
Maîtrise de l'environnement Webflow Designer
Concevoir l'architecture visuelle et fonctionnelle de pages web en utilisant l'interface Designer de Webflow, en structurant les éléments via le Box Model et Flexbox pour un affichage précis et responsive sur toutes les tailles d'écran.
Conception de layouts Responsifs multi-écrans
Adapter un design web pour garantir une expérience utilisateur optimale sur divers appareils (ordinateurs, tablettes, mobiles) en gérant les points de rupture et les propriétés CSS spécifiques à l'aide des outils de responsivité de Webflow.
Gestion de Contenu Dynamique et Interactivité
Administrer et afficher du contenu via le CMS de Webflow (Collections) et intégrer des fonctionnalités interactives (animations, formulaires) pour doter le site de dynamisme et d'engager les utilisateurs de manière efficace.
Publication & Optimisation SEO d'un site Webflow
Mettre en ligne un site Webflow, le connecter à un nom de domaine personnalisé, et appliquer les fondamentaux du référencement naturel (SEO on-page) pour améliorer sa visibilité sur les moteurs de recherche.
Financement
Cette formation est finançable via OPCO, plan de développement des compétences ou FAF. Nos conseillers prennent en charge le montage de votre dossier.
Simuler mon financement
Ils ont suivi cette formation
Rejoignez nos participants et développez vos compétences avec les experts IMI.
Créer un site web professionnel avec Webflow No Code — pourquoi la choisir ?
Maîtrise de Webflow
Apprenez à utiliser l'interface Designer de Webflow, un outil essentiel pour créer des sites web professionnels sans écrire une seule ligne de code.
Design Responsif Optimal
Maîtrisez la création de layouts responsifs multi-écrans grâce à Flexbox, garantissant une expérience utilisateur fluide sur tous les appareils.
Contenu Dynamique
Découvrez comment gérer du contenu dynamique et interactif, rendant vos sites web évolutifs et adaptés aux besoins changeants de vos utilisateurs.
Visibilité sur les Moteurs
Apprenez à publier et optimiser votre site Webflow pour maximiser sa visibilité sur les moteurs de recherche, attirant ainsi plus de visiteurs.
Design Impactant
Intégrez des bases de typographie et de couleurs pour créer des designs visuellement attrayants et professionnels, sans compétences en codage.
Format Inter-entreprise
Participez à une formation inter-entreprise, favorisant le partage d'expériences et le réseautage avec d'autres professionnels du secteur.
Questions clés
Tout ce que vous devez savoir sur Créer un site web professionnel avec Webflow No Code.
Poser une questionFormez-vous avec les meilleurs experts IMI Executive Solutions.
Créer un site web professionnel avec Webflow No Code vous intéresse ?
Obtenez un devis personnalisé sous 24h — intra ou sur-mesure.
Créer un site web professionnel avec Webflow No Code vous intéresse ?
Obtenez un devis personnalisé sous 24h — intra ou sur-mesure.
Financer Créer un site web professionnel avec Webflow No Code
Plusieurs dispositifs permettent de prendre en charge votre formation Créer un site web professionnel avec Webflow No Code. Nos conseillers vous accompagnent pour identifier la solution la plus adaptée à votre situation.
OPCO
Formations financées via votre opérateur de compétences
Les OPCO (Opérateurs de Compétences) peuvent prendre en charge tout ou partie des frais de formation de vos salariés, dans le cadre du plan de développement des compétences ou de l’alternance. Renseignez-vous auprès de votre OPCO de rattachement.
En savoir plus
FAF
Aide à la formation pour les indépendants
Les Fonds d’Assurance Formation (FAF) financent les formations des travailleurs indépendants, auto-entrepreneurs, professions libérales et chefs d’entreprise. Le financement dépend de votre code NAF/APE et de l’organisme auquel vous cotisez (FAFCEA, AGEFICE, FIFPL…).
En savoir plus
FranceTravail
Des aides pour les demandeurs d’emploi
France Travail (ex-Pôle emploi) peut financer vos formations via des dispositifs comme l’AIF (Aide Individuelle à la Formation) ou des achats directs. Parlez-en à votre conseiller pour valider votre projet et vérifier votre éligibilité.
En savoir plus
Employeur
Votre entreprise peut financer votre formation.
Votre entreprise dispose d’un budget dédié à la formation. Rapprochez vous de la direction, du manager ou du service ressources humaines de votre entreprise pour en savoir plus.
En savoir plus
Région
Aides régionales pour la formation professionnelle
Les conseils régionaux proposent des aides financières pour favoriser l’accès à la formation, en particulier pour les jeunes, les demandeurs d’emploi ou les personnes en reconversion. Ces aides varient selon les régions.
En savoir plus
FNE Formation
Un soutien pour les entreprises en transformation
Le FNE-Formation accompagne les entreprises confrontées à des mutations économiques (transformation digitale, écologique, etc.). Il permet de financer les parcours de formation de leurs salariés, souvent à hauteur de 50 à 100 %, selon les cas.
En savoir plusBesoin d'aide pour choisir votre dispositif ?
Nos conseillers pédagogiques analysent votre situation et vous orientent vers la solution la plus avantageuse.
Créer un site web professionnel avec Webflow No Code en situation
“Après avoir suivi la formation, il a créé un site web professionnel en utilisant Webflow, intégrant des éléments interactifs.”
“Elle a optimisé la visibilité de son site sur les moteurs de recherche grâce aux techniques apprises sur la publication et l'optimisation.”
IMI en chiffres
L'expertise IMI au service de votre développement professionnel
Notre mission
Former des professionnels avec des méthodes immédiatement applicables sur le terrain.
- Certifié Qualiopi
- Formateurs experts
- 100% opérationnel
Notre approche
Des formations pensées par des experts pour répondre aux réalités de chaque métier.
- Personnalisé & sur-mesure
- +10 ans d'expertise
- Résultats mesurables
Questions fréquentes
Une question sur Créer un site web professionnel avec Webflow No Code ? Nos conseillers pédagogiques vous répondent sous 24h.
Contacter un conseillerDemandez un devis pour Créer un site web professionnel avec Webflow No Code
Rejoignez les centaines de professionnels qui ont déjà boosté leurs compétences grâce à cette formation.
Réponse sous 24h · Certifié Qualiopi · Sans engagement