Webflow : réussir sa prise en main
Prérequis
Il est nécessaire d’avoir une très bonne culture Web ou d'avoir suivi notre formation « Culture Web : environnement de production et tendances ». Une connaissance d’un outil de prototypage (Figma, XD, Sketch) et des bases en HTML/CSS faciliteront l’accès à cette formation.
Programme
Comprendre l’environnement Webflow
- Rappeler la notion de CMS (Content Managing System)
- Situer Webflow dans la chaîne de production web
- Lister les ressources utiles : Webflow University, communautés actives…
- Comparer les différentes tarifications proposées
- Anticiper la création (passerelles avec Figma, XD…)
- Identifier la relation Webflow / HTML / CSS
- Configurer et héberger un premier site : les bonnes pratiques
Se repérer et naviguer dans Webflow
- Distinguer et expérimenter les outils
- Créer une page
- Prendre en main l’inspecteur pour structurer sa page
- Placer et dimensionner du texte / des images dans la page
- Organiser les médias du projet
- Visualiser les différents formats d’écrans grâce au moteur responsive
- Utiliser les « prebuilts components » (template) pour gagner du temps
Préparer l'intégration dans Webflow
- Reconnaître les différents composants et identifier leurs usages
- Utiliser les combo-class
- Créer un guide de styles
- Hiérarchiser les éléments grâce au flexbox
- Configurer le positionnement des blocs et éléments
Créer et manipuler des bases de données
- Rappeler les principes d’une base de données
- Créer une première base de données
- Créer le template associé à la base de données
- Paramétrer l’affichage des champs de la base de données
- Créer, publier et gérer du contenu dynamique
Améliorer l’expérience de navigation
- Créer des templates d’éléments
- Manipuler des pages CMS
- Concevoir des animations simples
- Créer un formulaire de contact
- Configurer les options de bloc
Publier son site
- Identifier et corriger les erreurs d’intégration
- Publier son site sur un domaine personnalisé
- Mettre à jour le contenu du site au quotidien
- Gérer les droits d’accès pour l’édition de contenus
- Créer une sauvegarde
Artistes / Auteurs affiliés à la maison des artistes ?
Ressources
- Supports de cours dématérialisés
- Supports vidéo (enregistrements, pendant la session, d’une sélection de démonstrations réalisées par l’intervenant)
- Abonnement de 3 mois à tuto.com
- Inscription au forum des swashers
Découvrez notre magazine !
Interviews, avis d'experts, inspiration : 40 pages pour explorer notre univers et nos domaines de compétences.
Modalités en présentiel
Parcours pédagogique :
Quiz de positionnement ❯ 3 jours présentiels continus ❯ Évaluation des acquis
Méthode pédagogique :
Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, feedbacks personnalisés
Moyens techniques :
- 1 poste par participant (Mac ou PC, selon votre choix), fourni par nos soins (utilisation du compte Webflow de l'apprenant)
- Poste de l’intervenant relié à un grand écran ou vidéoprojecteur
Modalités en distanciel
Parcours pédagogique :
Quiz de positionnement ❯ 3 classes virtuelles discontinues (3 x 1 jour) ❯ Évaluation des acquis
Méthode pédagogique :
Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, travail individuel inter-sessions, feedbacks personnalisés
Moyens techniques :
- Classe virtuelle créée par nos soins
- Chaque apprenant participe à la session avec son ordinateur, connecté à Internet, et équipé :
- d’un micro et d’une caméra
- d'un compte Webflow
- d'un double écran (recommandé mais non nécessaire)