Introduction à la Structuration sous Plan First
Objectifs
Les objectifs de cette vidéo sont de: Recréer la barre de navigation d'OpenAI, Comprendre la structure Plan First, Utiliser des components et des Global Styles, et Assurer un design responsive.
Résumé
Découvrez comment recréer la barre de navigation d'OpenAI en utilisant Webflow. Apprenez les bases des components et des structures sous l'approche Plan First.
Description
Dans cette leçon, vous apprendrez à recréer la barre de navigation de OpenAI en utilisant Webflow. Nous commencerons par comprendre les bases de la structuration sous l'approche Plan First, en configurant un Page Wrapper pour isoler le style de chaque page. Ensuite, nous explorerons le Global Style pour assurer une cohérence visuelle sur tout le site. Nous aborderons la création de components, qui permettent d'appliquer des modifications globales sur plusieurs pages. La navigation sera construite en utilisant les éléments par défaut de Webflow, tout en ajoutant des styles personnalisés pour garantir un design responsif et user-friendly. Cette leçon détaillera chaque étape de la configuration de la navigation, y compris l'ajout de logos, de menus et de boutons, ainsi que la gestion des drop-downs et des icônes.
Questions - réponses
Programme détaillé
Module 1 - Introduction à Webflow
Module 2 - Fondamentaux de la construction de page
Module 3 - Comprendre les Propriétés d'Affichage et positionnement CSS
Module 4 - Stylisation et design responsive
Module 5 - Nomenclature et organisation
Module 6 - Projet Pratique : Recréation de la Landing Page d'OpenAI
Module 7 - Synthèse et récapitulatif
