Page d'accueil
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons ajouter du contenu fictif à notre page, telles que des sections « Qui sommes-nous ? » et « Comment ça marche ? ». Nous allons diviser le contenu en trois parties, avec chacune un titre distinct. Nous allons réafficher le layout et utiliser des démarcations similaires à celles utilisées pour les blocs précédents. Ensuite, nous allons créer des fonds colorés pour y placer nos titres. Tout au long du processus, vous verrez comment utiliser les outils disponibles pour dupliquer et aligner facilement les éléments sur la page. En ajoutant des borders radius personnalisés, vous apprendrez à jouer avec les coins pour obtenir un design plus esthétique. Par ailleurs, nous appliquerons un style de texte spécifique, en utilisant la police Futura Angra, et en mettant les titres en majuscules et en blanc, puisque le fond est coloré. Finalement, nous explorerons la création de différents types de blocs comme des rectangles pour les formules, et verrons comment les grouper et les aligner pour garder un design cohérent.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à ajouter et organiser du contenu fictif sur une page web, à utiliser des styles de texte personnalisés, et à grouper des éléments pour un alignement précis.
Prérequis pour cette leçon
Avant de suivre cette vidéo, il est conseillé d'avoir une connaissance de base en HTML et CSS, et quelques notions en design de page web.
Métiers concernés
Les connaissances acquises dans cette vidéo peuvent être utiles pour des web designers, des développeurs front-end, et des créateurs de contenu web cherchant à améliorer l'UX/UI de leurs pages.
Alternatives et ressources
Des alternatives à ces techniques incluent l'utilisation de constructeurs de sites web comme WordPress ou des outils de maquette tels que Adobe XD.
Questions & Réponses
Je m'abonne