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.
3j
- 21h00 
