Développement Web & No-Code
Webflow : concevoir et publier un site web professionnel sans écrire une ligne de code
Débutant
À propos de cette formation
Webflow est une plateforme no-code complète permettant de concevoir, développer et publier des sites web de haute qualité sans programmation. Cette formation de 3 jours couvre l'ensemble du cycle de création : mise en place du projet dans le Webflow Designer, construction des pages, adaptation responsive, gestion du contenu avec le CMS Webflow, et publication avec l'éditeur en ligne.
Objectifs de la formation
- Maîtriser les fonctionnalités de Webflow pour créer un site internet de qualité
- Construire et structurer les pages essentielles d'un premier site
- Personnaliser le design, les animations et le responsive du site
- Gérer le contenu via le CMS Webflow et publier le projet en ligne
Programme détaillé
Module 1 — Mise en place d'un premier projet
- Analyse des exigences techniques et aperçu du projet
- Création d'un compte et installation dans Webflow
- Configuration du projet et découverte de l'interface Webflow Designer
- Travaux pratiques : initialisation d'un projet web dans Webflow
Module 2 — Construire la page principale
- Mise en place du corps de page et construction de la section Hero
- Ajout de l'image d'arrière-plan, textes, boutons d'appel à l'action et images
- Intégration du menu de navigation
- Travaux pratiques : développement de la page principale du site
Module 3 — Construire le reste du corps de page
- Ajout et paramétrage de la section « Comment ça marche »
- Modification de la section « Caractéristiques principales » et création d'éléments en grille
- Ajout de la section CTA finale et du pied de page
- Travaux pratiques : enrichissement et complétion du contenu de la page
Module 4 — Rendre le site réactif et animé
- Points de rupture responsive : tablette, mobile paysage, portrait mobile, grands écrans
- Adaptation responsive des sections Hero, CTA et pied de page
- Animations : transitions au survol, déclenchées par les éléments et au défilement
- Effet de parallaxe, animation du menu au défilement et bouton flottant interactif
- Travaux pratiques : mise en place du responsive et des animations sur l'ensemble du site
Module 5 — Démarrer avec le CMS Webflow
- Notion de CMS (système de gestion de contenu) et apports de Webflow CMS
- Planification de la structure du CMS et création du premier projet CMS
- Création de collections, ajout de contenu et import de données en masse
- Conception d'une page d'accueil connectée au CMS
- Travaux pratiques : exploitation du CMS Webflow pour finaliser le site
Module 6 — Création de pages de collection
- Création d'une page de collection (ex. bibliothèque) et de ses sections
- Mise au point de la page d'accueil et liaison avec les données de collection
- Travaux pratiques : construction et paramétrage de pages de collection
Module 7 — Gestion des projets CMS
- Paramètres SEO des pages de collection et préparation pour les réseaux sociaux
- Configuration d'un flux RSS pour une collection
- Mise à jour des collections, des champs et gestion des états des éléments
- Travaux pratiques : gestion complète des paramètres et du contenu des collections
Module 8 — Publication et mise à jour avec Webflow Editor
- Publication d'un projet Webflow et configuration des paramètres du projet
- Utilisation de Webflow Editor pour modifier les pages en direct
- Exportation du code source du projet
- Travaux pratiques : finalisation, publication et exportation du site web
Prérequis
Aucune connaissance particulière requise.