1

Mise en place d'un premier projet

• Étude des exigences techniques.
• Aperçu du projet.
• S'installer et s'inscrire dans Webflow.
• Mise en place du projet.
• Se familiariser avec l'interface utilisateur de Webflow Designer.

2

Construire la page web visible

• Étude 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.

3

Construire le reste du corps

• Étude 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.

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.

5

Démarrer avec Webflow CMS

• Qu'est-ce qu'un CMS (système de gestion de contenu) ? Pourquoi Webflow CMS ?
• Webflow CMS - les bases. Aperçu du projet.
• Étude des exigences techniques.
• Planification de la structure du CMS.
• Créer son premier projet CMS. Étude 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.

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.

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.

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.