3 heures pour apprendre Webflow
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO 3 heures pour apprendre Webflow

Olivier Krakus
29,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Chapitre 2
Interface et espace de travail
Chapitre 3
Les outils de Webflow
Chapitre 4
Les collections
Chapitre 5
Allez plus loin
Chapitre 6
Exercice pratique
Chapitre 7
Conclusion

Plan détaillé du cours

Chapitre 1 : Introduction de la formation Webflow
03m26s
 
Leçon 1Introduction
Leçon 2Avant-propos
Chapitre 2 : Interface et espace de travail
13m10s
 
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
1h25m
 
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
32m43s
 
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
13m56s
 
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
39m55s
 
Leçon 1Introduction exercice pratique
Leçon 2Header animé
Leçon 3Formulaire de contact
Leçon 4Mise en page de site
Chapitre 7 : Conclusion
01m14s
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
22
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Grm Gonin
Grm Gonin
Publié le 08/12/2023
Magnifique, Un bon moyen de faire un pas à pas. Pour les habitués de créations de site internet, on s'y fais vite. Chrome est un bon moyen pour le faire avec la traduction. Une fois de plus merci Olivier !

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données