> Formations > Technologies numériques > Développement logiciel > No Code, Low Code > Formation Webflow, construire un site web en No Code
Nouvelle formation

Formation : Webflow, construire un site web en No Code

Webflow, construire un site web en No Code

Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Webflow est une plateforme NoCode très complète qui permet de concevoir, de développer et de publier facilement des sites Web de haute qualité. Vous apprendrez dans cette formation à penser et concevoir des sites web de conversion efficaces sur Webflow.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. WBW
Prix : 1870 € H.T.
  3j - 21h00




Webflow est une plateforme NoCode très complète qui permet de concevoir, de développer et de publier facilement des sites Web de haute qualité. Vous apprendrez dans cette formation à penser et concevoir des sites web de conversion efficaces sur Webflow.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Maîtriser les fonctionnalités de Webflow pour créer un site internet de qualité
  • Créer les pages essentiels de votre premier site
  • Personnaliser et gérer son site Webflow

Public concerné
Toute personne désirant développer un site Web sans coder.

Prérequis
Aucune connaissance particulière.

Programme de la formation

Mise en place de votre premier projet

  • Etude des exigences techniques.
  • Aperçu du projet.
  • S'installer et s'inscrire dans Webflow.
  • Mise en place de votre projet.
  • Se familiariser avec l'interface utilisateur de Webflow Designer.
Travaux pratiques
Mettre un place un projet Web.

Construire la page Web visible

  • Etude des exigences techniques.
  • Mise en place du corps.
  • Construction de la section Hero.
  • Ajout de l'image d'arrière-plan, du texte d'accompagnement, des boutons d'appel, d'images, du menu de navigation.
  • Rendre le site réctif.
  • Point d'arrêt tablette, "Mobile paysage".
  • Point de rupture « Portrait mobile », écrans de grande taille.
Travaux pratiques
Développer la page principale du site Web.

Construire le reste du corps

  • Etude des exigences techniques.
  • Ajout de la section Comment ça marche.
  • Modification de la section Caractéristiques principales.
  • Création et ajout d'éléments à la grille.
  • Ajout de la section CTA finale et de la section du pied de page.
Travaux pratiques
Ajout d'éléments sur la page Web.

Rendre le site réactif

  • Rendre la section "Comment ça marche", la section Caractéristiques principales et la section CTA responsive.
  • Adapter aux grandes tailles d'écran, aux écrans de tablettes, aux écrans de mobiles.
  • Animer les transitions au survol, déclenchées par les éléments, défilement de page personnalisées.
  • Rendre le pied de page réactif.
  • Créer un effet de parallaxe. Animation du menu au défilement.
  • Création d'un bouton flottant personnalisé. Création et ajout de l'interaction.
  • Affichage du texte sur le bouton flottant.
Travaux pratiques
Rendre le site Web Responsive.

Démarrer avec Webflow CMS

  • Qu'est-ce qu'un CMS ? Pourquoi Webflow CMS ?
  • Webflow CMS - les bases. Aperçu du projet.
  • Etude des exigences techniques.
  • Planification de la structure du CMS.
  • Créer votre premier projet CMS. Etude des exigences techniques.
  • Créer et ajouter du contenu à une collection.
  • Conception d'une page d'accueil de CMS.
  • Importer du contenu en masse.
  • Finaliser le projet.
Travaux pratiques
Pratique du CMS Webflow pour finaliser le site Web.

Création de pages de collection

  • Aperçu du projet.
  • Création de la page de collection de la bibliothèque.
  • Création de la section principale de la page de la bibliothèque.
  • Création de la section des autres bibliothèques.
  • Mise au point de la page d'accueil.
Travaux pratiques
Créer des pages de collection.

Gestion des projets CMS

  • Gestion des paramètres des pages de collection.
  • Faire en sorte que les pages de la collection soient adaptées au référencement.
  • Préparer les pages de collection pour les médias sociaux.
  • Configurer un flux RSS pour une page de collection.
  • Mise à jour des collections et des données dans les champs de la collection.
  • Mise à jour de la structure des champs.
  • Gestion des états des éléments de la collection.
Travaux pratiques
Gérer les paramètres des pages de collection.

Publication de projets sur le Web 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 configurer les paramètres des pages.
  • Publication du projet.
  • Modifier une page en direct.
  • Exportation du code du projet.
  • Présentation d'un projet.
Travaux pratiques
Finalisation du site Web et exportation.


Modalités pratiques
Travaux pratiques
Formation alternant théorie et pratique.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance