Web Design

Webflow, créer des sites sans être informaticien

Objectifs pédagogiques

Webflow constitue une plateforme no-code exhaustive, facilitant la conception, le développement et la publication de sites web de qualité supérieure. Cette formation vous enseignera à élaborer et à structurer des sites web optimisés pour la conversion grâce à cet outil.

Public concerné

Toute personne désirant développer un site web sans coder.

Prérequis

Aucune connaissance particulière.

Accessibilité

Les formations sont accessibles aux personnes en situation de handicap.
Un accompagnement spécifique peut être mis en place après étude des besoins.

Modalités d'évaluation

Le formateur évaluera la progression des participants à l’aide de méthodes telles que des QCM, des mises en situation et des activités pratiques. Les participants passeront également un test de compétences avant et après la formation afin de vérifier l’acquisition de ces compétences.

1) Mise en oeuvre d’un projet initial
– Analyse des spécifications techniques.
– Présentation générale du projet.
– Installation et inscription sur la plateforme Webflow.
– Configuration du projet.
– Prise en main de l’interface du concepteur Webflow.

2) Construction de la page web visible
– Analyse des spécifications techniques.
– Configuration de la structure principale (body).
– Élaboration de la section Hero.
– Intégration d’une image de fond, de textes d’accompagnement…
– Adaptation du site pour le responsive design.
– Définition des points de rupture pour tablettes et mobiles en mode paysage.
– Définition des points de rupture pour mobiles en mode portrait et grands écrans.

3) Construction de la structure complète
– Analyse des spécifications techniques.
– Ajout de la section «Fonctionnement».
– Adaptation de la section «Fonctionnalités principales».
– Création et intégration d’éléments dans une grille.
– Ajout de la section d’appel à l’action finale et du pied de page.

4) Optimisation du responsive design
– Adaptation des sections «Fonctionnement», «Fonctionnalités principales»…
– Ajustement pour grands écrans, tablettes et mobiles.
– Implémentation d’animations : transitions au survol, déclenchées par des éléments…-
– Rendre le pied de page responsive.
– Création d’un effet de parallaxe. Animation du menu lors du défilement.
– Conception d’un bouton flottant personnalisé avec interaction.
– Affichage d’un texte sur le bouton flottant.

5) Prise en main du CMS Webflow
– Définition et intérêt d’un CMS. Pourquoi choisir Webflow CMS ?
– Principes de base du CMS Webflow. Présentation du projet.
– Analyse des spécifications techniques.
– Planification de l’architecture du CMS.
– Création d’un premier projet CMS. Étude des exigences.
– Création et alimentation d’une collection de contenu.
– Conception d’une page d’accueil pour le CMS.
– Importation de contenu en masse.
– Finalisation du projet.

6) Création de pages de collection
– Présentation du projet.
– Création de la page de collection «Bibliothèque».
– Développement de la section principale de la page bibliothèque.
– Création de la section «Autres bibliothèques».
– Ajustements sur la page d’accueil.

7) Gestion des projets CMS
– Configuration des paramètres des pages de collection.
– Optimisation des pages de collection pour le référencement (SEO).
– Préparation des pages de collection pour les réseaux sociaux.
– Configuration d’un flux RSS pour une page de collection.
– Mise à jour des collections et des données des champs.
– Modification de la structure des champs.
– Gestion des états des éléments de la collection.

8) Publication en ligne et mise à jour avec Webflow Editor
– Publication d’un projet Webflow.
– Utilisation de Webflow Editor pour mettre à jour un site web.
– Configuration des paramètres du projet.
– Utilisation de l’éditeur pour ajuster les paramètres des pages.
– Publication du projet.
– Modification en direct d’une page.
– Exportation du code source du projet.
– Présentation d’un projet.

L’accès à la formation s’effectue après :
  • une prise de contact via le formulaire d’inscription ou par e-mail,
  • une analyse du besoin et du niveau du participant (audit réaliser par téléphone ou visio),
  • la validation de l’inscription par l’organisme de formation.

L’inscription est réputée acquise dès lors que l’audit téléphonique est réalisé, que le devis et la convention soient signés. Un délai minimum obligatoire de 11 jours ouvrés entre la validation de l’inscription et la date théorique d’entrée en formation du stagiaire.

Cours pratique en présentiel ou à distance, dans nos locaux.

Tarif : 1000€ H.T.
uniquement par virement bancaire

3 jours soit 21 heures
Café, thé, chocolat chaud & viennoiseries sont offerts.

Dates :
– du 20/05/26 au 22/05/26 (en présentiel)
– du 22/06/26 au 24/06/26 (à distance)

Formation dans nos ou vos locaux, à distance ou sur mesure.

Dans la même catégorie

Autres formations

Html5 & Css3, créer les pages web interactives

Web Design

Sharepoint, concepteur

Web Design

Sharepoint, utilisateur/contributeur

Web Design

WordPress, gérer un site web d’entreprise

Web Design