4.8/5 Trustpilot (1392 avis)
Webflow : Développer un Site Web Responsive en No Code | 2025
Webflow : Développer un Site Web Responsive en No Code | 2025
Webflow est un outil no-code de conception de sites web révolutionnaire qui permet aux designers et développeurs de créer des sites web visuellement tout en générant simultanément du code HTML, CSS et JavaScript propre et prêt à l'emploi. Contrairement à d'autres outils, Webflow offre une flexibilité inégalée en permettant des designs personnalisés sans la contrainte des templates rigides.
Avec son système intégré de gestion de contenu (CMS) et ses capacités d'interaction et d'animation, il élimine la barrière entre la conception et le développement. Les professionnels peuvent ainsi visualiser en temps réel les changements apportés, rendant le processus de création plus fluide et intuitif. Webflow représente une nouvelle ère pour la conception web, combinant puissance et simplicité d'utilisation.
Au programme de ce tuto 3 heures pour apprendre Webflow
Dans cette formation en ligne, vous découvrirez :
- Les outils de base de Webflow,
- Les bibliothèques,
- L'interface,
- Les outils,
- L'exportation,
- Une mise en pratique grâce à 3 exercices
Je reste à votre disposition en entraide pour toutes questions, remarques ou besoin en vidéo complémentaire.
Un QCM vous permet de valider vos connaissances en fin de formation.
Pour en apprendre plus sur la création de site internet, vous pouvez également découvrir ma formation Figma, logiciel de prototypage incontournable.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction de la formation Webflow
Introduction de la formation Webflow
Chapitre 2
Interface et espace de travail
Interface et espace de travail
Chapitre 3
Les outils de Webflow
Les outils de Webflow
Chapitre 4
Les collections
Les collections
Chapitre 5
Allez plus loin
Allez plus loin
Chapitre 6
Exercice pratique
Exercice pratique
Chapitre 7
Conclusion
Conclusion
Table des matières
Chapitre 1 : Introduction de la formation Webflow
03m26
Leçon 1Introduction
Leçon 2Avant-propos
Chapitre 2 : Interface et espace de travail
12m06
Leçon 1Introduction chapitre 1
Leçon 2Interface sans connexion
Leçon 3Interface dashbord
Leçon 4Nouveau site
Leçon 5Interface de création
Leçon 6AIde et paramétrage
Chapitre 3 : Les outils de Webflow
1h25
Leçon 1Intro les outils
Leçon 2Les pages
Leçon 3Page ADD et les elements structure
Leçon 4Element : Basic
Leçon 5Element : Texte et connexion
Leçon 6Element e-commerce et média
Leçon 7Element de formulaire
Leçon 8Element Avancé
Leçon 9Layout
Leçon 10Navigator
Leçon 11Les différents styles
Leçon 12Layout, flex et grid
Leçon 13Spacing, Size, Position
Leçon 14Typography
Leçon 15Background et bordure
Leçon 16Les effets
Leçon 17Component
Leçon 18Variable
Leçon 19Style selector
Leçon 20Asset
Chapitre 4 : Les collections
32m43
Leçon 1Intro CMS
Leçon 2Les collections 1
Leçon 3Création de vos propres collections
Leçon 4Mise en place des CMS
Leçon 5Logic
Leçon 6Les utilisateurs
Leçon 7E-commerce
Chapitre 5 : Allez plus loin
13m56
Leçon 1Introduction : allez plus loin
Leçon 2Les apps
Leçon 3Les intérations
Leçon 4Editing
Leçon 5Partage, publication et commentaire
Chapitre 6 : Exercice pratique
39m55
Leçon 1Introduction exercice pratique
Leçon 2Header animé
Leçon 3Formulaire de contact
Leçon 4Mise en page de site
Chapitre 7 : Conclusion
01m14
Leçon 1Conclusion
Aperçus
Avis des apprenants