> Formations > Technologies numériques > Langages et développement > No Code, Low Code > Formation Webflow, construire un site web en No Code > Formations > Technologies numériques > Formation Webflow, construire un site web en No Code

Formation : Webflow, construire un site web en No Code

Webflow, construire un site web en No Code



Nouvelle formation

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 à distance
Disponible en anglais, à la demande

Réf. WBW
  3j - 21h00
Prix : 1910 € H.T.
Pauses-café et
déjeuners offerts




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.

Méthodes et moyens pédagogiques
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.

Programme de la formation

1
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.

2
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.

3
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.

4
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.

5
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.

6
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.

7
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.

8
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.


Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Horaires
les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

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

Dernières places
Date garantie en présentiel ou à distance
Session garantie




PARTICIPANTS
Futurs managers et responsables d’équipe souhaitant structurer leur pratique managériale

PRÉREQUIS
Aucun

COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

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.

MOYENS PÉDAGOGIQUES ET TECHNIQUES
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation. • À l’issue de chaque stage ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques. • Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le stagiaire a bien assisté à la totalité de la session.

MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.

ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l'adresse psh-accueil@orsys.fr.